From 018b4ede0eb3eb521879aedfe17e0e56739a63e6 Mon Sep 17 00:00:00 2001
From: chimchooree <chimchooree@mail.com>
Date: Thu, 1 Oct 2020 17:33:43 -0500
Subject: [PATCH] added more articles so I can test pagination

---
 src/entries/200815.html             |   1 -
 src/entries/200919.html             | 100 ++++++++++++++++++++++++++
 src/entries/200926.html             | 101 ++++++++++++++++++++++++++
 src/entries/201001.html             |  98 ++++++++++++++++++++++++++
 src/entries/201003.html             | 105 ++++++++++++++++++++++++++++
 src/entries/raw/entries/200815.html |   1 -
 src/entries/raw/entries/200919.html |  13 ++++
 src/entries/raw/entries/200926.html |  14 ++++
 src/entries/raw/entries/201001.html |  11 +++
 src/entries/raw/entries/201003.html |  19 +++++
 src/index.py                        |   3 +-
 11 files changed, 463 insertions(+), 3 deletions(-)
 create mode 100644 src/entries/200919.html
 create mode 100644 src/entries/200926.html
 create mode 100644 src/entries/201001.html
 create mode 100644 src/entries/201003.html
 create mode 100644 src/entries/raw/entries/200919.html
 create mode 100644 src/entries/raw/entries/200926.html
 create mode 100644 src/entries/raw/entries/201001.html
 create mode 100644 src/entries/raw/entries/201003.html
diff --git a/src/entries/200815.html b/src/entries/200815.html
index 9efdc23..ee0a802 100644
--- a/src/entries/200815.html
+++ b/src/entries/200815.html
@@ -58,7 +58,6 @@ apache, automation, css, html, jenkins, nginx, php, server, website<br>
 </ul>
 <h2>wednesday, august 5</h2>
 <ul>
-<br>
 <li>design the website</li>
 <li>prototype of website running on the server</li>
 <li>J set up automation with Jenkins + Ansible</li>
