4c697122ab
Add about page with project philosophy and technical details Add articles about Markdown, templates, and getting started Implement demo content system that shows when no user content exists Update logo to show FolderWeb branding Improve Apache configuration for development environment
48 lines
2.2 KiB
PHP
48 lines
2.2 KiB
PHP
<article>
|
|
<header style="text-align: center; padding: 4rem 0 2rem;">
|
|
<h1 style="font-size: clamp(2.5rem, 5vw, 4rem); margin-bottom: 1rem;">Welcome to FolderWeb</h1>
|
|
<p style="font-size: clamp(1.125rem, 2vw, 1.5rem); color: oklch(0.5 0 0); max-width: 60ch; margin: 0 auto;">
|
|
A minimalist PHP framework that turns folders into websites. No JavaScript, no build tools, just simple files.
|
|
</p>
|
|
</header>
|
|
|
|
<section style="max-width: 70ch; margin: 3rem auto;">
|
|
<h2>Getting Started</h2>
|
|
<p>
|
|
This is demo content to help you understand how FolderWeb works. To replace it with your own content:
|
|
</p>
|
|
<ol>
|
|
<li>Create a <code>/content</code> folder in your project root</li>
|
|
<li>Add your content files (<code>.md</code>, <code>.html</code>, or <code>.php</code>)</li>
|
|
<li>This demo will automatically disappear</li>
|
|
</ol>
|
|
|
|
<h2>Core Concepts</h2>
|
|
|
|
<h3>File-Based Routing</h3>
|
|
<p>
|
|
Drop a file in a folder and it's instantly accessible at a URL matching that path.
|
|
Your folder structure becomes your URL structure.
|
|
</p>
|
|
|
|
<h3>Multiple Content Types</h3>
|
|
<ul>
|
|
<li><strong>Markdown</strong> - Write in <code>.md</code> files, automatically converted to HTML</li>
|
|
<li><strong>HTML</strong> - Pure HTML files for complete control</li>
|
|
<li><strong>PHP</strong> - Dynamic content when you need it</li>
|
|
</ul>
|
|
|
|
<h3>Smart Features</h3>
|
|
<ul>
|
|
<li><strong>Metadata</strong> - Use <code>metadata.ini</code> files for titles, dates, summaries</li>
|
|
<li><strong>Date extraction</strong> - Folder names like <code>2025-11-01-title</code> automatically show dates</li>
|
|
<li><strong>Cover images</strong> - Add <code>cover.jpg</code> for list view thumbnails</li>
|
|
<li><strong>Templates</strong> - Custom templates in <code>/custom/templates/</code> override defaults</li>
|
|
</ul>
|
|
|
|
<h2>Explore the Demo</h2>
|
|
<p>
|
|
Check out the <a href="/articles/">Articles</a> and <a href="/about/">About</a> pages to see different content types in action.
|
|
</p>
|
|
</section>
|
|
</article>
|