diff --git a/.gitignore b/.gitignore
index 7391967..fb16e3a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -41,3 +41,4 @@ Thumbs.db
_site
Gemfile.lock
+.jekyll-metadat*
diff --git a/.jekyll-metadata b/.jekyll-metadata
deleted file mode 100644
index c8128ce..0000000
Binary files a/.jekyll-metadata and /dev/null differ
diff --git a/Gemfile.lock b/Gemfile.lock
index f9c95b8..b805d1f 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,15 +1,15 @@
GEM
remote: https://rubygems.org/
specs:
- addressable (2.8.6)
- public_suffix (>= 2.0.2, < 6.0)
+ addressable (2.8.7)
+ public_suffix (>= 2.0.2, < 7.0)
colorator (1.1.0)
- concurrent-ruby (1.2.3)
+ concurrent-ruby (1.3.3)
em-websocket (0.5.3)
eventmachine (>= 0.12.9)
http_parser.rb (~> 0)
eventmachine (1.2.7)
- ffi (1.16.3)
+ ffi (1.17.0)
forwardable-extended (2.6.0)
google-protobuf (3.25.3-x86_64-linux)
http_parser.rb (0.8.0)
@@ -46,14 +46,14 @@ GEM
mercenary (0.4.0)
pathutil (0.16.2)
forwardable-extended (~> 2.6)
- public_suffix (5.0.5)
+ public_suffix (6.0.0)
rake (13.2.1)
rb-fsevent (0.11.2)
rb-inotify (0.11.1)
ffi (~> 1.0)
- rexml (3.2.8)
- strscan (>= 3.0.9)
- rouge (4.2.1)
+ rexml (3.3.1)
+ strscan
+ rouge (4.3.0)
safe_yaml (1.0.5)
sass-embedded (1.69.5)
google-protobuf (~> 3.23)
diff --git a/README.md b/README.md
index 332248d..ff90ff5 100644
--- a/README.md
+++ b/README.md
@@ -1,30 +1,30 @@
-Project 2 Learnings
--------------------
-
-Content Matters
-===============
-
-I had a difficulty figuring out what to say about myself in a succinct and interesting way. A lot of my work was done for companies with non-disclosure agreements, so that was out. This covered a lot of my web work, so I had to go back to print design materials. I found myself looking to draft text that was short and more like blog entries, which seemed a poor approach to the needs. I went back to some other documents I drafted for non-profits.
-
-Structured Documents
-====================
-
-The HTML was really straightforward for me. I knew how to assemble these relatively simple documents. That was not where I found myself struggling...
-
-Style
-=====
-
-...It was the stylesheets. This was not easy at the start and got more difficult as I continued. I wanted to demonstrate the ability to handle mobile first structure, transformative design, decent color model, good typography and responsive design; all without it looking like garbage. That was more than I anticipated.
-
-I researched a lot of other personal sites for how they implemented their liquid layout. I was stumped at the beginning because I goofed up the margins and padding for the page. I needed to understand how the various base sizes (300px, 748px, etc.) needed to be coded. I finally got to the point I used the appropriate full width for a page div, then each child div with appropriate left/right padding was the appropriate size. The color bands were in the appropriate places.
-
-Looking at mobile first, I wanted to make sure that the single column basic design looked clear and had navigation that was navigable with "one eye, one thumb". That resulted in a bottom aligned buttons. That was easy. Having the navigation reset itself when the width changed was challenging. Further, I wanted to make sure this navigation was "button like" at a mobile size. This put me in the position of needing to use display:table and its design components so the buttons would have vertically centered text. (Yup, that's what it took.) This resulted in other issues between Chrome and other browsers. Chrome does not display css tables with the proper use of margins and padding (the navigations buttons showed up in a second box using the same margins as its parent div). To fix this, I needed to have the navigation div have no margins or padding left and right and used an auto margin to achieve the look browser to browser. The navigation moved using absolute positioning with relative ease at the larger widths.
-
-A lot of the issues I had were with color and fonts. I had to read up a bit on color theory. I had to get a TypeKit account. These got fixed within a few hours to the point I was happy with the start.
-
-With the larger sizes, I had to figure out multiple columns with appropriate number of columns and widths. It took a bit of revisions to get the right configuration, some of which may be somewhat kludged with the number of blocks I used (3) versus what I may eventually need to accomplish with more "articles".
-
-Version Control
-===============
-
+Project 2 Learnings
+-------------------
+
+Content Matters
+===============
+
+I had a difficulty figuring out what to say about myself in a succinct and interesting way. A lot of my work was done for companies with non-disclosure agreements, so that was out. This covered a lot of my web work, so I had to go back to print design materials. I found myself looking to draft text that was short and more like blog entries, which seemed a poor approach to the needs. I went back to some other documents I drafted for non-profits.
+
+Structured Documents
+====================
+
+The HTML was really straightforward for me. I knew how to assemble these relatively simple documents. That was not where I found myself struggling...
+
+Style
+=====
+
+...It was the stylesheets. This was not easy at the start and got more difficult as I continued. I wanted to demonstrate the ability to handle mobile first structure, transformative design, decent color model, good typography and responsive design; all without it looking like garbage. That was more than I anticipated.
+
+I researched a lot of other personal sites for how they implemented their liquid layout. I was stumped at the beginning because I goofed up the margins and padding for the page. I needed to understand how the various base sizes (300px, 748px, etc.) needed to be coded. I finally got to the point I used the appropriate full width for a page div, then each child div with appropriate left/right padding was the appropriate size. The color bands were in the appropriate places.
+
+Looking at mobile first, I wanted to make sure that the single column basic design looked clear and had navigation that was navigable with "one eye, one thumb". That resulted in a bottom aligned buttons. That was easy. Having the navigation reset itself when the width changed was challenging. Further, I wanted to make sure this navigation was "button like" at a mobile size. This put me in the position of needing to use display:table and its design components so the buttons would have vertically centered text. (Yup, that's what it took.) This resulted in other issues between Chrome and other browsers. Chrome does not display css tables with the proper use of margins and padding (the navigations buttons showed up in a second box using the same margins as its parent div). To fix this, I needed to have the navigation div have no margins or padding left and right and used an auto margin to achieve the look browser to browser. The navigation moved using absolute positioning with relative ease at the larger widths.
+
+A lot of the issues I had were with color and fonts. I had to read up a bit on color theory. I had to get a TypeKit account. These got fixed within a few hours to the point I was happy with the start.
+
+With the larger sizes, I had to figure out multiple columns with appropriate number of columns and widths. It took a bit of revisions to get the right configuration, some of which may be somewhat kludged with the number of blocks I used (3) versus what I may eventually need to accomplish with more "articles".
+
+Version Control
+===============
+
At the beginning, I was working as I always had: more revisions before versions. As I started to push versions, I started doing so more frequently as it became more "normal". (Also, understanding how the Windows GUI to Git worked helped.) I think I have more that I need to learn as to how to more efficiently use Git; I admit that I am still gunshy in using it more regularly.
\ No newline at end of file
diff --git a/_assets/media/media-readme.txt b/_assets/media/media-readme.txt
deleted file mode 100644
index 31fa2e4..0000000
--- a/_assets/media/media-readme.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-The media folder should contain all of the meda files--audio, images, PDFs, Flash movies, video--for
-a site or project. Each media type has its own sub-folder to help keep things organized.
diff --git a/_assets/sass/css-readme.txt b/_assets/sass/css-readme.txt
deleted file mode 100644
index 0d29761..0000000
--- a/_assets/sass/css-readme.txt
+++ /dev/null
@@ -1,26 +0,0 @@
-The css/ folder is where you store all of the .css files for your website.
-
-There are currently four CSS files in this folder; one you probably do not need to edit:
-
---reset.css:
- CSS created by Yahoo! that effectively removes default web browser CSS
-
-And three that you will need to edit to design your site:
-
---screen.css:
- Where you write all of the styles for screen views of your pages (includes some base styles to
- make up for the complete loss of styling from reset.css; also has a bunch of relationship
- selectors that match basic structures in the RPK)
-
---screen-ie.css:
- A conditional CSS file where you write any style fixes, if necessary, for Internet Explorer 7 or
- earlier.
-
---print.css
- Where you write styles that determine how your pages will appear when they are printed.
-
-Any additional CSS files that you add (such as an iphone.css file for iPhones) should also appear in
-the css folder.
-
-The gfx/ sub-folder is where you should save all of your design images for your site (see gfx/gfx-readme.txt).
-
diff --git a/_assets/sass/screen-ie.css b/_assets/sass/screen-ie.css
deleted file mode 100644
index 4c48bce..0000000
--- a/_assets/sass/screen-ie.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/*IE 7 Styles*/
-
-/*
- If you are having problems with IE 7 styling your pages,
- you can try writing corrective styles in this file.
-
- While IE 6 can be a problem, too, it's just not worth
- trying to fix issues for that browser, simply because
- the rest of the Web is moving on and IE 6 users are
- probably getting used to sites looking horrific in
- their browsers.
-
- That said, many fixes that you might need for IE 7
- generally tend to help out IE 6, too.
-
- For more information about serving specific styles to
- different IE browsers, see
- http://www.quirksmode.org/css/condcom.html
-*/
-
-/*Write IE 7 style fixes below...*/
diff --git a/_config.yaml b/_config.yaml
deleted file mode 100644
index c9d2de7..0000000
--- a/_config.yaml
+++ /dev/null
@@ -1,20 +0,0 @@
-lsi: false
-safe: true
-source: .
-destination: ./_site
-layouts_dir: _layouts
-exclude: ["Gemfile", "Gemfile.lock", "node_modules", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"]
-incremental: false
-highlighter: rouge
-gist:
- noscript: false
-markdown: kramdown
-kramdown:
- math_engine: mathjax
- syntax_highlighter: rouge
- input: GFM
- parse_block_html: true
-livereload: true
-sass:
- sass_dir: _assets/sass
- style: compressed
diff --git a/_config.yml b/_config.yml
index fbfb4f4..5af3cbb 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,3 +1,4 @@
+<<<<<<< Updated upstream
lsi: false
safe: true
source: ./
@@ -11,3 +12,43 @@ kramdown:
syntax_highlighter: rouge
domain: tonysansone.me # if you want to force HTTPS, specify the domain without the http at the start, e.g. example.com
url: https://www.tonysansone.me # the base hostname and protocol for your site, e.g. http://example.com
+=======
+lsi: false
+safe: true
+disable_disk_cache: true
+profile: true
+incremental: true
+livereload: true
+
+source: .
+destination: ./_site
+layouts_dir: ./_layouts
+sass:
+ sass_dir: ./assets/_sass
+
+exclude:
+ - Gemfile
+ - Gemfile.lock
+ - .sass-cache/
+ - .jekyll-cache/
+ - gemfiles/
+ - node_modules
+ - vendor/bundle/
+ - vendor/cache/
+ - vendor/gems/
+ - vendor/ruby/
+
+
+gist:
+ noscript: false
+
+markdown: kramdown
+kramdown:
+ math_engine: mathjax
+ syntax_highlighter: rouge
+ input: GFM
+ parse_block_html: true
+highlighter: rouge
+
+
+>>>>>>> Stashed changes
diff --git a/_layouts/default.html b/_layouts/default.html
index 6e39651..eaf79b3 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,64 +1,65 @@
-
-
-
-
+
+
+
+
+
+ {{ content }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/removed/css/1218-CSS/1218.css b/_removed/css/1218-CSS/1218.css
similarity index 97%
rename from removed/css/1218-CSS/1218.css
rename to _removed/css/1218-CSS/1218.css
index afd421c..5f92751 100644
--- a/removed/css/1218-CSS/1218.css
+++ b/_removed/css/1218-CSS/1218.css
@@ -1,51 +1,51 @@
-/*
-
-1218 Grid System CSS Framework
-http://978.gs
-
-Copyright (c) 2011 Brothers Roloff
-http://www.brothersroloff.com
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
-
-*/
-
-div.layout-1218 { width: 1218px; margin: 0px auto; }
-
-div.row { height: 1%; }
-div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }
-
-div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12, div.col13, div.col14, div.col15, div.col16 { float: left; margin-left: 30px; }
-div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child, div.col13:first-child, div.col14:first-child, div.col15:first-child, div.col16:first-child { margin-left: 0px; }
-div.col1 { width: 48px; }
-div.col2 { width: 126px; }
-div.col3 { width: 204px; }
-div.col4 { width: 282px; }
-div.col5 { width: 360px; }
-div.col6 { width: 438px; }
-div.col7 { width: 516px; }
-div.col8 { width: 594px; }
-div.col9 { width: 672px; }
-div.col10 { width: 750px; }
-div.col11 { width: 828px; }
-div.col12 { width: 906px; }
-div.col13 { width: 984px; }
-div.col14 { width: 1062px; }
-div.col15 { width: 1140px; }
-div.col16 { width: 1218px; }
+/*
+
+1218 Grid System CSS Framework
+http://978.gs
+
+Copyright (c) 2011 Brothers Roloff
+http://www.brothersroloff.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+*/
+
+div.layout-1218 { width: 1218px; margin: 0px auto; }
+
+div.row { height: 1%; }
+div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }
+
+div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12, div.col13, div.col14, div.col15, div.col16 { float: left; margin-left: 30px; }
+div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child, div.col13:first-child, div.col14:first-child, div.col15:first-child, div.col16:first-child { margin-left: 0px; }
+div.col1 { width: 48px; }
+div.col2 { width: 126px; }
+div.col3 { width: 204px; }
+div.col4 { width: 282px; }
+div.col5 { width: 360px; }
+div.col6 { width: 438px; }
+div.col7 { width: 516px; }
+div.col8 { width: 594px; }
+div.col9 { width: 672px; }
+div.col10 { width: 750px; }
+div.col11 { width: 828px; }
+div.col12 { width: 906px; }
+div.col13 { width: 984px; }
+div.col14 { width: 1062px; }
+div.col15 { width: 1140px; }
+div.col16 { width: 1218px; }
diff --git a/_assets/sass/img/1218-grid.png b/_removed/css/1218-CSS/demo-files/1218-grid.png
similarity index 100%
rename from _assets/sass/img/1218-grid.png
rename to _removed/css/1218-CSS/demo-files/1218-grid.png
diff --git a/removed/css/1218-CSS/demo-files/styles.css b/_removed/css/1218-CSS/demo-files/styles.css
similarity index 99%
rename from removed/css/1218-CSS/demo-files/styles.css
rename to _removed/css/1218-CSS/demo-files/styles.css
index e2e6b32..6fb56de 100644
--- a/removed/css/1218-CSS/demo-files/styles.css
+++ b/_removed/css/1218-CSS/demo-files/styles.css
@@ -1,7 +1,7 @@
-/* The following styles are to visualize how the demo code works. Do not include this in your code. */
-
-body { margin: 0px; padding: 0px; background: #f2e9f2 url(1218-grid.png) repeat-y center top;; font: 11px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #000; }
-div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12, div.col13, div.col14, div.col15, div.col16 { background: #e6d5e6; padding: 20px 0px; }
-div.row { padding-top: 10px; padding-bottom: 10px; text-align: center; }
-div.row:first-child { padding-top: 20px; }
+/* The following styles are to visualize how the demo code works. Do not include this in your code. */
+
+body { margin: 0px; padding: 0px; background: #f2e9f2 url(1218-grid.png) repeat-y center top;; font: 11px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #000; }
+div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12, div.col13, div.col14, div.col15, div.col16 { background: #e6d5e6; padding: 20px 0px; }
+div.row { padding-top: 10px; padding-bottom: 10px; text-align: center; }
+div.row:first-child { padding-top: 20px; }
div.row:last-child { margin-top: 10px; padding: 20px 0px; background: #e6d5e6; }
\ No newline at end of file
diff --git a/removed/css/1218-CSS/demo.html b/_removed/css/1218-CSS/demo.html
similarity index 96%
rename from removed/css/1218-CSS/demo.html
rename to _removed/css/1218-CSS/demo.html
index 598d62b..9b6e377 100644
--- a/removed/css/1218-CSS/demo.html
+++ b/_removed/css/1218-CSS/demo.html
@@ -1,96 +1,96 @@
-
-
-
-
-1218 Grid System - CSS Framework
-
-
-
-
-
-
-
+
+
+
diff --git a/removed/css/1378-CSS/1378.css b/_removed/css/1378-CSS/1378.css
similarity index 97%
rename from removed/css/1378-CSS/1378.css
rename to _removed/css/1378-CSS/1378.css
index f25dcbc..48e476c 100644
--- a/removed/css/1378-CSS/1378.css
+++ b/_removed/css/1378-CSS/1378.css
@@ -1,51 +1,51 @@
-/*
-
-1378 Grid System CSS Framework
-http://978.gs
-
-Copyright (c) 2011 Brothers Roloff
-http://www.brothersroloff.com
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
-
-*/
-
-div.layout-1378 { width: 1378px; margin: 0px auto; }
-
-div.row { height: 1%; }
-div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }
-
-div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12, div.col13, div.col14, div.col15, div.col16 { float: left; margin-left: 30px; }
-div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child, div.col13:first-child, div.col14:first-child, div.col15:first-child, div.col16:first-child { margin-left: 0px; }
-div.col1 { width: 58px; }
-div.col2 { width: 146px; }
-div.col3 { width: 234px; }
-div.col4 { width: 322px; }
-div.col5 { width: 410px; }
-div.col6 { width: 498px; }
-div.col7 { width: 586px; }
-div.col8 { width: 674px; }
-div.col9 { width: 762px; }
-div.col10 { width: 850px; }
-div.col11 { width: 938px; }
-div.col12 { width: 1026px; }
-div.col13 { width: 1114px; }
-div.col14 { width: 1202px; }
-div.col15 { width: 1290px; }
-div.col16 { width: 1378px; }
+/*
+
+1378 Grid System CSS Framework
+http://978.gs
+
+Copyright (c) 2011 Brothers Roloff
+http://www.brothersroloff.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+*/
+
+div.layout-1378 { width: 1378px; margin: 0px auto; }
+
+div.row { height: 1%; }
+div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }
+
+div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12, div.col13, div.col14, div.col15, div.col16 { float: left; margin-left: 30px; }
+div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child, div.col13:first-child, div.col14:first-child, div.col15:first-child, div.col16:first-child { margin-left: 0px; }
+div.col1 { width: 58px; }
+div.col2 { width: 146px; }
+div.col3 { width: 234px; }
+div.col4 { width: 322px; }
+div.col5 { width: 410px; }
+div.col6 { width: 498px; }
+div.col7 { width: 586px; }
+div.col8 { width: 674px; }
+div.col9 { width: 762px; }
+div.col10 { width: 850px; }
+div.col11 { width: 938px; }
+div.col12 { width: 1026px; }
+div.col13 { width: 1114px; }
+div.col14 { width: 1202px; }
+div.col15 { width: 1290px; }
+div.col16 { width: 1378px; }
diff --git a/removed/css/1378-CSS/demo-files/1378-grid.png b/_removed/css/1378-CSS/demo-files/1378-grid.png
similarity index 100%
rename from removed/css/1378-CSS/demo-files/1378-grid.png
rename to _removed/css/1378-CSS/demo-files/1378-grid.png
diff --git a/removed/css/1378-CSS/demo-files/styles.css b/_removed/css/1378-CSS/demo-files/styles.css
similarity index 99%
rename from removed/css/1378-CSS/demo-files/styles.css
rename to _removed/css/1378-CSS/demo-files/styles.css
index d2cc007..56a34a6 100644
--- a/removed/css/1378-CSS/demo-files/styles.css
+++ b/_removed/css/1378-CSS/demo-files/styles.css
@@ -1,7 +1,7 @@
-/* The following styles are to visualize how the demo code works. Do not include this in your code. */
-
-body { margin: 0px; padding: 0px; background: #E9EEF7 url(1378-grid.png) repeat-y center top;; font: 11px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #000; }
-div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12, div.col13, div.col14, div.col15, div.col16 { background: #abbee0; padding: 20px 0px; }
-div.row { padding-top: 10px; padding-bottom: 10px; text-align: center; }
-div.row:first-child { padding-top: 20px; }
+/* The following styles are to visualize how the demo code works. Do not include this in your code. */
+
+body { margin: 0px; padding: 0px; background: #E9EEF7 url(1378-grid.png) repeat-y center top;; font: 11px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #000; }
+div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12, div.col13, div.col14, div.col15, div.col16 { background: #abbee0; padding: 20px 0px; }
+div.row { padding-top: 10px; padding-bottom: 10px; text-align: center; }
+div.row:first-child { padding-top: 20px; }
div.row:last-child { margin-top: 10px; padding: 20px 0px; background: #abbee0; }
\ No newline at end of file
diff --git a/removed/css/1378-CSS/demo.html b/_removed/css/1378-CSS/demo.html
similarity index 96%
rename from removed/css/1378-CSS/demo.html
rename to _removed/css/1378-CSS/demo.html
index 05851fa..174edec 100644
--- a/removed/css/1378-CSS/demo.html
+++ b/_removed/css/1378-CSS/demo.html
@@ -1,96 +1,96 @@
-
-
-
-
-1378 Grid System - CSS Framework
-
-
-
-
-
-
-
+
+
+
diff --git a/removed/css/300-CSS/300.css b/_removed/css/300-CSS/300.css
similarity index 97%
rename from removed/css/300-CSS/300.css
rename to _removed/css/300-CSS/300.css
index 25e0041..38c4e41 100644
--- a/removed/css/300-CSS/300.css
+++ b/_removed/css/300-CSS/300.css
@@ -1,43 +1,43 @@
-/*
-
-300 Grid System CSS Framework
-http://978.gs
-
-Copyright (c) 2011 Brothers Roloff
-http://www.brothersroloff.com
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
-
-*/
-
-div.layout-300 { width: 300px; margin: 0px auto; }
-
-div.row { height: 1%; }
-div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }
-
-div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8 { float: left; margin-left: 12px; }
-div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child { margin-left: 0px; }
-div.col1 { width: 27px; }
-div.col2 { width: 66px; }
-div.col3 { width: 105px; }
-div.col4 { width: 144px; }
-div.col5 { width: 183px; }
-div.col6 { width: 222px; }
-div.col7 { width: 261px; }
-div.col8 { width: 300px; }
+/*
+
+300 Grid System CSS Framework
+http://978.gs
+
+Copyright (c) 2011 Brothers Roloff
+http://www.brothersroloff.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+*/
+
+div.layout-300 { width: 300px; margin: 0px auto; }
+
+div.row { height: 1%; }
+div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }
+
+div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8 { float: left; margin-left: 12px; }
+div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child { margin-left: 0px; }
+div.col1 { width: 27px; }
+div.col2 { width: 66px; }
+div.col3 { width: 105px; }
+div.col4 { width: 144px; }
+div.col5 { width: 183px; }
+div.col6 { width: 222px; }
+div.col7 { width: 261px; }
+div.col8 { width: 300px; }
diff --git a/removed/css/300-CSS/demo-files/300-grid.png b/_removed/css/300-CSS/demo-files/300-grid.png
similarity index 100%
rename from removed/css/300-CSS/demo-files/300-grid.png
rename to _removed/css/300-CSS/demo-files/300-grid.png
diff --git a/removed/css/300-CSS/demo-files/styles.css b/_removed/css/300-CSS/demo-files/styles.css
similarity index 99%
rename from removed/css/300-CSS/demo-files/styles.css
rename to _removed/css/300-CSS/demo-files/styles.css
index 8a454a1..2c0da46 100644
--- a/removed/css/300-CSS/demo-files/styles.css
+++ b/_removed/css/300-CSS/demo-files/styles.css
@@ -1,7 +1,7 @@
-/* The following styles are to visualize how the demo code works. Do not include this in your code. */
-
-body { margin: 0px; padding: 0px; background: #e9f2ee url(300-grid.png) repeat-y center top;; font: 11px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #000; }
-div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { background: #d5e7de; padding: 20px 0px; }
-div.row { padding-bottom: 10px; text-align: center; }
-div.row:first-child { padding-top: 10px; }
+/* The following styles are to visualize how the demo code works. Do not include this in your code. */
+
+body { margin: 0px; padding: 0px; background: #e9f2ee url(300-grid.png) repeat-y center top;; font: 11px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #000; }
+div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { background: #d5e7de; padding: 20px 0px; }
+div.row { padding-bottom: 10px; text-align: center; }
+div.row:first-child { padding-top: 10px; }
div.row:last-child { padding: 20px 0px; background: #d5e7de; }
\ No newline at end of file
diff --git a/removed/css/300-CSS/demo.html b/_removed/css/300-CSS/demo.html
similarity index 96%
rename from removed/css/300-CSS/demo.html
rename to _removed/css/300-CSS/demo.html
index c826b8d..3c04a2a 100644
--- a/removed/css/300-CSS/demo.html
+++ b/_removed/css/300-CSS/demo.html
@@ -1,57 +1,57 @@
-
-
-
-
-300 Grid System - CSS Framework
-
-
-
-
-
-
-
+
+
+
diff --git a/removed/css/748-CSS/748.css b/_removed/css/748-CSS/748.css
similarity index 97%
rename from removed/css/748-CSS/748.css
rename to _removed/css/748-CSS/748.css
index 20c2d38..28bae62 100644
--- a/removed/css/748-CSS/748.css
+++ b/_removed/css/748-CSS/748.css
@@ -1,47 +1,47 @@
-/*
-
-748 Grid System CSS Framework
-http://978.gs
-
-Copyright (c) 2011 Brothers Roloff
-http://www.brothersroloff.com
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
-
-*/
-
-div.layout-748 { width: 748px; margin: 0px auto; }
-
-div.row { height: 1%; }
-div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }
-
-div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { float: left; margin-left: 20px; }
-div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child { margin-left: 0px; }
-div.col1 { width: 44px; }
-div.col2 { width: 108px; }
-div.col3 { width: 172px; }
-div.col4 { width: 236px; }
-div.col5 { width: 300px; }
-div.col6 { width: 364px; }
-div.col7 { width: 428px; }
-div.col8 { width: 492px; }
-div.col9 { width: 556px; }
-div.col10 { width: 620px; }
-div.col11 { width: 684px; }
+/*
+
+748 Grid System CSS Framework
+http://978.gs
+
+Copyright (c) 2011 Brothers Roloff
+http://www.brothersroloff.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+*/
+
+div.layout-748 { width: 748px; margin: 0px auto; }
+
+div.row { height: 1%; }
+div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }
+
+div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { float: left; margin-left: 20px; }
+div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child { margin-left: 0px; }
+div.col1 { width: 44px; }
+div.col2 { width: 108px; }
+div.col3 { width: 172px; }
+div.col4 { width: 236px; }
+div.col5 { width: 300px; }
+div.col6 { width: 364px; }
+div.col7 { width: 428px; }
+div.col8 { width: 492px; }
+div.col9 { width: 556px; }
+div.col10 { width: 620px; }
+div.col11 { width: 684px; }
div.col12 { width: 748px; }
\ No newline at end of file
diff --git a/removed/css/748-CSS/demo-files/748-grid.png b/_removed/css/748-CSS/demo-files/748-grid.png
similarity index 100%
rename from removed/css/748-CSS/demo-files/748-grid.png
rename to _removed/css/748-CSS/demo-files/748-grid.png
diff --git a/removed/css/748-CSS/demo-files/styles.css b/_removed/css/748-CSS/demo-files/styles.css
similarity index 99%
rename from removed/css/748-CSS/demo-files/styles.css
rename to _removed/css/748-CSS/demo-files/styles.css
index e511e5e..ee215bf 100644
--- a/removed/css/748-CSS/demo-files/styles.css
+++ b/_removed/css/748-CSS/demo-files/styles.css
@@ -1,7 +1,7 @@
-/* The following styles are to visualize how the demo code works. Do not include this in your code. */
-
-body { margin: 0px; padding: 0px; background: #fcf2e7 url(748-grid.png) repeat-y center top;; font: 11px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #000; }
-div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { background: #efc496; padding: 20px 0px; }
-div.row { padding-top: 10px; padding-bottom: 10px; text-align: center; }
-div.row:first-child { padding-top: 20px; }
+/* The following styles are to visualize how the demo code works. Do not include this in your code. */
+
+body { margin: 0px; padding: 0px; background: #fcf2e7 url(748-grid.png) repeat-y center top;; font: 11px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #000; }
+div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { background: #efc496; padding: 20px 0px; }
+div.row { padding-top: 10px; padding-bottom: 10px; text-align: center; }
+div.row:first-child { padding-top: 20px; }
div.row:last-child { margin-top: 10px; padding: 20px 0px; background: #efc496; }
\ No newline at end of file
diff --git a/removed/css/748-CSS/demo.html b/_removed/css/748-CSS/demo.html
similarity index 96%
rename from removed/css/748-CSS/demo.html
rename to _removed/css/748-CSS/demo.html
index 79b17c9..548dc00 100644
--- a/removed/css/748-CSS/demo.html
+++ b/_removed/css/748-CSS/demo.html
@@ -1,77 +1,77 @@
-
-
-
-
-978 Grid System - CSS Framework
-
-
-
-
-
-
-
+
+
+
diff --git a/removed/css/978-CSS/978.css b/_removed/css/978-CSS/978.css
similarity index 97%
rename from removed/css/978-CSS/978.css
rename to _removed/css/978-CSS/978.css
index c16e7de..93eaa77 100644
--- a/removed/css/978-CSS/978.css
+++ b/_removed/css/978-CSS/978.css
@@ -1,47 +1,47 @@
-/*
-
-978 Grid System CSS Framework
-http://978.gs
-
-Copyright (c) 2011 Brothers Roloff
-http://www.brothersroloff.com
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
-
-*/
-
-div.layout-978 { width: 978px; margin: 0px auto; }
-
-div.row { height: 1%; }
-div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }
-
-div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { float: left; margin-left: 30px; }
-div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child { margin-left: 0px; }
-div.col1 { width: 54px; }
-div.col2 { width: 138px; }
-div.col3 { width: 222px; }
-div.col4 { width: 306px; }
-div.col5 { width: 390px; }
-div.col6 { width: 474px; }
-div.col7 { width: 558px; }
-div.col8 { width: 642px; }
-div.col9 { width: 726px; }
-div.col10 { width: 810px; }
-div.col11 { width: 894px; }
-div.col12 { width: 978px; }
+/*
+
+978 Grid System CSS Framework
+http://978.gs
+
+Copyright (c) 2011 Brothers Roloff
+http://www.brothersroloff.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+*/
+
+div.layout-978 { width: 978px; margin: 0px auto; }
+
+div.row { height: 1%; }
+div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }
+
+div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { float: left; margin-left: 30px; }
+div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child { margin-left: 0px; }
+div.col1 { width: 54px; }
+div.col2 { width: 138px; }
+div.col3 { width: 222px; }
+div.col4 { width: 306px; }
+div.col5 { width: 390px; }
+div.col6 { width: 474px; }
+div.col7 { width: 558px; }
+div.col8 { width: 642px; }
+div.col9 { width: 726px; }
+div.col10 { width: 810px; }
+div.col11 { width: 894px; }
+div.col12 { width: 978px; }
diff --git a/removed/css/978-CSS/demo-files/978-grid.png b/_removed/css/978-CSS/demo-files/978-grid.png
similarity index 100%
rename from removed/css/978-CSS/demo-files/978-grid.png
rename to _removed/css/978-CSS/demo-files/978-grid.png
diff --git a/removed/css/978-CSS/demo-files/styles.css b/_removed/css/978-CSS/demo-files/styles.css
similarity index 99%
rename from removed/css/978-CSS/demo-files/styles.css
rename to _removed/css/978-CSS/demo-files/styles.css
index 3a3e20a..17d30f0 100644
--- a/removed/css/978-CSS/demo-files/styles.css
+++ b/_removed/css/978-CSS/demo-files/styles.css
@@ -1,7 +1,7 @@
-/* The following styles are to visualize how the demo code works. Do not include this in your code. */
-
-body { margin: 0px; padding: 0px; background: #f3e6ea url(978-grid.png) repeat-y center top;; font: 11px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #000; }
-div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { background: #e8cfd7; padding: 20px 0px; }
-div.row { padding-top: 10px; padding-bottom: 10px; text-align: center; }
-div.row:first-child { padding-top: 20px; }
+/* The following styles are to visualize how the demo code works. Do not include this in your code. */
+
+body { margin: 0px; padding: 0px; background: #f3e6ea url(978-grid.png) repeat-y center top;; font: 11px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #000; }
+div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { background: #e8cfd7; padding: 20px 0px; }
+div.row { padding-top: 10px; padding-bottom: 10px; text-align: center; }
+div.row:first-child { padding-top: 20px; }
div.row:last-child { margin-top: 10px; padding: 20px 0px; background: #e8cfd7; }
\ No newline at end of file
diff --git a/removed/css/978-CSS/demo.html b/_removed/css/978-CSS/demo.html
similarity index 96%
rename from removed/css/978-CSS/demo.html
rename to _removed/css/978-CSS/demo.html
index 7823213..d250feb 100644
--- a/removed/css/978-CSS/demo.html
+++ b/_removed/css/978-CSS/demo.html
@@ -1,107 +1,107 @@
-
-
-
-
-978 Grid System - CSS Framework
-
-
-
-
-
-
-
- Let’s face it: people inclined toward communication and design don’t usually think of math
- as their strong suit. But the foundation of any well constructed grid is mathematical.
-
-
- The good news is that the only math you need is addition and multiplication. If, for
- example, your baseline grid is 18 pixels, then everything you do to enhance your design
- (borders, margin, padding) must add up to 18 pixels or a multiple of 18 (36, 54, and so on).
-
-
- While thinking this mathematically about design may not be fun, it also takes a lot of the
- guesswork out of design. You don’t have to worry, for example, as to what to set the
- line-height as on your list items or your headings or paragraphs. That’s
- already been decided.
-
-
- And when you do make the decision about your baseline grid, make sure that it’s an even
- number. 16, not 15. 18, not 17. The simple reason for this is that browsers will put your
- text right in the middle of the value you specify; an even number ensures that there is the
- same amount of space above and below each line of text. See also the “Mind Your Math”
- sidebar.
-
-
-
-
-
Mind Your Math
-
-
- Don’t get mad, get even. When working with grids, look for numbers that
- divide evenly into both 2 and 3 (e.g. 12, 18); numbers that divide into 2 and 3 that also
- divide into 4 (e.g., 24, 32) and/or 5 (e.g., 30, 40) are even better (but harder to find
- at small intervals). Numbers that divide into 2, 3, and 6 are somewhat easier to find,
- being simply multiples of 6 (e.g., 6, 12, 18, 24).
-
-
- A pixel might as well be a mile. They sound small, but look big. When
- creating graphics to help gauge your grid alignment, go with colored bands, not grid
- lines--as the lines themselves have dimension. This page features a graphic that's 36 pixels tall, split into two 18px-tall
- bands. Use the same technique for images that guide vertical units and columns.
-
+ Let’s face it: people inclined toward communication and design don’t usually think of math
+ as their strong suit. But the foundation of any well constructed grid is mathematical.
+
+
+ The good news is that the only math you need is addition and multiplication. If, for
+ example, your baseline grid is 18 pixels, then everything you do to enhance your design
+ (borders, margin, padding) must add up to 18 pixels or a multiple of 18 (36, 54, and so on).
+
+
+ While thinking this mathematically about design may not be fun, it also takes a lot of the
+ guesswork out of design. You don’t have to worry, for example, as to what to set the
+ line-height as on your list items or your headings or paragraphs. That’s
+ already been decided.
+
+
+ And when you do make the decision about your baseline grid, make sure that it’s an even
+ number. 16, not 15. 18, not 17. The simple reason for this is that browsers will put your
+ text right in the middle of the value you specify; an even number ensures that there is the
+ same amount of space above and below each line of text. See also the “Mind Your Math”
+ sidebar.
+
+
+
+
+
Mind Your Math
+
+
+ Don’t get mad, get even. When working with grids, look for numbers that
+ divide evenly into both 2 and 3 (e.g. 12, 18); numbers that divide into 2 and 3 that also
+ divide into 4 (e.g., 24, 32) and/or 5 (e.g., 30, 40) are even better (but harder to find
+ at small intervals). Numbers that divide into 2, 3, and 6 are somewhat easier to find,
+ being simply multiples of 6 (e.g., 6, 12, 18, 24).
+
+
+ A pixel might as well be a mile. They sound small, but look big. When
+ creating graphics to help gauge your grid alignment, go with colored bands, not grid
+ lines--as the lines themselves have dimension. This page features a graphic that's 36 pixels tall, split into two 18px-tall
+ bands. Use the same technique for images that guide vertical units and columns.
+
I created a weekly newsletter in high school back when computers were magic. In college, I secured computers and internet connections for all major student groups. From there, I helped restart three major student organizations in college: the student government, the student newspaper, and the yearbook.
-
-
My professional career started in television news, where I developed the web site for an CBS affiliate.
-
-
Switching to corporate life, I worked in communications as a web developer where I developed global standards for all web sites in the company. At the same company, I transitioned to a internal customer engineer where I traveled the world to teach employees how to use our global portal. My next opportunity came at a small startup to help manage their second-tier support.
-
-
I left the fast-moving consumer goods industry soon after and moved into the computer storage industry. The dominant player in the market had me create RFPs, proposals, and decks. At this time, I finished my Master's degree. I moved on to another storage startup where I wrote online and print manuals.
-
-
The next big shift was to database software at another small startup. This opportunity led to experiencing my first IPO. This position gave me the opportunity to engage with the greater technical writing community as a speaker, award jurist, and podcast guest.
-
-
The latest transition led to leading the documentation efforts for a programming langugage and mobile app framework. This has been the most challenging and rewarding opportunity yet. I began my doctoral work after starting this job.
-
-
Outside of work and education, I'm a parent, spouse, friend, woodturner, drummer, singer, reader, traveller, and gamer.
-
-
Anything else about me can be found on X, LinkedIn or Facebook. Asking to be my friend or contact on any of these sites is fine, just remind me how we met!
I created a weekly newsletter in high school back when computers were magic. In college, I secured computers and internet connections for all major student groups. From there, I helped restart three major student organizations in college: the student government, the student newspaper, and the yearbook.
+
+
My professional career started in television news, where I developed the web site for an CBS affiliate.
+
+
Switching to corporate life, I worked in communications as a web developer where I developed global standards for all web sites in the company. At the same company, I transitioned to a internal customer engineer where I traveled the world to teach employees how to use our global portal. My next opportunity came at a small startup to help manage their second-tier support.
+
+
I left the fast-moving consumer goods industry soon after and moved into the computer storage industry. The dominant player in the market had me create RFPs, proposals, and decks. At this time, I finished my Master's degree. I moved on to another storage startup where I wrote online and print manuals.
+
+
The next big shift was to database software at another small startup. This opportunity led to experiencing my first IPO. This position gave me the opportunity to engage with the greater technical writing community as a speaker, award jurist, and podcast guest.
+
+
The latest transition led to leading the documentation efforts for a programming langugage and mobile app framework. This has been the most challenging and rewarding opportunity yet. I began my doctoral work after starting this job.
+
+
Outside of work and education, I'm a parent, spouse, friend, woodturner, drummer, singer, reader, traveller, and gamer.
+
+
Anything else about me can be found on X, LinkedIn or Facebook. Asking to be my friend or contact on any of these sites is fine, just remind me how we met!