Updated to Stattic v0.0.5

getstattic · Oct 7, 2024 · b1595a3 · b1595a3
1 parent 9ad12f3
commit b1595a3
Show file tree

Hide file tree

Showing 26 changed files with 229 additions and 1,262 deletions.
diff --git a/404.html b/404.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Page Not Found | Stattic</title>
+
+    <meta name="description" content="Stattic is a fast, lightweight static site generator that optimizes images, supports custom fonts, and easily integrates with GitHub Pages for quick, SEO-friendly site deployment without the bloat of traditional CMS platforms like WordPress.">
+    <meta name="keywords" content="SSG, Static Site Generator">
+    <meta name="author" content="Robert DeVore">
+
+    <link href="/assets/css/tailwind.min.css" rel="stylesheet preload" as="style">
+
+        <link href="/assets/css/main.min.css" rel="stylesheet preload" as="style">
+
+
+    <!-- Alpine.js for interactive components -->
+    <script src="/assets/js/alpine.min.js" defer></script>
+</head>
+<body class="bg-background text-primary quicksand-300">
+
+<header class="bg-background shadow">
+    <div class="container max-w-screen-xl m-auto py-6 px-4 flex justify-between">
+        <h2 class="text-3xl font-bold quicksand-700"><a href="/" class="text-links">Stattic</a></h2>
+
+        <!-- Navigation Menu -->
+        <nav>
+            <ul class="flex space-x-6">
+
+            </ul>
+        </nav>
+    </div>
+</header>
+
+<main class="container max-w-2xl m-auto py-10 px-4">
+
+
+<h2 class="text-4xl font-bold quicksand-700">
+    404 - Error
+</h2>
+
+
+</main>
+
+<footer class="bg-background border-t border-primary mt-10 py-6">
+    <div class="container max-w-screen-xl m-auto px-4 text-center">
+        <p>Get <a href="https://stattic.site/" target="_blank" class="text-links font-bold" aria-label="Stattic - opens in a new tab">Stattic</a></p>
+    </div>
+</footer>
+
+</body>
+</html>
diff --git a/CNAME b/CNAME
diff --git a/LICENSE b/LICENSE
diff --git a/README.md b/README.md
diff --git a/about/index.html b/about/index.html
@@ -3,12 +3,12 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>About Stattic | Stattic</title>
+    <title>About Robert DeVore | Stattic</title>
 
     <meta name="description" content="Stattic is a fast, lightweight static site generator that optimizes images, supports custom fonts, and easily integrates with GitHub Pages for quick, SEO-friendly site deployment without the bloat of traditional CMS platforms like WordPress.">
     <meta name="keywords" content="SSG, Static Site Generator">
     <meta name="author" content="Robert">
-  
+
     <link href="/assets/css/tailwind.min.css" rel="stylesheet preload" as="style">
 
         <link href="/assets/css/main.min.css" rel="stylesheet preload" as="style">
@@ -21,18 +21,18 @@
 
 <header class="bg-background shadow">
     <div class="container max-w-screen-xl m-auto py-6 px-4 flex justify-between">
-        <h2 class="text-3xl font-bold quicksand-700"><a href="/" class="text-links">Stattic Site</a></h2>
-        
+        <h2 class="text-3xl font-bold quicksand-700"><a href="/" class="text-links">Stattic</a></h2>
+
         <!-- Navigation Menu -->
         <nav>
             <ul class="flex space-x-6">
 
                     <li>
-                        <a href="/about/" class="text-primary hover:underline quicksand-700">About Stattic</a>
+                        <a href="/contact/" class="text-primary hover:underline quicksand-700">Contact</a>
                     </li>
 
                     <li>
-                        <a href="/contact/" class="text-primary hover:underline quicksand-700">Contact Us</a>
+                        <a href="/about/" class="text-primary hover:underline quicksand-700">About Robert DeVore</a>
                     </li>
 
             </ul>
@@ -42,49 +42,28 @@ <h2 class="text-3xl font-bold quicksand-700"><a href="/" class="text-links">Stat
 
 <main class="container max-w-2xl m-auto py-10 px-4">
 
-<h1 class="text-6xl font-bold mb-8 pb-8 text-links quicksand-700 border-b border-primary">About Stattic</h1>
+<h1 class="text-6xl font-bold mb-8 pb-8 text-links quicksand-700 border-b border-primary">About Robert DeVore</h1>
 <div class="stattic-content prose dark:prose-dark">
