From 10dccbbe189bc69701bb36290e6315d7c9595962 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20Poupard?= <gael.poupard@orange.com>
Date: Mon, 4 May 2020 17:03:24 +0200
Subject: [PATCH] docs(boostwatch): remove a few useless examples

---
 site/_includes/boostwatch/buttons.html    | 30 +++++------
 site/_includes/boostwatch/forms.html      | 12 +----
 site/_includes/boostwatch/indicators.html | 58 +-------------------
 site/_includes/boostwatch/navbar.html     | 64 ++++-------------------
 site/_includes/boostwatch/ofooter.html    | 15 ++++--
 5 files changed, 38 insertions(+), 141 deletions(-)

diff --git a/site/_includes/boostwatch/buttons.html b/site/_includes/boostwatch/buttons.html
index a824fc9edc..c26b139ebc 100644
--- a/site/_includes/boostwatch/buttons.html
+++ b/site/_includes/boostwatch/buttons.html
@@ -108,20 +108,18 @@ <h3 class="mt-5">Dark Background</h3>
 </div>
 
 <h3 class="mt-5">Dropdowns</h3>
-<div class="btn-toolbar flex-wrap">
-    <div class="btn-group mr-2">
-        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
-            Primary
-            <span class="sr-only">menu primary</span>
-        </button>
-        <ul class="dropdown-menu">
-            <li><a class="dropdown-item" href="#">Action</a></li>
-            <li><a class="dropdown-item" href="#">Another action</a></li>
-            <li><a class="dropdown-item" href="#">Something else here</a></li>
-            <li class="dropdown-divider"></li>
-            <li><a class="dropdown-item" href="#">Separated link</a></li>
-        </ul>
-    </div>
+
+<div class="dropdown">
+  <button id="dropdown-example" type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+      Primary
+  </button>
+  <ul class="dropdown-menu" aria-labelledby="dropdown-example">
+      <li><a class="dropdown-item" href="#">Action</a></li>
+      <li><a class="dropdown-item" href="#">Another action</a></li>
+      <li><a class="dropdown-item" href="#">Something else here</a></li>
+      <li class="dropdown-divider"></li>
+      <li><a class="dropdown-item" href="#">Separated link</a></li>
+  </ul>
 </div>
 
 <h3 class="mt-5">Sizes</h3>
@@ -131,10 +129,8 @@ <h3 class="mt-5">Sizes</h3>
     <button type="button" class="btn btn-secondary btn-sm">Small button</button>
 </p>
 
-<p>
-    <button type="button" class="btn btn-secondary btn-lg btn-block">Block level button</button>
-</p>
 
+<button type="button" class="btn btn-secondary btn-lg btn-block my-3">Block level button</button>
 
 
 <div class="btn-group btn-group-justified mb-2">
diff --git a/site/_includes/boostwatch/forms.html b/site/_includes/boostwatch/forms.html
index 66974f575b..3843e1dccb 100644
--- a/site/_includes/boostwatch/forms.html
+++ b/site/_includes/boostwatch/forms.html
@@ -98,17 +98,9 @@ <h2 id="forms">Forms
           </div>
         </div>
         <div class="form-group row">
-          <label for="select" class="col-lg-3 col-form-label">Selects</label>
+          <label for="multiselect" class="col-lg-3 col-form-label">Multiselect</label>
           <div class="col-lg-9">
-            <select class="form-control" id="select">
-              <option selected="selected">1</option>
-              <option>2</option>
-              <option>3</option>
-              <option>4</option>
-              <option>5</option>
-            </select>
-            <br>
-            <select multiple="multiple" class="form-control" title="Multiselect sample">
+            <select multiple="multiple" id="multiselect" class="form-control" title="Multiselect sample">
               <option>1</option>
               <option>2</option>
               <option>3</option>
diff --git a/site/_includes/boostwatch/indicators.html b/site/_includes/boostwatch/indicators.html
index 368ece5c8d..5f01b5c7b5 100644
--- a/site/_includes/boostwatch/indicators.html
+++ b/site/_includes/boostwatch/indicators.html
@@ -2,63 +2,7 @@
 ================================================== -->
 <h2 id="indicators">Indicators<a class="doc-link d-inline-flex align-items-center ml-2" href="../components/alerts/" title="go to alerts documentation page"></a></h2>
 <div class="container">
