From 3e76d6565603fafa2c85ad81d7b6345c4e279c72 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 28 May 2017 22:50:57 -0700
Subject: Rearrange all the docs to allow for a docs/major.minor/ setup

---
 index.html | 114 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 114 insertions(+)
 create mode 100644 index.html

(limited to 'index.html')

diff --git a/index.html b/index.html
new file mode 100644
index 000000000..559d5063c
--- /dev/null
+++ b/index.html
@@ -0,0 +1,114 @@
+---
+layout: home
+---
+
+<main class="bd-masthead" id="content" role="main">
+  <div class="container">
+    {% include icons/bootstrap.svg class="mb-3" width="128" height="128" %}
+    <p class="lead">Bootstrap is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web.</p>
+    <p class="lead">
+      <a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-lg" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download Bootstrap</a>
+    </p>
+    <p class="version">Currently v{{ site.current_version }}</p>
+    {% include ads.html %}
+  </div>
+</main>
+
+<div class="bd-featurette">
+  <div class="container">
+    <h2 class="bd-featurette-title">Easy to get started.</h2>
+    <p class="lead">Quickly include Bootstrap's CSS and JS into any project. Use your favorite package manager, download the source, or use the Bootstrap CDN.</p>
+
+    <div class="row">
+      <div class="col-sm-6 mb-3">
+        <h4>Managed dependencies</h4>
+        <p>Include Bootstrap's source Sass and JavaScript files via Bower, Composer, Meteor, or npm. Package managed installs don't include documentation, but do include our build system and readme.</p>
+        <p>
+          <a class="btn btn-bs" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
+        </p>
+      </div>
+      <div class="col-sm-6 mb-3">
+        <h4>Bootstrap CDN</h4>
+        <p>When you just need to include Bootstrap's compiled CSS and JS, use the Bootstrap CDN, free from the MaxCDN folks.</p>
+{% highlight html %}
+<link rel="stylesheet" href="{{ site.cdn.css }}" integrity="{{ site.cdn.css_hash }}" crossorigin="anonymous">
+<script src="{{ site.cdn.jquery }}" integrity="{{ site.cdn.jquery_hash }}" crossorigin="anonymous"></script>
+<script src="{{ site.cdn.popper }}" integrity="{{ site.cdn.popper_hash }}" crossorigin="anonymous"></script>
+<script src="{{ site.cdn.js }}" integrity="{{ site.cdn.js_hash }}" crossorigin="anonymous"></script>
+{% endhighlight %}
+      </div>
+    </div>
+
+    <hr class="half-rule mt-0">
+
+    <p><strong>Looking for something else?</strong> Compiled builds of Bootstrap's CSS and JS are also available.</p>
+    <a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-bs">More download options</a>
+  </div>
+</div>
+
+<div class="bd-featurette">
+  <div class="container">
+    <h2 class="bd-featurette-title">Designed for everyone, everywhere.</h2>
+    <p class="lead">Bootstrap makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.</p>
+
+    <div class="row">
+      <div class="col-sm-4 mb-3">
+        <img src="{{ site.baseurl }}/assets/img/sass.png" alt="Sass support" class="img-fluid">
+        <h4>Preprocessor</h4>
+        <p>Bootstrap ships with vanilla CSS, but its source code utilizes <a href="http://sass-lang.com/">Sass</a>, a popular CSS preprocessor. Quickly get started with precompiled CSS or build on the source.</p>
+      </div>
+      <div class="col-sm-4 mb-3">
+        <img src="{{ site.baseurl }}/assets/img/devices.png" alt="Responsive across devices" class="img-fluid">
+        <h4>One framework, every device.</h4>
+        <p>Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.</p>
+      </div>
+      <div class="col-sm-4 mb-3">
+        <img src="{{ site.baseurl }}/assets/img/components.png" alt="Components" class="img-fluid">
+        <h4>Full of features</h4>
+        <p>With Bootstrap, you get extensive and beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins.</p>
+      </div>
+    </div>
+
+    <hr class="half-rule mt-0">
+
+    <p><strong>Bootstrap is open source!</strong> It's hosted, developed, and maintained on GitHub by folks like you.</p>
+    <a href="{{ site.repo }}" class="btn btn-bs">View the GitHub project</a>
+  </div>
+</div>
+
+<div class="bd-featurette">
+  <div class="container">
+    <h2 class="bd-featurette-title">Official Bootstrap Themes.</h2>
+    <p class="lead">
+      Take Bootstrap to the next level with official premium themes. Each theme is its own toolkit featuring all of Bootstrap, brand new components and plugins, full docs, build tools, and more.
+    </p>
+
+    <p class="lead">
+      <a href="{{ site.themes }}" class="btn btn-bs">Browse themes</a>
+    </p>
+
+    <img class="img-fluid mx-auto" src="{{ site.baseurl }}/assets/img/bs-themes.png" alt="Bootstrap Themes" width="1024" height="388">
+  </div>
+</div>
+
+<div class="bd-featurette">
+  <div class="container">
+    <h2 class="bd-featurette-title">Built with Bootstrap.</h2>
+    <p class="lead">Millions of amazing sites across the web are being built with Bootstrap. Get started on your own with our growing <a href="{{ site.baseurl }}/examples/">collection of examples</a> or by exploring some of our favorites.</p>
+
+    <div class="row bd-featured-sites">
+    {% for showcase in site.data.showcase %}
+      <div class="col-6 col-sm-3">
+        <a href="{{ showcase.expo_url }}" target="_blank" title="{{ showcase.name }}">
+          <img src="{{ site.baseurl }}/assets/img/expo-{{ showcase.img }}.jpg" alt="{{ showcase.name }}" class="img-fluid">
+        </a>
+      </div>
+    {% endfor %}
+    </div>
+
+    <hr class="half-rule">
+
+    <p>We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.</p>
+    <a href="{{ site.expo }}" class="btn btn-bs">Explore the Expo</a>
+  </div>
+</div>
-- 
cgit v1.2.3


