From 57d3d78c9a429655ee087ffdbc3d153e50aed1a0 Mon Sep 17 00:00:00 2001
From: Ryan Lerch <rlerch@redhat.com>
Date: Feb 27 2018 14:37:56 +0000
Subject: update styles & convert to fedora bootstrap


---

diff --git a/_images/docs_logo.png b/_images/docs_logo.png
new file mode 100644
index 0000000..90421ec
Binary files /dev/null and b/_images/docs_logo.png differ
diff --git a/_images/docs_logo.svg b/_images/docs_logo.svg
new file mode 100644
index 0000000..476b13a
--- /dev/null
+++ b/_images/docs_logo.svg
@@ -0,0 +1,158 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="32mm"
+   height="10.58333mm"
+   viewBox="0 0 32 10.58333"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="docs_logo.svg"
+   inkscape:export-filename="/home/rlerch/Source/pagure/pagure/static/pagure-logo.png"
+   inkscape:export-xdpi="192"
+   inkscape:export-ydpi="192">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="107.3632"
+     inkscape:cy="-69.668191"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g126"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-page="true"
+     inkscape:snap-global="false" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-48.767028,-31.073165)">
+    <g
+       id="g4595"
+       transform="matrix(0.45619308,0,0,0.45619308,26.519847,-9.145808)">
+      <g
+         id="g4624"
+         transform="matrix(0.92003825,0,0,0.92003825,3.8994993,8.9046582)">
+        <text
+           id="text4225"
+           y="106.14349"
+           x="82.744614"
+           style="font-style:normal;font-weight:normal;line-height:0%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#555753;fill-opacity:1;stroke:none;stroke-width:0.29657274px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           xml:space="preserve"><tspan
+             style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:11.86291027px;line-height:1.25;font-family:Montserrat;-inkscape-font-specification:'Montserrat Semi-Bold';fill:#555753;fill-opacity:1;stroke-width:0.29657274px"
+             y="106.14349"
+             x="82.744614"
+             id="tspan4227"
+             sodipodi:role="line">DOCS</tspan></text>
+        <g
+           transform="matrix(0.13021808,0,0,0.13021808,83.22229,87.323483)"
+           id="g4488">
+          <g
+             transform="translate(-266.55899,-345.34488)"
+             id="layer1-0">
+            <path
+               inkscape:connector-curvature="0"
+               d="m 316.7736,397.581 c 0,0 0,0 -20.53889,0 0.3327,4.45245 3.92157,7.77609 8.70715,7.77609 3.38983,0 6.31456,-1.39616 8.64094,-3.65507 0.46553,-0.46679 0.99726,-0.59962 1.59519,-0.59962 0.79781,0 1.59561,0.39932 2.12692,1.06388 0.3327,0.46553 0.53216,0.99726 0.53216,1.52857 0,0.73118 -0.3327,1.52857 -0.93106,2.12734 -2.7919,2.99052 -7.51086,4.98503 -12.16403,4.98503 -8.44149,0 -15.22074,-6.77967 -15.22074,-15.22158 0,-8.44149 6.58022,-15.22074 15.02171,-15.22074 8.37529,0 14.62323,6.51317 14.62323,15.08749 0,1.26418 -1.12924,2.12861 -2.39258,2.12861 z m -12.23065,-11.76512 c -4.45329,0 -7.51085,2.92473 -8.17499,7.17731 10.03626,0 16.35083,0 16.35083,0 -0.59836,-4.05355 -3.78874,-7.17731 -8.17584,-7.17731 z"
+               id="path11"
+               style="fill:#3c6eb4" />
+            <path
+               inkscape:connector-curvature="0"
+               d="m 375.46344,410.80807 c -8.44106,0 -15.22074,-6.77968 -15.22074,-15.22159 0,-8.44149 6.77968,-15.22074 15.22074,-15.22074 8.44234,0 15.22159,6.77925 15.22159,15.22074 -4.2e-4,8.44149 -6.77968,15.22159 -15.22159,15.22159 z m 0,-24.65992 c -5.31688,0 -8.77377,4.25427 -8.77377,9.43833 0,5.18364 3.45689,9.43833 8.77377,9.43833 5.31731,0 8.77504,-4.25469 8.77504,-9.43833 -4.2e-4,-5.18406 -3.45773,-9.43833 -8.77504,-9.43833 z"
+               id="path13"
+               style="fill:#3c6eb4" />
+            <path
+               inkscape:connector-curvature="0"
+               d="m 412.66183,380.36574 c -4.45963,0 -7.40966,1.319 -10.01391,4.62956 l -0.24036,-1.53995 v 0 c -0.20198,-1.60743 -1.57326,-2.84926 -3.23382,-2.84926 -1.80139,0 -3.26206,1.459 -3.26206,3.26081 0,0.003 0,0.005 0,0.008 v 0 0.003 0 23.40712 c 0,1.79464 1.46194,3.25743 3.257,3.25743 1.79465,0 3.25744,-1.46279 3.25744,-3.25743 v -12.56209 c 0,-5.71621 4.98502,-8.57432 10.23613,-8.57432 1.59519,0 2.85726,-1.32953 2.85726,-2.92515 0,-1.59561 -1.26207,-2.85726 -2.85768,-2.85726 z"
+               id="path15"
+               style="fill:#3c6eb4" />
+            <path
+               inkscape:connector-curvature="0"
+               d="m 447.02614,395.58648 c 0.0666,-8.17541 -5.78326,-15.22074 -15.222,-15.22074 -8.44192,0 -15.28779,6.77925 -15.28779,15.22074 0,8.44191 6.64684,15.22159 14.68985,15.22159 4.01434,0 7.62682,-2.06621 9.23846,-4.22518 l 0.79359,2.01434 v 0 c 0.42589,1.13177 1.5176,1.93717 2.7978,1.93717 1.65001,0 2.98756,-1.33671 2.99009,-2.98545 v 0 -7.80687 0 z m -15.222,9.43833 c -5.31773,0 -8.77419,-4.25469 -8.77419,-9.43833 0,-5.18406 3.45604,-9.43833 8.77419,-9.43833 5.3173,0 8.77419,4.25427 8.77419,9.43833 0,5.18364 -3.45689,9.43833 -8.77419,9.43833 z"
+               id="path17"
+               style="fill:#3c6eb4" />
+            <path
+               inkscape:connector-curvature="0"
+               d="m 355.01479,368.3337 c 0,-1.7938 -1.46194,-3.18997 -3.25659,-3.18997 -1.79422,0 -3.25743,1.39659 -3.25743,3.18997 v 17.1499 c -1.66097,-3.05756 -5.25026,-5.11786 -9.50495,-5.11786 -8.64052,0 -14.42336,6.51318 -14.42336,15.22074 0,8.70757 5.98229,15.22159 14.42336,15.22159 3.76555,0 7.03057,-1.55429 8.98587,-4.25554 l 0.72317,1.83428 c 0.44782,1.25912 1.64917,2.16024 3.06051,2.16024 1.78621,0 3.24984,-1.45435 3.24984,-3.24815 0,-0.005 0,-0.009 0,-0.0139 v 0 -38.95128 h -4.2e-4 z m -15.22116,36.69111 c -5.31731,0 -8.70715,-4.25469 -8.70715,-9.43833 0,-5.18406 3.38984,-9.43833 8.70715,-9.43833 5.31773,0 8.70714,4.0544 8.70714,9.43833 0,5.38309 -3.38941,9.43833 -8.70714,9.43833 z"
+               id="path19"
+               style="fill:#3c6eb4" />
+            <path
+               inkscape:connector-curvature="0"
+               d="m 287.21553,365.34023 c -0.59414,-0.0877 -1.19966,-0.13198 -1.80097,-0.13198 -6.73118,0 -12.20746,5.4767 -12.20746,12.20788 v 3.8132 h -3.98903 c -1.46237,0 -2.65908,1.19671 -2.65908,2.65781 0,1.46321 1.19671,2.93738 2.65908,2.93738 h 3.98819 v 20.46004 c 0,1.79464 1.46236,3.25743 3.25658,3.25743 1.79507,0 3.25744,-1.46279 3.25744,-3.25743 v -20.46004 h 4.40986 c 1.46194,0 2.65823,-1.47417 2.65823,-2.93738 0,-1.46152 -1.19629,-2.65823 -2.65823,-2.65823 h -4.40733 v -3.8132 c 0,-3.13852 2.55323,-6.11469 5.69175,-6.11469 0.28294,0 0.56757,0.0211 0.84672,0.062 1.78031,0.26355 3.4358,-0.54269 3.70019,-2.32342 0.2627,-1.77904 -0.96606,-3.43538 -2.74594,-3.69935 z"
+               id="path21"
+               style="fill:#3c6eb4" />
+          </g>
+          <path
+             inkscape:connector-curvature="0"
+             d="m 181.98344,61.675273 h 2.81558 v 0.37898 h -1.18152 v 2.94935 h -0.45254 v -2.94935 h -1.18152 v -0.37898 m 3.26144,0 h 0.67101 l 0.84937,2.26496 0.85381,-2.26496 h 0.67102 v 3.32833 h -0.43917 v -2.9226 l -0.85828,2.28279 h -0.45255 l -0.85827,-2.28279 v 2.9226 h -0.43694 v -3.32833"
+             id="path2391"
+             style="fill:#294172;enable-background:new" />
+        </g>
+        <g
+           id="g126"
+           transform="matrix(0.63038796,0,0,0.63038796,136.33122,166.95132)">
+          <g
+             transform="matrix(0.83326781,0,0,0.83326781,-499.2038,-411.67682)"
+             id="g132-9">
+            <path
+               inkscape:connector-curvature="0"
+               d="m 482.01243,363.57426 c 0,-10.06788 -8.16108,-18.22938 -18.22897,-18.22938 -10.06282,0 -18.22179,8.15475 -18.22854,18.21631 l -4.2e-4,-4.2e-4 v 14.1071 l 4.2e-4,4.2e-4 c 0.005,2.28463 1.85832,4.13409 4.14463,4.13409 0.007,0 0.0127,-8.4e-4 0.0194,-8.4e-4 l 10e-4,8.4e-4 h 14.07083 v 0 c 10.06409,-0.004 18.22138,-8.16276 18.22138,-18.22812 z"
+               id="path25-1"
+               style="fill:#294172" />
+            <path
+               inkscape:connector-curvature="0"
+               d="m 469.13577,349.66577 c -4.72528,0 -8.55576,3.83049 -8.55576,8.55577 0,0.002 0,0.004 0,0.006 v 4.52836 h -4.51444 c -8.5e-4,0 -8.5e-4,0 -10e-4,0 -4.72528,0 -8.55576,3.81193 -8.55576,8.53678 0,4.72528 3.83048,8.55577 8.55576,8.55577 4.72486,0 8.55534,-3.83049 8.55534,-8.55577 0,-0.002 0,-0.004 0,-0.006 v -4.54733 h 4.51444 c 8.5e-4,0 0.001,0 0.002,0 4.72486,0 8.55534,-3.79296 8.55534,-8.51781 0,-4.72528 -3.83048,-8.55577 -8.55534,-8.55577 z m -8.55576,21.63483 c -0.004,2.48998 -2.02446,4.50811 -4.51571,4.50811 -2.49378,0 -4.53426,-2.02193 -4.53426,-4.5157 0,-2.49421 2.04048,-4.55366 4.53426,-4.55366 0.002,0 0.004,4.2e-4 0.006,4.2e-4 h 3.86971 c 0.001,0 0.002,-4.2e-4 0.003,-4.2e-4 0.35209,0 0.63799,0.28505 0.63799,0.63715 0,4.2e-4 -4.2e-4,8.4e-4 -4.2e-4,10e-4 v 3.92284 h -4.2e-4 z m 8.55534,-8.5448 c -0.001,0 -0.003,0 -0.004,0 h -3.87223 c -8.4e-4,0 -0.002,0 -0.002,0 -0.35252,0 -0.63757,-0.28506 -0.63757,-0.63758 v -4.2e-4 -3.90343 c 0.004,-2.49083 2.02446,-4.50854 4.51571,-4.50854 2.49378,0 4.53468,2.02193 4.53468,4.51613 4.2e-4,2.49336 -2.04048,4.53384 -4.53426,4.53384 z"
+               id="path29-2"
+               style="fill:#3c6eb4" />
+            <path
+               inkscape:connector-curvature="0"
+               d="m 460.58001,362.7558 v -4.52836 c 0,-0.002 0,-0.004 0,-0.006 0,-4.72528 3.83048,-8.55577 8.55576,-8.55577 0.71685,0 1.22623,0.0805 1.88952,0.25469 0.96774,0.25385 1.75796,1.04618 1.75838,1.96922 4.2e-4,1.11575 -0.80919,1.92621 -2.0194,1.92621 -0.57642,0 -0.78473,-0.11048 -1.62892,-0.11048 -2.49125,0 -4.51149,2.01771 -4.51571,4.50854 v 3.90385 4.2e-4 c 0,0.35252 0.28505,0.63758 0.63757,0.63758 4.3e-4,0 0.001,0 0.002,0 h 2.96521 c 1.10521,0 1.99747,0.88467 1.99832,1.99283 0,1.10816 -0.89353,1.99114 -1.99832,1.99114 h -3.60489 v 4.54733 c 0,0.002 0,0.004 0,0.006 0,4.72485 -3.83048,8.55534 -8.55534,8.55534 -0.71684,0 -1.22623,-0.0805 -1.88952,-0.25469 -0.96774,-0.25343 -1.75838,-1.04618 -1.7588,-1.9688 0,-1.11575 0.80919,-1.92663 2.01982,-1.92663 0.576,0 0.78473,0.11048 1.6285,0.11048 2.49125,0 4.51191,-2.01771 4.51613,-4.50811 0,0 0,-3.92368 0,-3.9241 0,-0.35168 -0.2859,-0.63673 -0.63799,-0.63673 -4.3e-4,0 -8.5e-4,0 -0.002,0 l -2.96521,-4.2e-4 c -1.10521,0 -1.99831,-0.88214 -1.99831,-1.9903 -4.3e-4,-1.11533 0.90238,-1.99367 2.01939,-1.99367 h 3.58339 v 0 z"
+               id="path31-7"
+               style="fill:#ffffff" />
+            <path
+               inkscape:connector-curvature="0"
+               d="m 477.41661,378.55292 h 2.81558 v 0.37898 h -1.18152 v 2.94935 h -0.45254 v -2.94935 h -1.18152 v -0.37898 m 3.26144,0 h 0.67101 l 0.84937,2.26496 0.85381,-2.26496 h 0.67102 v 3.32833 h -0.43917 v -2.9226 l -0.85828,2.28279 h -0.45255 l -0.85827,-2.28279 v 2.9226 h -0.43694 v -3.32833"
+               id="text6223-0"
+               style="fill:#294172;enable-background:new" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/_stylesheets/asciibinder.css b/_stylesheets/asciibinder.css
index 31dba30..ef00798 100644
--- a/_stylesheets/asciibinder.css
+++ b/_stylesheets/asciibinder.css
@@ -73,35 +73,62 @@ License: https://creativecommons.org/licenses/by/2.0/
   font-size: 28px;
 }
 
