Separated index and blog

2 files changed, 103 insertions, 93 deletions

diff --git a/index.html b/index.html
index c33f342..54107ca 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="author" content="aki">
-<meta name="tags" content="homepage, programming, computer science, tutorials, unix, posix, web">
+<meta name="tags" content="homepage, programming">
 <link rel="icon" type="image/png" href="cylo.png">
 <link rel="stylesheet" type="text/css" href="style.css">
 
@@ -12,101 +12,102 @@
 <header>
 <h1><img src="cylo.png" alt="Ignore"></h1>
 </header>
-<section>
-<h2>Birds and Programming</h2>
-<p>The sole reason why birds are not excellent programmers is that they can't use keyboards very well. At some point in
-the future it will be required from them to develop an interface to computers. Be it fingers or something that will
-completely discard the concept of a keyboard.
-</section>
+
 <nav>
 <h2>Index</h2>
 <ul>
-<li><a href="#news">Short Updates</a>
-<li><a href="https://git.ignore.pl">Public Git Repositories</a>
-<li><a href="faq.html">Frequently Asked Questions</a>
-<li><a href="graveyard_of_the_drawings.html">Graveyard of the Drawings</a>
-<li>Blog posts that I keep removing
-	<ul>
-		<li><a href="difference_between_mnt_and_media.html">Difference Between /mnt and /media</a>
-		<li><a href="environments_in_lua_5_2_and_beyond.html">Environments in Lua 5.2 and Beyond</a>
-		<li><a href="half_of_my_css_are_links.html">Half of My CSS Are Links</a>
-		<li><a href="of_privacy_and_traffic_tracking.html">Of Privacy and Traffic Tracking</a>
-		<li>Rebuilding Web Browsing
-			<ol>
-				<li><a href="markdown_is_bad_for_you.html">Markdown Is Bad For You</a>
-				<li><a href="web_browsers_are_no_more.html">Web Browsers Are No More</a>
-				<li><a href="deconstructing_web_browsers.html">Deconstructing Web Browsers<a>
-			</ol>
-		<li>Representation of Software
-			<ul>
-				<li><a href="hunt_for_lex_and_yacc_the_dinosaur.html">Hunt for Lex and Yacc, the Dinosaur</a>
-			</ul>
-	</ul>
-<li>Guides that I keep rewriting
-	<ul>
-		<li><a href="dear_imgui_and_love.html">Dear ImGui and LÖVE,</a>
-		<li><a href="how_to_archive_with_posix_ar.html">How to Archive With POSIX ar</a>
-		<li><a href="how_to_archive_with_posix_tar_cpio_and_pax.html">How to Archive With POSIX tar, cpio and pax</a>
-		<li><a href="how_to_compress_files_in_posix.html">How to Compress Files in POSIX</a>
-		<li><a href="how_to_create_templates_with_shell_cat_and_envsubst.html">How to Create Templates With Shell, cat and envsubst</a>
-		<li><a href="how_to_flash_lolin_nodemcu_v3.html">How to Flash LOLin NodeMCU v3</a>
-		<li><a href="how_to_organize_your_lua_project.html">How to Organize Your Lua Project</a>
-		<li><a href="how_to_write_a_minimal_html5_document.html">How to Write a Minimal HTML5 Document</a>
-		<li><a href="journey_home_application_deployment.html">Journey /home - Application Deployment</a>
-		<li><a href="the_gentlest_introduction_to_building_with_makefiles.html">The Gentlest Introduction to Building With Makefiles</a>
-	</ul>
-<li>Projects that got their own pages for some reason
-	<ul>
-		<li><a href="https://derelict.ignore.pl">Derelict</a>
-		<li><a href="https://ignore.pl/roflnauts">Roflnauts 2</a>
-		<li><a href="LICENSE.html">LICENSE</a>
-		<li><a href="plop.html">Plop</a>
-	</ul>
+	<li><a href="#blog">Blog</a>
+	<li><a href="https://git.ignore.pl">Public Git Repositories</a>
+	<li><a href="graveyard_of_the_drawings.html">Graveyard of the Drawings</a>
+	<li><a href="faq.html">Frequently Asked Questions</a>
+</ul>
+<ul>
+	<li><a href="https://derelict.ignore.pl">Derelict</a>
+	<li><a href="https://ignore.pl/roflnauts">Roflnauts 2</a>
+	<li><a href="LICENSE.html">LICENSE</a>
+	<li><a href="plop.html">Plop</a>
 </ul>
 </nav>