-  <div class="row">
-    <div class="col-lg-12">
-        <h3 class="mt-5">Alerts</h3>
-        <div class="alert alert-warning alert-dismissible" role="alert">
-          <span class="alert-icon"><span class="sr-only">Warning</span></span>
-          <div>
-            <p>Best check yo self, you're not looking too good.</p>
-            <p>Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
-            <p>Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, <a href="#">vel scelerisque nisl consectetur et</a>.</p>
-          </div>
-          <button type="button" class="close" data-dismiss="alert">
-            <span class="sr-only">Close warning message</span>
-          </button>
-        </div>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col-lg-4">
-      <div class="alert alert-danger alert-dismissible" role="alert">
-        <span class="alert-icon"><span class="sr-only">Danger</span></span>
-        <div>
-          <h4 class="alert-heading">Oh snap!</h4>
-          <p><a href="#">Change a few things up</a> and try submitting again.</p>
-        </div>
-        <button type="button" class="close" data-dismiss="alert">
-          <span class="sr-only">Close alert message</span>
-        </button>
-      </div>
-    </div>
-    <div class="col-lg-4">
-      <div class="alert alert-success alert-dismissible" role="alert">
-        <span class="alert-icon"><span class="sr-only">Success</span></span>
-        <div>
-          <h4 class="alert-heading">Well done!</h4>
-          <p>You successfully read <a href="#">this important alert message</a>.</p>
-        </div>
-        <button type="button" class="close" data-dismiss="alert">
-          <span class="sr-only">Close confirmation message</span>
-        </button>
-      </div>
-    </div>
-    <div class="col-lg-4">
-      <div class="alert alert-info alert-dismissible" role="alert">
-        <span class="alert-icon"><span class="sr-only">Info</span></span>
-        <div>
-          <h4 class="alert-heading">Heads up!</h4>
-          <p>This alert is <a href="#">not super important</a>.</p>
-        </div>
-        <button type="button" class="close" data-dismiss="alert">
-          <span class="sr-only">Close information message</span>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-<div class="container">
-    <h3 class="d-flex mt-5">Orange Alerts <a class="doc-link d-inline-flex align-items-center ml-2" href="../components/alerts/" title="go to Alerts documentation page"></a></h3>
+    <h3 class="d-flex mt-5">Alerts <a class="doc-link d-inline-flex align-items-center ml-2" href="../components/alerts/" title="go to Alerts documentation page"></a></h3>
     <div class="alert alert-success alert-dismissible fade show" role="alert">
         <span class="alert-icon"><span class="sr-only">Success</span></span>
         <p>Your changes have been saved.</p>
diff --git a/site/_includes/boostwatch/navbar.html b/site/_includes/boostwatch/navbar.html
index 8e7aea43ef..341f7f5df9 100644
--- a/site/_includes/boostwatch/navbar.html
+++ b/site/_includes/boostwatch/navbar.html
@@ -15,12 +15,12 @@ <h2 id="navbar">Navbar<a class="doc-link d-inline-flex align-items-center ml-2"
         </li>
         <li class="nav-item dropdown">
           <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" id="dropdownMenu3">Dropdown</a>
-          <div class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu3">
-            <a href="#" role="menuitem" class="dropdown-item">Action</a>
-            <a href="#" role="menuitem" class="dropdown-item">Another action</a>
-            <a href="#" role="menuitem" class="dropdown-item">Something else here</a>
+          <div class="dropdown-menu" aria-labelledby="dropdownMenu3">
+            <a href="#" class="dropdown-item">Action</a>
+            <a href="#" class="dropdown-item">Another action</a>
+            <a href="#" class="dropdown-item">Something else here</a>
             <div class="dropdown-divider"></div>
-            <a href="#" role="menuitem" class="dropdown-item">Separated link</a>
+            <a href="#" class="dropdown-item">Separated link</a>
           </div>
         </li>
       </ul>
@@ -30,56 +30,12 @@ <h2 id="navbar">Navbar<a class="doc-link d-inline-flex align-items-center ml-2"
         </li>
         <li class="nav-item dropdown">
           <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" id="dropdownMenu4">Dropdown</a>
-          <div class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu4">
-            <a href="#" role="menuitem" class="dropdown-item">Action</a>
-            <a href="#" role="menuitem" class="dropdown-item">Another action</a>
-            <a href="#" role="menuitem" class="dropdown-item">Something else here</a>
+          <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu4">
+            <a href="#" class="dropdown-item">Action</a>
+            <a href="#" class="dropdown-item">Another action</a>
+            <a href="#" class="dropdown-item">Something else here</a>
             <div class="dropdown-divider"></div>
