Compare commits
4 Commits
4ca952604c
...
9e81c37bfd
Author | SHA1 | Date |
---|---|---|
|
9e81c37bfd | |
|
b1c97c9f9f | |
|
ffa7805352 | |
|
70d26b691b |
|
@ -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>
|
|
@ -31,6 +31,7 @@ class DDFooter extends HTMLElement {
|
||||||
<footer>
|
<footer>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="/about.html">about</a></li>
|
<li><a href="/about.html">about</a></li>
|
||||||
|
<li><a href="/attributions.html">attributions</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</footer>
|
</footer>
|
||||||
`;
|
`;
|
||||||
|
|
BIN
favicon.ico
BIN
favicon.ico
Binary file not shown.
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.1 KiB |
|
@ -12,7 +12,7 @@
|
||||||
<body>
|
<body>
|
||||||
<dd-header></dd-header>
|
<dd-header></dd-header>
|
||||||
<main>
|
<main>
|
||||||
<aside>
|
<nav>
|
||||||
<h2>Contents</h2>
|
<h2>Contents</h2>
|
||||||
<ol>
|
<ol>
|
||||||
<li><a href="#metal-gear-solid-trivia">Top</a></li>
|
<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>
|
<li><a href="#some-more-notes">Some more notes</a></li>
|
||||||
</ol></li>
|
</ol></li>
|
||||||
</ol>
|
</ol>
|
||||||
</aside>
|
</nav>
|
||||||
|
|
||||||
<article>
|
<article>
|
||||||
<h1 id="metal-gear-solid-trivia">Metal Gear Solid Trivia</h1>
|
<h1 id="metal-gear-solid-trivia">Metal Gear Solid Trivia</h1>
|
||||||
|
|
|
@ -9,7 +9,7 @@ html {
|
||||||
header,
|
header,
|
||||||
footer,
|
footer,
|
||||||
article,
|
article,
|
||||||
aside {
|
main nav {
|
||||||
border: 3px black solid;
|
border: 3px black solid;
|
||||||
background: turquoise;
|
background: turquoise;
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
|
@ -55,7 +55,7 @@ footer {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
#headermain nav {
|
||||||
font-size: x-large;
|
font-size: x-large;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -75,7 +75,7 @@ footer ul li + li::before {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* main content */
|
/* main content */
|
||||||
aside {
|
main nav {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -132,7 +132,7 @@ ol ol ol {
|
||||||
align-items: start;
|
align-items: start;
|
||||||
}
|
}
|
||||||
|
|
||||||
aside {
|
main nav {
|
||||||
flex: auto;
|
flex: auto;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
|
|
Loading…
Reference in New Issue