diff --git a/src/entries/200919.html b/src/entries/200919.html
new file mode 100644
index 0000000..330ee99
--- /dev/null
+++ b/src/entries/200919.html
@@ -0,0 +1,100 @@
+﻿<!DOCTYPE html>
+<html>
+
+<!-- Header -->
+<head>
+  <title>chimchooree's dev space - blessfrey</title>
+  <meta http-equiv="Content-Type" content="text/html; charset="utf-8">
+  <link rel="stylesheet" type="text/css" href="../../../res/styles/feature.css"/>
+</head>
+
+<!-- Body -->
+<body>
+
+<div class="grid">
+    <div class="whitespace">
+        blessfrey.me<br>
+    </div>
+
+    <div class="blessfrey-logo"></div>
+    <div class="nav-row"></div>
+
+<!--Navigation Bar-->
+    <div class="nav-grid">
+        <div class="nav-bar"></div>
+        <div class="nav-index">
+            <a href="index.html">
+                <div class="button">home</div>
+            </a>
+        </div>
+        <div class="nav-game">
+            <a href="game.html">
+                <div class="button">game</div>
+            </a>
+        </div>
+        <div class="nav-diary">
+            <a href="diary.php">
+                <div class="button">diary</div>
+            </a>
+        </div>
+        <div class="nav-presskit">
+            <a href="presskit.html">
+                <div class="button">presskit</div>
+            </a>
+        </div>
+    </div>
+
+    <div class="body-row"> </div>
+    
+    <div class="diary-entry">
+<h1>weekly roundup</h1>
+september 13-19, 2020
+bottle<br>
+<br>
+<h2>friday, september 18</h2>
+<ul>
+<li>switched from PHP to Bottle</li>
+<li>hello world in Bottle</li>
+<li>created templates for main pages</li>
+<li>Used Bottle to fill values in a template using variables</li>
+<li>Used Bottle to avoid repeating html code in navigation pane, header, and footer</li>
+</ul>
+<br>
+    </div>
+
+<!--right column-->
+    <div class="about-box">
+        <h1>about blessfrey</h1>
+        It's a game.<br>
+    </div>
+
+    <div class="twitter-box">
+        <h1>follow on twitter</h1>
+        <a href="https://twitter.com/lilchimchooree">@lilchimchooree</a><br>
+    </div>
+
+    <div class="latest">
+        <h1>latest</h1>
+        Some articles.<br>
+    </div>
+
+    <div class="disclosure">
+        <h1>disclosure</h1>
+        No sponsored posts or affiliate links appear in this blog. If they do, they will be <a href="https://www.ftc.gov/tips-advice/business-center/guidance/ftcs-endorsement-guides-what-people-are-asking">properly</a> <a href="https://www.ftc.gov/sites/default/files/attachments/press-releases/ftc-publishes-final-guides-governing-endorsements-testimonials/091005revisedendorsementguides.pdf">disclosed</a>.<br>
+        <br>
+        blessfrey.me does not collect personal information + has no cookies.<br>
+    </div>
+
+<!--Footer-->
+    <div class="footer-row">
+        <footer>
+            <div class="footer">
+                &#169 chimchooree<br>
+            </div>
+        </footer>
+    </div>
+</div>
+
+</body>
+
+</html>
diff --git a/src/entries/200926.html b/src/entries/200926.html
new file mode 100644
index 0000000..23b2da5
--- /dev/null
+++ b/src/entries/200926.html
@@ -0,0 +1,101 @@
+﻿<!DOCTYPE html>
+<html>
+
+<!-- Header -->
+<head>
+  <title>chimchooree's dev space - blessfrey</title>
+  <meta http-equiv="Content-Type" content="text/html; charset="utf-8">
+  <link rel="stylesheet" type="text/css" href="../../../res/styles/feature.css"/>
+</head>
+
+<!-- Body -->
+<body>
+
+<div class="grid">
+    <div class="whitespace">
+        blessfrey.me<br>
+    </div>
+
+    <div class="blessfrey-logo"></div>
+    <div class="nav-row"></div>
+
+<!--Navigation Bar-->
+    <div class="nav-grid">
+        <div class="nav-bar"></div>
+        <div class="nav-index">
+            <a href="index.html">
+                <div class="button">home</div>
+            </a>
+        </div>
+        <div class="nav-game">
+            <a href="game.html">
+                <div class="button">game</div>
+            </a>
+        </div>
+        <div class="nav-diary">
+            <a href="diary.php">
+                <div class="button">diary</div>
+            </a>
+        </div>
+        <div class="nav-presskit">
+            <a href="presskit.html">
+                <div class="button">presskit</div>
+            </a>
+        </div>
+    </div>
+
+    <div class="body-row"> </div>
+    
+    <div class="diary-entry">
+<h1>weekly roundup</h1>
+september 20-26, 2020
+bottle<br>
+<br>
+<h2>friday, september 25</h2>
+<ul>
+<li>Diary snippets are formated from data taken from their articles. The article preview is cut to the character limit.</li>
+</ul>
+<br>
+<h2>saturday, september 26</h2>
+<ul>
+<li>Updated the blessfrey.me script to serve static content like CSS stylesheets + images. Now the pages are actually styled.</li>
+</ul>
+<br>
+    </div>
+
+<!--right column-->
+    <div class="about-box">
+        <h1>about blessfrey</h1>
+        It's a game.<br>
+    </div>
+
+    <div class="twitter-box">
+        <h1>follow on twitter</h1>
+        <a href="https://twitter.com/lilchimchooree">@lilchimchooree</a><br>
+    </div>
+
+    <div class="latest">
+        <h1>latest</h1>
+        Some articles.<br>
+    </div>
+
+    <div class="disclosure">
+        <h1>disclosure</h1>
+        No sponsored posts or affiliate links appear in this blog. If they do, they will be <a href="https://www.ftc.gov/tips-advice/business-center/guidance/ftcs-endorsement-guides-what-people-are-asking">properly</a> <a href="https://www.ftc.gov/sites/default/files/attachments/press-releases/ftc-publishes-final-guides-governing-endorsements-testimonials/091005revisedendorsementguides.pdf">disclosed</a>.<br>
+        <br>
+        blessfrey.me does not collect personal information + has no cookies.<br>
+    </div>
+
+<!--Footer-->
+    <div class="footer-row">
+        <footer>
+            <div class="footer">
+                &#169 chimchooree<br>
+            </div>
+        </footer>
+    </div>
+</div>
+
+</body>
+
+</html>
diff --git a/src/entries/201001.html b/src/entries/201001.html
new file mode 100644
index 0000000..2578647
--- /dev/null
+++ b/src/entries/201001.html
@@ -0,0 +1,98 @@
+﻿<!DOCTYPE html>
+<html>
+
+<!-- Header -->
+<head>
+  <title>chimchooree's dev space - blessfrey</title>
+  <meta http-equiv="Content-Type" content="text/html; charset="utf-8">
+  <link rel="stylesheet" type="text/css" href="../../../res/styles/feature.css"/>
+</head>
+
+<!-- Body -->
+<body>
+
+<div class="grid">
+    <div class="whitespace">
+        blessfrey.me<br>
+    </div>
+
+    <div class="blessfrey-logo"></div>
+    <div class="nav-row"></div>
+
+<!--Navigation Bar-->
+    <div class="nav-grid">
+        <div class="nav-bar"></div>
+        <div class="nav-index">
+            <a href="index.html">
+                <div class="button">home</div>
+            </a>
+        </div>
+        <div class="nav-game">
+            <a href="game.html">
+                <div class="button">game</div>
+            </a>
+        </div>
+        <div class="nav-diary">
+            <a href="diary.php">
+                <div class="button">diary</div>
+            </a>
+        </div>
+        <div class="nav-presskit">
+            <a href="presskit.html">
+                <div class="button">presskit</div>
+            </a>
+        </div>
+    </div>
+
+    <div class="body-row"> </div>
+    
+    <div class="diary-entry">
+<h1>why bottle over php? </h1>
+october 1, 2020<br>
+<br>
+<b>Bottle</b> is a Python framework for server-side web development.<br>
+<br>
+It's useful because it lets you reuse code for HTML, supports simple HTML templating, and is Python, which is a fun scripting language to use with tons of libraries.<br>
+<br>
+<b>PHP</b> is an old server language. It's very verbose, doesn't natively support templating, has extreme differences between versions which makes it confusing to research the fastest approaches, and its documentation is confusing. At least, amusingly, each documentation page has an open comment section underneath it, filled with conflicting and frustrated opinions, some dating back to when I was a toddler. <br>
+<br>
+It's still good to practice with, since it's a widely used web development language, and I feel like understanding it brings me closer to the PHP petsites of the mid-2000s which I dearly love.<br>
+<br>
+    </div>
+
+<!--right column-->
+    <div class="about-box">
+        <h1>about blessfrey</h1>
+        It's a game.<br>
+    </div>
+
+    <div class="twitter-box">
+        <h1>follow on twitter</h1>
+        <a href="https://twitter.com/lilchimchooree">@lilchimchooree</a><br>
+    </div>
+
+    <div class="latest">
+        <h1>latest</h1>
+        Some articles.<br>
+    </div>
+
+    <div class="disclosure">
+        <h1>disclosure</h1>
+        No sponsored posts or affiliate links appear in this blog. If they do, they will be <a href="https://www.ftc.gov/tips-advice/business-center/guidance/ftcs-endorsement-guides-what-people-are-asking">properly</a> <a href="https://www.ftc.gov/sites/default/files/attachments/press-releases/ftc-publishes-final-guides-governing-endorsements-testimonials/091005revisedendorsementguides.pdf">disclosed</a>.<br>
+        <br>
+        blessfrey.me does not collect personal information + has no cookies.<br>
+    </div>
+
+<!--Footer-->
+    <div class="footer-row">
+        <footer>
+            <div class="footer">
+                &#169 chimchooree<br>
+            </div>
+        </footer>
+    </div>
+</div>
+
+</body>
+
+</html>
diff --git a/src/entries/201003.html b/src/entries/201003.html
new file mode 100644
index 0000000..04d00b3
--- /dev/null
+++ b/src/entries/201003.html
@@ -0,0 +1,105 @@
+﻿<!DOCTYPE html>
+<html>
+
+<!-- Header -->
+<head>
+  <title>chimchooree's dev space - blessfrey</title>
+  <meta http-equiv="Content-Type" content="text/html; charset="utf-8">
+  <link rel="stylesheet" type="text/css" href="../../../res/styles/feature.css"/>
+</head>
+
+<!-- Body -->
+<body>
+
+<div class="grid">
+    <div class="whitespace">
+        blessfrey.me<br>
+    </div>
+
+    <div class="blessfrey-logo"></div>
+    <div class="nav-row"></div>
+
+<!--Navigation Bar-->
+    <div class="nav-grid">
+        <div class="nav-bar"></div>
+        <div class="nav-index">
+            <a href="index.html">
+                <div class="button">home</div>
+            </a>
+        </div>
+        <div class="nav-game">
+            <a href="game.html">
+                <div class="button">game</div>
+            </a>
+        </div>
+        <div class="nav-diary">
+            <a href="diary.php">
+                <div class="button">diary</div>
+            </a>
+        </div>
+        <div class="nav-presskit">
+            <a href="presskit.html">
+                <div class="button">presskit</div>
+            </a>
+        </div>
+    </div>
+
+    <div class="body-row"> </div>
+    
+    <div class="diary-entry">
+<h1>weekly roundup</h1>
+september 27-october 3, 2020
+bottle, css, git, html, regex, regular expressions, website<br>
+<br>
+<h2>wednesday, august 9</h2>
+<ul>
+<li>Working on the website in the first time in a while;; </li>
+<li>blessfrey.me's static pages look as intended - no footer in the middle of the body, no unclosed &lt;ul&gt; tags from diary entry previews breaking the CSS.</li>
+<li>w3's Nu Html Checker (lol @ the nu name) is really handy for automatically checking whether all my html tags are closed and CSS is valid, especially the parts generated through Bottle + SimpleTemplate. </li>
+</ul>
+<h2>thursday, october 1</h2>
+<ul>
+<li>blessfrey.me's diary properly displays snippets for all articles: a header taken from the title, a truncated view of the article, the date + a place for social media share links, and a link to the article.</li>
+<li>Cleaning the snippets enough to look okay and not break the page was a challenge. I used regular expressions to remove html link + header tags, <a href="https://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags">which is apparently a lost cause Stack Overflow users stand against daily, hourly even</a>. It's not so bad if it's not user content, and the content is pretty predictable, right?
+<li>First command line git merge. I usually do it on the website. It's really simple - switch to the branch you're merging the second branch into, type 'git merge second-branch' (second-branch = name of the second branch obviously), and fix any conflicts.</li>
+</ul>
+<br>
+<br>
+    </div>
+
+<!--right column-->
+    <div class="about-box">
+        <h1>about blessfrey</h1>
+        It's a game.<br>
+    </div>
+
+    <div class="twitter-box">
+        <h1>follow on twitter</h1>
+        <a href="https://twitter.com/lilchimchooree">@lilchimchooree</a><br>
+    </div>
+
+    <div class="latest">
+        <h1>latest</h1>
+        Some articles.<br>
+    </div>
+
+    <div class="disclosure">
+        <h1>disclosure</h1>
+        No sponsored posts or affiliate links appear in this blog. If they do, they will be <a href="https://www.ftc.gov/tips-advice/business-center/guidance/ftcs-endorsement-guides-what-people-are-asking">properly</a> <a href="https://www.ftc.gov/sites/default/files/attachments/press-releases/ftc-publishes-final-guides-governing-endorsements-testimonials/091005revisedendorsementguides.pdf">disclosed</a>.<br>
+        <br>
+        blessfrey.me does not collect personal information + has no cookies.<br>
+    </div>
+
+<!--Footer-->
+    <div class="footer-row">
+        <footer>
+            <div class="footer">
+                &#169 chimchooree<br>
+            </div>
+        </footer>
+    </div>
+</div>
+
+</body>
+
+</html>
diff --git a/src/entries/raw/entries/200815.html b/src/entries/raw/entries/200815.html
index 226bc76..de4008f 100644
--- a/src/entries/raw/entries/200815.html
+++ b/src/entries/raw/entries/200815.html
@@ -9,7 +9,6 @@ apache, automation, css, html, jenkins, nginx, php, server, website<br>
 </ul>
 <h2>wednesday, august 5</h2>
 <ul>
