New theme
This commit is contained in:
parent
23f6fd5d76
commit
5a64e99c09
107
css/default.css
Normal file
107
css/default.css
Normal 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
18
css/syntax.css
Normal 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; }
|
@ -3,13 +3,9 @@ title: Home
|
|||||||
---
|
---
|
||||||
|
|
||||||
<article>
|
<article>
|
||||||
<h1>Binary Strolls</h1>
|
|
||||||
<p class="subtitle">Cyber rambling (or ranting), mostly about code.</p>
|
|
||||||
|
|
||||||
<h3>Recent Posts</h3>
|
<h3>Recent Posts</h3>
|
||||||
|
|
||||||
$partial("templates/post-list.html")$
|
$partial("templates/post-list.html")$
|
||||||
|
|
||||||
<p>…or you can find more in the <a href="/archive.html">archives</a>.</p>
|
<p>…or you can find more in the <a href="/archive.html">archives</a>.</p>
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
|
@ -5,40 +5,36 @@
|
|||||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>$title$</title>
|
<title>$title$</title>
|
||||||
<link rel="stylesheet" href="/css/tufte.css" />
|
<link href="http://fonts.googleapis.com/css?family=Lato:400,900" rel="stylesheet" type="text/css">
|
||||||
<link rel="stylesheet" href="/css/custom.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>
|
</head>
|
||||||
<body class="full-width">
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<nav class="group">
|
<hgroup>
|
||||||
<!-- <a href="/"><img class="badge" src="/images/badge.png" width="50px" alt="BS"></a> -->
|
<h1>Binary Strolls</h1>
|
||||||
<a class="active" href="/index.html">Binary Strolls</a>   
|
<h2>Cyber rambling (or ranting), mostly about code</h2>
|
||||||
<a href="/archive.html">Archive</a>  
|
</hgroup>
|
||||||
<a href="https://dbalan.in">About</a>
|
|
||||||
</nav>
|
|
||||||
</header>
|
</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$
|
$body$
|
||||||
</div>
|
</section>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<hr class="slender">
|
<p>
|
||||||
<ul class="footer-links">
|
<a href="//github.com/dbalan"> Source Code </a> -
|
||||||
<li><a href="mailto:mail@dbalan.in"><span class="icon-mail"></span></a></li>
|
<a href="https://jaspervdj.be/hakyll/"> built with hakyll</a>
|
||||||
|
</p>
|
||||||
<li>
|
<p>
|
||||||
<a href="//www.twitter.com/notmycommit"><span class="icon-twitter"></span></a>
|
CC-BY-NC
|
||||||
</li>
|
</p>
|
||||||
|
|
||||||
<li>
|
|
||||||
<a href="//github.com/dbalan"><span class="icon-github"></span></a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
<div class="credits">
|
|
||||||
<span>© 2016 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>
|
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</body>
|
</body>
|
||||||
|
Loading…
Reference in New Issue
Block a user