~dbalan/blogng unlisted

5a64e99c092d8fcef5df24c0fadd10fad67e983d — Dhananjay Balan 1 year, 10 months ago 23f6fd5 update_stack
New theme
4 files changed, 150 insertions(+), 33 deletions(-)

A css/default.css
A css/syntax.css
M index.html
M templates/default.html
A css/default.css => css/default.css +107 -0
@@ 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: ">> ";
}

A css/syntax.css => css/syntax.css +18 -0
@@ 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; }

M index.html => index.html +0 -4
@@ 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>

M templates/default.html => templates/default.html +25 -29
@@ 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">
        <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
    <body>
      <header>
        <hgroup>
          <h1>Binary Strolls</h1>
          <h2>Cyber rambling (or ranting), mostly about code</h2>
          </hgroup>
      </header>
            <nav>
              <menu>
		            <a href="/index.html">Home</a>
		            <a href="/archive.html">Archive</a>
		            <a href="https://dbalan.in">About</a>
              </menu>
	          </nav>
        </header>
        <div id="content">
        <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>