aboutsummaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorkennethcheo <kennethcheo1@gmail.com>2021-09-26 02:16:49 +0800
committerkennethcheo <kennethcheo1@gmail.com>2021-09-26 02:16:49 +0800
commit5150b2ca24b92cb3534e531104cdf760e2b47574 (patch)
treef22549246d2adaa84651b3e7b26a78e020a8af1d /index.html
parentfcd352dfa70ed9e9950738552727910689d25739 (diff)
downloadstartpage-5150b2ca24b92cb3534e531104cdf760e2b47574.tar.xz
startpage-5150b2ca24b92cb3534e531104cdf760e2b47574.zip
Switched from flex to grid CSS
Diffstat (limited to 'index.html')
-rw-r--r--index.html81
1 files changed, 43 insertions, 38 deletions
diff --git a/index.html b/index.html
index 253275f..885f58d 100644
--- a/index.html
+++ b/index.html
@@ -9,60 +9,65 @@
<body>
<div class="container">
- <div class="gif">
- <img src="cat.gif" />
- </div>
- <div class="head">
- <p>> cd ~/<span class="blinking">_</span></p>
+ <div class="left-container">
+ <div class="gif">
+ <img src="cat.gif" />
+ </div>
</div>
- <!-- <div class="search_box">
+ <div class="right-container">
+ <div class="head">
+ <p>> cd ~/<span class="blinking">_</span></p>
+ </div>
+
+ <!-- search bar -->
+ <!-- <div class="search_box">
<form action="https://duckduckgo.com/" method="get">
<input class="input_box" type="text" placeholder="ddg" autocomplete="off">
</form>
</div> -->
- <div class="bookmark">
+ <div class="bookmark">
- <div class="category">
- <div class="bookmarks">
- <li class="title">work</li>
- <li><a href="https://gmail.com" target="_blank" rel="noopener noreferrer">gmail</a></li>
- <li><a href="https://outlook.office.com">outlook</a></li>
- <li><a href="https://linkedin.com">linkedin</a></li>
+ <div class="category">
+ <div class="bookmarks">
+ <li class="title">work</li>
+ <li><a href="https://gmail.com" target="_blank" rel="noopener noreferrer">gmail</a></li>
+ <li><a href="https://outlook.office.com">outlook</a></li>
+ <li><a href="https://linkedin.com">linkedin</a></li>
+ </div>
</div>
- </div>
- <div class="category">
- <div class="bookmarks">
- <li class="title">dev</li>
- <li><a href="https://github.com/">github</a></li>
- <li><a href="https://github.com/">lobste.rs</a></li>
- <li><a href="https://mankier.com/">mankier</a></li>
- <li><a href="https://devdocs.io/">devdocs</a></li>
+ <div class="category">
+ <div class="bookmarks">
+ <li class="title">dev</li>
+ <li><a href="https://github.com/">github</a></li>
+ <li><a href="https://github.com/">lobste.rs</a></li>
+ <li><a href="https://mankier.com/">mankier</a></li>
+ <li><a href="https://devdocs.io/">devdocs</a></li>
+ </div>
</div>
- </div>
- <div class="category">
- <div class="bookmarks">
- <li class="title"><a style="color: #EADBB2" href="https://reddit.com">reddit</a></li>
- <li><a href="https://reddit.com/r/programming/">programming</a></li>
- <li><a href="https://reddit.com/r/selfhosted/">selfhosted</a></li>
- <li><a href="https://reddit.com/r/unixporn/">unixporn</a></li>
- <li><a href="https://reddit.com/r/mechanicalkeyboards/">mk</a></li>
+ <div class="category">
+ <div class="bookmarks">
+ <li class="title"><a style="color: #EADBB2" href="https://reddit.com">reddit</a></li>
+ <li><a href="https://reddit.com/r/programming/">programming</a></li>
+ <li><a href="https://reddit.com/r/selfhosted/">selfhosted</a></li>
+ <li><a href="https://reddit.com/r/unixporn/">unixporn</a></li>
+ <li><a href="https://reddit.com/r/mechanicalkeyboards/">mk</a></li>
+ </div>
</div>
- </div>
- <div class="category">
- <div class="bookmarks">
- <li class="title">play</li>
- <li><a href="https://monkeytype.com/">monkeytype</a></li>
- <li><a href="https://youtube.com/">youtube</a></li>
- <li><a href="https://twitch.tv/">twitch</a></li>
- <li><a href="https://netflix.com/">netflix</a></li>
+ <div class="category">
+ <div class="bookmarks">
+ <li class="title">play</li>
+ <li><a href="https://monkeytype.com/">monkeytype</a></li>
+ <li><a href="https://youtube.com/">youtube</a></li>
+ <li><a href="https://twitch.tv/">twitch</a></li>
+ <li><a href="https://netflix.com/">netflix</a></li>
+ </div>
</div>
</div>
-
</div>
</div>
</body>