Initial minimal theme.

This commit is contained in:
Dhananjay Balan 2019-08-02 22:20:23 +02:00
parent f3c394a356
commit 2f4bfc118d
7 changed files with 28 additions and 417 deletions

View File

@ -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;
}

View File

@ -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));
}

View File

@ -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: ">> ";
}

View File

@ -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;
}

View File

@ -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; }

23
css/theme.css Normal file
View File

@ -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%;
}

View File

@ -5,28 +5,18 @@
<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" media="screen" href="/css/lato.css" type="text/css"/> <link rel="stylesheet" href="/css/theme.css" />
<link rel="stylesheet" media="screen" href="/css/crimson.css" type="text/css"/>
<link rel="stylesheet" href="/css/default.css" />
<link rel="stylesheet" href="/css/syntax.css" />
</head> </head>
<body> <body>
<header> <header>
<hgroup> <a href="/">Binary Strolls</a>
<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="/archive.html">Archive</a>
<a href="https://dbalan.in">About</a> <a href="https://dbalan.in">About</a>
</menu> </header>
</nav>
<section> <section>
$body$ $body$
</section> </section>
<hr>
<footer> <footer>
<p> <p>
<a href="https://git.sr.ht/~dbalan/blogng">Source Code</a> - <a href="https://git.sr.ht/~dbalan/blogng">Source Code</a> -