diff options
| -rw-r--r-- | article.css | 26 | ||||
| -rw-r--r-- | article.js | 2 | ||||
| -rw-r--r-- | index.html | 27 | ||||
| -rw-r--r-- | style.css | 31 | ||||
| -rw-r--r-- | writing.html | 2 |
5 files changed, 35 insertions, 53 deletions
diff --git a/article.css b/article.css index 6fe0a37..f3fc047 100644 --- a/article.css +++ b/article.css @@ -1,4 +1,4 @@ -@import url('https://static.williamsfam.us.com/prose.css'); +@import url('static/prose.css'); *, *::before, *::after { box-sizing: border-box; @@ -25,6 +25,17 @@ article { z-index: 1; } +@media (max-width: 1000px) { + body { + display: block; + padding: 1rem 1rem 3rem; + } + + .content { + padding: 0; + } +} + header { display: flex; flex-direction: column; @@ -41,7 +52,7 @@ header { height: 5.5rem; flex-shrink: 0; background-color: #e6e6e6; - mask-image: url("https://static.williamsfam.us.com/Logo.svg"); + mask-image: url("static/Logo.svg"); mask-size: contain; mask-repeat: no-repeat; mask-position: center; @@ -70,14 +81,3 @@ header { width: 100%; } } - -@media (max-width: 1000px) { - body { - display: block; - padding: 1rem 1rem 3rem; - } - - .content { - padding: 0; - } -} @@ -2,7 +2,7 @@ function addMetadata() { // Favicon const favicon = document.createElement("link"); favicon.rel = "icon"; - favicon.href = "https://static.williamsfam.us.com/Logo.svg"; + favicon.href = "static/Logo.svg"; favicon.type = "image/svg+xml"; document.head.appendChild(favicon); @@ -5,33 +5,46 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Collin Williams</title> - <link rel="icon" href="https://static.williamsfam.us.com/Logo.svg" type="image/svg+xml"> - <link rel="stylesheet" href="style.css"> + <link rel="icon" href="static/Logo.svg" type="image/svg+xml"> <style> + *, *::before, *::after { + box-sizing: border-box; + } + + html, body { + background-color: #121212; + margin: 0 auto; + padding: 0; + min-height: 100vh; + } + body { + padding-top: 2rem; + padding-left: 2rem; + padding-right: 2rem; align-items: center; } - + .content { width: 47ch; z-index: 2; margin: 0 auto !important; } - + .cards { display: flex; flex-direction: row; justify-content: space-around; width: 100%; } - + .card { - font-family: 'Roboto Mono'; + font-family: monospace; font-weight: 450; color: #e6e6e6; text-decoration: none; transition: color 0.1s ease; - + &:hover { color: #4DA3FF; } diff --git a/style.css b/style.css deleted file mode 100644 index d815d65..0000000 --- a/style.css +++ /dev/null @@ -1,31 +0,0 @@ -@import url('https://static.williamsfam.us.com/fonts.css'); - -*, *::before, *::after { - box-sizing: border-box; -} - -html, body { - background-color: #121212; - margin: 0 auto; - padding: 0; - min-height: 100vh; -} - -body { - padding-top: 2rem; - padding-left: 2rem; - padding-right: 2rem; -} - -h1 { - font-family: 'Roboto Mono'; - color: #e6e6e6; - line-height: 1; - margin: 0; - margin-bottom: 1.5rem; -} - -p { - font-family: 'Roboto Mono'; - color: #e6e6e6; -} diff --git a/writing.html b/writing.html index bf1de2e..f1b8d93 100644 --- a/writing.html +++ b/writing.html @@ -5,7 +5,7 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Writing</title> - <link rel="icon" href="https://static.williamsfam.us.com/Logo.svg" type="image/svg+xml"> + <link rel="icon" href="static/Logo.svg" type="image/svg+xml"> <link rel="stylesheet" href="article.css"> <script src="stars.js"></script> <style> |
