diff options
author | kennethcheo <kennethcheo1@gmail.com> | 2021-09-26 02:16:49 +0800 |
---|---|---|
committer | kennethcheo <kennethcheo1@gmail.com> | 2021-09-26 02:16:49 +0800 |
commit | 5150b2ca24b92cb3534e531104cdf760e2b47574 (patch) | |
tree | f22549246d2adaa84651b3e7b26a78e020a8af1d /index.html | |
parent | fcd352dfa70ed9e9950738552727910689d25739 (diff) | |
download | startpage-5150b2ca24b92cb3534e531104cdf760e2b47574.tar.xz startpage-5150b2ca24b92cb3534e531104cdf760e2b47574.zip |
Switched from flex to grid CSS
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 81 |
1 files changed, 43 insertions, 38 deletions
@@ -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> |