diff options
| author | Mark Powers <markppowers0@gmail.com> | 2020-05-07 22:42:34 -0500 |
|---|---|---|
| committer | Mark Powers <markppowers0@gmail.com> | 2020-05-07 22:42:34 -0500 |
| commit | 46ca3c0545623902db54ee4904d464f9d6088614 (patch) | |
| tree | b870d9cc0387c591807ff5e6b2355a92472dd07e /src | |
| parent | 94c8965a8e50d781555dde0ff0a5d1919db9aab3 (diff) | |
Add footer links
Diffstat (limited to 'src')
| l--------- | src/css/bootstrap.css | 1 | ||||
| -rw-r--r-- | src/css/styles.css | 22 | ||||
| -rw-r--r-- | src/html/index.html | 16 |
3 files changed, 29 insertions, 10 deletions
diff --git a/src/css/bootstrap.css b/src/css/bootstrap.css deleted file mode 120000 index a78be59..0000000 --- a/src/css/bootstrap.css +++ /dev/null @@ -1 +0,0 @@ -../../node_modules/bootstrap/dist/css/bootstrap.css
\ No newline at end of file diff --git a/src/css/styles.css b/src/css/styles.css index 18c2e81..62c4119 100644 --- a/src/css/styles.css +++ b/src/css/styles.css @@ -11,7 +11,8 @@ body { - padding: 15px; + width: 100%; + margin: 0px; background-color: var(--background); font-family: Arial, Helvetica, sans-serif; } @@ -23,8 +24,9 @@ h1, h2 { h1 { font-size: 30pt; - margin-bottom: 0; margin: auto; + margin-bottom: 0; + margin-left: 20px; } @keyframes zoom-left { @@ -41,6 +43,11 @@ footer { background-color: var(--background-accent); } +footer a { + color: var(--light-text); + text-decoration: underline; +} + .essay{ width: 70%; } @@ -78,12 +85,15 @@ a { margin: 2%; border: 2px solid #888; } - - +.spacer { + width: 1em; + display: inline-block; +} #feed { width: 100%; } .feed { + width: 80%; min-width: 200px; margin: auto; display: flex; @@ -101,8 +111,8 @@ p { @media screen and (min-width: 900px) { body { - width: 80%; - margin: auto; + width: 100%; + /* margin: auto; */ } .card-img { display: flex; diff --git a/src/html/index.html b/src/html/index.html index f51122b..b68e458 100644 --- a/src/html/index.html +++ b/src/html/index.html @@ -29,19 +29,29 @@ <body> <h1>Welcome to Mark's Kitchen</h1> <nav class="titlebar"> + <div> <a href="bread" class="btn btn-primary">Bread</a> <a href="blog" class="btn btn-primary">Blog</a> <!-- <a href="essay" class="btn btn-primary">Essays</a> (Hello inspector, this page exists, but just isn't very interesting, so I'm removing the link) --> + <a href="https://games.marks.kitchen" class="btn btn-primary">Games</a> <a href="email" class="btn btn-primary">Email</a> <a href="misc" class="btn btn-primary">Misc</a> + </div> </nav> <div id="feed"> </div> - <!-- <footer> - <div>Mark Powers 2020</div> - </footer> --> + <footer> + <div>Mark Powers</div> + <div> + <a href="/feed.xml">RSS feed</a> + <span class="spacer"></span> + <a href="https://github.com/Mark-Powers">GitHub</a> + <span class="spacer"></span> + <span>mark-at-marks.kitchen</span> + </div> + </footer> </body> </html>
\ No newline at end of file |