[tor-commits] [atlas/master] Replace custom splash styling with an hero-unit

[irl@xxxxxxxxxxxxxx]

commit 811cb09856615b928ba4e0903723b80128199311
Author: cypherpunks <cypherpunks@xxxxxxxxxxxxxx>
Date:   Sat Apr 22 12:21:34 2017 +0000

    Replace custom splash styling with an hero-unit
    
    The hero-unit by Bootstrap offers similar functionality to the custom
    splash screen and reduces the amount of custom CSS.
    
    Closes #22056.
---
 css/style.css              | 42 ------------------------------------------
 templates/search/main.html |  2 +-
 2 files changed, 1 insertion(+), 43 deletions(-)

diff --git a/css/style.css b/css/style.css
index e4a7f07..e05774f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -3,41 +3,6 @@
     height: 362px;
 }
 
-.splash {
-    padding-top: 56px;
-    padding-bottom: 72px;
-    position: relative;
-}
-
-
-.splash h1 {
-    text-align: center;
-    font-size: 80px;
-    letter-spacing: -1px;
-    line-height: 1;
-    margin-bottom: 18px;
-}
-
-.splash p {
-    margin-left: 5%;
-    margin-right: 5%;
-    line-height: 36px;
-    font-weight: 300;
-    font-size: 30px;
-}
-
-.splash .learn-more {
-    margin-left: 5%;
-    margin-right: 5%;
-    text-align: center;
-    font-size: 30px;
-    line-height: 36px;
-}
-
-.splash .learn-more {
-
-}
-
 .progress {
     width: 50%;
     margin: 100px auto;
@@ -104,13 +69,6 @@ input {
     .navbar-search input {
         max-width:100%;
     }
-    .splash h1 {
-        font-size:40px;
-    }
-    .splash p {
-        line-height: 30px;
-        font-size: 24px;
-    }
     .span6.hide {
         display: none !important;
     }
diff --git a/templates/search/main.html b/templates/search/main.html
index c8b82bc..6060dae 100644
--- a/templates/search/main.html
+++ b/templates/search/main.html
@@ -1,5 +1,5 @@
      <div class="container">
-        <div class="splash">
+        <div class="hero-unit">
             <h1>Welcome to Atlas.</h1>
             <p>Atlas is a web application to learn about currently running Tor relays. Enter your search in the above box to get started.</p>
             <p class="learn-more"><a class="btn btn-info btn-large" href="#about">Learn more »</a></p>



_______________________________________________
tor-commits mailing list
tor-commits@xxxxxxxxxxxxxxxxxxxx
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-commits