|
|
| Line 1: |
Line 1: |
| <div class="main-page-container" style="margin-bottom: 28px;">
| | |
| <div class="main-header" style="background: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: 4px 4px 0 0; padding: 28px; text-align: left; border-bottom: none;">
| |
| <div style="display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 20px;">
| |
| <div style="flex: 1; min-width: 300px;">
| |
| <div style="font-size: 2.2em; font-weight: 800; color: var(--color-base); line-height: 1.1; margin-bottom: 6px; letter-spacing: -0.02em;">Project Directory</div>
| |
| <div style="font-size: 0.9em; color: var(--wiki-primary); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 14px;">All Community Projects</div>
| |
| <div style="font-size: 1em; color: var(--color-base); line-height: 1.6; max-width: 800px; opacity: 0.9;">Every project listed on this wiki, across all categories. Browse by category below or use a hub page to filter and search within a specific area.</div>
| |
| </div>
| |
| <div style="background: var(--color-surface-2); border: 1px solid var(--border-color-base); padding: 16px 24px; border-radius: 4px; text-align: center; min-width: 140px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.03);">
| |
| <div style="font-size: 0.7em; text-transform: uppercase; font-weight: 800; color: var(--color-base--subtle); letter-spacing: 0.08em; margin-bottom: 4px;">Total Projects</div>
| |
| <div style="font-size: 2em; font-weight: 900; color: var(--color-base); line-height: 1;">{{PAGESINCATEGORY:Projects|pages}}</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="main-banner" style="background: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: 0 0 4px 4px; overflow: hidden;">
| |
| <div class="main-toolbar" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); width: 100%; border-top: 1px solid var(--border-color-base); box-sizing: border-box;">[[Projects/Audio|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">Audio</span>]] [[Projects/Digital Arts|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">Digital Arts</span>]] [[Projects/Games|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">Games</span>]] [[Projects/Photography|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">Photography</span>]] [[Projects/Software|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">Software</span>]] [[Projects/Writing|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">Writing</span>]] [[Projects/Video|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">Video</span>]] [[Projects/World Building|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">World Building</span>]] [[Projects/Non-Digital|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border: none; letter-spacing: 0.05em; box-sizing: border-box;">Non-Digital</span>]]</div>
| |
| <div class="main-footer-notice" style="padding: 14px 24px; background: var(--color-surface-1); border-top: 1px solid var(--border-color-base); font-size: 0.85em; color: var(--color-base--subtle); line-height: 1.4;"><span style="color: var(--wiki-primary); font-weight: 800; text-transform: uppercase; font-size: 0.9em; margin-right: 8px;">Notice</span> This page lists all projects, regardless of category. To browse a specific category, click one of the project category links above.</div>
| |
| </div>
| |
| </div>
| |