-            <a href="#" role="menuitem" class="dropdown-item">Separated link</a>
-          </div>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<h3>without logo</h3>
-<nav role="navigation" class="navbar navbar-dark bg-dark navbar-expand-md">
-  <div class="container">
-    <a class="navbar-brand" href="#"><span>Navbar brand</span></a>
-    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsing-navbar2" aria-controls="collapsing-navbar2" aria-expanded="false" aria-label="Toggle navigation">
-      <span class="navbar-toggler-icon"></span>
-    </button>
-    <div class="navbar-collapse justify-content-between collapse" id="collapsing-navbar2">
-      <ul class="navbar-nav">
-        <li class="nav-item">
-          <a class="nav-link active" href="#" aria-current="page">Active <span class="sr-only">(current)</span></a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" href="#">Link</a>
-        </li>
-        <li class="nav-item dropdown">
-          <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" id="dropdownMenu5">Dropdown</a>
-          <div class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu5">
-            <a href="#" role="menuitem" class="dropdown-item">Action</a>
-            <a href="#" role="menuitem" class="dropdown-item">Another action</a>
-            <a href="#" role="menuitem" class="dropdown-item">Something else here</a>
-            <div class="dropdown-divider"></div>
-            <a href="#" role="menuitem" class="dropdown-item">Separated link</a>
-          </div>
-        </li>
-      </ul>
-      <ul class="navbar-nav">
-        <li class="nav-item">
-          <a class="nav-link" href="#">Link</a>
-        </li>
-        <li class="nav-item dropdown">
-          <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" id="dropdownMenu6">Dropdown</a>
-          <div class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu6">
-            <a href="#" role="menuitem" class="dropdown-item">Action</a>
-            <a href="#" role="menuitem" class="dropdown-item">Another action</a>
-            <a href="#" role="menuitem" class="dropdown-item">Something else here</a>
-            <div class="dropdown-divider"></div>
-            <a href="#" role="menuitem" class="dropdown-item">Separated link</a>
+            <a href="#" class="dropdown-item">Separated link</a>
           </div>
         </li>
       </ul>
diff --git a/site/_includes/boostwatch/ofooter.html b/site/_includes/boostwatch/ofooter.html
index ace64f2540..8e0e4eeacd 100644
--- a/site/_includes/boostwatch/ofooter.html
+++ b/site/_includes/boostwatch/ofooter.html
@@ -4,9 +4,18 @@ <h2 class="sr-only">Site map & informations</h2>
     <div class="o-footer-top">
         <div class="container-fluid">
             <div class="row">
-                <ul class="nav">
-                    <li class="nav-item"><span class="nav-link">Follow us</span></li>
-                </ul>
+              <ul class="nav align-items-center">
+                <li class="nav-item"><span class="nav-link">Follow us:</span></li>
+                <li class="nav-item"><a class="nav-link btn btn-social btn-twitter" href="#"><span class="sr-only">Twitter</span></a></li>
+                <li class="nav-item"><a class="nav-link btn btn-social btn-facebook" href="#"><span class="sr-only">Facebook</span></a></li>
+                <li class="nav-item"><a class="nav-link btn btn-social btn-instagram" href="#"><span class="sr-only">Instagram</span></a></li>
+                <li class="nav-item"> <a class="nav-link btn btn-social btn-whatsapp" href="#"><span class="sr-only">Whatsapp</span></a></li>
+                <li class="nav-item"><a class="nav-link btn btn-social btn-linkedin" href="#"><span class="sr-only">Linkedin</span></a></li>
+                <li class="nav-item"><a class="nav-link btn btn-social btn-youtube" href="#"><span class="sr-only">YouTube</span></a></li>
+                <li class="nav-item"><a class="nav-link btn btn-social btn-snapchat" href="#"><span class="sr-only">Snapchat</span></a></li>
+                <li class="nav-item"><a class="nav-link btn btn-social btn-pinterest" href="#"><span class="sr-only">Pinterest</span></a></li>
+                <li class="nav-item"><a class="nav-link btn btn-social btn-mail" href="#"><span class="sr-only">Mail</span></a></li>
+              </ul>
             </div>
         </div>
     </div>