added more articles so I can test pagination

small-nav
chimchooree 4 years ago
parent f751f1a7dd
commit 018b4ede0e

@ -58,7 +58,6 @@ apache, automation, css, html, jenkins, nginx, php, server, website<br>
</ul> </ul>
<h2>wednesday, august 5</h2> <h2>wednesday, august 5</h2>
<ul> <ul>
<br>
<li>design the website</li> <li>design the website</li>
<li>prototype of website running on the server</li> <li>prototype of website running on the server</li>
<li>J set up automation with Jenkins + Ansible</li> <li>J set up automation with Jenkins + Ansible</li>

@ -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>

@ -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>

@ -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>

@ -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>

@ -9,7 +9,6 @@ apache, automation, css, html, jenkins, nginx, php, server, website<br>
</ul> </ul>
<h2>wednesday, august 5</h2> <h2>wednesday, august 5</h2>
<ul> <ul>
<br>
<li>design the website</li> <li>design the website</li>
<li>prototype of website running on the server</li> <li>prototype of website running on the server</li>
<li>J set up automation with Jenkins + Ansible</li> <li>J set up automation with Jenkins + Ansible</li>

@ -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>

@ -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>

@ -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>

@ -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>

@ -75,7 +75,8 @@ def snip_article(article, path):
return result + " ... " return result + " ... "
def sort_files(files): def sort_files(files):
return list(reversed(files)) files.sort(reverse=True)
return files#list(reversed(files))
def gather_files(): def gather_files():
files = os.listdir('entries/') files = os.listdir('entries/')

Loading…
Cancel
Save