From 39a258ddfe91a509ff4448dda414f132069d1fa8 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Tue, 30 May 2017 12:03:24 -0700
Subject: redo button styles

- rename .btn-bs to .btn-bd-purple
- abstract yellow masthead button into .btn-bd-yellow and use it the new
docs navbar
---
 index.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index 559d5063c..42b8980a8 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@ layout: home
     {% include icons/bootstrap.svg class="mb-3" width="128" height="128" %}
     <p class="lead">Bootstrap is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web.</p>
     <p class="lead">
-      <a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-lg" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download Bootstrap</a>
+      <a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-lg btn-bd-yellow" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download Bootstrap</a>
     </p>
     <p class="version">Currently v{{ site.current_version }}</p>
     {% include ads.html %}
@@ -24,7 +24,7 @@ layout: home
         <h4>Managed dependencies</h4>
         <p>Include Bootstrap's source Sass and JavaScript files via Bower, Composer, Meteor, or npm. Package managed installs don't include documentation, but do include our build system and readme.</p>
         <p>
-          <a class="btn btn-bs" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
+          <a class="btn btn-bd-purple" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
         </p>
       </div>
       <div class="col-sm-6 mb-3">
@@ -42,7 +42,7 @@ layout: home
     <hr class="half-rule mt-0">
 
     <p><strong>Looking for something else?</strong> Compiled builds of Bootstrap's CSS and JS are also available.</p>
-    <a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-bs">More download options</a>
+    <a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-bd-purple">More download options</a>
   </div>
 </div>
 
@@ -72,7 +72,7 @@ layout: home
     <hr class="half-rule mt-0">
 
     <p><strong>Bootstrap is open source!</strong> It's hosted, developed, and maintained on GitHub by folks like you.</p>
-    <a href="{{ site.repo }}" class="btn btn-bs">View the GitHub project</a>
+    <a href="{{ site.repo }}" class="btn btn-bd-purple">View the GitHub project</a>
   </div>
 </div>
 
@@ -84,7 +84,7 @@ layout: home
     </p>
 
     <p class="lead">
-      <a href="{{ site.themes }}" class="btn btn-bs">Browse themes</a>
+      <a href="{{ site.themes }}" class="btn btn-bd-purple">Browse themes</a>
     </p>
 
     <img class="img-fluid mx-auto" src="{{ site.baseurl }}/assets/img/bs-themes.png" alt="Bootstrap Themes" width="1024" height="388">
@@ -109,6 +109,6 @@ layout: home
     <hr class="half-rule">
 
     <p>We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.</p>
-    <a href="{{ site.expo }}" class="btn btn-bs">Explore the Expo</a>
+    <a href="{{ site.expo }}" class="btn btn-bd-purple">Explore the Expo</a>
   </div>
 </div>
-- 
cgit v1.2.3


From 942645b813e08da6fddf5ea399538ed79aa4d172 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Tue, 30 May 2017 13:21:16 -0700
Subject: tweak homepage layout

---
 index.html | 50 +++++++++++++++++++++++++++++++-------------------
 1 file changed, 31 insertions(+), 19 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index 42b8980a8..d56f1fba1 100644
--- a/index.html
+++ b/index.html
@@ -16,20 +16,20 @@ layout: home
 
 <div class="bd-featurette">
   <div class="container">
-    <h2 class="bd-featurette-title">Easy to get started.</h2>
+    <h2 class="bd-featurette-title">Easy to get started</h2>
     <p class="lead">Quickly include Bootstrap's CSS and JS into any project. Use your favorite package manager, download the source, or use the Bootstrap CDN.</p>
 