-    <p>Stattic is a lightweight and powerful <strong>static site generator</strong> designed for developers, freelancers, and small businesses looking for an easy-to-use, fast, and secure solution for building websites. Instead of dealing with complex databases, heavy server-side processing, and constant updates, Stattic focuses on simplicity and performance by generating static HTML files that can be served anywhere, whether it’s a CDN, cloud storage, or a basic web server.</p>
-<p>Stattic was built with modern web standards in mind and provides flexibility for customization without overwhelming you with bloat. Whether you are creating a blog, portfolio, marketing site, or a documentation platform, Stattic can handle it all while giving you full control over your site’s performance and scalability.</p>
-<h3>Who is Stattic For?</h3>
-<ul>
-<li><strong>Developers</strong> who are tired of the complexities and security concerns of dynamic content management systems like WordPress and want to build something that just works.</li>
-<li><strong>Freelancers</strong> who want a reliable platform for creating client websites without worrying about constant maintenance.</li>
-<li><strong>Small Business Owners</strong> looking for a simple, cost-effective way to have an online presence without the headaches of server management or expensive hosting solutions.</li>
-<li><strong>Tech-savvy Content Creators</strong> who want more control over their site’s speed and performance while still maintaining an easy workflow for content updates.</li>
-</ul>
-<h2>Why Stattic?</h2>
-<p>In the ever-evolving world of web development, static site generators are becoming the go-to choice for those who want simplicity and speed. Stattic was born out of frustration with the existing content management systems that often become bloated, insecure, and difficult to maintain. With Stattic, you can avoid unnecessary complexity, reduce load times, and eliminate the risk of server-side vulnerabilities.</p>
-<h3>#WPDrama: A Catalyst for Building Stattic</h3>
-<p>One of the major inspirations behind Stattic came from the ongoing discussions and controversies surrounding the <strong>WordPress ecosystem</strong>, particularly the recent #WPDrama involving <strong>Matt Mullenweg</strong> (WordPress co-founder) and <strong>WP Engine</strong>.</p>
-<p>In 2024, a public disagreement surfaced over the direction of the WordPress platform and the role of managed hosting providers like WP Engine. Matt Mullenweg's concerns were centered around WP Engine’s move towards decoupled solutions that some in the community felt strayed away from the “open web” principles that WordPress was built upon. WP Engine, on the other hand, was exploring ways to offer headless CMS capabilities, which was seen by many as a necessary evolution for WordPress to stay relevant in modern web development.</p>
-<p>This sparked widespread debates within the WordPress community about the future of the platform. Developers and agencies began to express frustration with WordPress’s increasing complexity, slow performance, and the growing reliance on expensive managed hosting solutions. </p>
-<p>For many, the ongoing #WPDrama served as a wake-up call that it might be time to look for alternatives. Instead of dealing with the unpredictable changes and power struggles in the WordPress ecosystem, <strong>Stattic</strong> offers a clean break: a static site generator that stays true to its purpose — fast, lightweight, and easy-to-use. The platform avoids the pitfalls of managed hosting dependency and gives control back to the developers and site owners.</p>
-<h2>How Stattic Works</h2>
-<p>Stattic generates static HTML pages based on your content (Markdown files), templates, and assets (CSS, JavaScript, images). It combines the simplicity of writing content in Markdown with the power of Jinja2 templating for rendering custom designs. </p>
-<p>Here’s how it works in a nutshell:
-1. <strong>Markdown for Content</strong>: You write your content in Markdown files, which are then parsed by Stattic.
-2. <strong>Templates</strong>: Design your site using customizable templates powered by Jinja2.
-3. <strong>Assets</strong>: Include your stylesheets, fonts, and scripts as static files, which Stattic automatically optimizes and integrates.
-4. <strong>Build Process</strong>: Run the build process, and Stattic will generate a set of static HTML files that you can host anywhere, from GitHub Pages to a traditional web host.
-5. <strong>Performance</strong>: Because Stattic outputs static files, your site is incredibly fast, without the need for a database or heavy server-side processing.</p>
-<h2>The Future of Stattic</h2>
-<p>While Stattic started as a response to some of the frustrations in the WordPress ecosystem, it has grown into a full-featured static site generator with its own strengths and advantages. We’re committed to continuing its development by:
-- Adding more customizable templates.
-- Offering even more flexibility in content management.
-- Improving support for modern web technologies (e.g., JAMstack integrations, API-driven content).
-- Providing robust documentation and support to help developers of all skill levels build amazing websites.</p>
-<p>Whether you’re looking to leave behind the complexities of WordPress or simply want to experiment with static sites, Stattic is here to empower you. We believe the future of the web is <strong>faster</strong>, <strong>lighter</strong>, and <strong>more secure</strong>, and Stattic is built to lead that future.</p>
-<p>Thank you for being part of our journey!</p>
-<h2>Conclusion</h2>
-<p>If you’re tired of constant updates, server-side issues, and the unpredictability of WordPress and its ecosystem, Stattic might be exactly what you’re looking for. We’re not against WordPress, but sometimes simpler is better. Stattic is here to offer that simplicity without sacrificing control or flexibility. We hope you enjoy building with it as much as we enjoyed creating it.</p>
+    <p><img alt="" src="/images/robert-devore-headshot.webp" /></p>
+<h2>About Robert DeVore</h2>
+<p>Robert has been online since 1998 when his family got their first computer.
+He's lived through Angelfire, Geocities, AOL chatrooms, Myspace and countless other internet relics.
+Before working with WordPress, he was knee deep in table based html layouts and ultra-basic php code.
+After realizing a CMS was a growing requirement for his personal web projects and freelance clients, he found WordPress (version 1.5) in 2005 and never looked back.
+Because in his words "<a href="http://robertdevore.com/clean-blog-free-wordpress-theme/">open source saved my life</a>", he's released multiple free WordPress themes and plugins to the WordPress community.
+Robert blended his love for open source and WordPress with the cannabis industry and released <a href="https://www.wpdispensary.com">WP Dispensary</a> which is a complete dispensary menu management solution for WordPress.
+In his spare time, Robert likes to create music, read books, and hang out with the Mrs and son while enjoying the finer things that life has to offer, like pizza and horror movies.
+Writing in third person is weird, and Robert hates doing it 😂</p>
+<h2>Let’s Connect</h2>
+<p>If you have questions about any of my projects or want to discuss custom development work, get in touch and lets make some magic happen ✨🔮
+<a href="http://robertdevore.com/contact/">Get in Touch →</a></p>
 </div>
 
 </main>
 
 <footer class="bg-background border-t border-primary mt-10 py-6">
     <div class="container max-w-screen-xl m-auto px-4 text-center">
