diff --git a/images/favicon.ico b/images/favicon.ico deleted file mode 100644 index 821c691..0000000 Binary files a/images/favicon.ico and /dev/null differ diff --git a/images/favicon.png b/images/favicon.png new file mode 100644 index 0000000..7a3c81c Binary files /dev/null and b/images/favicon.png differ diff --git a/images/feather.svg b/images/feather.svg new file mode 100644 index 0000000..bb1e6fa --- /dev/null +++ b/images/feather.svg @@ -0,0 +1,12 @@ + + \ No newline at end of file diff --git a/images/feathers.svg b/images/feathers.svg deleted file mode 100644 index cc2fdb7..0000000 --- a/images/feathers.svg +++ /dev/null @@ -1,6 +0,0 @@ - \ No newline at end of file diff --git a/images/frame.svg b/images/frame.svg deleted file mode 100644 index 21350ac..0000000 --- a/images/frame.svg +++ /dev/null @@ -1,19 +0,0 @@ - - \ No newline at end of file diff --git a/images/pens.svg b/images/pens.svg new file mode 100644 index 0000000..8f94436 --- /dev/null +++ b/images/pens.svg @@ -0,0 +1,21 @@ + + \ No newline at end of file diff --git a/images/watch.svg b/images/watch.svg new file mode 100644 index 0000000..b6b16c6 --- /dev/null +++ b/images/watch.svg @@ -0,0 +1,18 @@ + + \ No newline at end of file diff --git a/index.html b/index.html index 5a92fc0..8b3f602 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ -
You should use Skeleton if you're feeling like whole UI frameworks like Bootstrap and Foundation are overkill for your project and you just want the basics. Skeleton only styles a handful of standard HTML elements and includes a grid, but that's often more than enough to get started. In fact, this site is built on Skeleton and has less than 100 lines of custom CSS.
-Love Skeleton and want to share it, follow it, love it? Well, I appreciate that <3
+You should use Skeleton if you're feeling like whole UI frameworks like Bootstrap and Foundation are overkill for your project and you just want the basics. Skeleton only styles a handful of standard HTML elements and includes a grid, but that's often more than enough to get started. In fact, this site is built on Skeleton and has just over 100 lines of custom CSS.
+Love Skeleton and want to Tweet it, share it, or star it? Well, I appreciate that <3
Tweet @@ -78,7 +83,7 @@The grid is just a 12-column fluid grid with a max width of 960px, that shrinks with the browser/device at smaller sizes. The max width can be changed with one line of CSS and all columns will resize accordingly. The syntax is simple and it makes responsive implementation much, much easier. Go ahead, resize the browser.
+The grid is a 12-column fluid grid with a max width of 960px, that shrinks with the browser/device at smaller sizes. The max width can be changed with one line of CSS and all columns will resize accordingly. The syntax is simple and it makes coding responsive much easier. Go ahead, resize the browser.
Type is all set with the rems
, so font-sizes and spacial relationships are responsively sized based on a single <html>
font-size property. Everything is still base 10 though so, an <h1>
is 5.0rem
, which just means 50px
.
Type is all set with the rems
, so font-sizes and spacial relationships can be responsively sized based on a single <html>
font-size property. Out of the box, Skeleton never changes the <html>
font-size, but it's there in case you need it for your project. All measurements are still base 10 though so, an <h1>
with 5.0rem
font-size just means 50px
.
The typography base is 15rem (15px) over a 1.6 line height (24px). Other type basics like anchors, strong, emphasis, and underline are all obviously included.
+The typography base is Raleway served by Google, set at 15rem (15px) over a 1.6 line height (24px). Other type basics like anchors, strong, emphasis, and underline are all obviously included.
Headings create a family of distinct sizes each with specific letter-spacing
, line-height
, and margins
.
Buttons come in two basic flavors in Skeleton. The standard <button>
element is plain, whereas the .button-primary
button is vibrant and prominent.
Buttons come in two basic flavors in Skeleton. The standard <button>
element is plain, whereas the .button-primary
button is vibrant and prominent. Button styles are applied to a number of appropriate form elements, but can also be arbitrarily attached to anchors with a .button
class.
Forms are a huge pain, but hopefully these styles make it a bit easier.
+Forms are a huge pain, but hopefully these styles make it a bit easier. All inputs, select, and buttons are normalized for a common height cross-browser so inputs can be stacked or placed alongside each other.