zyl/zyllian.github.io
1
0
Fork 0
mirror of https://github.com/zyllian/zyllian.github.io.git synced 2025-05-09 18:16:43 -07:00
Code Issues Projects Releases Packages Wiki Activity

deploy: 4b9af56935

Browse source
This commit is contained in:
Zoeycode 2021-08-19 21:30:09 +00:00
parent da51c0ae0e
commit f36b60cd06
2 changed files with 17 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

18
styles/index.css
View file

@ -1,16 +1,32 @@
body { body {
font-family: sans-serif; font-family: sans-serif;
margin: 0; margin: 0;
background-color: var(--bg-color);
color: var(--text-color);
height: 100vh;
--bg-color: #eee;
--text-color: black;
--accent-color: #0ad;
--accent-text-color: var(--text-color);
}
@media (prefers-color-scheme: dark) {
body {
--bg-color: #333;
--text-color: #aaa;
--accent-text-color: var(--bg-color);
}
} }
header.main-header { header.main-header {
display: block; display: block;
padding: 4px; padding: 4px;
background-color: #0ad; background-color: var(--accent-color);
color: var(--accent-text-color);
} }
a { a {
text-decoration: none; text-decoration: none;
color: var(--accent-color);
} }
a:hover, a:focus { a:hover, a:focus {
text-decoration: underline; text-decoration: underline;

22
test.html
View file

@ -1,22 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8">
<meta name="referrer" content="no-referrer">
<link rel="stylesheet" href="/styles/index.css">
<title>zoey.dev / Test Page</title><base href="https://zoey.dev"></head>
<body>
<header class="main-header">
<span class="name">Zoey</span>'s website |
<span class="pronouns">she/her</span>
</header>
<main class="page">
<h1>Heading</h1>
<p><em>Hi</em> there.</p>
</main>
</body>
</html>