Create a simple hero section with title, subtitle, and call-to-action

button Add a features section with icons and descriptions Include a
stats section with live data Add a responsive design with modern CSS
features
This commit is contained in:
Ruben 2025-11-27 21:31:47 +01:00
parent f0d50ff8bf
commit 0e19040473
101 changed files with 1356 additions and 7532 deletions

View file

@ -1,15 +0,0 @@
# About FolderWeb
FolderWeb is a minimalist PHP framework designed for simplicity, longevity, and maintainability. It's built on a simple philosophy: **just enough, nothing more**.
## Philosophy
Modern web development has become unnecessarily complex. Build tools, package managers, JavaScript frameworks that change every few months—it's exhausting and unsustainable.
FolderWeb is different. It's built to:
- **Work for decades** without requiring constant updates
- **Be understandable** by reading a few hundred lines of code
- **Stay maintainable** without specialized knowledge
- **Load fast** with no JavaScript overhead
- **Just work** without configuration or setup

View file

@ -1,15 +0,0 @@
<article>
<h2>Design Principles</h2>
<h3>Minimalism</h3>
<p>Use only what is strictly necessary. No frameworks, no build tools, no package managers for frontend code. Every line of code must justify its existence.</p>
<h3>File-Based Everything</h3>
<p>Your folder structure is your URL structure. Drop a file in a folder and it's instantly accessible. No routes to configure, no databases to set up.</p>
<h3>Override, Never Modify</h3>
<p>Custom templates and styles go in <code>/custom/</code> and automatically override defaults. The core files in <code>/app/default/</code> remain untouched and updateable.</p>
<h3>Modern Standards</h3>
<p>Use modern PHP 8.4+ features (property hooks, readonly classes, modern array functions) and modern CSS capabilities. Avoid JavaScript entirely—it's not needed for content-focused sites.</p>
</article>

View file

@ -1,21 +0,0 @@
<article>
<h2>Technology Stack</h2>
<h3>Backend</h3>
<ul>
<li><strong>PHP 8.4+</strong> - Modern PHP with property hooks, readonly classes, array_find(), and type safety</li>
<li><strong>Apache</strong> - With mod_rewrite for clean URLs</li>
<li><strong>Parsedown</strong> - Simple, reliable Markdown parser</li>
</ul>
<h3>Frontend</h3>
<ul>
<li><strong>HTML5</strong> - Semantic markup following best practices</li>
<li><strong>CSS3</strong> - Modern features like Grid, clamp(), OKLCH colors, CSS nesting</li>
<li><strong>No JavaScript</strong> - By design, for faster loads and simpler maintenance</li>
</ul>
<aside style="background: #f5f5f5; padding: 1rem; border-left: 4px solid #333; margin: 2rem 0;">
<p><strong>Note:</strong> This section demonstrates using PHP for dynamic content. The current date is: <strong><?= date('F j, Y') ?></strong></p>
</aside>
</article>

View file

@ -1,19 +0,0 @@
## What It's Not
FolderWeb is **not**:
- A CMS with an admin panel
- A single-page application framework
- A solution for complex web applications
- Trying to scale to millions of users
- Following current trends and fads
## What It Is
FolderWeb **is**:
- A simple way to publish content
- A foundation that will work for decades
- A teaching tool for web fundamentals
- A protest against unnecessary complexity
- Perfect for documentation, blogs, portfolios, small business sites

View file

@ -1,21 +0,0 @@
## Get Started
Ready to build something simple and lasting?
1. Create a `/content` folder
2. Add your first `.md` file
3. That's it—you're publishing
No build step. No npm install. No configuration files. Just content.
---
**This page demonstrates FolderWeb's multi-file approach.** Notice how this page is built from multiple files that render in alphanumerical order:
- `00-introduction.md` - Markdown content
- `01-design-principles.html` - Static HTML
- `02-technology-stack.php` - Dynamic PHP (shows current date)
- `03-what-it-is-not.md` - More Markdown
- `04-get-started.md` - This section
Mix file types freely. They all render together seamlessly!

View file

@ -1,3 +0,0 @@
title = "About FolderWeb"
menu = true
menu_order = 2

View file

@ -1,19 +0,0 @@
/* Page-specific styles for About page */
article {
border-left: 4px solid oklch(0.65 0.15 250);
padding-left: 1.5rem;
}
article h2 {
color: oklch(0.50 0.12 250);
font-size: 1.8rem;
}
aside {
background-color: oklch(0.95 0.02 250);
padding: 1.5rem;
border-radius: 0.5rem;
margin-top: 2rem;
border: 2px solid oklch(0.85 0.05 250);
}