summaryrefslogtreecommitdiff
path: root/docs/index.md
diff options
context:
space:
mode:
authorFrederick Yin <fkfd@fkfd.me>2023-01-15 13:44:37 +0800
committerFrederick Yin <fkfd@fkfd.me>2023-01-15 13:44:37 +0800
commit5e2291d2daba9c76c086e70c9cddd9ecd3e45bf4 (patch)
treef9ab8106fb49d4ca4fd4525b05d4e844320bbd8f /docs/index.md
parente4581f12339d9fc141100da815408676d22162be (diff)
Revise homepage (again)
Transparent instead of solid colors. Fits better with the overall theme.
Diffstat (limited to 'docs/index.md')
-rw-r--r--docs/index.md32
1 files changed, 19 insertions, 13 deletions
diff --git a/docs/index.md b/docs/index.md
index 53dda73..fc7ad0d 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -2,35 +2,41 @@
## Categories
-<div class="home-block-container">
+<div class="category-block-container">
<a href="/projects">
- <div class="home-block" id="category-projects">
- <span>Projects</span>
+ <div class="category-block">
+ <span class="category-icon" id="icon-projects"></span>
+ <span class="category-text">Projects</span>
</div>
</a>
<a href="/random">
- <div class="home-block" id="category-random">
- <span>Random</span>
+ <div class="category-block">
+ <span class="category-icon" id="icon-random"></span>
+ <span class="category-text">Random</span>
</div>
</a>
<a href="/ta">
- <div class="home-block" id="category-ta">
- <span>TA</span>
+ <div class="category-block">
+ <span class="category-icon" id="icon-ta"></span>
+ <span class="category-text">TA</span>
</div>
</a>
<a href="/ham">
- <div class="home-block" id="category-ham">
- <span>Ham Radio</span>
+ <div class="category-block">
+ <span class="category-icon" id="icon-ham"></span>
+ <span class="category-text">Ham Radio</span>
</div>
</a>
<a href="/shitpost">
- <div class="home-block" id="category-shitpost">
- <span>Shitpost</span>
+ <div class="category-block">
+ <span class="category-icon" id="icon-shitpost"></span>
+ <span class="category-text">Shitpost</span>
</div>
</a>
<a href="/comics">
- <div class="home-block" id="category-comics">
- <span>Comics</span>
+ <div class="category-block">
+ <span class="category-icon" id="icon-comics"></span>
+ <span class="category-text">Comics</span>
</div>
</a>
</div>