Compare commits

...

4 Commits

Author SHA1 Message Date
filifa 9e81c37bfd add an attribution for the usb image 2024-09-08 16:17:15 -05:00
filifa b1c97c9f9f add attributions page 2024-09-08 15:45:09 -05:00
filifa ffa7805352 update favicon 2024-08-17 14:31:11 -05:00
filifa 70d26b691b replace aside tag with nav 2024-08-16 00:19:53 -05:00
5 changed files with 42 additions and 6 deletions

35
attributions.html Normal file
View File

@ -0,0 +1,35 @@
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" href="styles.css" />
<link rel="icon" href="favicon.ico" />
<script src="elements.js" type="text/javascript" defer></script>
<title>Attributions</title>
</head>
<body>
<dd-header></dd-header>
<main>
<article>
<h1>Attributions.</h1>
<ul>
<li>
"<a href="https://www.flickr.com/photos/genista/45519453/in/photostream/">watching</a>"
by
<a href="https://www.flickr.com/photos/genista/">Kai Schreiber</a>
is licensed under
<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC BY-SA 2.0</a>
</li>
<li>
That weird usb mouse comic on the about page is
by
<a href="https://www.instagram.com/hunter.slugdaddy/">Hunter Scheiderer</a>
</li>
</ul>
</article>
</main>
<dd-footer></dd-footer>
</body>
</html>

View File

@ -31,6 +31,7 @@ class DDFooter extends HTMLElement {
<footer>
<ul>
<li><a href="/about.html">about</a></li>
<li><a href="/attributions.html">attributions</a></li>
</ul>
</footer>
`;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -12,7 +12,7 @@
<body>
<dd-header></dd-header>
<main>
<aside>
<nav>
<h2>Contents</h2>
<ol>
<li><a href="#metal-gear-solid-trivia">Top</a></li>
@ -28,7 +28,7 @@
<li><a href="#some-more-notes">Some more notes</a></li>
</ol></li>
</ol>
</aside>
</nav>
<article>
<h1 id="metal-gear-solid-trivia">Metal Gear Solid Trivia</h1>

View File

@ -9,7 +9,7 @@ html {
header,
footer,
article,
aside {
main nav {
border: 3px black solid;
background: turquoise;
margin: 5px;
@ -55,7 +55,7 @@ footer {
font-weight: bold;
}
nav {
#headermain nav {
font-size: x-large;
}
@ -75,7 +75,7 @@ footer ul li + li::before {
}
/* main content */
aside {
main nav {
padding: 10px;
}
@ -132,7 +132,7 @@ ol ol ol {
align-items: start;
}
aside {
main nav {
flex: auto;
position: sticky;
top: 10px;