Spaces:
Running
Running
Create file structure
Browse files- file structure +46 -0
file structure
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
glassgrid/
|
| 2 |
+
├── index.html # App shell / entry point
|
| 3 |
+
├── explore.html # Explore feed page
|
| 4 |
+
├── profile.html # User profile page
|
| 5 |
+
├── admin.html # Admin C-Panel
|
| 6 |
+
│
|
| 7 |
+
├── tokens/
|
| 8 |
+
│ ├── tokens.css # Master design tokens (CSS variables)
|
| 9 |
+
│ ├── theme-midnight.css # Theme: Midnight (default)
|
| 10 |
+
│ ├── theme-aurora.css # Theme: Aurora
|
| 11 |
+
│ ├── theme-ember.css # Theme: Ember
|
| 12 |
+
│ └── theme-ocean.css # Theme: Ocean
|
| 13 |
+
│
|
| 14 |
+
├── styles/
|
| 15 |
+
│ ├── base.css # Reset + global base styles
|
| 16 |
+
│ ├── glass.css # Glassmorphism utility classes
|
| 17 |
+
│ ├── layout.css # Layout system (no visual styles)
|
| 18 |
+
│ ├── components.css # All component styles
|
| 19 |
+
│ └── animations.css # Motion / transitions
|
| 20 |
+
│
|
| 21 |
+
├── components/
|
| 22 |
+
│ ├── PostCard.js # Post card component
|
| 23 |
+
│ ├── Navbar.js # Navigation bar component
|
| 24 |
+
│ ├── CommentBox.js # Comment component
|
| 25 |
+
│ ├── ProfileHeader.js # Profile header component
|
| 26 |
+
│ ├── StoryReel.js # Stories / highlights
|
| 27 |
+
│ ├── ExploreGrid.js # Explore grid component
|
| 28 |
+
│ └── AdminPanel.js # Admin panel component
|
| 29 |
+
│
|
| 30 |
+
├── data/
|
| 31 |
+
│ ├── schema.js # Content schema definitions
|
| 32 |
+
│ ├── posts.json # Post data store
|
| 33 |
+
│ ├── users.json # User data store
|
| 34 |
+
│ ├── config.json # Site config / feature flags
|
| 35 |
+
│ └── themes.json # Theme registry
|
| 36 |
+
│
|
| 37 |
+
├── lib/
|
| 38 |
+
│ ├── store.js # State management
|
| 39 |
+
│ ├── router.js # Client-side router
|
| 40 |
+
│ ├── auth.js # Auth layer
|
| 41 |
+
│ ├── api.js # API abstraction layer
|
| 42 |
+
│ └── theme-engine.js # Theme switching engine
|
| 43 |
+
│
|
| 44 |
+
└── assets/
|
| 45 |
+
├── icons/ # SVG icon system
|
| 46 |
+
└── images/ # Static assets
|