removed 'SecureDrop' texts and aplied SG components within the SG

_includes/components/alerts.html

@@ -1,5 +1,5 @@
 <div class="page-header mb-4 mt-5">
-    <h2 id="alerts" class="b-border">Alerts</h2>
+    <h2 id="alerts">Alerts</h2>
     <p class="text-muted">Some Description about alerts.</p>
 </div>
 <div class="row p-5 bg-light">

_includes/components/badges.html

@@ -1,5 +1,5 @@
 <div class="page-header mb-4 mt-5">
-    <h2 id="badges" class="b-border">Badges</h2>
+    <h2 id="badges">Badges</h2>
     <!--p class="text-muted">Some Description about badges.</p-->
 </div>
 <div class="row p-5 bg-light">

_includes/components/buttons.html

@@ -1,5 +1,5 @@
 <div id="buttons" class="mb-4">
-    <h2 class="b-border">Buttons</h2>
+    <h2>Buttons</h2>
     <!--p class="text-muted">Some Description about buttons.</p-->
 </div>
 <div class="row bg-light p-5">

_includes/components/cards.html

@@ -1,5 +1,5 @@
 <div class="mt-5" id="cards">
-    <h2 class="b-border">Cards</h2>
+    <h2>Cards</h2>
     <div class="row bg-light p-md-5 p-sm-3 pt-5 pb-5">
         <div class="col-md-6 col-sm-12 col-xs-12">
             <div class="card mb-2">

_includes/components/forms.html

@@ -1,6 +1,6 @@
 <h1 id="forms"> </h1>
 <div class="page-header mb-4 mt-5">
-    <h2 class="b-border">Forms</h2>
+    <h2>Forms</h2>
     <!--p class="text-muted">Some Description about Forms.</p-->
 </div>
 <div class="row">

_includes/components/paginate.html

@@ -1,6 +1,6 @@
 <h1 id="pagination"></h1>
 <div class="page-header mb-4 mt-5">
-    <h2 class="b-border">Pagination</h2>
+    <h2>Pagination</h2>
     <!--p class="text-muted">Some Description about pagination.</p-->
 </div>
 <div class="row bg-light p-5">

_includes/components/tables.html

@@ -1,5 +1,5 @@
 <div class="mt-5" id="tables">
-    <h2 class="b-border">Tables</h2>
+    <h2>Tables</h2>
     <div class="row mt-5">
         <span>Default</span>
         <br />

_includes/visuals/assets.html

@@ -1,5 +1,5 @@
 <div id="assets" class="page-header mb-4 mt-5">
-    <h2 class="b-border">Identity Assets</h2>
+    <h2>Identity Assets</h2>
     <p class="text-muted">The I2P brand assets are included here. Use them responsibly.</p>
 </div>
 <div class="row">
@@ -98,7 +98,7 @@
         <div class="bg-box p-5 mb-3">
             <h6>I2P repo</h6>
             <p class="m-0">Download SVG and PNG files</p>
-            <a class="btn btn-lg btn-link p-0" title="SecureDrop Repo"
+            <a class="btn btn-lg btn-link p-0" title="I2P Repo"
                href="https://github.com/uracreative/works/tree/master/I2P" target="_blank">Visit Repo</a></div>
     </div>
     <div class="col-md-6">

_includes/visuals/colors.html

@@ -1,5 +1,5 @@
 <div id="colors" class="page-header mb-4">
-  <h2 class="b-border">Colors</h2>
+  <h2>Colors</h2>
   <p class="text-muted">The main I2P color is Blue. Use Green as a secondary option and Yellow as accent color.</p>
 </div>
 <div class="row">

_includes/visuals/grid.html

@@ -1,5 +1,5 @@
 <div id="grid" class="page-header mb-4 mt-5">
-    <h2 class="b-border">Grid</h2>
+    <h2>Grid</h2>
     <p class="text-muted">Our main used grid compositions are outlined here. Use them to generate one column or various columns layouts.</p>
 </div>
 <div class="container bg-light p-5">

_includes/visuals/icons.html

@@ -1,5 +1,5 @@
 <div class="mt-5" id="icons">
-    <h2 class="b-border">Icons</h2>
+    <h2>Icons</h2>
     <div class="">
         <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
     </div>

_includes/visuals/typography.html

@@ -1,5 +1,5 @@
 <div id="typography" class="page-header mb-4 mt-5">
