use suggested project layout from: https://plainvanillaweb.com/pages/sites.html
This commit is contained in:
parent
2d4ac41cfa
commit
eea8e10cab
10 changed files with 49 additions and 45 deletions
|
|
@ -4,7 +4,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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>
|
||||
</head>
|
||||
|
||||
|
|
@ -13,19 +13,19 @@
|
|||
<h1>Will Holdsworth</h1>
|
||||
<hr>
|
||||
<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 |
|
||||
<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>
|
||||
<hr>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<a href="/blog/index.html">« Return to posts</a>
|
||||
<a href="../../index.html">« Return to posts</a>
|
||||
<h1>Quick & easy cloud storage with dufs and NixOS</h1>
|
||||
<p>
|
||||
dufs<sup><a id="footnote-1-ref" href="#footnote-1" title="link to footnote">1</a></sup> (the distinctive file
|
||||
|
|
@ -4,7 +4,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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>
|
||||
</head>
|
||||
|
||||
|
|
@ -13,13 +13,13 @@
|
|||
<h1>Will Holdsworth</h1>
|
||||
<hr>
|
||||
<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 |
|
||||
<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>
|
||||
<hr>
|
||||
</header>
|
||||
2
public/index.css
Normal file
2
public/index.css
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
@import "./styles/variables.css";
|
||||
@import "./styles/global.css";
|
||||
|
|
@ -4,7 +4,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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>
|
||||
</head>
|
||||
|
||||
|
|
@ -18,9 +18,9 @@
|
|||
|
|
||||
<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>
|
||||
<hr>
|
||||
</header>
|
||||
|
|
@ -4,7 +4,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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>
|
||||
</head>
|
||||
|
||||
|
|
@ -13,11 +13,11 @@
|
|||
<h1>Will Holdsworth</h1>
|
||||
<hr>
|
||||
<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 |
|
||||
<a href="contact.html">Contact</a>
|
||||
</nav>
|
||||
|
|
@ -4,7 +4,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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>
|
||||
</head>
|
||||
|
||||
|
|
@ -13,11 +13,11 @@
|
|||
<h1>Will Holdsworth</h1>
|
||||
<hr>
|
||||
<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>
|
||||
| Contact
|
||||
|
|
@ -4,7 +4,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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>
|
||||
</head>
|
||||
|
||||
|
|
@ -13,13 +13,13 @@
|
|||
<h1>Will Holdsworth</h1>
|
||||
<hr>
|
||||
<nav>
|
||||
<a href="/index.html">Home</a>
|
||||
<a href="../index.html">Home</a>
|
||||
| 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>
|
||||
<hr>
|
||||
</header>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
html {
|
||||
background-color: #000;
|
||||
color: #d9d9d9;
|
||||
background-color: var(--background-color);
|
||||
color: var(--color);
|
||||
font-family: sans-serif;
|
||||
font-size: large;
|
||||
line-height: 1.4;
|
||||
|
|
@ -11,21 +11,21 @@ html {
|
|||
}
|
||||
|
||||
a {
|
||||
color: #00a2e7
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #ca1a70;
|
||||
color: var(--visited-link-color);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: white;
|
||||
background-color: #00a2e7;
|
||||
color: var(--hover-link-color);
|
||||
background-color: var(--link-color);
|
||||
}
|
||||
|
||||
a:visited:hover {
|
||||
color: white;
|
||||
background-color: #ca1a70;
|
||||
color: var(--hover-link-color);
|
||||
background-color: var(--visited-link-color);
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
|
@ -41,9 +41,4 @@ header {
|
|||
|
||||
footer {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.info {
|
||||
font-style: italic;
|
||||
color: #d9d9d9c7;
|
||||
}
|
||||
7
public/styles/variables.css
Normal file
7
public/styles/variables.css
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
:root {
|
||||
--color: #d9d9d9;
|
||||
--background-color: #000;
|
||||
--link-color: #00a2e7;
|
||||
--visited-link-color: #ca1a70;
|
||||
--hover-link-color: white;
|
||||
}
|
||||
|
|
@ -13,19 +13,19 @@
|
|||
<h1>Will Holdsworth</h1>
|
||||
<hr>
|
||||
<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 |
|
||||
<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>
|
||||
<hr>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<a href="/blog/index.html">« Return to posts</a>
|
||||
<a href="../../index.html">« Return to posts</a>
|
||||
<h1>Title</h1>
|
||||
<a href="#top">^ Back to top</a>
|
||||
</main>
|
||||
Loading…
Add table
Add a link
Reference in a new issue