Browse Source

styled it like im 12

master
Shaun Kerr 5 years ago
parent
commit
6930a88b21
5 changed files with 104 additions and 30 deletions
  1. +3
    -3
      contact.md
  2. +91
    -21
      css/default.css
  3. +4
    -0
      site.hs
  4. +1
    -1
      templates/default.html
  5. +5
    -5
      templates/post-list.html

+ 3
- 3
contact.md View File

@@ -3,7 +3,7 @@ title: Contact
---

* email me at [s@p7.co.nz](mailto:s@p7.co.nz)
* come chill at **#scoots** on [ServerChan](https://p7.co.nz/layer08/)
* if you see a **tA**, **techieAgnostic** or anything in the form of **t\*A\*** on irc its probably me
* come chill at `#scoots` on [ServerChan](https://p7.co.nz/layer08/)
* if you see a `tA`, `techieAgnostic` or anything in the form of `t*A*` on irc its probably me
* i hang out on [Ocean Lounge](https://discord.gg/0oqynmoeGIUO49rW) a fair bit
* if you're an [urbit](https://urbit.org) i'm occasionally on as **~bannum-magtus**
* if you're an [urbit](https://urbit.org) i'm occasionally on as `~bannum-magtus`

+ 91
- 21
css/default.css View File

@@ -1,61 +1,137 @@
nav a {
font-size: 1.8rem;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}

a:before {
content: "▻";
}

a {
text-decoration: none;
}

a:link {
color: #7FDBFF;
}

a:visited {
color: #B10DC9;
}

.navbar a {
color: #7FDBFF;
}

.navbar a:before {
content: "";
}

html {
font-family: sans-serif;
font-size: 62.5%;
color: #FFFFFF;
background-color: #222222;
}

body {
font-size: 1.6rem;
color: #000;
color: #FFFFFF;
}

blockquote {
padding: 0 1em;
color: #444444;
color: #2ECC40;
border-left: 0.25em solid #dfe2e5;
}

header {
border-bottom: 0.2rem solid #000;
border-bottom: 0.2rem solid #F012BE;
}

nav {
text-align: right;
}

nav a {
font-size: 1.8rem;
font-weight: bold;
color: black;
text-decoration: none;
text-transform: uppercase;
color: #7FDBFF;
}

footer {
margin-top: 3rem;
padding: 1.2rem 0;
border-top: 0.2rem solid #000;
border-top: 0.2rem solid #F012BE;
font-size: 1.2rem;
color: #555;
color: #AAAAAA;
}

code {
font-family: monospace;
color: #01FF70;
}

pre {
padding: 0 1em;
border-left: 0.25em solid #3D9970;
}

strong {
color: #FF4136;
}

em {
color: #FFDC00;
}

strong>em {
color: #FF851B;
}

h1 {
color: #7FDBFF;
font-size: 2.4rem;
}

h2 {
color: #7FDBFF;
font-size: 2rem;
}

h3 {
color: #7FDBFF;
font-size: 1em;
}

h3:before {
content: "◎ ";
}

h2:before {
content: "◉ ";
}

h1:before {
content: "◈ ";
}

article .header {
font-size: 1.4rem;
font-style: italic;
color: #555;
color: #AAAAAA;
}

.logo a {
font-weight: bold;
font-size: 3.4rem;
color: #000;
text-decoration: none;
color: #7FDBFF;
}

.logo a:before {
content: "◈ ";
}

.logo a:after {
content: " ◈";
}

@media (max-width: 319px) {
@@ -78,8 +154,6 @@ article .header {
text-align: center;
margin: 1rem auto 3rem;
}
.logo a {
}
nav a {
display: block;
line-height: 1.6;
@@ -106,8 +180,6 @@ article .header {
text-align: center;
margin: 1rem auto 3rem;
}
.logo a {
}
nav a {
display: inline;
margin: 0 0.6rem;
@@ -135,8 +207,6 @@ article .header {
text-align: center;
margin: 1rem auto 3rem;
}
.logo a {
}
nav a {
display: inline;
margin: 0 0.6rem;


+ 4
- 0
site.hs View File

@@ -20,6 +20,10 @@ main = do
route idRoute
compile compressCssCompiler

match "fonts/*" $ do
route idRoute
compile copyFileCompiler

match (fromList ["about.md", "contact.md"]) $ do
route $ cleanRoute
compile $ pandocCompiler


+ 1
- 1
templates/default.html View File

@@ -13,7 +13,7 @@
<div class="logo">
<a href="/">Regular Flolloping</a>
</div>
<nav>
<nav class="navbar">
<a href="/">Home</a>
<a href="/about/">About</a>
<a href="/contact/">Contact</a>


+ 5
- 5
templates/post-list.html View File

@@ -1,7 +1,7 @@
<ul>
$for(posts)$
<li>
<a href="$url$">$title$</a> - $date$
</li>
$endfor$
$for(posts)$
<li>
<a href="$url$">$title$</a> - $date$
</li>
$endfor$
</ul>

Loading…
Cancel
Save