-        <p>Get <a href="https://stattic.site/" target="_blank" class="text-links font-bold">Stattic</a></p>
+        <p>Get <a href="https://stattic.site/" target="_blank" class="text-links font-bold" aria-label="Stattic - opens in a new tab">Stattic</a></p>
     </div>
 </footer>
 

diff --git a/assets/fonts/quicksand-300.ttf b/assets/fonts/quicksand-300.ttf
diff --git a/assets/fonts/quicksand-400.ttf b/assets/fonts/quicksand-400.ttf
diff --git a/assets/fonts/quicksand-500.ttf b/assets/fonts/quicksand-500.ttf
diff --git a/assets/fonts/quicksand-600.ttf b/assets/fonts/quicksand-600.ttf
diff --git a/assets/fonts/quicksand-700.ttf b/assets/fonts/quicksand-700.ttf
diff --git a/blog/build-with-stattic-and-deploy-on-github-pages/index.html b/blog/build-with-stattic-and-deploy-on-github-pages/index.html
@@ -8,7 +8,7 @@
     <meta name="description" content="Stattic is a fast, lightweight static site generator that optimizes images, supports custom fonts, and easily integrates with GitHub Pages for quick, SEO-friendly site deployment without the bloat of traditional CMS platforms like WordPress.">
     <meta name="keywords" content="SSG, Static Site Generator">
     <meta name="author" content="Robert">
-  
+
     <link href="/assets/css/tailwind.min.css" rel="stylesheet preload" as="style">
 
         <link href="/assets/css/main.min.css" rel="stylesheet preload" as="style">
@@ -21,18 +21,18 @@
 
 <header class="bg-background shadow">
     <div class="container max-w-screen-xl m-auto py-6 px-4 flex justify-between">
-        <h2 class="text-3xl font-bold quicksand-700"><a href="/" class="text-links">Stattic Site</a></h2>
-        
+        <h2 class="text-3xl font-bold quicksand-700"><a href="/" class="text-links">Stattic</a></h2>
+
         <!-- Navigation Menu -->
         <nav>
             <ul class="flex space-x-6">
 
                     <li>
-                        <a href="/about/" class="text-primary hover:underline quicksand-700">About Stattic</a>
+                        <a href="/contact/" class="text-primary hover:underline quicksand-700">Contact</a>
                     </li>
 
                     <li>
-                        <a href="/contact/" class="text-primary hover:underline quicksand-700">Contact Us</a>
+                        <a href="/about/" class="text-primary hover:underline quicksand-700">About Robert DeVore</a>
                     </li>
 
             </ul>
@@ -170,7 +170,7 @@ <h3><strong>Happy Building with Stattic!</strong></h3>
 
 <footer class="bg-background border-t border-primary mt-10 py-6">
     <div class="container max-w-screen-xl m-auto px-4 text-center">