-.page-header {
-  height: 100% !important;
-}
 .page-header .img-responsive {
   display: inline;
 }
-.page-header h2 {
-  font-size: 32px;
-  display: inline;
-  vertical-align: bottom;
+
+.docs-content h1,
+.docs-content h2,
+.docs-content h3,
+.docs-content h4,
+.docs-content h5,
+.docs-content h6
+ {
+  font-weight: bold;
+  color: #444;
 }
 
-.navbar-brand {
-  padding: initial;
-  height: initial;
-  padding: 12px;
+.docs-content h1{
+  font-size: 1.5rem
+}
+.docs-content h2{
+  font-size: 1.3rem
+}
+.docs-content h3{
+  font-size: 1.1rem
+}
+.docs-content h4,
+.docs-content h5,
+.docs-content h6{
+  font-size: 1rem;
 }
 
-.navbar-header h2 {
-  display: inline;
-  position: absolute;
-  font-weight: bold;
-  margin-top: 50px ;
+.docs-content .page-header h1 {
+  line-height: 1.5rem;
+  padding-bottom: 0.2em;
+  margin-bottom: 0.7em;
+  border-bottom: 1px solid #ccc;
+
+}
+
+
+nav .breadcrumb{
+  background: none;
+  font-size:0.8em;
+  padding-left:10px;
+  padding-bottom:0px;
 }
 
 .nav > li  > a.hover{
   background-color: none;
 }
 
+.breadcrumb-item + .breadcrumb-item::before{
+  content: '\f054';
+  font-family: FontAwesome;
+  font-size: 0.8em;
+}
+
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   position: relative;
 }
@@ -158,10 +185,20 @@ h6 > a.anchor:hover {
   }
 }
 
+.masthead, .footer{
+  position: relative;
+  z-index: 1;
+}
+
 /*
  * Sidebar
  */
 
+ .docs-sidebar{
+  background: #eee;
+  box-shadow: -3000px 0 0 3000px #eee;
+ }
+
 .nav-header {
   font-size: 16px;
 }
@@ -223,66 +260,6 @@ h6 > a.anchor:hover {
   }
 }
 