-    <div class="row">
-      <div class="col-sm-6 mb-3">
+    <div class="row text-center">
+      <div class="col-sm-6 col-md-5 offset-md-1 mb-3 pr-md-4">
         <h4>Managed dependencies</h4>
         <p>Include Bootstrap's source Sass and JavaScript files via Bower, Composer, Meteor, or npm. Package managed installs don't include documentation, but do include our build system and readme.</p>
         <p>
           <a class="btn btn-bd-purple" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
         </p>
       </div>
-      <div class="col-sm-6 mb-3">
+      <div class="col-sm-6 col-md-5 mb-3 pl-md-4">
         <h4>Bootstrap CDN</h4>
-        <p>When you just need to include Bootstrap's compiled CSS and JS, use the Bootstrap CDN, free from the MaxCDN folks.</p>
+        <p>When you only need to include Bootstrap's compiled CSS and JS, you can use the Bootstrap CDN.</p>
 {% highlight html %}
 <link rel="stylesheet" href="{{ site.cdn.css }}" integrity="{{ site.cdn.css_hash }}" crossorigin="anonymous">
 <script src="{{ site.cdn.jquery }}" integrity="{{ site.cdn.jquery_hash }}" crossorigin="anonymous"></script>
@@ -39,19 +39,23 @@ layout: home
       </div>
     </div>
 
-    <hr class="half-rule mt-0">
+    <hr class="half-rule mx-auto">
 
-    <p><strong>Looking for something else?</strong> Compiled builds of Bootstrap's CSS and JS are also available.</p>
-    <a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-bd-purple">More download options</a>
+    <div class="text-center">
+      <p>
+        <strong>Looking for something else?</strong> Compiled builds of Bootstrap's CSS and JS are also available.
+      </p>
+      <a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-bd-purple">More download options</a>
+    </div>
   </div>
 </div>
 
 <div class="bd-featurette">
   <div class="container">
-    <h2 class="bd-featurette-title">Designed for everyone, everywhere.</h2>
+    <h2 class="bd-featurette-title">Designed for everyone, everywhere</h2>
     <p class="lead">Bootstrap makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.</p>
 
-    <div class="row">
+    <div class="row text-center">
       <div class="col-sm-4 mb-3">
         <img src="{{ site.baseurl }}/assets/img/sass.png" alt="Sass support" class="img-fluid">
         <h4>Preprocessor</h4>
@@ -69,22 +73,26 @@ layout: home
       </div>
     </div>
 
-    <hr class="half-rule mt-0">
+    <hr class="half-rule mx-auto">
 
-    <p><strong>Bootstrap is open source!</strong> It's hosted, developed, and maintained on GitHub by folks like you.</p>
-    <a href="{{ site.repo }}" class="btn btn-bd-purple">View the GitHub project</a>
+    <div class="text-center">
+      <p>
+        <strong>Bootstrap is open source!</strong> It's hosted, developed, and maintained on GitHub by folks like you.
+      </p>
+      <a href="{{ site.repo }}" class="btn btn-bd-purple">View the GitHub project</a>
+    </div>
   </div>
 </div>
 
 <div class="bd-featurette">
   <div class="container">
-    <h2 class="bd-featurette-title">Official Bootstrap Themes.</h2>
+    <h2 class="bd-featurette-title">Official Bootstrap Themes</h2>
     <p class="lead">
       Take Bootstrap to the next level with official premium themes. Each theme is its own toolkit featuring all of Bootstrap, brand new components and plugins, full docs, build tools, and more.
     </p>
 
     <p class="lead">
-      <a href="{{ site.themes }}" class="btn btn-bd-purple">Browse themes</a>
+      <a href="{{ site.themes }}" class="btn btn-lg btn-bd-purple">Browse themes</a>
     </p>
 
     <img class="img-fluid mx-auto" src="{{ site.baseurl }}/assets/img/bs-themes.png" alt="Bootstrap Themes" width="1024" height="388">
@@ -93,7 +101,7 @@ layout: home
 
 <div class="bd-featurette">
   <div class="container">
-    <h2 class="bd-featurette-title">Built with Bootstrap.</h2>
+    <h2 class="bd-featurette-title">Built with Bootstrap</h2>
     <p class="lead">Millions of amazing sites across the web are being built with Bootstrap. Get started on your own with our growing <a href="{{ site.baseurl }}/examples/">collection of examples</a> or by exploring some of our favorites.</p>
 
     <div class="row bd-featured-sites">
@@ -106,9 +114,13 @@ layout: home
     {% endfor %}
     </div>
 
-    <hr class="half-rule">
+    <hr class="half-rule mx-auto">
 
-    <p>We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.</p>
-    <a href="{{ site.expo }}" class="btn btn-bd-purple">Explore the Expo</a>
+    <div class="text-center">
+      <p>
+        We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.
+      </p>
+      <a href="{{ site.expo }}" class="btn btn-bd-purple">Explore the Expo</a>
+    </div>
   </div>
 </div>
-- 
cgit v1.2.3