diff options
| author | Andrew Yu <andrew@andrewyu.org> | 2021-12-16 02:18:59 +0800 |
|---|---|---|
| committer | Andrew Yu <andrew@andrewyu.org> | 2021-12-16 02:18:59 +0800 |
| commit | 69429c827c80ab09c621c6d84fac2b58c078a8de (patch) | |
| tree | b56c69c4d45a7d7546716131ef28fbac73947e7f | |
| parent | 6ca19ae9c5880dbbad2a1047bb7de88be311b1c4 (diff) | |
| download | www-69429c827c80ab09c621c6d84fac2b58c078a8de.tar.gz | |
change theme and add nav
| -rw-r--r-- | index.html | 26 | ||||
| -rw-r--r-- | 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 @@ </head> <body> <h1>Andrew Yu's WIP website</h1> + <div id="nav"> + <ul> + <li><a href="https://www.andrewyu.org">Home</a></li> + <li><a href="https://blog.andrewyu.org">Blog</a></li> + <li><a href="https://project.andrewyu.org">Projects</a></li> + <li><a href="https://git.andrewyu.org">Git</a></li> + <li><a href="https://lib.andrewyu.org">Files</a></li> + </ul> + </div> <div class="multicol"> - <div id="sites"> - <h2>Status of this website</h2> - <p>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!</p> - <p>Things done:</p> - <dl> - <dt>web</dt><dd>httpd, certbot, htaccess</dd> - <dt>email</dt><dd>smtpd, dovecot, rspamd</dd> - </dl> - <p>I maintain a few sites on my server.</p> - <dl> - <dt>Public projects code on the Web</dt><dd><a href="https://project.andrewyu.org">https://projects.andrewyu.org</a></dd> - <dt>Git bare repos for public projects</dt><dd><a href="https://git.andrewyu.org">https://git.andrewyu.org</a></dd> - <dt>My personal blog</dt><dd><a href="https://blog.andrewyu.org">https://blog.andrewyu.org</a></dd> - <dt>File storage space</dt><dd><a href="https://lib.andrewyu.org">https://lib.andrewyu.org</a></dd> - </dl> - <p>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 <a href="https://git.andrewyu.org">https://git.andrewyu.org</a> because I like hosting stuff myself as far as possible.</p> - </div> <div id="ponder"> <h2>Help me ponder upon these questions</h2> <h3>Help me choose licenses</h3> 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; } |