-/*
- * Off Canvas
- * --------------------------------------------------
- */
-
-body, html {
-  overflow-x: hidden; /* Prevent scroll on narrow devices */
-  font-family: "Overpass", sans-serif;
-}
-
-.toggle-nav {
-  margin-right: 20px;
-}
-
-@media screen and (max-width: 767px) {
-  .row-offcanvas {
-    position: relative;
-    -webkit-transition: all .25s ease-out;
-         -o-transition: all .25s ease-out;
-            transition: all .25s ease-out;
-  }
-
-  .row-offcanvas-right {
-    right: 0;
-  }
-
-  .row-offcanvas-left {
-    left: 0;
-  }
-
-  .row-offcanvas-right
-  .sidebar-offcanvas {
-    right: -75%; /* 8 columns */
-  }
-
-  .row-offcanvas-left
-  .sidebar-offcanvas {
-    left: -75%; /* 8 columns */
-  }
-
-  .row-offcanvas-right.active {
-    right: 75%; /* 8 columns */
-  }
-
-  .row-offcanvas-left.active {
-    left: 75%; /* 8 columns */
-  }
-
-  .sidebar-offcanvas {
-    overflow: hidden;
-    position: absolute;
-    top: 0;
-    width: 75%; /* 8 columns */
-  }
-}
-
- p {
-  margin: 0 0 1.6em;
- }
-
  /* Remnants of Asciidoctor default stylesheet - remove styles as needed */
 
 #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }
