diff options
author | Frederick Yin <fkfd@fkfd.me> | 2023-01-15 13:44:37 +0800 |
---|---|---|
committer | Frederick Yin <fkfd@fkfd.me> | 2023-01-15 13:44:37 +0800 |
commit | 5e2291d2daba9c76c086e70c9cddd9ecd3e45bf4 (patch) | |
tree | f9ab8106fb49d4ca4fd4525b05d4e844320bbd8f /docs/index.md | |
parent | e4581f12339d9fc141100da815408676d22162be (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.md | 32 |
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> |