68 lines
1.4 KiB
Plaintext
68 lines
1.4 KiB
Plaintext
------ Directory structure:
|
|
|
|
root/
|
|
|
|
|
---> archive/
|
|
|---> old_version
|
|
|--> includes/
|
|
|--> js/
|
|
|--> css/
|
|
|---> articles/
|
|
|---> global/
|
|
|---> fonts/
|
|
|---> layout/
|
|
|---> styling/
|
|
|---> global-settings.css
|
|
|---> main/
|
|
|--> img/
|
|
|--> pages/
|
|
|--> disclaimers.txt
|
|
|--> main_es.html
|
|
|--> main_en.html
|
|
|
|
Example page styling:
|
|
|
|
page/
|
|
|
|
|
---> layouts/
|
|
|---> base (desktop optimized)
|
|
|---> desktop
|
|
|---> desktop-slim
|
|
|---> desktop-slimmer
|
|
|---> mobile
|
|
|---> misc (other responsive layout changes)
|
|
|--> page
|
|
|--> styling (colors, borders, etc.)
|
|
|--> others
|
|
|
|
------ CSS file structure:
|
|
|
|
[VARIABLES] //
|
|
[ORDERING] //
|
|
[LAYOUT] // Order by ~rendering order, indentation demarks nesting, separated by sections.
|
|
[ANIMATIONS] //
|
|
|
|
------ CSS Syntax structure:
|
|
|
|
One property:
|
|
selector { property: value; }
|
|
|
|
Multiple properties:
|
|
selector {
|
|
property1: value;
|
|
property2: value2;}
|
|
|
|
------ CSS Imports:
|
|
|
|
1. global settings
|
|
3. page settings
|
|
3. layouts
|
|
4. misc
|
|
|
|
------ Inspirations for design
|
|
|
|
1. Background tiling https://lazybones.neocities.org/
|
|
2. Sidebar https://minx98.neocities.org/
|
|
3. Marquee https://minx98.neocities.org/
|
|
3. Font https://weirdfashionhub.carrd.co/
|
|
4. Buttons https://aegi.neocities.org/ |