New theme

This commit is contained in:
Dhananjay Balan 2019-01-08 15:14:02 -05:00
parent 23f6fd5d76
commit 5a64e99c09
4 changed files with 150 additions and 33 deletions

107
css/default.css Normal file
View File

@ -0,0 +1,107 @@
body {
max-width: 45em;
min-width: 20em;
margin: auto;
padding: 1em;
font-family: 'Crimson Text', serif;
font-size: 18px;
line-height: 1.4em;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.1em;
font-family: Lato, Helvetica, Arial, sans-serif;
}
p {
margin-bottom: 1.2em;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
color: #333;
}
pre {
padding: 1em;
overflow-x: auto;
}
code, pre {
background-color: #ddd;
}
body>header h1 {
font-size: 2.2em;
}
body>header h2 {
font-size: 1.1em;
font-weight: normal;
}
body>header a, body>header a:hover {
color: black;
text-decoration: none;
}
menu {
padding: 0;
margin: 0;
}
nav {
text-align: center;
border-top: 1px solid black;
border-bottom: 1px solid black;
padding-top: 10px;
padding-bottom: 10px;
}
nav a {
color: #000;
text-decoration: none;
padding: 0 2em;
}
nav a:hover {
color: #808080;
text-decoration: none;
}
article header p {
margin: 0.2em;
margin-left: 2em;
}
article header {
margin-bottom: 2em;
}
article h1 {
font-size: 2em;
margin-bottom: 0.2em;
}
article h2 {
font-size: 1.5em;
}
body>footer {
text-align: center;
border-top: 1px solid black;
margin-top: 10px;
}
.figure .caption {
font-style: italic;
}
ins {
text-decoration: none;
}
ins::before {
font-weight: bold;
content: ">> ";
}

18
css/syntax.css Normal file
View File

@ -0,0 +1,18 @@
/* Generated by pandoc. */
table.sourceCode, tr.sourceCode, td.lineNumbers, td.sourceCode, table.sourceCode pre
{ margin: 0; padding: 0; border: 0; vertical-align: baseline; border: none; }
td.lineNumbers { border-right: 1px solid #AAAAAA; text-align: right; color: #AAAAAA; padding-right: 5px; padding-left: 5px; }
td.sourceCode { padding-left: 5px; }
pre.sourceCode span.kw { color: #007020; font-weight: bold; }
pre.sourceCode span.dt { color: #902000; }
pre.sourceCode span.dv { color: #40a070; }
pre.sourceCode span.bn { color: #40a070; }
pre.sourceCode span.fl { color: #40a070; }
pre.sourceCode span.ch { color: #4070a0; }
pre.sourceCode span.st { color: #4070a0; }
pre.sourceCode span.co { color: #60a0b0; font-style: italic; }
pre.sourceCode span.ot { color: #007020; }
pre.sourceCode span.al { color: red; font-weight: bold; }
pre.sourceCode span.fu { color: #06287e; }
pre.sourceCode span.re { }
pre.sourceCode span.er { color: red; font-weight: bold; }

View File

@ -3,13 +3,9 @@ title: Home
---
<article>
<h1>Binary Strolls</h1>
<p class="subtitle">Cyber rambling (or ranting), mostly about code.</p>
<h3>Recent Posts</h3>
$partial("templates/post-list.html")$
<p>…or you can find more in the <a href="/archive.html">archives</a>.</p>
</article>

View File

@ -5,40 +5,36 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>$title$</title>
<link rel="stylesheet" href="/css/tufte.css" />
<link rel="stylesheet" href="/css/custom.css" />
<link href="http://fonts.googleapis.com/css?family=Lato:400,900" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Crimson+Text" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/css/default.css" />
<link rel="stylesheet" href="/css/syntax.css" />
</head>
<body class="full-width">
<body>
<header>
<nav class="group">
<!-- <a href="/"><img class="badge" src="/images/badge.png" width="50px" alt="BS"></a> -->
<a class="active" href="/index.html">Binary Strolls</a>&nbsp&nbsp&nbsp
<a href="/archive.html">Archive</a>&nbsp&nbsp
<a href="https://dbalan.in">About</a>
</nav>
<hgroup>
<h1>Binary Strolls</h1>
<h2>Cyber rambling (or ranting), mostly about code</h2>
</hgroup>
</header>
<div id="content">
<nav>
<menu>
<a href="/index.html">Home</a>
<a href="/archive.html">Archive</a>
<a href="https://dbalan.in">About</a>
</menu>
</nav>
<section>
$body$
</div>
</section>
<footer>
<hr class="slender">
<ul class="footer-links">
<li><a href="mailto:mail@dbalan.in"><span class="icon-mail"></span></a></li>
<li>
<a href="//www.twitter.com/notmycommit"><span class="icon-twitter"></span></a>
</li>
<li>
<a href="//github.com/dbalan"><span class="icon-github"></span></a>
</li>
</ul>
<div class="credits">
<span>&copy; 2016 &nbsp;&nbsp;Dhananjay Balan</span></br> <br>
<span>Powered by <a href="https://jaspervdj.be/hakyll/">hakyll</a> and <a href="https://github.com/edwardtufte/tufte-css">tufte-css</a>.</span>
</div>
<p>
<a href="//github.com/dbalan"> Source Code </a> -
<a href="https://jaspervdj.be/hakyll/"> built with hakyll</a>
</p>
<p>
CC-BY-NC
</p>
</footer>
</body>
</body>