diff --git a/_templates/_nav.html.erb b/_templates/_nav.html.erb
index 95a7e5c..4710efb 100644
--- a/_templates/_nav.html.erb
+++ b/_templates/_nav.html.erb
@@ -1,11 +1,9 @@
 <ul class="nav nav-sidebar">
   <%- navigation.each.with_index do |topic_group, groupidx| -%>
     <%- current_group = topic_group[:id] == group_id -%>
+    <%- if current_group -%>
     <li class="nav-header">
-      <a class="" href="#" data-toggle="collapse" data-target="#topicGroup<%= groupidx %>">
-        <span id="tgSpan<%= groupidx %>" class="fa <%= current_group ? 'fa-angle-down' : 'fa-angle-right' %>"></span><%= topic_group[:name] %>
-      </a>
-      <ul id="topicGroup<%= groupidx %>" class="collapse <%= current_group ? 'in' : '' %> list-unstyled">
+      <ul id="topicGroup<%= groupidx %>" class="collapse <%= current_group ? 'show' : '' %> list-unstyled">
         <%- topic_group[:topics].each.with_index do |topic, topicidx| -%>
           <%- if not topic.has_key?(:topics) -%>
             <%- current_topic = current_group && (topic[:id] == topic_id) -%>
@@ -16,7 +14,7 @@
               <a class="" href="#" data-toggle="collapse" data-target="#topicSubGroup-<%= groupidx %>-<%= topicidx %>">
                 <span id="sgSpan-<%= groupidx %>-<%= topicidx %>" class="fa <%= current_subgroup ? 'fa-caret-down' : 'fa-caret-right' %>"></span>&nbsp;<%= topic[:name] %>
               </a>
