49 lines
2.2 KiB
PHP
49 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>
|