commit f35b84a4e26fa6c8d7275ae7479c363afdd6ec1e Author: HackerNCoder Date: Sat Dec 17 16:45:18 2022 +0000 initial commit, in progress diff --git a/index.html b/index.html new file mode 100644 index 0000000..0e1abda --- /dev/null +++ b/index.html @@ -0,0 +1,59 @@ + + + + + + HackerNCoders website + + + +
+
+
+

HackerNCoders website

+
+
+
+
+ +
+
+

Welcome to my website

+

Hi, I'm hackerncoder. I just redesigned my website - no actually, I rewrote it. I used to run writefreely, but I decided to make a fully static html+css-only website.

+

Actually, my mastodon bio is more correct, I stole this website. cadence (go check her website out!) actually made this, and hers is the better of our two, since design and colours isn't really my strong point somehow

+
+
+ +
+ + diff --git a/static/css/main.css b/static/css/main.css new file mode 100644 index 0000000..fe1ac15 --- /dev/null +++ b/static/css/main.css @@ -0,0 +1,85 @@ +body { + font-family: monospace; + font-size:20px; + line-height:1.5; + position:relative; + color: #fff; + background-color:#2e4051; +} +a { + color:#fff; + text-decoration: underline 2px dotted white; +} +a:hover { + text-decoration: underline 2px solid white; +} +:focus { + border-bottom: none; + outline: 2px dashed white; +} +.layout { + max-width: 1000px; + margin: 0 auto 200px; +} +.big-text-header { + font-size: 70px; + line-height: 1; + text-align: center; + display: flex; + justify-content: center; +} +.big-text-header__text { + font-size: 1em; + padding: 10px; +} +.layout__left-col { + display: flex; + flex-direction: column; + align-items: center; +} +.left-nav { + min-width: 180px; +} +.left-nav__categories { + padding: 0; + margin: 0; + list-style-type: none; +} +.left-nav__category { + margin-bottom: 16px; +} +.left-nav .category-label { + padding-left: 16px; +} +.left-nav__list { + font-family: monospace; + list-style-type: none; + padding: 0; + margin: 0; + font-size: 20px; + line-height: 1; +} +.left-nav__block { + margin: 4px 4px 12px 4px; + background-color: #2e2f51; + position: relative; + border: 2px solid; + border-color: #2e2f51; +} +.left-nav__list-link, +.left-nav__list-link:visited { + color: #fff; + padding: 6px; + display: block; +} +@media screen and (min-width: 800px) { + .layout__columns { + display: flex; + } + .layout__left-col { + align-items: start; + } + .left-nav { + margin-right: 24px; + } +} diff --git a/static/img/cadence_now.png b/static/img/cadence_now.png new file mode 100644 index 0000000..219a8fd Binary files /dev/null and b/static/img/cadence_now.png differ