-              <ul id="topicSubGroup-<%= groupidx %>-<%= topicidx %>" class="nav-tertiary list-unstyled collapse<%= current_subgroup ? ' in' : '' %>">
+              <ul id="topicSubGroup-<%= groupidx %>-<%= topicidx %>" class="nav-tertiary list-unstyled collapse<%= current_subgroup ? ' show' : '' %>">
                 <%- topic[:topics].each do |subtopic| -%>
                   <%- current_subtopic = current_group && current_subgroup && (subtopic[:id] == topic_id) %>
                   <li><a class="<%= current_subtopic ? ' active' : '' %>" href="<%= subtopic_shim %><%= subtopic[:path] %>"><%= subtopic[:name] %></a></li>
@@ -27,5 +25,6 @@
         <%- end -%>
       </ul>
     </li>
+    <%- end -%>
   <%- end -%>
 </ul>
diff --git a/_templates/page.html.erb b/_templates/page.html.erb
index 06a4c85..32bc1bd 100644
--- a/_templates/page.html.erb
+++ b/_templates/page.html.erb
@@ -7,11 +7,9 @@
   <title><%= distro %> <%= version %> | <%= [group_title, subgroup_title, topic_title].compact.join(' | ') %></title>
 
   <!-- Bootstrap -->
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
+  <link href="https://apps.fedoraproject.org/global/fedora-bootstrap-1.1.1/fedora-bootstrap.min.css" rel="stylesheet">
 
