Help please, to download a copy of the demo file.

README.md

@@ -1,68 +1,81 @@
-# [Skeleton](http://getskeleton.com)
-Skeleton is a simple, responsive boilerplate to kickstart any responsive project.
+# Barebones
+Barebones is simple, responsive boilerplate based off the popular [Skeleton](http://getskeleton.com) project by [Dave Gamache](https://twitter.com/dhg).
 
-Check out <http://getskeleton.com> for documentation and details.
+While there are several other active forks of Skeleton, Barebones differs by requiring no external tools or dependencies such as CSS pre-processors. Simply download and go.
 
 ## Getting started
 
-There are a couple ways to download Skeleton:
-- [Download the zip](https://github.com/dhg/Skeleton/releases/download/2.0.4/Skeleton-2.0.4.zip)
-- Clone the repo: `git clone https://github.com/dhg/Skeleton.git` (Note: this is under active development, so if you're looking for stable and safe, use the zipped download)
+
+Barebones can be downloaded via [zip file](https://github.com/acahir/Barebones/archive/master.zip) or the repo can be cloned using `git clone https://github.com/acahir/Barebones.git`.
+
+Once you have your bare hands on Barebones, use the [documentation and examples](https://acahir.github.io/Barebones/) to get started.
 
 
 ### What's in the download?
 
-The download includes Skeleton's CSS, Normalize CSS as a reset, a sample favicon, and an index.html as a starting point.
+The download includes Skeleton's CSS, [Normalize CSS](https://github.com/necolas/normalize.css/) as a reset, a sample favicon, and an index.html as a starting point. It also includes skeleton-legacy.css in case you are updating an existing site, though this stylesheet is not linked in the index.html template.
 
 ```
 Skeleton/
 ├── index.html
 ├── css/
-│   ├── normalize.min.css
-│   └── skeleton.css
+│   ├── barebones.css
+│   ├── normalize.css
+│   └── skeleton-legacy.css
 └── images/
-    └── favicon.ico
+    └── favicon.png
 
 ```
 
-### Why it's awesome
+## Why Barebones?
+
+Building off of Skeleton's [awesomeness](https://github.com/dhg/Skeleton#why-its-awesome):
+- Updated to use CSS variables
+- Uses CSS Grid to replace 12-column grid system
+- Updated normalize to current version (3.0.2 -> 8.0.1)
+- Maintains backwards compatibility with Skeleton
+
+Additional features planned and possible:
+- Support for @media prefers-color-scheme (aka Dark Mode)
+- Pending Release: Uses CSS env() function
+- Include "extensions": instructions and templates for frequently used features:
+    - Navigation boilerplate
+    - Code formatting
+    - Smooth Scrolling
+- Add additional example site demonstrating CSS Grid layout flexibility
+
 
-Skeleton is lightweight and simple. It styles only raw HTML elements (with a few exceptions) and provides a responsive grid. Nothing more.
-- Around 400 lines of CSS unminified and with comments
-- It's a starting point, not a UI framework
-- No compiling or installing...just vanilla CSS
 
 
 ## Browser support
 
-- Chrome latest
-- Firefox latest
-- Opera latest
-- Safari latest
-- IE latest
+Barebones does make use of modern CSS features, but the base functionality is well supported.
 
-The above list is non-exhaustive. Skeleton works perfectly with almost all older versions of the browsers above, though IE certainly has large degradation prior to IE9.
+- CSS Grid: [88% global browser support](https://caniuse.com/#feat=css-grid)
+- CSS Variables: [87% global browser support](https://caniuse.com/#feat=css-variables)
 
+The most notable missing support for both features is from IE 11 or earlier. That's probably the browser that your decision will depend on.
 
-## License
+Barebones includes a few experimental features that are not yet widely supported. If not supported, the brower will simply ignore those directives:
+- prefers-color-scheme media query: Only currently available in Safari Technology Preview
+- scroll-behavior: Chrome, Firefox
+- CSS env(): Nothing included in Barebones, but media queries were structured in such as way to make use of env() variables in the future
+Both of these features can be achived using other methods. In fact, both are implemented using css and vanilla javascript on the [Barebones documentation page](https://acahir.github.io/Barebones/) in ~50 lines of code. In the future these may be added to Barebones as "extensions".
 
-All parts of Skeleton are free to use and abuse under the [open-source MIT license](https://github.com/dhg/Skeleton/blob/master/LICENSE.md).
+#### External dependencies
 
+- normalize.css: Chrome, Edge, Firefox ESR+, Internet Explorer 10+, Safari 8+, Opera
 
-## Extensions
 
-The following are extensions to Skeleton built by the community. They are not officially supported, but all have been tested and are compatible with v2.0 (exact release noted):
-- [Skeleton on LESS](https://github.com/whatsnewsaes/Skeleton-less): Skeleton built with LESS for easier replacement of grid, color, and media queries. (Last update was to match v2.0.1)
-- [Skeleton on Sass](https://github.com/whatsnewsaes/Skeleton-Sass): Skeleton built with Sass for easier replacement of grid, color, and media queries. (Last update was to match v2.0.1)
+## Acknowledgements
 
-Have an extension you want to see here? Just shoot an email to hi@getskeleton.com with your extension!
+Barebones is build upon the great work of the Skeleton project by [Dave Gamache](https://twitter.com/dhg). It wouldn't be possible without him, and Barebones only exists because Skeleton is no longer being maintained.
 
+The [documentation page](https://acahir.github.io/Barebones/) makes use of icons by [FontAwesome](https://fontawesome.com), [smoothscroll](https://github.com/iamdustan/smoothscroll) by [Dustan Kasten](https://github.com/iamdustan), [Google Prettify](https://code.google.com/p/google-code-prettify/), and other great tidbits shared by many.
 
-## Colophon
 
-Skeleton was built using [Sublime Text 3](http://www.sublimetext.com/3) and designed with [Sketch](http://bohemiancoding.com/sketch). The typeface [Raleway](http://www.google.com/fonts/specimen/Raleway) was created by [Matt McInerney](http://matt.cc/) and [Pablo Impallari](http://www.impallari.com/). Code highlighting by Google's [Prettify library](https://code.google.com/p/google-code-prettify/). Icons in the header of the documentation are all derivative work of icons from [The Noun Project](http://thenounproject.com). [Feather](http://thenounproject.com/term/feather/22073) by Zach VanDeHey, [Pen](http://thenounproject.com/term/pen/21163) (with cap) by Ed Harrison, [Pen](http://thenounproject.com/term/pen/32847) (with clicker) by Matthew Hall, and [Watch](http://thenounproject.com/term/watch/48015) by Julien Deveaux.
+## License
 
+All parts of Barebones are free to use and abuse under the MIT license.
 
-## Acknowledgement
 
-Skeleton was created by [Dave Gamache](https://twitter.com/dhg) for a better web.