final changes for rc2

.eleventy.js

@@ -7,7 +7,7 @@ const { EleventyRenderPlugin } = require("@11ty/eleventy");
 module.exports = function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy("src/static/");
   eleventyConfig.addPassthroughCopy({
-    "node_modules/surfkit/dist/surfkit.min.css": "styles/surfkit.bundle.css",
+    "node_modules/surfkit/dist/surfkit.bundle.css": "styles/surfkit.bundle.css",
   });
   eleventyConfig.addPassthroughCopy("src/styles/");
   eleventyConfig.addWatchTarget("src/");
@@ -45,7 +45,7 @@ module.exports = function (eleventyConfig) {
   });
   /* collections */
   eleventyConfig.addCollection("news", function (collectionApi) {
-    return collectionApi.getFilteredByGlob("src/news/posts/*.md");
+    return collectionApi.getFilteredByGlob("src/content/news/posts/*.md");
   });
   return {
     dir: {

package.json

@@ -25,6 +25,6 @@
     "markdown-it-attrs": "^4.1.6"
   },
   "dependencies": {
-    "surfkit": "^0.0.2"
+    "surfkit": "^0.0.3"
   }
 }

src/_data/resources.js

@@ -0,0 +1,117 @@
+module.exports = function () {
+  return {
+    categories: [
+      {
+        title: "Web Building",
+        description:
+          "Guides and tutorials on how to build websites, code snippets, and more!",
+        name: "web-building",
+      },
+      {
+        title: "Minimalism",
+        description:
+          "Mininimalism on product design, digitally, or in real life.",
+        name: "minimalism",
+      },
+      {
+        title: "Fonts",
+        description: "From directories of fonts to conversion tools.",
+        name: "fonts",
+      },
+    ],
+    webbuilding: [
+      {
+        title: "MDN Web Docs",
+        description:
+          "The best place to understand how HTML, CSS, and JS works with examples!",
+        url: "https://developer.mozilla.org/en-US/",
+      },
+      {
+        title: "A Beginner's Guide to HTML and CSS",
+        description:
+          "A simple guide on creating a website from scratch using HTML and CSS.",
+        url: "https://webguide.neocities.org/",
+      },
+      {
+        title: "sadgrl",
+        description:
+          "Huge library of resources on web building, design, and more!",
+        url: "https://goblin-heart.net/sadgrl/",
+      },
+      {
+        title: "The HTML Hobbyist",
+        description:
+          "Learning HTML to build your website, fanzine, or personal site.",
+        url: "https://htmlhobbyist.neocities.org/",
+      },
+      {
+        title: "EGGRAMEN CSS Test Pages",
+        description: "Directory of various CSS templates.",
+        url: "https://eggramen.neocities.org/code/css_testpages",
+      },
+      {
+        title: "TEMPLATERR",
+        description:
+          "Navigation tools and simple layouts for starting out with neocities.",
+        url: "https://templaterr.neocities.org/",
+      },
+      {
+        title: "John Doe's Page",
+        description:
+          "A single-page website templated only using a single HTML file and a bit of CSS.",
+        url: "https://john-doe.neocities.org/",
+      },
+      {
+        title: "The Perfect Website ",
+        description: "No need for description...",
+        url: "https://perfectsite.neocities.org/",
+      },
+    ],
+    minimalism: [
+      {
+        title: "Minimalism Life",
+        description: "Crafting a simpler life with less",
+        url: "https://minimalism.com/",
+      },
+      {
+        title: "Minimalissimo",
+        description: "Minimalism in art and design",
+        url: "https://minimalissimo.com/",
+      },
+      {
+        title: "Dead Simple Sites",
+        description: "The most minimal sites on the web, curated in one place",
+        url: "https://deadsimplesites.com/",
+      },
+      {
+        title: "Minimal Gallery",
+        description: "For the love of beautiful & functional websites",
+        url: "https://minimal.gallery/",
+      },
+      {
+        title: "Minimal Websites",
+        description:
+          "A moderated curation platform to find and submit minimal websites",
+        url: "https://minweb.site/",
+      },
+    ],
+    fonts: [
+      {
+        title: "Dafont",
+        description: "Archive of freely downloadable fonts.",
+        url: "https://www.dafont.com/",
+      },
+      {
+        title: "Modern Font Stacks",
+        description:
+          "System font stack CSS organized by typeface classification for every modern OS",
+        url: "https://modernfontstacks.com/",
+      },
+      {
+        title: "google-webfonts-helper",
+        description: "A Hassle-Free Way to Self-Host Google Fonts",
+        url: "https://gwfh.mranftl.com/fonts",
+      },
+    ],
+  };
+};

src/_includes/footer.njk

@@ -1,4 +1,4 @@
-<footer class="site-footer content">
+<footer class="site-footer sk-content">
     <h2>Navigation</h2>
     <div class="footer-nav">
         {% for sitemapNav in nav.sitemapNav %}

src/_layouts/base.njk

@@ -2,7 +2,7 @@
 <html lang="{{ site.lang }}">
   {% include "basehead.njk" %}
   <body>
-    <div class="site-container">
+    <div class="wrapper-md">
       {% include "header.njk" %}
       <main class="page-container">
         {% include "pageNavigation.njk" %}
@@ -19,24 +19,9 @@
       {% endrenderTemplate %}
     {% endif %}
     <script src="/static/scripts/tabs.min.js"></script>
-    <script src="/static/scripts/modal.js"></script>
     <script data-goatcounter="https://surfscape.goatcounter.com/count"
         async src="//gc.zgo.at/count.js"></script>
     <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
-    <script>
-      const modal = document.getElementById("warningModal");
-      const close = document.getElementById("closeButton");
-      const btn = document.getElementById("openExtensions");
-
-      close.onclick = function () {
-        modal.style.display = "none";
-      }
-
-      /* check if the user has agreed with the beta */
-      btn.onclick = function () {
-        modal.style.display = "block";
-      }
-    </script>
     <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
   </body>
 </html>

src/_layouts/page.njk

@@ -22,7 +22,7 @@
   {% endif %}
   {% if no_content == true %}
   {% else %}
-    <article class="sk-layout--content content">
+    <article class="sk-content sk-content--modified">
       {{ content | safe }}
     </article>
   {% endif %}

src/_layouts/post.njk

@@ -6,7 +6,7 @@
     <p class="subtitle__1">{{description}}</p>
     <time datetime="{{date}}">{{ date | PostDate }}</time>
   </header>
-  <article class="sk-layout--content content">
+  <article class="sk-content sk-content--modified">
     {{ content | safe }}
   </article>
 {% endblock %}

src/_layouts/single.njk

@@ -12,7 +12,7 @@
         {% endif %}
     </header>
     <hr>
-    <article class="sk-layout--content content">
+    <article class="sk-content sk-content--modified">
         {{ content | safe }}
     </article>
 {% endblock %}

src/content/blog/index.md

@@ -0,0 +1,8 @@
+---
+title: "Interwebs"
+description: "The official SurfScape blog!"
+layout: page.njk
+permalink: "/blog/"
+---
+
+## Coming Soon!!

src/news/index.md → src/content/news/index.md

@@ -1,7 +1,8 @@
 ---
-title: News
-description: Press releases, announcementes, and other updates.
+title: "News"
+description: "Press releases, announcementes, and other updates."
 layout: page.njk
+permalink: "/news/"
 ---
 
 {% import "components/postCard.njk" as postCard %}