jdavis > 2factorauth

michaelhwan · Sep 25, 2015 · 4027b65 · 4027b65
2 parents 739219c + a2ed52b
commit 4027b65
Show file tree

Hide file tree

Showing 14 changed files with 389 additions and 379 deletions.
diff --git a/_data/developer.yml b/_data/developer.yml
@@ -168,6 +168,12 @@ websites:
       img: newrelic.png
       tfa: No
 
+    - name: Papertrail
+      url: https://papertrailapp.com/
+      twitter: papertrailapp
+      img: papertrail.png
+      tfa: No
+
     - name: Pivotal Tracker
       url: https://www.pivotaltracker.com
       twitter: pivotaltracker

diff --git a/_includes/exception.html b/_includes/exception.html
@@ -22,13 +22,13 @@
             href="/restrictions#{{ include.website.name | downcase | handle }}"
             data-position="bottom center"
             data-html="{{ html | strip_newlines }}">
-            <i class="warning red link icon"></i>
+            <i class="warning sign red link icon"></i>
         </a>
     {% else %}
         <span class="popup exception"
             data-position="bottom center"
             data-html="{{ html | strip_newlines }}">
-            <i class="warning red link icon"></i>
+            <i class="warning sign red link icon"></i>
         </span>
     {% endif %}
 {% endif %}
diff --git a/_includes/exceptions/none.html b/_includes/exceptions/none.html
@@ -1,4 +1,4 @@
-<div class="ui segment">
+<div class="ui raised padded segment">
     <h3 class="ui header">
         No Site Restrictions Listed
     </h3>

diff --git a/_includes/note-header.html b/_includes/note-header.html
@@ -1,15 +1,13 @@
-<div class="ui fixed transparent inverted teal main menu">
-    <div class="menu">
-        <div class="right menu">
-            <a href="{{ site.repo }}" class="item">
-                <i class="github icon"></i>
-                Contribute
-            </a>
-        </div>
+<div class="ui teal inverted menu">
+    <a href="/" class="item">
+        <i class="home icon"></i>
+        Home
+    </a>
 
-        <a href="/" class="item">
-            <i class="home icon"></i>
-            Home
+    <div class="right menu">
+        <a href="{{ site.repo }}" class="item">
+            <i class="github alternate icon"></i>
+            Contribute
         </a>
     </div>
 </div>

diff --git a/css/base.css b/css/base.css
@@ -4,49 +4,56 @@ img { border: none; }
 ul { list-style: none; }
 a { color: #009FDA; text-decoration: none; }
 
-
 body {
-    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    color: #505050;
-    line-height: 22px;
-    background: none;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: #505050;
+  line-height: 22px;
+  background: none;
 }
 
 p {
-    margin: 1em 0;
+  margin: 1em 0;
 }
 
 .sidenav {
-    position: fixed;
+  position: fixed;
 }
 
 .ui.fixed.menu {
-    display: block;
+  display: block;
 }
 
 .ui.fixed.menu .item {
-    display: inline-block;
+  display: inline-block;
 }
 
 .ui.fixed.menu .right.menu {
-    float: right;
-}
-
-.ui.grid.container {
-    width: 70% !important;
+  float: right;
 }
 
 .footer {
-    text-align: center;
+  text-align: center;
 }
 
 .ui.center.aligned.header {
-    display: block;
-    margin: 150px auto 40px auto;
+  display: block;
+  margin: 100px auto 40px auto;
 }
 
 .ui.menu .item:before {
-    display: none;
+  display: none;
+}
+
+.ui.segment.teal {
+  border: 1px none;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.ui.raised.segment {
+  margin: auto;
+  text-align: center;
+  width: 80%;
 }
 
 .ui.table tr.negative,
@@ -58,90 +65,107 @@ p {
 }
 
 .ui.table td.icon {
-    text-align: center;
+  text-align: center;
 }
 
-td i.icon{
+td i.icon {
   margin: 0;
 }
 
 td span.progress,
 td span.exception,
 td a.exception {
-    float: right;
+  float: right;
 }
 
 td a {
-    /*color: #505050;*/
+  /*color: #505050;*/
 }
 
 .ui.table td.twitter {
-    text-align: center;
+  text-align: center;
+}
+
+.ui.table td.twitter a,
+.ui.table span.progress a{
+  font-size: 0.8rem;
+  text-transform: uppercase;
 }
 
 td img.icon {
-    float: left;
-    border-radius: 50%;
-    padding: 4px 4px;
-    -webkit-box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
-    box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
-    line-height: 1;
-    margin-right: 8px;
-    background-color: white;
-    height: 32px;
+  float: left;
+  border-radius: 50%;
+  padding: 4px 4px;
+  -webkit-box-shadow: 0 0 0 .1em rgba(0, 0, 0, .1) inset;
+  box-shadow: 0 0 0 .1em rgba(0, 0, 0, .1) inset;
+  line-height: 1;
+  margin-right: 8px;
+  background-color: white;
+  height: 32px;
 }
 
 .ui.table tr.positive td,
 .ui.table td.positive {
-    background-color: #DFF0D8 !important;
+  background-color: #DFF0D8 !important;
 }
 
 .ui.celled.table tr.positive:hover td,
 .ui.celled.table tr:hover td.positive,
 .ui.table tr.positive:hover td,
 .ui.table td:hover.positive,
 .ui.table th:hover.positive {
-    background-color: #DFF0D8 !important;
+  background-color: #DFF0D8 !important;
 }
 
 .ui.table tr.negative td,
 .ui.table td.negative {
-    background-color: #F2DEDE !important;
+  background-color: #F2DEDE !important;
 }
 
 .ui.celled.table tr.negative:hover td,
 .ui.celled.table tr:hover td.negative,
 .ui.table tr.negative:hover td,
 .ui.table td:hover.negative,
 .ui.table th:hover.negative {
-    background-color: #F2DEDE !important;
+  background-color: #F2DEDE !important;
 }
 
 .ui.divider {
-    margin: 2em 0;
+  margin: 2em 0;
 }
 
 @media (min-width: 767px) {
   .menu {
-      padding: 0 10%;
+    padding: 0 10%;
+  }
+
+  .ui.segment.teal {
+    margin: 0 5%;
+  }
+}
+
+@media (min-width: 1199px) {
+  .ui.grid.container {
+    width: 65% !important;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .ui.menu.desktop {
-      display: block;
+    display: block;
   }
+
   .ui.menu.mobile {
-      display: none;
+    display: none;
   }
 }
 
-
 @media only screen and (min-width: 480px) and (max-width: 767px), screen and (max-width: 479px) {
   .ui.menu.desktop {
-      display: none;
+    display: none;
   }
+
   .ui.menu.mobile {
-      display: block;
+    display: block;
   }
 }
diff --git a/img/developer/papertrail.png b/img/developer/papertrail.png
diff --git a/index.html b/index.html
@@ -31,7 +31,7 @@ <h2>Two Factor Auth (2FA)</h2>
                 <table class="ui celled unstackable table">
                     <thead>
                         <tr>
-                            <th class="single line"><h2>{{ section.title }}</h2></th>
+                            <th class="single line"><h3>{{ section.title }}</h3></th>
                             <th>Docs</th>
                             <th>SMS</th>
                             <th>Phone Call</th>