Quick pass to make pretty.

Author: Thoorium

_layouts/post.html renamed to _layouts/blog-post.html

@@ -1,22 +1,22 @@
 ---
 layout: default
 ---
-<section class="section content primary">
-  <article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
+<section class="section content primary blog">
+  <article class="blog-post blog-post-full" itemscope itemtype="http://schema.org/BlogPosting">
 
-    <header class="post-header">
-      <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
+    <header>
+      <h2 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h2>
       <p class="post-meta">
         <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
           {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
           {{ page.date | date: date_format }}
         </time>
         {%- if page.author -%}
-          • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ page.author }}</span></span>
+          <i aria-hidden="true">•</i> <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ page.author }}</span></span>
         {%- endif -%}</p>
     </header>
 
-    <div class="post-content e-content" itemprop="articleBody">
+    <section class="blog-post-content e-content" itemprop="articleBody">
       {{ content }}
     </div>
 

_layouts/blog.html

@@ -0,0 +1,45 @@
+---
+layout: default
+---
+
+<div class="home">
+  <section class="section content primary blog">
+    {%- if page.title -%}
+      <h1 class="page-heading">{{ page.title }}</h1>
+    {%- endif -%}
+
+    {{ content }}
+
+    {%- if site.posts.size > 0 -%}
+      <!--<h2 class="post-list-heading">{{ page.list_title | default: "Posts" }}</h2>-->
+
+        {%- for post in site.posts -%}
+        <article class="blog-post">
+          <header>
+            <h2>
+              <a class="post-link" href="{{ post.url | relative_url }}">
+                {{ post.title | escape }}
+              </a>
+            </h2>
+            <p class="post-meta">
+              <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+                {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
+                {{ post.date | date: date_format }}
+              </time>
+              {%- if post.author -%}
+              <i aria-hidden="true">•</i> <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ post.author }}</span></span>
+              {%- endif -%}
+            </p>
+          </header>
+          {%- if site.show_excerpts -%}
+          <section class="blog-post-content">
+            {{ post.excerpt }}
+          </section>
+          {%- endif -%}
+        </article>
+        {%- endfor -%}
+
+    {%- endif -%}
+
+  </section>
+</div>

_layouts/default.html

@@ -12,6 +12,22 @@
   </main>
 
   {%- include footer.html -%}
+  <script>
+    $(document).ready(function () {
+    var $nav = $('.navbar');
+    // fade in .navbar
+    $(function () {
+      $(window).on('scroll load', function () {
+        // set distance user needs to scroll before we start fadeIn
+        if ($(this).scrollTop() > window.innerHeight / 8) {
+          $nav.addClass("active");
+        } else {
+          $nav.removeClass("active");
+        }
+      });
+    });
+  });
+  </script>
 
 </body>
 

_layouts/home.html

@@ -167,6 +167,65 @@ table.table-dark th {
   border: solid 1px;
 }
 
