aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorMark Powers <markppowers0@gmail.com>2020-05-07 22:42:34 -0500
committerMark Powers <markppowers0@gmail.com>2020-05-07 22:42:34 -0500
commit46ca3c0545623902db54ee4904d464f9d6088614 (patch)
treeb870d9cc0387c591807ff5e6b2355a92472dd07e /src
parent94c8965a8e50d781555dde0ff0a5d1919db9aab3 (diff)
Add footer links
Diffstat (limited to 'src')
l---------src/css/bootstrap.css1
-rw-r--r--src/css/styles.css22
-rw-r--r--src/html/index.html16
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