From 2f4bfc118db9f2d97e2c181dac44f4e0121d9665 Mon Sep 17 00:00:00 2001 From: Dhananjay Balan Date: Fri, 2 Aug 2019 22:20:23 +0200 Subject: [PATCH] Initial minimal theme. --- css/crimson.css | 42 -------------- css/custom.css | 109 ----------------------------------- css/default.css | 107 ---------------------------------- css/lato.css | 126 ----------------------------------------- css/syntax.css | 18 ------ css/theme.css | 23 ++++++++ templates/default.html | 20 ++----- 7 files changed, 28 insertions(+), 417 deletions(-) delete mode 100644 css/crimson.css delete mode 100644 css/custom.css delete mode 100644 css/default.css delete mode 100644 css/lato.css delete mode 100644 css/syntax.css create mode 100644 css/theme.css diff --git a/css/crimson.css b/css/crimson.css deleted file mode 100644 index 3a3f447..0000000 --- a/css/crimson.css +++ /dev/null @@ -1,42 +0,0 @@ -@font-face { - font-family: 'CrimsonBold'; - src: url('/fonts/crimson/CrimsonBold.ttf') format('truetype'); - font-weight: bold; - font-style: normal; - } - -@font-face { - font-family: 'CrimsonBoldItalic'; - src: url('/fonts/crimson/CrimsonBoldItalic.ttf') format('truetype'); - font-weight: bold; - font-style: italic; - } - -@font-face { - font-family: 'CrimsonItalic'; - src: url('/fonts/crimson/CrimsonItalic.ttf') format('truetype'); - font-weight: normal; - font-style: italic; - } - -@font-face { - font-family: 'CrimsonRoman'; - src: url('/fonts/crimson/CrimsonRoman.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - -@font-face { - font-family: 'CrimsonSemibold'; - src: url('/fonts/crimson/CrimsonSemibold.ttf') format('truetype'); - font-weight: bold; - font-style: normal; - } - -@font-face { - font-family: 'CrimsonSemiboldItalic'; - src: url('/fonts/crimson/CrimsonSemiboldItalic.ttf') format('truetype'); - font-weight: bold; - font-style: italic; - } - diff --git a/css/custom.css b/css/custom.css deleted file mode 100644 index 230b6b4..0000000 --- a/css/custom.css +++ /dev/null @@ -1,109 +0,0 @@ -/* --- Icomoon icon fonts CSS --*/ -@font-face { - font-family: 'icomoon'; - src:url('/fonts/icomoon/icomoon.eot?rgwlb8'); - src:url('/fonts/icomoon/icomoon.eot?#iefixrgwlb8') format('embedded-opentype'), - url('/fonts/icomoon/icomoon.woff?rgwlb8') format('woff'), - url('/fonts/icomoon/icomoon.ttf?rgwlb8') format('truetype'), - url('/fonts/icomoon/icomoon.svg?rgwlb8#icomoon') format('svg'); - font-weight: normal; - font-style: normal; -} - -[class^="icon-"], [class*=" icon-"] { - font-family: 'icomoon'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - color: $contrast-color; - - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.icon-pencil:before { - content: "\e600"; -} -.icon-film:before { - content: "\e60f"; -} -.icon-calendar:before { - content: "\e601"; -} -.icon-link:before { - content: "\e602"; -} -.icon-info:before { - content: "\e603"; -} -.icon-cancel-circle:before { - content: "\e604"; -} -.icon-checkmark-circle:before { - content: "\e605"; -} -.icon-spam:before { - content: "\e606"; -} -.icon-mail:before { - content: "\e607"; -} -.icon-googleplus:before { - content: "\e608"; -} -.icon-facebook:before { - content: "\e609"; -} -.icon-twitter:before { - content: "\e60a"; -} -.icon-feed:before { - content: "\e60b"; -} -.icon-flickr:before { - content: "\e60c"; -} -.icon-github:before { - content: "\e60d"; -} -.icon-box-add:before { - content: "\e60e"; -} -/*-- End of Icomoon icon font section --*/ - -nav.group a.active { - font-size: 2em; -} - -header > nav a{ - font-size: 1.2em; -} - -ul.footer-links, .credits{ - list-style: none; - text-align: center; - margin: 0 auto; -} -ul.footer-links li{ - display: inline; - padding: 0.5rem 0.25rem; -} -.credits{ - padding: 1rem 0rem; -} - -hr.slender { - border: 0; - height: 1px; - width: 100%; - margin-top: 1.4rem; - margin-bottom:1.4rem; - background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); - background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); - background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); - background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); -} diff --git a/css/default.css b/css/default.css deleted file mode 100644 index 1ddb149..0000000 --- a/css/default.css +++ /dev/null @@ -1,107 +0,0 @@ -body { - max-width: 45em; - min-width: 20em; - margin: auto; - padding: 1em; - font-family: 'CrimsonRoman', 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: ">> "; -} diff --git a/css/lato.css b/css/lato.css deleted file mode 100644 index eb1f26c..0000000 --- a/css/lato.css +++ /dev/null @@ -1,126 +0,0 @@ -@font-face { - font-family: 'LatoBlack'; - src: url('/fonts/lato/LatoBlack.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - -@font-face { - font-family: 'LatoBlackItalic'; - src: url('/fonts/LatoBlackItalic.ttf') format('truetype'); - font-weight: normal; - font-style: italic; - } - -@font-face { - font-family: 'LatoBold'; - src: url('/fonts/LatoBold.ttf') format('truetype'); - font-weight: bold; - font-style: normal; - } - -@font-face { - font-family: 'LatoBoldItalic'; - src: url('/fonts/LatoBoldItalic.ttf') format('truetype'); - font-weight: bold; - font-style: italic; - } - -@font-face { - font-family: 'LatoHairline'; - src: url('/fonts/LatoHairline.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - -@font-face { - font-family: 'LatoHairlineItalic'; - src: url('/fonts/LatoHairlineItalic.ttf') format('truetype'); - font-weight: normal; - font-style: italic; - } - -@font-face { - font-family: 'LatoHeavy'; - src: url('/fonts/LatoHeavy.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - -@font-face { - font-family: 'LatoHeavyItalic'; - src: url('/fonts/LatoHeavyItalic.ttf') format('truetype'); - font-weight: normal; - font-style: italic; - } - -@font-face { - font-family: 'LatoItalic'; - src: url('/fonts/LatoItalic.ttf') format('truetype'); - font-weight: normal; - font-style: italic; - } - -@font-face { - font-family: 'LatoLight'; - src: url('/fonts/LatoLight.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - -@font-face { - font-family: 'LatoLightItalic'; - src: url('/fonts/LatoLightItalic.ttf') format('truetype'); - font-weight: normal; - font-style: italic; - } - -@font-face { - font-family: 'LatoMedium'; - src: url('/fonts/LatoMedium.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - -@font-face { - font-family: 'LatoMediumItalic'; - src: url('/fonts/LatoMediumItalic.ttf') format('truetype'); - font-weight: normal; - font-style: italic; - } - -@font-face { - font-family: 'LatoRegular'; - src: url('/fonts/LatoRegular.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - -@font-face { - font-family: 'LatoSemibold'; - src: url('/fonts/LatoSemibold.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - -@font-face { - font-family: 'LatoSemiboldItalic'; - src: url('/fonts/LatoSemiboldItalic.ttf') format('truetype'); - font-weight: normal; - font-style: italic; - } - -@font-face { - font-family: 'LatoThin'; - src: url('/fonts/LatoThin.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - -@font-face { - font-family: 'LatoThinItalic'; - src: url('/fonts/LatoThinItalic.ttf') format('truetype'); - font-weight: normal; - font-style: italic; - } - diff --git a/css/syntax.css b/css/syntax.css deleted file mode 100644 index 75ead0a..0000000 --- a/css/syntax.css +++ /dev/null @@ -1,18 +0,0 @@ -/* 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; } diff --git a/css/theme.css b/css/theme.css new file mode 100644 index 0000000..00a1015 --- /dev/null +++ b/css/theme.css @@ -0,0 +1,23 @@ +html { + background-color:#fefefe +} + +body { + font-family:sans-serif; + color:#454545; + font-size:600; + margin:2em auto; + max-width:800px; + padding:1em; + line-height:1.4; + text-align:left; +} + +footer { + margin-top: 2em; + text-align: center; +} + +img, video, code { + max-width: 100%; +} diff --git a/templates/default.html b/templates/default.html index 2735d51..bf779eb 100644 --- a/templates/default.html +++ b/templates/default.html @@ -5,28 +5,18 @@ $title$ - - - - +
-
-

Binary Strolls

-

Cyber rambling (or ranting), mostly about code

-
+ Binary Strolls + Archive + About
-
$body$
+