Browse Source

Adds link to source

master
Jonathan Hodgson 1 year ago
parent
commit
812360dff2
  1. 323
      assets/css/main.css
  2. 4
      assets/css/main.less
  3. 2
      templates/blog.html

323
assets/css/main.css

@ -1,323 +0,0 @@
html {
background-color: #282828;
}
body {
background-color: #282828;
color: #fbf1c7;
margin: 0;
}
.container {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap-reverse;
justify-content: center;
max-width: 80em;
margin: 0 auto;
padding-top: 4em;
}
@media (min-width: 50em) {
.container {
flex-wrap: nowrap;
}
}
aside {
margin: 1em;
margin-bottom: 3em;
width: 12em;
}
main {
margin: 1em;
width: 65em;
max-width: 95%;
}
@media (min-width: 50em) {
main {
max-width: 70%;
}
}
pre {
overflow: auto;
}
article {
background-color: #3c3836;
margin: 1em;
padding: 1em;
border-radius: 1em;
}
footer {
display: block;
background-color: #665c54;
padding: 0.5em;
}
footer a.coffee {
display: block;
}
img {
max-width: 100%;
}
.blog-name {
font-size: 2rem;
font-weight: 400;
margin-bottom: 0.8em;
display: block;
color: #fbf1c7;
text-decoration: none;
text-align: center;
}
.blog-name:visited,
.blog-name:hover,
.blog-name:active {
color: inherit;
text-decoration: none;
}
.article-details {
display: flex;
flex-direction: row;
justify-content: space-between;
}
ul.tags {
list-style: none;
padding: 0;
margin: 0;
}
ul.tags li {
display: inline-block;
margin: 0 1em;
padding: 0;
}
a,
a:visited {
color: #8ec07c;
}
a:active,
a:hover {
color: #689d6a;
}
p code {
display: inline-block;
background-color: #504945;
padding: 0.2em;
}
code {
white-space: pre-wrap;
}
span.smallcaps {
font-variant: small-caps;
}
span.underline {
text-decoration: underline;
}
div.column {
display: inline-block;
vertical-align: top;
width: 50%;
}
div.hanging-indent {
margin-left: 1.5em;
text-indent: -1.5em;
}
ul.task-list {
list-style: none;
}
pre > code {
white-space: pre;
position: relative;
}
pre > code.sourceCode {
white-space: pre;
position: relative;
}
pre > code.sourceCode > span {
display: inline-block;
line-height: 1.25;
}
pre > code.sourceCode > span:empty {
height: 1.2em;
}
code.sourceCode > span {
color: inherit;
text-decoration: inherit;
}
div.sourceCode {
margin: 1em 0;
}
pre.sourceCode {
margin: 0;
}
@media screen {
div.sourceCode {
overflow: auto;
}
}
@media print {
pre > code.sourceCode {
white-space: pre-wrap;
}
pre > code.sourceCode > span {
text-indent: -5em;
padding-left: 5em;
}
}
pre.numberSource code {
counter-reset: source-line 0;
}
pre.numberSource code > span {
position: relative;
left: -4em;
counter-increment: source-line;
}
pre.numberSource code > span > a:first-child::before {
content: counter(source-line);
position: relative;
left: -1em;
text-align: right;
vertical-align: baseline;
border: none;
display: inline-block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 0 4px;
width: 4em;
color: #aaaaaa;
}
pre.numberSource {
margin-left: 3em;
border-left: 1px solid #aaaaaa;
padding-left: 4px;
}
@media screen {
pre > code.sourceCode > span > a:first-child::before {
text-decoration: underline;
}
}
code span.al {
color: #ff0000;
font-weight: bold;
}
/* Alert */
code span.an {
color: #60a0b0;
font-weight: bold;
font-style: italic;
}
/* Annotation */
code span.at {
color: #7d9029;
}
/* Attribute */
code span.bn {
color: #40a070;
}
/* BaseN */
code span.bu {
color: #83a598;
}
/* BuiltIn */
code span.cf {
color: #007020;
font-weight: bold;
}
/* ControlFlow */
code span.ch {
color: #4070a0;
}
/* Char */
code span.cn {
color: #880000;
}
/* Constant */
code span.co {
color: #60a0b0;
font-style: italic;
}
/* Comment */
code span.cv {
color: #60a0b0;
font-weight: bold;
font-style: italic;
}
/* CommentVar */
code span.do {
color: #ba2121;
font-style: italic;
}
/* Documentation */
code span.dt {
color: #902000;
}
/* DataType */
code span.dv {
color: #40a070;
}
/* DecVal */
code span.er {
color: #ff0000;
font-weight: bold;
}
/* Error */
code span.ex {
color: #458588;
}
/* Extension */
code span.fl {
color: #40a070;
}
/* Float */
code span.fu {
color: #458588;
}
/* Function */
/* Import */
code span.in {
color: #60a0b0;
font-weight: bold;
font-style: italic;
}
/* Information */
code span.kw {
color: #98971a;
font-weight: bold;
}
/* Keyword */
code span.op {
color: #666666;
}
/* Operator */
code span.ot {
color: #007020;
}
/* Other */
code span.pp {
color: #bc7a00;
}
/* Preprocessor */
code span.sc {
color: #4070a0;
}
/* SpecialChar */
code span.ss {
color: #bb6688;
}
/* SpecialString */
code span.st {
color: #d79921;
}
/* String */
code span.va {
color: #cc241d;
}
/* Variable */
code span.vs {
color: #4070a0;
}
/* VerbatimString */
code span.wa {
color: #60a0b0;
font-weight: bold;
font-style: italic;
}
/* Warning */

4
assets/css/main.less

@ -114,7 +114,9 @@ article{
}
footer{
display: block;
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: @gb-dm-bg3;
padding: 0.5em;
a{

2
templates/blog.html

@ -68,7 +68,7 @@
</div>
<footer>
<a href="https://paypal.me/jab2870">Buy me a coffee?</a>
<a href="https://git.jonathanh.co.uk">Website Source</a>
<a href="https://git.jonathanh.co.uk/jab2870/Website">Website Source</a>
</footer>
</body>
</html>
Loading…
Cancel
Save