Commit 98841f39 authored by Daniel Shumway's avatar Daniel Shumway

feat: add footer, Reset Hard link

parent cc526a75
Pipeline #28916273 passed with stage
in 1 minute and 4 seconds
......@@ -28,6 +28,7 @@ something then I'd love to get in touch with you.
== What I'm Working On
[role="badges"]
- link:https://reset-hard.com[Reset Hard^, role="reset-hard badge"]
- link:https://distilledjs.com[Distilled^, role="distilled badge"]
- link:https://gitlab.com/raisethisbarn/raise[Raise^, role="raise badge"]
- link:https://piglet-plays.gitlab.io/ludum-dare-41/[Piglet^, role="piglet badge"]
......
......@@ -84,6 +84,13 @@ ul.badges {
.piglet:before {
background-image: url('/images/piglet-logo.svg');
background-color: #b3ff63
background-color: #b3ff63;
}
.reset-hard:before {
background-image: url('/images/reset-hard-logo.png');
background-color: #000000;
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
}
}
......@@ -193,7 +193,7 @@ article {
* Better in-article links:
*
* There are two schools of thought here. The first is that this
* approach is way to stinking subtle. The other is that links are not
* approach is way too stinking subtle. The other is that links are not
* meant to jump out of the article and you should only notice them as
* you read.
*
......@@ -234,6 +234,71 @@ article {
}
}
footer {
white-space: nowrap;
background-color: rgb(50, 50, 50);
box-sizing: border-box;
font-family: 'Source Serif Pro', 'Georgia', serif;
font-weight: 300;
/* #!?X CSS, this allows element to take up space and positions it even though it's children are floated. */
overflow: hidden;
margin: 0.2em;
max-width: 100%;
padding: 1em;
* {
color: rgb(250, 250, 250);
text-decoration: none;
}
p { margin-top: 0;
font-style: italic; }
a {
text-decoration: none;
font-weight: bold;
//Links won't break between lines. Keep them SHORT!
white-space: nowrap;
color: inherit;
&:hover {
color: #ff9841;
}
//Consider adding &:focus here
/* &:hover { */
/* border-radius: 1ex; */
/* background-color: #ff984166; */
/* } */
/* &:after { */
/* content: ''; */
/* width: 0.6ex; */
/* height: 0.6ex; */
/* display: inline-block; */
/* margin-bottom: 1ex; */
/* margin-left: 0.1ex; */
/* border-style: solid; */
/* border-width: 0.15ex; */
/* border-radius: 50%; */
/* color: #e56d00; */
/* } */
}
.footer-logo::before {
content: '';
background-image: url('/images/reset-hard-favicon.png');
width: 1em;
height: 1em;
display: inline-block;
}
}
/* --------------- Global Classes ---------------- */
/*
......
......@@ -236,6 +236,17 @@
{{/if}}
</main>
{{#if this.node.attributes.category }}
<footer>
<h1>Want more?</h1>
<p>
Want to see me write more content like this? Support me on <a href="https://www.patreon.com/danshumway">Patreon</a>
or check out my most recent project, <a class="footer-logo" href="https://reset-hard.com">Reset Hard</a>!
</p>
</footer>
{{/if}}
{{!-- <footer>
<ul class="contact" >
<li><a class="github" href="https://github.com/danshumway">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment