Update to use <code> instead of .block for code blocks

This commit is contained in:
Shylie 2024-01-13 23:53:20 +00:00
parent 410f5f9430
commit af52a2c23f
3 changed files with 23 additions and 12 deletions

View File

@ -2,7 +2,8 @@
layout: default
---
<h1>{{ page.title }}&nbsp;&nbsp;<a href="/"><-</a></h1>
<p class="tiny">{{ page.date | date_to_string }} - Shylie</p>
<h1>
{{ page.title }} - Shylie - {{ page.date | date_to_string }} - <a href="/"><-</a>
</h1>
{{ content }}
{{ content }}

View File

@ -6,4 +6,8 @@ This is a test post.
# here is a heading
Here is a link: [wow]()...
Here is a link: [wow]()...
some code? more likely than you think
`code`

View File

@ -18,7 +18,7 @@ html {
margin: auto;
margin-top: 100px;
font-family: 'blockkie';
font-size: 32px;
font-size: 36px;
background: #400;
color: #FB8;
text-shadow: 2px 2px #300;
@ -32,7 +32,7 @@ body {
width: 65%;
}
h1,.block {
h1,code {
padding: 0.125em;
background: #600;
box-shadow: 4px 4px 0px 1px #300;
@ -40,12 +40,18 @@ h1,.block {
text-shadow: 2px 2px #000;
}
.block {
font-family: 'proggy-tiny'
code {
font-family: 'proggy-tiny';
top: -5px;
left: -2px;
margin-left: 2px;
margin-right: 6px;
position: relative;
}
h1 {
h1 {
text-shadow: 3.5px 3.5px #300;
font-size: 170%;
}
a {
@ -53,7 +59,7 @@ a {
color: #600;
padding: 0.125em;
text-decoration: none;
text-shadow: 0.5px 0.5px #000;
text-shadow: 1px 1px #000;
box-shadow: 4px 4px 0px 1px #300;
font-family: 'proggy-tiny';
top: -5px;
@ -63,7 +69,7 @@ a {
position: relative;
}
.block a {
code a {
top: initial;
position: initial;
margin-left: initial;
@ -78,4 +84,4 @@ h1 a {
a:hover {
background: #FF8;
color: #900;
}
}