+.section.content.blog {
+  // max-width: 800px;
+  margin: 0 auto;
+}
+
+.section.content.blog header {
+  padding: 2rem 0;
+}
+
+.section.content.blog header h2 {
+  margin-bottom: 0;
+  margin-left: 0;
+}
+
+.section.content.blog header h2 a {
+  font-size: 3rem;
+  text-decoration: none;
+}
+
+.section.content.blog header p.post-meta {
+  margin-bottom: 0;
+}
+
+.section.content.blog header p.post-meta time {
+  font-size: 1rem;
+}
+
+.section.content.blog header p.post-meta time {
+  font-size: 1rem;
+}
+
+.section.content.blog header p.post-meta i {
+  color: #FFAD33;
+}
+
+.section.content.blog section.blog-post-content {
+  padding: 0 1rem;
+  border-left: solid;
+}
+
+.section.content.blog article.blog-post-full h2 {
+  color:#FC0;
+  font-size: 3rem;
+}
+
+.section.content.blog article.blog-post-full section.blog-post-content {
+  border-left: none;
+}
+
+.section.content.blog section.blog-post-content h3 {
+  font-size: 2rem;
+  font-weight: bold;
+  margin-top:15px;
+}
+
+.section.content.blog section.blog-post-content video {
+  margin: 2rem;
+}
+
 .header-down-arrow {
   -webkit-animation: 2s 3s ease-out infinite;
           animation: 2s 3s ease-out infinite;
@@ -273,6 +332,12 @@ a.store-badge {
   max-height: 300px;
 }
 
+.blog {
+  h1 {
+    margin: 4px;
+  }
+}
+
 @media screen and (max-width: 800px) {
   footer .social .username {
     display:none;

assets/title.scss

@@ -1,12 +1,13 @@
 ---
-layout: post
+layout: blog-post
 title:  "First post, progress report!"
 date:   2023-03-12 01:23:00 +0100
+author: 
 categories:
 ---
 Get ready for the biggest Ruffle announcement yet! And the first one on the blog!
 
-# Huge improvements to Ruffle's AVM1 engine accuracy!
+### Huge improvements to Ruffle's AVM1 engine accuracy!
 Thanks to a massive code refactor by @CUB3D, dozens upon dozens of ActionScript 2 games have been fixed! Here are just a few of them:
 - Chibi Knight: [https://www.newgrounds.com/portal/view/526470](https://www.newgrounds.com/portal/view/526470)
 - Xeno Tactic 2: [https://www.newgrounds.com/portal/view/438241/format/flash?emulate=flash](https://www.newgrounds.com/portal/view/438241/format/flash?emulate=flash)
@@ -18,7 +19,7 @@ Thanks to a massive code refactor by @CUB3D, dozens upon dozens of ActionScript
 - The Powerpuff Girls: Attack of the Puppybots: [https://flasharch.com/en/archive/play/b93354279e9788b849f83ef78f52cbbb](https://flasharch.com/en/archive/play/b93354279e9788b849f83ef78f52cbbb)
 - Extreme Pamplona: [https://flasharch.com/en/archive/play/e36aac73914ec8672218317e000615d7](https://flasharch.com/en/archive/play/e36aac73914ec8672218317e000615d7)
 
-# Incredible progress in AVM2 (ActionScript 3) support!
+### Incredible progress in AVM2 (ActionScript 3) support!
 - Our website now has a page listing exactly what ActionScript 3 APIs we have implemented, making it easy to follow our progress. It will be frequently updated! [https://ruffle.rs/avm2.html](https://ruffle.rs/avm2.html)
 - XML support is rapidly improving! ActionScript 3 games tend to use a wide variety of XML methods. As Ruffle gains support for these methods, games are springing to life!
 - Several problems that caused unresponsive buttons and menus have been fixed. Unclickable buttons in ActionScript 3 games are (mostly) a thing of the past!
@@ -47,7 +48,7 @@ Here are just a few more of the many ActionScript 3 games that are playable toda
 - Fracuum: [https://www.newgrounds.com/portal/view/594354](https://www.newgrounds.com/portal/view/594354)
 - Dino Run: Marathon of Doom: [https://www.newgrounds.com/portal/view/566176](https://www.newgrounds.com/portal/view/566176)
 
-# Last but not least, support for **mobile devices** is improving in a big way!
+### Last but not least, support for **mobile devices** is improving in a big way!
 - **Text input boxes** are finally supported on mobile devices! Tapping on a text box within Flash content now brings up the soft keyboard, so you can type into it without using a bluetooth keyboard or other workarounds.
 - The **context menu** finally works on iOS! It is activated by a long-press on the screen. To stop this behavior if needed, simply tap the "Hide this menu" option.
 

blog/_posts/2023-03-12-progress-report.markdown

@@ -1,3 +1,3 @@
 ---
-layout: home
+layout: blog
 ---