From f35b84a4e26fa6c8d7275ae7479c363afdd6ec1e Mon Sep 17 00:00:00 2001 From: HackerNCoder Date: Sat, 17 Dec 2022 16:45:18 +0000 Subject: [PATCH] initial commit, in progress --- index.html | 59 +++++++++++++++++++++++++ static/css/main.css | 85 +++++++++++++++++++++++++++++++++++++ static/img/cadence_now.png | Bin 0 -> 2675 bytes 3 files changed, 144 insertions(+) create mode 100644 index.html create mode 100644 static/css/main.css create mode 100644 static/img/cadence_now.png 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

+
+
+
+ The text "cadence now!" on a purple background. There is a moon-shaped logo on the left side and a tiny star in the bottom right. +
+
+ + 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 0000000000000000000000000000000000000000..219a8fda43f0ffdd9a611071770459e723e43201 GIT binary patch literal 2675 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 literal 0 HcmV?d00001