~dbalan/blogng

22bf1331223fda3c8e7550f0775899acba8b2151 — Dhananjay Balan 4 years ago 7bf7721 
Fixup themes
patch browse .tar.gz 
5 files changed, 46 insertions(+), 25 deletions(-)

M blogng.cabal
M css/theme.css
M site.hs
M templates/default.html
M templates/post-list.html

M blogng.cabal => blogng.cabal +1 -1
@@ 6,7 6,7 @@ cabal-version:      >= 1.10
executable site
  main-is:          site.hs
  build-depends:    base == 4.*
                  , hakyll >= 4.10.0
                  , hakyll == 4.13.*
                  , filepath >= 1.4
                  , regex-compat
  ghc-options:      -threaded


M css/theme.css => css/theme.css +24 -13
@@ 13,13 13,15 @@ html {

#title {
    grid-column-start: 1;
    font-size: 12pt;
    font-size: 16pt;
    font-style: bold;
    text-align: left;
}

#nav {
    grid-column-start: 2;
    text-align: right;
    font-size: 16pt;
    font-variant: small-caps;
    word-spacing: 110%;
}


@@ 29,9 31,9 @@ body {
    font-family: 'IBM Plex Serif', serif;
    font-weight: 400;
    color: #454545;
    font-size: 12pt;
    font-size: 20px;
    margin: 2em auto;
    max-width: 800px;
    max-width: 1000px;
    padding: 1em;
    line-height: 1.4;
    text-align: left;


@@ 57,7 59,7 @@ figure {
}

figcaption {
    font-size: 8pt;
    font-size: 15pt;
    text-align: center;
    font-family: serif;
}


@@ 66,7 68,7 @@ figcaption {
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
    font-size: 10pt;
    font-size: 14pt;
}

#date {


@@ 79,33 81,38 @@ figcaption {
}

h1 {
    font-size: 22pt;
    font-weight: normal;
    font-family: 'IBM Plex Mono', monospace;
    font-size: 30pt;
    font-weight: bold;
}

h2 {
    font-size: 16pt;
    font-family: 'IBM Plex Mono', monospace;
    font-size: 22pt;
    margin-top: 1.5em;
    font-weight: bold;
}


h3 {
    font-size: 14pt;
    font-size: 20pt;
}

article > ul {
    padding-left: 0;
}

ul > li {
article > ul > li {
    list-style: none;
    font-size: 22pt;
    padding-top: 22pt;
}

ul > li:before {
  content: "—";
section > ul > li {
    padding-top: 22pt;
}


#footerdiv {
    margin-top: 50px;
}


@@ 119,9 126,13 @@ footer {
a {
    color: #454545;
    font-weight: 430;
    text-decoration-color: #808080;
    border-bottom: 2px dashed #808080;
    text-decoration: none;
}

a:hover {
    border-bottom-color: red;

sup > a {
    color: #454545;
    font-weight: 430;


M site.hs => site.hs +8 -8
@@ 1,11 1,11 @@
--------------------------------------------------------------------------------
{-# LANGUAGE OverloadedStrings #-}
import           Data.Monoid (mappend)
import           Hakyll
import           Hakyll.Core.Identifier (toFilePath)
import           Hakyll.Web.Feed
import           System.FilePath
import           Text.Regex (splitRegex, mkRegex)
import Data.Monoid (mappend)
import Hakyll
import Hakyll.Core.Identifier (toFilePath)
import Hakyll.Web.Feed
import System.FilePath
import Text.Regex (mkRegex, splitRegex)





@@ 65,7 65,7 @@ main = hakyllWith config $ do
        compile $ do
            posts <- recentFirst =<< loadAll "blog/*"
            let indexCtx =
                    listField "posts" postCtx (return $ take 8 posts) `mappend`
                    listField "posts" (postCtxWTags tags) (return $ take 8 posts) `mappend`
                    constField "title" "Home"                `mappend`
                    tagsField  "tags" tags                   `mappend`
                    defaultContext


@@ 96,7 96,7 @@ main = hakyllWith config $ do
        compile $ do
            posts <- recentFirst =<< loadAll pattern
            let ctx = constField "title" title
                      `mappend` listField "posts" postCtx (return posts)
                      `mappend` listField "posts" (postCtxWTags tags) (return posts)
                      `mappend` defaultContext

            makeItem ""


M templates/default.html => templates/default.html +1 -1
@@ 13,7 13,7 @@
      <header>
        <div class="header">
          <div id="title"><a href="/">BINARY STROLLS</a></div>
          <div id="nav"><a href="/archive.html">Archive</a> <a href="https://dbalan.in">About</a></div>
          <div id="nav"><a href="/archive.html">Archive</a>⬦<a href="https://dbalan.in">About</a></div>
        </div>
      </header>
        <section>


M templates/post-list.html => templates/post-list.html +12 -2
@@ 1,7 1,17 @@
<ul>
<ul id="postlist">
    $for(posts)$
    <li>
      <a href="$url$">$title$</a> - $date$
      <div>
	<div>
	  <a href="$url$">$title$</a>
	</div>
	<div class="postmeta"><div id="date">$date$</div>
	  $if(tags)$
	  <div id="tags">Posted in $tags$</div>
	  $endif$
	</div>
      </div>
    </li>
    $endfor$
</ul>
</div>