-<section id="news">
-<h2>Short Updates</h2>
-<p><strong><time>2021-08-14</time></strong>
-Published <a href="how_to_compress_files_in_posix.html">How to Compress Files in POSIX</a>.
-<p><strong><time>2021-08-14</time></strong>
-Minor updates to tutorials including a new paragraph in <a href="how_to_organize_your_lua_project.html">Lua Project</a>.
-<p><strong><time>2021-08-11</time></strong>
-Minor updates to <a href="how_to_archive_with_posix_tar_cpio_and_pax.html">How to Archive With POSIX tar, cpio and pax</a>.
-<p><strong><time>2021-07-26</time></strong>
-Once again restructured index hierarchy.
-<p><strong><time>2021-07-26</time></strong>
-Published <a href="how_to_archive_with_posix_ar.html">How to Archive With POSIX ar</a>.
-<p><strong><time>2021-07-25</time></strong>
-Renamed most of the guides to include "How to" in their name to make them more visible. I'm thinking about doing another
-round of website restructurization.
-<p><strong><time>2021-07-25</time></strong>
-Published <a href="deconstructing_web_browsers.html">Deconstructing Web Browsers<a>, summary of now-removed <i>Plumbing
-Your Own Browser</i> and <i>Integrating Browser into Your Environment</i>.
-<p><strong><time>2021-07-25</time></strong>
-Initialized website as git repository. Let's see if it will be useful.
-<p><strong><time>2021-07-25</time></strong>
-Rewritten parts of and updated <a href="web_browsers_are_no_more.html">Web Browsers Are No More</a>.
-<p><strong><time>2021-06-18</time></strong>
-Capitalized titles and fixed some links here and there.
-<p><strong><time>2021-04-14</time></strong>
-Added <a href="https://derelict.ignore.pl">Derelict</a> homepage to the index.
-<p><strong><time>2021-04-07</time></strong>
-Added subtitles with date of publication for each article. Last modified dates will be tracked from this point of time.
-<p><strong><time>2021-03-19</time></strong>
-Removed structured sources in examples as a preparation to extend related topics.
-<p><strong><time>2021-03-07</time></strong>
-Published <a href="faq.html">FAQ</a> and <a href="graveyard_of_the_drawings.html">graveyard</a>.
-<p><strong><time>2021-03-05</time></strong>
-Published <a href="plop.html">plop</a> landing page.
-<p><strong><time>2021-01-21</time></strong>
-Minor changes to <a href="how_to_organize_your_lua_project.html">Organizing your Lua project</a>.
-<p><strong><time>2021-01-07</time></strong>
-Published <a href="how_to_organize_your_lua_project.html">Organizing your Lua project</a>.
-<p><strong><time>2021-01-06</time></strong>
-Published <a href="LICENSE.html">LICENSE</a>. Minor changes to index and style.
-<p><strong><time>2021-01-04</time></strong>
-More minor changes done to the index, CSS and added index link in all of the articles.
-<p><strong><time>2021-01-01</time></strong>
-Removed old standalone updates page and moved it to the index. Reindexed and removed some pages as they had no worth.
-I plan to rewrite, restructure and expand some texts. I also have new experiments coming in to fail miserably. Let's see how it goes!
+
+<section id="blog">
+<h2>Blog</h2>
+<ul>
+<li>	Once again I'm breaking this place apart. For now I separated main index from the blog and reverted back to
+	date-based indexing for the blog. I don't quite like the looks of it just yet, so consider this an ongoing
+	effort.<br>
+	<time>2021-08-29</time>
+<li>	<a href="how_to_compress_files_in_posix.html">How to Compress Files in POSIX</a><br>
+	<time>2021-08-14</time>
+<li>	Minor updates to tutorials and a new paragraph in <i>Organize Your Lua Project</i>.<br>
+	<time>2021-08-14</time>
+<li>	Minor updates to <i>POSIX tar, cpio and pax</i>.<br>
+	<time>2021-08-11</time>
+<li>	Once again I restructured the index.<br>
+	<time>2021-07-26</time>
+<li>	<a href="how_to_archive_with_posix_ar.html">How to Archive With POSIX ar</a><br>
+	<time>2021-07-26</time>
+<li>	Renamed most of the guides to include "How to" in their names.<br>
+	<time>2021-07-25</time>
+<li>	<a href="deconstructing_web_browsers.html">Deconstructing Web Browsers</a><br>
+	This article summarizes and replaces <i>Plumbing Your own Browser</i> and <i>Integrating Browser Into Your
+	Environment</i>. As part of this effort, <i>Web Browsers Are No More</i> got an update, so that it now serves as
+	a better prelude to this topic.<br>
+	<time>2021-07-25</time>
+<li>	I initialized this website as git repository. Let's see if it will be useful.<br>
+	<time>2021-07-25</time>
+<li>	Capitalized titles and fixed links and redirects here and there.<br>
+	<time>2021-06-18</time>
+<li>	Added <i>Derelict</i> to the index.<br>
+	<time>2021-04-14</time>
+<li>	Changed the way publication and update dates are tracked on articles. Last modified date will be tracked from
+	this point of time.<br>
+	<time>2021-04-07</time>
+<li>	Removed <i>Structured Sources in Examples</i> in preparation to extend related topic.<br>
+	<time>2021-03-19</time>
+<li>	Added <i>FAQ</i> and <i>graveyard</i> to the index.<br>
+	<time>2021-03-07</time>
+<li>	Added <i>plop</i> to the index.<br>
+	<time>2021-03-05</time>
+<li>	Minor changes to <i>Organizing Your Lua Project</i>.<br>
+	<time>2021-01-21</time>
+<li>	<a href="how_to_organize_your_lua_project.html">Organizing Your Lua project</a><br>
+	<time>2021-01-07</time>
+<li>	Added LICENSE page to the index.<br>
+	<time>2021-01-06</time>
+<li>	Minor changes in the index, CSS and added index links to most of the subpages.<br>
+	<time>2021-01-04</time>
+<li>	Removed old standalone updates page and moved it to the index. I reindexed and removed some pages as they had no
+	worth (some still remain, but that's because nothing I write has worth).<br>
+	<time>2021-01-01</time>
+<li>	<a href="dear_imgui_and_love.html">Dear ImGui and LÖVE,</a><br>
+	<time>2020-08-14</time>
+<li>	<a href="how_to_write_a_minimal_html5_document.html">How to Write a Minimal HTML5 Document</a><br>
+	<time>2020-08-03</time>
+<li>	<a href="web_browsers_are_no_more.html">Web Browsers Are No More</a><br>
+	<time>2020-07-28</time>
+<li>	<a href="how_to_archive_with_posix_tar_cpio_and_pax.html">How to Archive With POSIX tar, cpio and pax</a><br>
+	<time>2020-07-22</time>
+<li>	<a href="how_to_create_templates_with_shell_cat_and_envsubst.html">How to Create Templates With Shell, cat and
+	envsubst</a><br>
+	<time>2020-07-14</time>
+<li>	<a href="of_privacy_and_traffic_tracking.html">Of Privacy and Traffic Tracking</a><br>
+	<time>2020-07-11</time>
+<li>	<a href="environments_in_lua_5_2_and_beyond.html">Environments in Lua 5.2 and Beyond</a><br>
+	<time>2020-07-04</time>
+<li>	<a href="how_to_flash_lolin_nodemcu_v3.html">How to Flash LOLin NodeMCU v3</a><br>
+	<time>2020-06-29</time>
+<li>	<a href="hunt_for_lex_and_yacc_the_dinosaur.html">Hunt for Lex and Yacc, the Dinosaur</a><br>
+	<time>2020-06-20</time>
+<li>	<a href="difference_between_mnt_and_media.html">Difference Between /mnt and /media</a><br>
+	<time>2020-06-12</time>
+<li>	<a href="journey_home_application_deployment.html">Journey /home - Application Deployment</a><br>
+	<time>2020-05-29</time>
+<li>	<a href="half_of_my_css_are_links.html">Half of My CSS Are Links</a><br>
+	<time>2020-05-19</time>
+<li>	<a href="the_gentlest_introduction_to_building_with_makefiles.html">The Gentlest Introduction to Building With
+	Makefiles</a><br>
+	<time>2020-05-14</time>
+<li>	<a href="markdown_is_bad_for_you.html">Markdown Is Bad For You</a><br>
+	<time>2020-05-13</time>
+</ul>
 </section>
diff --git a/style.css b/style.css
index 53bd3a0..c3e4d36 100644
--- a/style.css
+++ b/style.css
@@ -22,6 +22,15 @@ h1, h2, h3, h4, h5, h6 {
 	text-align: center;
 }
 
+#blog ul li {
+	margin-bottom: 0.4em;
+}
+
+ul time {
+	font-size: 80%;
+	color: #999;
+}
+
 pre {
 	background-color: #f0f0f0;
 	padding: 1em;