-  <!-- Overpass Font -->
-  <link rel="stylesheet" href="https://overpass-30e2.kxcdn.com/overpass.css">
+  <link rel="stylesheet" href="https://apps.fedoraproject.org/global/fedora-bootstrap-fonts/open-sans.css">
 
   <%= render("_templates/_css.html.erb", :css_path => css_path) %>
 
@@ -30,45 +28,53 @@
   <%- if version == "Rawhide" %>
     <div class="corner-ribbon"><a href="https://pagure.io/fedora-docs/<%= repo_path.sub('/') {|s| "/blob/#{branch}/f/en-US/"} %>">Improve this Page</a></div>
   <%- end %>
-  <div class="navbar navbar-default" role="navigation">
-    <div class="container-fluid">
-      <div class="navbar-header">
-        <a class="navbar-brand" href="https://docs.fedoraproject.org/"><img alt="Fedora Documentation" src="<%= File.join(images_path, "fedora.svg") %>"></a>
+  <div class="masthead" role="navigation">
+    <div class="container">
+      <div>
+        <a href="https://docs.fedoraproject.org/"><img height=40px alt="Fedora Documentation" src="<%= File.join(images_path, "docs_logo.png") %>"></a>
       </div>
+      <!--<p class="toggle-nav visible-xs pull-left">
+      <button class="btn btn-default btn-sm" type="button" data-toggle="offcanvas">Toggle nav</button>
+    </p>-->
+    <nav aria-label="breadcrumb">
+      <ol class="breadcrumb mb-0">
+        <li class="breadcrumb-item active">
+          <a href="<%= site_home_path %>"><%= site_name %></a>
+        </li>
+        <li class="breadcrumb-item hidden-xs active">
+          <%= breadcrumb_root %>
+        </li>
+        <li class="breadcrumb-item hidden-xs active">
+          <%= breadcrumb_group %>
+        </li>
+        <%- if breadcrumb_subgroup -%>
+        <li class="breadcrumb-item hidden-xs active">
+        <%= breadcrumb_subgroup %>
+        </li>
+        <%- end -%>
+        <li class="breadcrumb-item hidden-xs active">
+          <%= breadcrumb_topic %>
+        </li>
+      </ol>
+    </nav>
     </div>
   </div>
-  <div class="container">
-    <p class="toggle-nav visible-xs pull-left">
-      <button class="btn btn-default btn-sm" type="button" data-toggle="offcanvas">Toggle nav</button>
-    </p>
-    <ol class="breadcrumb">
-      <li class="sitename">
-        <a href="<%= site_home_path %>"><%= site_name %></a>
-      </li>
-      <li class="hidden-xs active">
-        <%= breadcrumb_root %>
-      </li>
-      <li class="hidden-xs active">
-        <%= breadcrumb_group %>
-      </li>
-      <%= breadcrumb_subgroup_block %>
-      <li class="hidden-xs active">
-        <%= breadcrumb_topic %>
-      </li>
-    </ol>
-    <div class="row row-offcanvas row-offcanvas-left">
-      <div class="col-xs-8 col-sm-3 col-md-3 sidebar sidebar-offcanvas">
+  <div class="bg-white">
+    <div class="container">
+      <div class="row">
+        <div class="col-xs-8 col-sm-3 col-md-3 py-4 docs-sidebar">
         <%= render("_templates/_nav.html.erb", :navigation => navigation, :group_id => group_id, :topic_id => topic_id, :subgroup_id => subgroup_id, :subtopic_shim => subtopic_shim) %>
-      </div>
-      <div class="col-xs-12 col-sm-9 col-md-9 main">
-        <div class="page-header">
-          <h2><%= article_title %></h2>
         </div>
-        <%= content %>
+        <div class="col-xs-12 col-sm-9 col-md-9 py-4 pl-4 docs-content">
+          <div class="page-header">
+            <h1><%= article_title %></h1>
+          </div>
+          <%= content %>
+        </div>
       </div>
     </div>
   </div>
-  <div id="bottom" class="text-muted py-3" >
+  <div class="footer text-white pt-5" >
       <div class="foot">
           <div class="container">
               <div class="row footerlinks">