-<br>
 <li>design the website</li>
 <li>prototype of website running on the server</li>
 <li>J set up automation with Jenkins + Ansible</li>
diff --git a/src/entries/raw/entries/200919.html b/src/entries/raw/entries/200919.html
new file mode 100644
index 0000000..57f9215
--- /dev/null
+++ b/src/entries/raw/entries/200919.html
@@ -0,0 +1,13 @@
+<h1>weekly roundup</h1>
+september 13-19, 2020
+bottle<br>
+<br>
+<h2>friday, september 18</h2>
+<ul>
+<li>switched from PHP to Bottle</li>
+<li>hello world in Bottle</li>
+<li>created templates for main pages</li>
+<li>Used Bottle to fill values in a template using variables</li>
+<li>Used Bottle to avoid repeating html code in navigation pane, header, and footer</li>
+</ul>
+<br>
diff --git a/src/entries/raw/entries/200926.html b/src/entries/raw/entries/200926.html
new file mode 100644
index 0000000..80989e4
--- /dev/null
+++ b/src/entries/raw/entries/200926.html
@@ -0,0 +1,14 @@
+<h1>weekly roundup</h1>
+september 20-26, 2020
+bottle<br>
+<br>
+<h2>friday, september 25</h2>
+<ul>
+<li>Diary snippets are formated from data taken from their articles. The article preview is cut to the character limit.</li>
+</ul>
+<br>
+<h2>saturday, september 26</h2>
+<ul>
+<li>Updated the blessfrey.me script to serve static content like CSS stylesheets + images. Now the pages are actually styled.</li>
+</ul>
+<br>
diff --git a/src/entries/raw/entries/201001.html b/src/entries/raw/entries/201001.html
new file mode 100644
index 0000000..9a7019d
--- /dev/null
+++ b/src/entries/raw/entries/201001.html
@@ -0,0 +1,11 @@
+<h1>why bottle over php? </h1>
+october 1, 2020<br>
+<br>
+<b>Bottle</b> is a Python framework for server-side web development.<br>
+<br>
+It's useful because it lets you reuse code for HTML, supports simple HTML templating, and is Python, which is a fun scripting language to use with tons of libraries.<br>
+<br>
+<b>PHP</b> is an old server language. It's very verbose, doesn't natively support templating, has extreme differences between versions which makes it confusing to research the fastest approaches, and its documentation is confusing. At least, amusingly, each documentation page has an open comment section underneath it, filled with conflicting and frustrated opinions, some dating back to when I was a toddler. <br>
+<br>
+It's still good to practice with, since it's a widely used web development language, and I feel like understanding it brings me closer to the PHP petsites of the mid-2000s which I dearly love.<br>
+<br>
diff --git a/src/entries/raw/entries/201003.html b/src/entries/raw/entries/201003.html
new file mode 100644
index 0000000..84085ae
--- /dev/null
+++ b/src/entries/raw/entries/201003.html
@@ -0,0 +1,19 @@
+<h1>this week</h1>
+september 27-october 3, 2020
+bottle, css, git, html, regex, regular expressions, website<br>
+<br>
+<h2>wednesday, august 9</h2>
+<ul>
+<li>Working on the website in the first time in a while;; </li>
+<li>blessfrey.me's static pages look as intended - no footer in the middle of the body, no unclosed &lt;ul&gt; tags from diary entry previews breaking the CSS.</li>
+<li>w3's Nu Html Checker (lol @ the nu name) is really handy for automatically checking whether all my html tags are closed and CSS is valid, especially the parts generated through Bottle + SimpleTemplate. </li>
+</ul>
+<h2>thursday, october 1</h2>
+<ul>
+<li>blessfrey.me's diary properly displays snippets for all articles: a header taken from the title, a truncated view of the article, the date + a place for social media share links, and a link to the article.</li>
+<li>Cleaning the snippets enough to look okay and not break the page was a challenge. I used regular expressions to remove html link + header tags, <a href="https://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags">which is apparently a lost cause Stack Overflow users stand against daily, hourly even</a>. It's not so bad if it's not user content, and the content is pretty predictable, right?
+<li>Pythex @ https://pythex.org/ is useful for checking whether your regular expression will catch your target strings</li>
+<li>First command line git merge. I usually do it on the website. It's really simple - switch to the branch you're merging the second branch into, type 'git merge second-branch' (second-branch = name of the second branch obviously), and fix any conflicts.</li>
+</ul>
+<br>
+<br>
diff --git a/src/index.py b/src/index.py
index d252d4f..e76702b 100644
--- a/src/index.py
+++ b/src/index.py
@@ -75,7 +75,8 @@ def snip_article(article, path):
     return result + " ... "
 
 def sort_files(files):
-    return list(reversed(files))
+    files.sort(reverse=True)
+    return files#list(reversed(files))
 
 def gather_files():
     files = os.listdir('entries/')
