Use jekyll for blogging

This commit is contained in:
Shylie 2024-01-13 16:31:11 -05:00
parent 478bbf6116
commit 410f5f9430
8 changed files with 75 additions and 19 deletions

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
_site/

11
_layouts/default.html Normal file
View File

@ -0,0 +1,11 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>{{ page.title }}</title>
<link rel="stylesheet" href="/resources/style.css">
</head>
<body>
{{ content }}
</body>
</html>

8
_layouts/post.html Normal file
View File

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

View File

@ -0,0 +1,9 @@
---
layout: post
---
This is a test post but 2.
# here is a heading
Here is a link: [wow]()...

View File

@ -0,0 +1,9 @@
---
layout: post
---
This is a test post.
# here is a heading
Here is a link: [wow]()...

View File

@ -1,17 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<title>shylie.info</title>
<link rel="stylesheet" href="resources/style.css">
</head>
<body>
<div>
<h1>Header Text...</h1>
<h2>Header 2 Text...</h2>
<p>Lorem ipsum nec feugiat proin dictumst felis odio, netus sollicitudin tempus facilisis faucibus amet, netus venenatis mollis ultrices quisque arcu. Fames molestie purus nibh malesuada in etiam, bibendum auctor mollis donec volutpat felis purus, tellus litora vehicula nullam praesent. Curabitur quisque gravida tincidunt a commodo auctor fames hac massa vel eleifend quisque torquent, aliquam orci arcu aenean hac pellentesque sit amet integer ultricies quam.</p>
<p class="block">Eu ullamcorper hendrerit ad convallis sociosqu orci ipsum rhoncus egestas, vehicula litora per risus proin velit aenean amet duis, porttitor sagittis massa aptent nostra tellus mollis magna. Bibendum integer cursus etiam sollicitudin et consectetur ad tellus conubia netus, sodales sapien vehicula rhoncus dictumst egestas pellentesque sem. Magna et vel torquent commodo mauris eget a, molestie ornare taciti turpis litora urna felis, platea posuere donec imperdiet suscipit posuere.</p>
<p>Some more text and this time it's got a <a href="">link</a> and that's pretty cool.</p>
<p class="block">Even more text (in a block this time) and wow another <a href="">link</a> omg.</p>
</div>
</body>
</html>
---
layout: default
title: Posts
---
<h1>Latest Posts</h1>
<ul>
{% for post in site.posts %}
<li>
<h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
</li>
{% endfor %}
</ul>

View File

@ -59,7 +59,7 @@ a {
top: -5px;
left: -2px;
margin-left: 2px;
margin-right: 2px;
margin-right: 6px;
position: relative;
}
@ -67,10 +67,14 @@ a {
top: initial;
position: initial;
margin-left: initial;
margin-right: 1px;
line-height: 1.3em;
}
h1 a {
top: -10px;
margin-left: initial;
}
a:hover {
background: #FF8;
color: #900;

17
test.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>shylie.info</title>
<link rel="stylesheet" href="resources/style.css">
</head>
<body>
<div>
<h1>Header Text...</h1>
<h2>Header 2 Text...</h2>
<p>Lorem ipsum nec feugiat proin dictumst felis odio, netus sollicitudin tempus facilisis faucibus amet, netus venenatis mollis ultrices quisque arcu. Fames molestie purus nibh malesuada in etiam, bibendum auctor mollis donec volutpat felis purus, tellus litora vehicula nullam praesent. Curabitur quisque gravida tincidunt a commodo auctor fames hac massa vel eleifend quisque torquent, aliquam orci arcu aenean hac pellentesque sit amet integer ultricies quam.</p>
<p class="block">Eu ullamcorper hendrerit ad convallis sociosqu orci ipsum rhoncus egestas, vehicula litora per risus proin velit aenean amet duis, porttitor sagittis massa aptent nostra tellus mollis magna. Bibendum integer cursus etiam sollicitudin et consectetur ad tellus conubia netus, sodales sapien vehicula rhoncus dictumst egestas pellentesque sem. Magna et vel torquent commodo mauris eget a, molestie ornare taciti turpis litora urna felis, platea posuere donec imperdiet suscipit posuere.</p>
<p>Some more text and this time it's got a <a href="">link</a> and that's pretty cool.</p>
<p class="block">Even more text (in a block this time) and wow another <a href="">link</a> omg.</p>
</div>
</body>
</html>