shylie/shylie.info
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
_layouts/post.html
View File

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

6
_posts/2024-1-13-test-post.md
View File

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

22
resources/style.css
View File

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