charlesfinney / charcoal-watercolor

Tim Roosevelt and Charles Finney build a site to promote thier artwork

charcoal-watercolor

Tim Roosevelt and Charles Finney build a site to promote thier artwork

Step zero tools

• html Atom editor
• Browser Firefox Quantum Developer Edition
• HTML5 template inspiration html5boilerplate.com/
• Bitwise

Step one

Register a domain name

1. Go to enom.com
2. Sign up or Login to your account.
3. Go to the domains and services setup a domain name.

Step two

Setup a server at

1. Go to digitalocean.com Create a directory structure seperating site design from content and media.
2. in the /assets folder are all files, documentation and images used in layout and navigation througout the site, in subfolders according to their type.
3. further in the /content folder are all media, files and images that make up the content of the site, also in subfolders according to type.

.
├── /assets
│   ├── /css
│   │   ├── main-stylesheet.css
│   │   └── normalize.css
│   │
│   ├── /doc/ = (documentation)
│   │   ├── css.md
│   │   ├── extend.md
│   │   ├── faq.md
│   │   ├── html.md
│   │   ├── js.md
│   │   ├── misc.md
│   │   ├── TOC.md
│   │   └── usage.md
│   │
│   ├── /font
|   │   └── *.ttf
│   │
│   ├── /img
│   │   ├── *.png  
│   │   ├── *.jpg
│   │   ├── *.svg
│   │   └── .gitignore
|   │   └── /soc
|   │       └── *.svg
│   │
|   └── /js
|       ├── main.js
|       ├── plugins.js
|       └── /vendor/
|           ├── jquery.min.js
│           └── modernizr.min.js
├── /content
│   ├── /audio
|   │   └── *.aac
│   │
|   └── /images
|   │       ├── /finney
|   │       │   └── *.png 
|   │       └── /troosey
|   │           └── *.png 
│   ├── /pdf
|   │   └── *.pdf
│   │
│   └── /video
│       └── *.mp4
│   
├── .editorconfig
├── .htaccess
├── 404.html
├── browserconfig.xml
├── favicon.ico
├── humans.txt
├── icon.png
├── index.html
├── README.md
└── .gitignore