This commit is contained in:
wi11-holdsworth 2025-05-29 12:30:09 +10:00
parent 2d4ac41cfa
commit eea8e10cab
10 changed files with 49 additions and 45 deletions

View file

@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style.css"> <link rel="stylesheet" href="../../../index.css">
<title>Document</title> <title>Document</title>
</head> </head>
@ -13,19 +13,19 @@
<h1>Will Holdsworth</h1> <h1>Will Holdsworth</h1>
<hr> <hr>
<nav> <nav>
<a href="/index.html">Home</a> <a href="../../../index.html">Home</a>
| |
<a href="/projects/index.html">Projects</a> <a href="../../../projects/index.html">Projects</a>
| Blog | | Blog |
<a href="/about.html">About</a> <a href="../../../pages/about.html">About</a>
| |
<a href="/contact.html">Contact</a> <a href="../../../pages/contact.html">Contact</a>
</nav> </nav>
<hr> <hr>
</header> </header>
<main> <main>
<a href="/blog/index.html">&laquo; Return to posts</a> <a href="../../index.html">&laquo; Return to posts</a>
<h1>Quick & easy cloud storage with dufs and NixOS</h1> <h1>Quick & easy cloud storage with dufs and NixOS</h1>
<p> <p>
dufs<sup><a id="footnote-1-ref" href="#footnote-1" title="link to footnote">1</a></sup> (the distinctive file dufs<sup><a id="footnote-1-ref" href="#footnote-1" title="link to footnote">1</a></sup> (the distinctive file

View file

@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style.css"> <link rel="stylesheet" href="../index.css">
<title>Document</title> <title>Document</title>
</head> </head>
@ -13,13 +13,13 @@
<h1>Will Holdsworth</h1> <h1>Will Holdsworth</h1>
<hr> <hr>
<nav> <nav>
<a href="/index.html">Home</a> <a href="../index.html">Home</a>
| |
<a href="/projects/index.html">Projects</a> <a href="../projects/index.html">Projects</a>
| Blog | | Blog |
<a href="/about.html">About</a> <a href="../pages/about.html">About</a>
| |
<a href="/contact.html">Contact</a> <a href="../pages/contact.html">Contact</a>
</nav> </nav>
<hr> <hr>
</header> </header>

2
public/index.css Normal file
View file

@ -0,0 +1,2 @@
@import "./styles/variables.css";
@import "./styles/global.css";

View file

@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style.css"> <link rel="stylesheet" href="index.css">
<title>Document</title> <title>Document</title>
</head> </head>
@ -18,9 +18,9 @@
| |
<a href="blog/index.html">Blog</a> <a href="blog/index.html">Blog</a>
| |
<a href="about.html">About</a> <a href="pages/about.html">About</a>
| |
<a href="contact.html">Contact</a> <a href="pages/contact.html">Contact</a>
</nav> </nav>
<hr> <hr>
</header> </header>

View file

@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style.css"> <link rel="stylesheet" href="../index.css">
<title>Document</title> <title>Document</title>
</head> </head>
@ -13,11 +13,11 @@
<h1>Will Holdsworth</h1> <h1>Will Holdsworth</h1>
<hr> <hr>
<nav> <nav>
<a href="index.html">Home</a> <a href="../index.html">Home</a>
| |
<a href="projects/index.html">Projects</a> <a href="../projects/index.html">Projects</a>
| |
<a href="blog/index.html">Blog</a> <a href="../blog/index.html">Blog</a>
| About | | About |
<a href="contact.html">Contact</a> <a href="contact.html">Contact</a>
</nav> </nav>

View file

@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style.css"> <link rel="stylesheet" href="../index.css">
<title>Document</title> <title>Document</title>
</head> </head>
@ -13,11 +13,11 @@
<h1>Will Holdsworth</h1> <h1>Will Holdsworth</h1>
<hr> <hr>
<nav> <nav>
<a href="index.html">Home</a> <a href="../index.html">Home</a>
| |
<a href="projects/index.html">Projects</a> <a href="../projects/index.html">Projects</a>
| |
<a href="blog/index.html">Blog</a> <a href="../blog/index.html">Blog</a>
| |
<a href="about.html">About</a> <a href="about.html">About</a>
| Contact | Contact

View file

@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style.css"> <link rel="stylesheet" href="../index.css">
<title>Document</title> <title>Document</title>
</head> </head>
@ -13,13 +13,13 @@
<h1>Will Holdsworth</h1> <h1>Will Holdsworth</h1>
<hr> <hr>
<nav> <nav>
<a href="/index.html">Home</a> <a href="../index.html">Home</a>
| Projects | | Projects |
<a href="/blog/index.html">Blog</a> <a href="../blog/index.html">Blog</a>
| |
<a href="/about.html">About</a> <a href="../pages/about.html">About</a>
| |
<a href="/contact.html">Contact</a> <a href="../pages/contact.html">Contact</a>
</nav> </nav>
<hr> <hr>
</header> </header>

View file

@ -1,6 +1,6 @@
html { html {
background-color: #000; background-color: var(--background-color);
color: #d9d9d9; color: var(--color);
font-family: sans-serif; font-family: sans-serif;
font-size: large; font-size: large;
line-height: 1.4; line-height: 1.4;
@ -11,21 +11,21 @@ html {
} }
a { a {
color: #00a2e7 color: var(--link-color);
} }
a:visited { a:visited {
color: #ca1a70; color: var(--visited-link-color);
} }
a:hover { a:hover {
color: white; color: var(--hover-link-color);
background-color: #00a2e7; background-color: var(--link-color);
} }
a:visited:hover { a:visited:hover {
color: white; color: var(--hover-link-color);
background-color: #ca1a70; background-color: var(--visited-link-color);
} }
h1 { h1 {
@ -41,9 +41,4 @@ header {
footer { footer {
font-size: smaller; font-size: smaller;
}
.info {
font-style: italic;
color: #d9d9d9c7;
} }

View file

@ -0,0 +1,7 @@
:root {
--color: #d9d9d9;
--background-color: #000;
--link-color: #00a2e7;
--visited-link-color: #ca1a70;
--hover-link-color: white;
}

View file

@ -13,19 +13,19 @@
<h1>Will Holdsworth</h1> <h1>Will Holdsworth</h1>
<hr> <hr>
<nav> <nav>
<a href="/index.html">Home</a> <a href="../../../index.html">Home</a>
| |
<a href="/projects/index.html">Projects</a> <a href="../../../projects/index.html">Projects</a>
| Blog | | Blog |
<a href="/about.html">About</a> <a href="../../../pages/about.html">About</a>
| |
<a href="/contact.html">Contact</a> <a href="../../../pages/contact.html">Contact</a>
</nav> </nav>
<hr> <hr>
</header> </header>
<main> <main>
<a href="/blog/index.html">&laquo; Return to posts</a> <a href="../../index.html">&laquo; Return to posts</a>
<h1>Title</h1> <h1>Title</h1>
<a href="#top">^ Back to top</a> <a href="#top">^ Back to top</a>
</main> </main>