-    <h2 class="b-border">Typography</h2>
+    <h2>Typography</h2>
     <p class="text-muted">Our main typography is Source Sans made by Adobe.</p>
 </div>
 <div class="row">

_layouts/home.html

@@ -29,7 +29,7 @@
               <div class="col-md-6 p-0">
                 <div class="bg-box p-5 mb-3">
                   <h6>I2P</h6>
-                  <a class="btn btn-lg btn-link p-0" title="SecureDrop Repo" href="https://lists.reproducible-builds.org/listinfo/rb-general" target="_blank">Mailing List</a></div>
+                  <a class="btn btn-lg btn-link p-0" title="I2P Repo" href="https://lists.reproducible-builds.org/listinfo/rb-general" target="_blank">Mailing List</a></div>
               </div>
             </div>
           </div>

_site/assets/styles/components.scss

@@ -87,7 +87,14 @@
 	Overwriting the default size for btn-lg and btn-md
 */
 
-.btn-lg, .btn-md {
+.btn-primary,
+.btn-outline-primary,
+.btn-lg,
+.btn-large,
+.btn-outline-large,
+.btn-md,
+.btn-medium, 
+.btn-outline-medium {
 	line-height: 1em;
 }
 
@@ -135,7 +142,6 @@
 	border-radius: 2em;
   padding: .5rem 1rem !important;
   font-size: 1.25rem !important;
-  line-height: 1.5;
   color: $oc-white;
   &:hover {
     background-color: $secondary !important;

_site/assets/styles/main.css

@@ -123,7 +123,7 @@ h4.header-display::before { height: 2.25rem; transform: translate(-15px, 0.5625r
 /*
 	Overwriting the default size for btn-lg and btn-md
 */
-.btn-lg, .btn-md { line-height: 1em; }
+.btn-primary, .btn-outline-primary, .btn-lg, .btn-large, .btn-outline-large, .btn-md, .btn-medium, .btn-outline-medium { line-height: 1em; }
 
 .btn-primary { background-color: #4661A9 !important; border-color: transparent !important; padding: 1rem 1.5rem !important; font-size: 1rem; }
 .btn-primary:hover { background-color: #60AB60 !important; border-color: transparent !important; }
@@ -134,7 +134,7 @@ h4.header-display::before { height: 2.25rem; transform: translate(-15px, 0.5625r
 .btn-medium { background-color: #4661A9 !important; border-color: transparent !important; padding: .5rem 1rem !important; font-size: 1rem !important; color: #ffffff; }
 .btn-medium:hover { background-color: #60AB60 !important; border-color: transparent !important; color: #ffffff; }
 
-.btn-large { border-radius: .3rem; background-color: #4661A9 !important; border-color: transparent !important; border-radius: 2em; padding: .5rem 1rem !important; font-size: 1.25rem !important; line-height: 1.5; color: #ffffff; }
+.btn-large { border-radius: .3rem; background-color: #4661A9 !important; border-color: transparent !important; border-radius: 2em; padding: .5rem 1rem !important; font-size: 1.25rem !important; color: #ffffff; }
 .btn-large:hover { background-color: #60AB60 !important; border-color: transparent !important; color: #ffffff; }
 
 .btn-outline-medium { border-color: #4661A9 !important; color: #4661A9 !important; padding: .5rem 1rem !important; font-size: 1rem !important; background-color: transparent !important; }

_site/components/index.html

@@ -120,7 +120,7 @@
         <!--<p>This is the components page</p>
 -->
         <div id="buttons" class="mb-4">
-    <h2 class="b-border">Buttons</h2>
+    <h2>Buttons</h2>
     <!--p class="text-muted">Some Description about buttons.</p-->
 </div>
 <div class="row bg-light p-5">
@@ -147,7 +147,7 @@
 </div>
 
         <div class="page-header mb-4 mt-5">
-    <h2 id="badges" class="b-border">Badges</h2>
+    <h2 id="badges">Badges</h2>
     <!--p class="text-muted">Some Description about badges.</p-->
 </div>
 <div class="row p-5 bg-light">
@@ -164,7 +164,7 @@
 
         <h1 id="forms"> </h1>
 <div class="page-header mb-4 mt-5">
-    <h2 class="b-border">Forms</h2>
+    <h2>Forms</h2>
     <!--p class="text-muted">Some Description about Forms.</p-->
 </div>
 <div class="row">
@@ -187,7 +187,7 @@
 </div>
 
         <div class="mt-5" id="tables">
-    <h2 class="b-border">Tables</h2>
+    <h2>Tables</h2>
     <div class="row mt-5">
         <span>Default</span>
         <br />
@@ -259,7 +259,7 @@
 </div>
 
         <div class="mt-5" id="cards">
-    <h2 class="b-border">Cards</h2>
+    <h2>Cards</h2>
     <div class="row bg-light p-md-5 p-sm-3 pt-5 pb-5">
         <div class="col-md-6 col-sm-12 col-xs-12">
             <div class="card mb-2">
@@ -315,7 +315,7 @@
 
         <h1 id="pagination"></h1>
 <div class="page-header mb-4 mt-5">
-    <h2 class="b-border">Pagination</h2>
+    <h2>Pagination</h2>
     <!--p class="text-muted">Some Description about pagination.</p-->
 </div>
 <div class="row bg-light p-5">
@@ -339,7 +339,7 @@
 </div>
 
         <div class="page-header mb-4 mt-5">
-    <h2 id="alerts" class="b-border">Alerts</h2>
+    <h2 id="alerts">Alerts</h2>
     <p class="text-muted">Some Description about alerts.</p>
 </div>
 <div class="row p-5 bg-light">

_site/index.html

@@ -90,7 +90,7 @@
               <div class="col-md-6 p-0">
                 <div class="bg-box p-5 mb-3">
                   <h6>I2P</h6>
-                  <a class="btn btn-lg btn-link p-0" title="SecureDrop Repo" href="https://lists.reproducible-builds.org/listinfo/rb-general" target="_blank">Mailing List</a></div>
+                  <a class="btn btn-lg btn-link p-0" title="I2P Repo" href="https://lists.reproducible-builds.org/listinfo/rb-general" target="_blank">Mailing List</a></div>
               </div>
             </div>
           </div>

_site/visuals/index.html

@@ -108,7 +108,7 @@
           
 
           <div id="colors" class="page-header mb-4">
-  <h2 class="b-border">Colors</h2>
+  <h2>Colors</h2>
   <p class="text-muted">The main I2P color is Blue. Use Green as a secondary option and Yellow as accent color.</p>
 </div>
 <div class="row">
@@ -178,7 +178,7 @@
 </div>
 
           <div id="grid" class="page-header mb-4 mt-5">
-    <h2 class="b-border">Grid</h2>
+    <h2>Grid</h2>
     <p class="text-muted">Our main used grid compositions are outlined here. Use them to generate one column or various columns layouts.</p>
 </div>
 <div class="container bg-light p-5">
@@ -313,7 +313,7 @@
 </div>
 
           <div id="typography" class="page-header mb-4 mt-5">
-    <h2 class="b-border">Typography</h2>
+    <h2>Typography</h2>
     <p class="text-muted">Our main typography is Source Sans made by Adobe.</p>
 </div>
 <div class="row">
@@ -367,7 +367,7 @@
 </div>
 
           <div id="assets" class="page-header mb-4 mt-5">
-    <h2 class="b-border">Identity Assets</h2>
+    <h2>Identity Assets</h2>
     <p class="text-muted">The I2P brand assets are included here. Use them responsibly.</p>
 </div>
 <div class="row">
@@ -466,7 +466,7 @@
         <div class="bg-box p-5 mb-3">
             <h6>I2P repo</h6>
             <p class="m-0">Download SVG and PNG files</p>
-            <a class="btn btn-lg btn-link p-0" title="SecureDrop Repo"
+            <a class="btn btn-lg btn-link p-0" title="I2P Repo"
                href="https://github.com/uracreative/works/tree/master/I2P" target="_blank">Visit Repo</a></div>
     </div>
     <div class="col-md-6">

assets/styles/components.scss

@@ -87,7 +87,14 @@
 	Overwriting the default size for btn-lg and btn-md
 */
 
-.btn-lg, .btn-md {
+.btn-primary,
+.btn-outline-primary,
+.btn-lg,
+.btn-large,
+.btn-outline-large,
+.btn-md,
+.btn-medium, 
+.btn-outline-medium {
 	line-height: 1em;
 }
 
@@ -135,7 +142,6 @@
 	border-radius: 2em;
   padding: .5rem 1rem !important;
   font-size: 1.25rem !important;
-  line-height: 1.5;
   color: $oc-white;
   &:hover {
     background-color: $secondary !important;