@@ -159,29 +165,29 @@
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Latest compiled and minified JavaScript -->
-   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
-   <script src="<%= File.join(javascripts_path, "bootstrap-offcanvas.js") %>" type="text/javascript"></script>
+   <script src="https://apps.fedoraproject.org/global/fedora-bootstrap-1.1.1/fedora-bootstrap.min.js"></script>
    <script type="text/javascript">
-    /*<![CDATA[*/
-    $(document).ready(function() {
-      $("[id^='topicGroup']").on('show.bs.collapse', function (event) {
-        if (!($(event.target).attr('id').match(/^topicSubGroup/))) {
-          $(this).parent().find("[id^='tgSpan']").toggleClass("fa-angle-right fa-angle-down");
-        }
-      });
-      $("[id^='topicGroup']").on('hide.bs.collapse', function (event) {
-        if (!($(event.target).attr('id').match(/^topicSubGroup/))) {
-          $(this).parent().find("[id^='tgSpan']").toggleClass("fa-angle-right fa-angle-down");
-        }
-      });
-      $("[id^='topicSubGroup']").on('show.bs.collapse', function () {
-        $(this).parent().find("[id^='sgSpan']").toggleClass("fa-caret-right fa-caret-down");
-      });
-      $("[id^='topicSubGroup']").on('hide.bs.collapse', function () {
-        $(this).parent().find("[id^='sgSpan']").toggleClass("fa-caret-right fa-caret-down");
+      /*<![CDATA[*/
+      $(document).ready(function() {
+        $("[id^='topicGroup']").on('show.bs.collapse', function (event) {
+          if (!($(event.target).attr('id').match(/^topicSubGroup/))) {
+            $(this).parent().find("[id^='tgSpan']").toggleClass("fa-angle-right fa-angle-down");
+          }
+        });
+        $("[id^='topicGroup']").on('hide.bs.collapse', function (event) {
+          if (!($(event.target).attr('id').match(/^topicSubGroup/))) {
+            $(this).parent().find("[id^='tgSpan']").toggleClass("fa-angle-right fa-angle-down");
+          }
+        });
+        $("[id^='topicSubGroup']").on('show.bs.collapse', function () {
+          $(this).parent().find("[id^='sgSpan']").toggleClass("fa-caret-right fa-caret-down");
+        });
+        $("[id^='topicSubGroup']").on('hide.bs.collapse', function () {
+          $(this).parent().find("[id^='sgSpan']").toggleClass("fa-caret-right fa-caret-down");
+        });
       });
-    });
-    /*]]>*/
+      /*]]>*/
+   
   </script>
 </body>
 </html>
diff --git a/index-main.html b/index-main.html
index 83dceba..529500d 100644
--- a/index-main.html
+++ b/index-main.html
@@ -10,10 +10,9 @@
     <title>Fedora Documentation</title>
 
     <!-- Bootstrap -->
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
+    <link href="https://apps.fedoraproject.org/global/fedora-bootstrap-1.1.1/fedora-bootstrap.min.css" rel="stylesheet">
 
-    <link rel="stylesheet" href="https://overpass-30e2.kxcdn.com/overpass.css">
+    <link rel="stylesheet" href="https://apps.fedoraproject.org/global/fedora-bootstrap-fonts/open-sans.css">
     <link rel="stylesheet" href="_stylesheets/asciibinder.css">
 
 
@@ -25,67 +24,56 @@
     <![endif]-->
   </head>
   <body>
-    <div class="navbar navbar-default">
-        <div class="navbar-header">
-          <a class="navbar-brand" href="https://docs.fedoraproject.org/"><img alt="Fedora" src="_images/fedora.svg"></a>
-          <h2>Documentation</h2>
+    <div class="masthead">
+        <div class="container">
+          <a href="https://docs.fedoraproject.org/"><img alt="Fedora Documentation" height=40px src="_images/docs_logo.png"></a>
         </div>
     </div>
-    <div class="container">
-      <div class="row">
-        <div class="col-md-4">
-          <h5><strong>Fedora OS Documentation</strong></h5>
-          <div class="list-group">
-            <a href="f27/release-notes/index.html" class="list-group-item">
-              &nbsp;Release Notes
-            </a>
-            <a href="f27/install-guide/index.html" class="list-group-item">
-              &nbsp;Installation Guide
-            </a>
-            <a href="f27/system-administrators-guide/index.html" class="list-group-item">
-              &nbsp;System Administrator's Guide
-            </a>
-            <a href="other-releases.html" class="list-group-item">
-              &nbsp;Older and Beta Release Documentation
-            </a>
-          </div>
-          <h5><strong>Fedora Project and Community Information</strong></h5>
-          <div class="list-group">
-            <a href="fedora-project/project/fedora-overview.html" class="list-group-item">
-              &nbsp;Project Overview
-            </a>
-            <a href="fedora-project/council/charter.html" class="list-group-item">
-              &nbsp;Fedora Council
-            </a>
-            <a href="fedora-project/subprojects/collaboration.html" class="list-group-item">
-              &nbsp;Subprojects
-            </a>
-            <a href="https://budget.fedoraproject.org" class="list-group-item">
-              &nbsp;Budget <i class="fa fa-external-link" aria-hidden="true"></i>
-            </a>
-          </div>
-          <h5><strong>Fedora Participates In:</strong></h5>
-          <div class="list-group">
-            <a href="https://fedoraproject.org/wiki/Outreachy/2017" class="list-group-item">
-              &nbsp;Outreachy <i class="fa fa-external-link" aria-hidden="true"></i>
-            </a>
-            <a href="mentored-projects/gsoc/2018/index.html" class="list-group-item">
-              &nbsp;Google Summer of Code
-            </a>
+    <div class="bg-white py-4">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            <h5><strong>Fedora OS Documentation</strong></h5>
+            <div class="list-group">
+              <a href="f27/release-notes/index.html" class="list-group-item">
+                &nbsp;Release Notes
+              </a>
+              <a href="f27/install-guide/index.html" class="list-group-item">
+                &nbsp;Installation Guide
+              </a>
+              <a href="f27/system-administrators-guide/index.html" class="list-group-item">
+                &nbsp;System Administrator's Guide
+              </a>
+              <a href="other-releases.html" class="list-group-item">
+                &nbsp;Older and Beta Release Documentation
+              </a>
+            </div>
+            <h5><strong>Fedora Project and Community Information</strong></h5>
+            <div class="list-group">
+              <a href="fedora-project/project/fedora-overview.html" class="list-group-item">
+                &nbsp;Project Overview
+              </a>
+              <a href="fedora-project/council/charter.html" class="list-group-item">
+                &nbsp;Fedora Council
+              </a>
+              <a href="fedora-project/subprojects/collaboration.html" class="list-group-item">
+                &nbsp;Subprojects
+              </a>
+              <a href="https://budget.fedoraproject.org" class="list-group-item">
+                &nbsp;Budget <i class="fa fa-external-link" aria-hidden="true"></i>
+              </a>
+            </div>
+            <h5><strong>Fedora Participates In:</strong></h5>
+            <div class="list-group">
+              <a href="https://fedoraproject.org/wiki/Outreachy/2017" class="list-group-item">
+                &nbsp;Outreachy <i class="fa fa-external-link" aria-hidden="true"></i>
+              </a>
+              <a href="mentored-projects/gsoc/2018/index.html" class="list-group-item">
+                &nbsp;Google Summer of Code
+              </a>
+            </div>
           </div>
         </div>
-        <div class="col-md-8">
-          <p>This documentation describes the Fedora Project and how to install and use the Fedora operating system and software.</p>
-          <p>In 1997, Richard Stallman wrote:</p>
-          <blockquote class="blockquote">“The biggest deficiency in free operating systems is not in the software — it is the lack of good free manuals that we can include in these systems.”</blockquote>
-          <p>Thanks to the many, many Fedora writers and translators for working to correct this.</p>
-          <p>If you would like to contribute to Fedora documentation, visit the Fedora Documentation Project at <a href="https://fedoraproject.org/wiki/DocsProject">https://fedoraproject.org/wiki/DocsProject</a>.</p>
-          <p><!--
-          If you would like to translate Fedora documentation into your language, visit the Fedora Localization Project at <a href="https://fedoraproject.org/wiki/L10N">https://fedoraproject.org/wiki/L10N</a>.  Translations are not being published at this time, but are in progress.-->
-          Translations are not current being published because of version 1.0 publishing toolchain limitations.  We will be enabling this as part of the next phase.  For now, please do not open bugs.  Instead, please watch for an announcement that will be sent to the translators mailing list.  You may also wish to monitor this <a href="https://pagure.io/fedora-docs/docs-fp-o/issue/5">issue</a>.</p>
-
-        </div>
-
       </div>
     </div>
     <div id="bottom" class="text-muted py-3" >

