0017

docs/2022/09/20/how-to-create-githubpage.html

@@ -16,13 +16,12 @@
     
 </nav>
         <h1>2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages</h1>
-<p>20 Sep 2022 - Aaron</p>
+        <p>20 Sep 2022 - Aaron</p>
-
+        <div class="outerDiv">
-<div>
     <div id="prerequisits">
         <h3>Prerequisits</h3>
-        Install <a href="https://git-scm.com/downloads" target="_blank">Git</a>
+        Install <a href="https://git-scm.com/downloads" target="_blank">Git</a><br>
-        Install <a href="https://www.ruby-lang.org/en/documentation/installation/" target="_blank">Ruby</a>
+        Install <a href="https://www.ruby-lang.org/en/documentation/installation/" target="_blank">Ruby</a><br>
         Install Jekyll and Bundler<br>
         <div class="console">
             <code>$ gem install jekyll bundler</code>

docs/assets/css/blog.css

@@ -0,0 +1 @@
+div.console{background-color:lightgray;color:black;padding-left:10px;padding-top:5px;padding-bottom:5px}div.outerDiv{padding-left:20px}

docs/feed.xml

@@ -1,8 +1,8 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.2">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2022-09-21T13:48:33+02:00</updated><id>/feed.xml</id><title type="html">Mr.</title><subtitle>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</subtitle><entry><title type="html">2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages</title><link href="/2022/09/20/how-to-create-githubpage.html" rel="alternate" type="text/html" title="2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages" /><published>2022-09-20T00:00:00+02:00</published><updated>2022-09-20T00:00:00+02:00</updated><id>/2022/09/20/how-to-create-githubpage</id><content type="html" xml:base="/2022/09/20/how-to-create-githubpage.html">&lt;div&gt;
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.2">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2022-09-21T14:16:42+02:00</updated><id>/feed.xml</id><title type="html">Mr.</title><subtitle>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</subtitle><entry><title type="html">2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages</title><link href="/2022/09/20/how-to-create-githubpage.html" rel="alternate" type="text/html" title="2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages" /><published>2022-09-20T00:00:00+02:00</published><updated>2022-09-20T00:00:00+02:00</updated><id>/2022/09/20/how-to-create-githubpage</id><content type="html" xml:base="/2022/09/20/how-to-create-githubpage.html">&lt;div class=&quot;outerDiv&quot;&gt;
     &lt;div id=&quot;prerequisits&quot;&gt;
         &lt;h3&gt;Prerequisits&lt;/h3&gt;
-        Install &lt;a href=&quot;https://git-scm.com/downloads&quot; target=&quot;_blank&quot;&gt;Git&lt;/a&gt;
+        Install &lt;a href=&quot;https://git-scm.com/downloads&quot; target=&quot;_blank&quot;&gt;Git&lt;/a&gt;&lt;br&gt;
-        Install &lt;a href=&quot;https://www.ruby-lang.org/en/documentation/installation/&quot; target=&quot;_blank&quot;&gt;Ruby&lt;/a&gt;
+        Install &lt;a href=&quot;https://www.ruby-lang.org/en/documentation/installation/&quot; target=&quot;_blank&quot;&gt;Ruby&lt;/a&gt;&lt;br&gt;
         Install Jekyll and Bundler&lt;br&gt;
         &lt;div class=&quot;console&quot;&gt;
             &lt;code&gt;$ gem install jekyll bundler&lt;/code&gt;

localdocs/_layouts/post.html

@@ -1,7 +1,15 @@
----
+<!DOCTYPE html>
-layout: default
+<html>
----
+    <head>
-<h1>{{ page.title }}</h1>
+        <meta charset="utf-8">
-<p>{{ page.date | date_to_string }} - {{ page.author }}</p>
+        <title>{{ page.title }}</title>
-
+        <link rel="stylesheet" href="/assets/css/styles.css">
-{{ content }}
+    </head>
+    <body>
+        {% include navigation.html %}
+        <h1>{{ page.title }}</h1>
+        <p>{{ page.date | date_to_string }} - {{ page.author }}</p>
+        {{ content }}
+        {% include footerNavbar.html %}
+    </body>
+</html>

localdocs/_posts/2022-09-20-how-to-create-githubpage.html

@@ -4,11 +4,11 @@ author: Aaron
 title: 2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages
 ---
 
-<div>
+<div class="outerDiv">
     <div id="prerequisits">
         <h3>Prerequisits</h3>
-        Install <a href="https://git-scm.com/downloads" target="_blank">Git</a>
+        Install <a href="https://git-scm.com/downloads" target="_blank">Git</a><br>
-        Install <a href="https://www.ruby-lang.org/en/documentation/installation/" target="_blank">Ruby</a>
+        Install <a href="https://www.ruby-lang.org/en/documentation/installation/" target="_blank">Ruby</a><br>
         Install Jekyll and Bundler<br>
         <div class="console">
             <code>$ gem install jekyll bundler</code>

localdocs/_sass/blog.scss

@@ -0,0 +1,11 @@
+div.console {
+    background-color: lightgray;
+    color: black;
+    padding-left: 10px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+
+div.outerDiv {
+    padding-left: 20px;
+}

localdocs/assets/css/blog.scss

@@ -0,0 +1,3 @@
+---
+---
+@import "blog";