-        <p>Get <a href="https://stattic.site/" target="_blank" class="text-links font-bold">Stattic</a></p>
+        <p>Get <a href="https://stattic.site/" target="_blank" class="text-links font-bold" aria-label="Stattic - opens in a new tab">Stattic</a></p>
     </div>
 </footer>
 

diff --git a/blog/command-line-arguments-for-stattic/index.html b/blog/command-line-arguments-for-stattic/index.html
@@ -8,7 +8,7 @@
     <meta name="description" content="Stattic is a fast, lightweight static site generator that optimizes images, supports custom fonts, and easily integrates with GitHub Pages for quick, SEO-friendly site deployment without the bloat of traditional CMS platforms like WordPress.">
     <meta name="keywords" content="SSG, Static Site Generator">
     <meta name="author" content="Robert">
-  
+
     <link href="/assets/css/tailwind.min.css" rel="stylesheet preload" as="style">
 
         <link href="/assets/css/main.min.css" rel="stylesheet preload" as="style">
@@ -21,18 +21,18 @@
 
 <header class="bg-background shadow">
     <div class="container max-w-screen-xl m-auto py-6 px-4 flex justify-between">
-        <h2 class="text-3xl font-bold quicksand-700"><a href="/" class="text-links">Stattic Site</a></h2>
-        
+        <h2 class="text-3xl font-bold quicksand-700"><a href="/" class="text-links">Stattic</a></h2>
+
         <!-- Navigation Menu -->
         <nav>
             <ul class="flex space-x-6">
 
                     <li>
-                        <a href="/about/" class="text-primary hover:underline quicksand-700">About Stattic</a>
+                        <a href="/contact/" class="text-primary hover:underline quicksand-700">Contact</a>
                     </li>
 
                     <li>
-                        <a href="/contact/" class="text-primary hover:underline quicksand-700">Contact Us</a>
+                        <a href="/about/" class="text-primary hover:underline quicksand-700">About Robert DeVore</a>
                     </li>
 
             </ul>
@@ -201,7 +201,7 @@ <h2>Conclusion</h2>
 
 <footer class="bg-background border-t border-primary mt-10 py-6">
     <div class="container max-w-screen-xl m-auto px-4 text-center">
-        <p>Get <a href="https://stattic.site/" target="_blank" class="text-links font-bold">Stattic</a></p>
+        <p>Get <a href="https://stattic.site/" target="_blank" class="text-links font-bold" aria-label="Stattic - opens in a new tab">Stattic</a></p>
     </div>
 </footer>
 

diff --git a/blog/decentralizing-publishing-with-stattic/index.html b/blog/decentralizing-publishing-with-stattic/index.html
@@ -8,7 +8,7 @@
     <meta name="description" content="Stattic is a fast, lightweight static site generator that optimizes images, supports custom fonts, and easily integrates with GitHub Pages for quick, SEO-friendly site deployment without the bloat of traditional CMS platforms like WordPress.">
     <meta name="keywords" content="SSG, Static Site Generator">
     <meta name="author" content="Robert">
-  
+
     <link href="/assets/css/tailwind.min.css" rel="stylesheet preload" as="style">
 
         <link href="/assets/css/main.min.css" rel="stylesheet preload" as="style">
@@ -21,18 +21,18 @@
 
 <header class="bg-background shadow">
     <div class="container max-w-screen-xl m-auto py-6 px-4 flex justify-between">
-        <h2 class="text-3xl font-bold quicksand-700"><a href="/" class="text-links">Stattic Site</a></h2>
-        
+        <h2 class="text-3xl font-bold quicksand-700"><a href="/" class="text-links">Stattic</a></h2>
+
         <!-- Navigation Menu -->
         <nav>
             <ul class="flex space-x-6">
 
                     <li>
-                        <a href="/about/" class="text-primary hover:underline quicksand-700">About Stattic</a>
+                        <a href="/contact/" class="text-primary hover:underline quicksand-700">Contact</a>
                     </li>
 
                     <li>
-                        <a href="/contact/" class="text-primary hover:underline quicksand-700">Contact Us</a>
+                        <a href="/about/" class="text-primary hover:underline quicksand-700">About Robert DeVore</a>
                     </li>
 
             </ul>
@@ -120,7 +120,7 @@ <h2>Decentralized Publishing for the People</h2>
 
 <footer class="bg-background border-t border-primary mt-10 py-6">
     <div class="container max-w-screen-xl m-auto px-4 text-center">
-        <p>Get <a href="https://stattic.site/" target="_blank" class="text-links font-bold">Stattic</a></p>
+        <p>Get <a href="https://stattic.site/" target="_blank" class="text-links font-bold" aria-label="Stattic - opens in a new tab">Stattic</a></p>
     </div>
 </footer>