Bones/index.html

<!DOCTYPE html>
<html lang="en">
<head>

    <!-- Basic Page Needs
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <meta charset="utf-8">
    <title>Skeleton: Responsive CSS Boilerplate</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Mobile Specific Metas
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- FONT
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link href='//fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'>

    <!-- CSS
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link rel="stylesheet" href="/css/normalize.css">
    <link rel="stylesheet" href="/css/skeleton.css">
    <link rel="stylesheet" href="/css/custom.css">

    <!-- Scripts
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <!-- Favicon
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link rel="icon" type="image/png" href="../../dist/images/favicon.png">

</head>
<body>

    <!-- Primary Page Layout
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->

    <div class="section hero">
        <div class="container">
            <div class="row">
                <div class="one-half column">
                    <h4 class="hero-heading">Stop coding non-responsive sites. Let users view sites from anywhere.</h4>
                    <a class="button button-primary" href="http://getskeleton.com">Try Skeleton</a>
                </div>
                <div class="one-half column phones">
                    <img class="phone" src="images/iphone.png">
                    <img class="phone" src="images/iphone.png">
                </div>
            </div>
        </div>
    </div>

    <div class="section values">
        <div class="container">
            <div class="row">
                <div class="one-third column value">
                    <h2 class="value-multiplier">67%</h2>
                    <h5 class="value-heading">Purchase Increase</h5>
                    <p class="value-description">Percentage of users more likely to purchase on mobile friendly site.</p>
                </div>
                <div class="one-third column value">
                    <h2 class="value-multiplier">90%</h2>
                    <h5 class="value-heading">Multi-device Users</h5>
                    <p class="value-description">Most of the world accesses the internet on multiple devices.</p>
                </div>
                <div class="one-third column value">
                    <h2 class="value-multiplier">66%</h2>
                    <h5 class="value-heading">Sad Users</h5>
                    <p class="value-description">Percentage of users that are frustrated with page load times.</p>
                </div>
            </div>
        </div>
    </div>

    <div class="section get-help">
        <div class="container">
            <h3 class="section-heading">Need help getting started?</h3>
            <p class="section-description">Skeleton is an amazingly easy place to start with responsive development. If you want to learn more, just visit the documentation!</p>
            <a class="button button-primary" href="http://getskeleton.com">View Skeleton Docs</a>
        </div>
    </div>

    <div class="section categories">
        <div class="container">
            <h3 class="section-heading">Responsive Images</h3>
            <p class="section-description">Skeleton images sit easily in grid with .u-max-full-width class. I suggest exploring solution to serving different images based on device size.</p>
            <div class="row">
                <div class="one-half column category">
                    <img class="u-max-full-width" src="images/placeholder.png">
                </div>
                <div class="one-half column category">
                    <img class="u-max-full-width" src="images/placeholder.png">
                </div>
            </div>
        </div>
    </div>


    <!-- End Document
      –––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>
-												Template Upload

											
										
										
											2017-05-17 13:45:25 -04:00
+								<!DOCTYPE html>
-												one step closer to v 2.0. Remove apple touch icons, getting rid of old base and layout files, removing outdating reference css, cleaning up pre and code, adding a show code toggle to docs and the crazy js that goes with that, slightly changing button and input styles

											
										
										
											2014-12-01 06:02:51 -05:00
+								<html lang="en">
-												started building out the documentation and trying to include a fluid grid (but nesting seems impossible)

											
										
										
											2011-05-03 10:36:26 -04:00
+								<head>
-												Template Upload

											
										
										
											2017-05-17 13:45:25 -04:00
+								    <!-- Basic Page Needs
 								    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 								    <meta charset="utf-8">
 								    <title>Skeleton: Responsive CSS Boilerplate</title>
 								    <meta name="description" content="">
 								    <meta name="author" content="">
-												fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github

											
										
										
											2011-08-17 21:37:22 -04:00
-												Template Upload

											
										
										
											2017-05-17 13:45:25 -04:00
+								    <!-- Mobile Specific Metas
 								    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 								    <meta name="viewport" content="width=device-width, initial-scale=1">
-												fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github

											
										
										
											2011-08-17 21:37:22 -04:00
-												Template Upload

											
										
										
											2017-05-17 13:45:25 -04:00
+								    <!-- FONT
 								    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 								    <link href='//fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'>
-												first version of 2.0 WIP

											
										
										
											2014-11-20 19:38:45 -05:00
-												Template Upload

											
										
										
											2017-05-17 13:45:25 -04:00
