From 69429c827c80ab09c621c6d84fac2b58c078a8de Mon Sep 17 00:00:00 2001 From: Andrew Yu Date: Thu, 16 Dec 2021 02:18:59 +0800 Subject: change theme and add nav --- index.html | 26 +++++++++----------------- style.css | 38 +++++++++++++++++++++++++++++++------- 2 files changed, 40 insertions(+), 24 deletions(-) diff --git a/index.html b/index.html index 17cb49c..141b8f9 100644 --- a/index.html +++ b/index.html @@ -6,24 +6,16 @@

Andrew Yu's WIP website

+
-
-

Status of this website

-

I recently switched from GNU/Linux to OpenBSD on all of my servers and some desktop/laptops. I'm going to rewrite the site soon, see you then!

-

Things done:

-
-
web
httpd, certbot, htaccess
-
email
smtpd, dovecot, rspamd
-
-

I maintain a few sites on my server.

-
-
Public projects code on the Web
https://projects.andrewyu.org
-
Git bare repos for public projects
https://git.andrewyu.org
-
My personal blog
https://blog.andrewyu.org
-
File storage space
https://lib.andrewyu.org
-
-

Note: Some of these sites are unpopulated. Some of these sites look ugly. Some of these sites don't exist yet. This is, again, a new server, I'm probably going to fix that sooner or later. If you still find it empty in a while, please tell me about that. If you could get me a stylesheet that's high contrast but colorful, I'd appreciate that! Just note that it's gotta be under a free license. I'm not an expert in HTML and stuff, and I'm thinking of alternative protocols (including Gopher and Gemini, but I need to find sane UNIX-ey daemons). I maintain the source of my website and blog on https://git.andrewyu.org because I like hosting stuff myself as far as possible.

-

Help me ponder upon these questions

Help me choose licenses

diff --git a/style.css b/style.css index 62bbb5f..32225da 100644 --- a/style.css +++ b/style.css @@ -11,16 +11,19 @@ h1 { } .multicol { display: flex; - flex-flow: row wrap; - justify-content: center; - align-items: flex-start; - align-content: flex-start; + flex-flow: row; + /* flex-flow: row wrap; */ + /* justify-content: center; */ + /* align-items: flex-start; */ + /* align-content: flex-start; */ + /* /\* height: calc(100vh); *\/ */ gap: 2%; } .multicol div { - max-width: 75ex; - min-width: 35ex; - flex-basis: | auto; + /* max-width: 75ex; */ + /* margin-left: auto; */ + /* margin-right: auto; */ + /* flex-basis: | auto; */ /*******************************/ /* margin: auto; */ /* border: 1px solid white; */ @@ -38,13 +41,34 @@ h1 { } a:link { color: cyan; + text-decoration: none; } a:visited { color: violet; + text-decoration: none; } a:hover { color: yellow; + text-decoration: none; } a:active { color: lime; + text-decoration: none; +} +#nav ul { + list-style-type: none; + padding: 1em 0; + text-align: center; + /*************************************/ + /* border-top: 2px solid black; */ + /* border-bottom: 2px solid back; */ + /*************************************/ +} +#nav ul li { + display: inline; + padding: 0 1.5em; +} +#nav ul li a { + font-weight: bold; + color: white; } -- cgit 1.4.1-2-gfad0