+								    <!-- CSS
 								    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 								    <link rel="stylesheet" href="/css/normalize.css">
 								    <link rel="stylesheet" href="/css/skeleton.css">
-												Index Fix

											
										
										
											2017-05-17 13:54:53 -04:00
+								    <link rel="stylesheet" href="/css/custom.css">
-												fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github

											
										
										
											2011-08-17 21:37:22 -04:00
-												Template Upload

											
										
										
											2017-05-17 13:45:25 -04:00
+								    <!-- Scripts
 								    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 								    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 								    <!-- Favicon
 								    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 								    <link rel="icon" type="image/png" href="../../dist/images/favicon.png">
-												fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github

											
										
										
											2011-08-17 21:37:22 -04:00
-												started building out the documentation and trying to include a fluid grid (but nesting seems impossible)

											
										
										
											2011-05-03 10:36:26 -04:00
+								</head>
-												creating the downloadish page

											
										
										
											2014-12-08 15:36:15 -05:00
+								<body>
-												adding some real code styling to the docs to make them legible and starting to add the docs code content

											
										
										
											2014-12-01 14:30:23 -05:00
-												Template Upload

											
										
										
											2017-05-17 13:45:25 -04:00
+								    <!-- Primary Page Layout
 								    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 								    <div class="section hero">
 								        <div class="container">
 								            <div class="row">
 								                <div class="one-half column">
 								                    <h4 class="hero-heading">Stop coding non-responsive sites. Let users view sites from anywhere.</h4>
 								                    <a class="button button-primary" href="http://getskeleton.com">Try Skeleton</a>
 								                </div>
 								                <div class="one-half column phones">
 								                    <img class="phone" src="images/iphone.png">
 								                    <img class="phone" src="images/iphone.png">
 								                </div>
 								            </div>
 								        </div>
 								    </div>
 								    <div class="section values">
 								        <div class="container">
 								            <div class="row">
 								                <div class="one-third column value">
 								                    <h2 class="value-multiplier">67%</h2>
 								                    <h5 class="value-heading">Purchase Increase</h5>
 								                    <p class="value-description">Percentage of users more likely to purchase on mobile friendly site.</p>
 								                </div>
 								                <div class="one-third column value">
 								                    <h2 class="value-multiplier">90%</h2>
 								                    <h5 class="value-heading">Multi-device Users</h5>
 								                    <p class="value-description">Most of the world accesses the internet on multiple devices.</p>
 								                </div>
 								                <div class="one-third column value">
 								                    <h2 class="value-multiplier">66%</h2>
 								                    <h5 class="value-heading">Sad Users</h5>
 								                    <p class="value-description">Percentage of users that are frustrated with page load times.</p>
 								                </div>
 								            </div>
 								        </div>
 								    </div>
 								    <div class="section get-help">
 								        <div class="container">
 								            <h3 class="section-heading">Need help getting started?</h3>
 								            <p class="section-description">Skeleton is an amazingly easy place to start with responsive development. If you want to learn more, just visit the documentation!</p>
 								            <a class="button button-primary" href="http://getskeleton.com">View Skeleton Docs</a>
 								        </div>
-												staging the proper page for master branch in v2.0 branch

											
										
										
											2014-12-08 15:51:10 -05:00
+								    </div>
-												adding some real code styling to the docs to make them legible and starting to add the docs code content

											
										
										
											2014-12-01 14:30:23 -05:00
-												Template Upload

											
										
										
											2017-05-17 13:45:25 -04:00
+								    <div class="section categories">
 								        <div class="container">
 								            <h3 class="section-heading">Responsive Images</h3>
 								            <p class="section-description">Skeleton images sit easily in grid with .u-max-full-width class. I suggest exploring solution to serving different images based on device size.</p>
 								            <div class="row">
 								                <div class="one-half column category">
 								                    <img class="u-max-full-width" src="images/placeholder.png">
 								                </div>
 								                <div class="one-half column category">
 								                    <img class="u-max-full-width" src="images/placeholder.png">
 								                </div>
 								            </div>
 								        </div>
 								    </div>
 								    <!-- End Document
 								      –––––––––––––––––––––––––––––––––––––––––––––––––– -->
-												changed the git repo to the src folder, browser tested, changed the tabs to work cross browser and to stack...removed the IE conditional stylesheet

											
										
										
											2011-05-15 19:13:52 -04:00
+								</body>
-												Template Upload

											
										
										
											2017-05-17 13:45:25 -04:00
+								</html>