ignite-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From dma...@apache.org
Subject svn commit: r1803864 - in /ignite/site/trunk: css/all.css index.html scss/ignite.scss
Date Wed, 02 Aug 2017 16:48:31 GMT
Author: dmagda
Date: Wed Aug  2 16:48:30 2017
New Revision: 1803864

URL: http://svn.apache.org/viewvc?rev=1803864&view=rev
Log:
minor front page fixes

Modified:
    ignite/site/trunk/css/all.css
    ignite/site/trunk/index.html
    ignite/site/trunk/scss/ignite.scss

Modified: ignite/site/trunk/css/all.css
URL: http://svn.apache.org/viewvc/ignite/site/trunk/css/all.css?rev=1803864&r1=1803863&r2=1803864&view=diff
==============================================================================
--- ignite/site/trunk/css/all.css (original)
+++ ignite/site/trunk/css/all.css Wed Aug  2 16:48:30 2017
@@ -7725,11 +7725,6 @@ sub {
   height: auto;
 }
 
-div#banner1 p {
-  padding-bottom: 40px;
-  font-size: 20px;
-}
-
 #documentation table > tbody > tr > th,
 #download table > tbody > tr > th,
 #benchmarks table > tbody > tr > th {
@@ -8389,6 +8384,11 @@ tr.sub-heading > th {
   position: relative;
   top: -3px;
 }
+@media (max-width: 767px) {
+  .github-image {
+    display: none !important;
+  }
+}
 
 #top-nav {
   text-align: right;
@@ -8522,20 +8522,18 @@ section.page-subsection {
   padding-right: 10px;
   padding-left: 10px;
 }
-@media (max-width: 767px) {
+@media (max-width: 992px) {
   .screencast-center {
-    padding-right: 0;
-    padding-left: 20px;
+    text-align: center;
   }
 }
 
 .screencast-left {
   padding-left: 0;
 }
-@media (max-width: 767px) {
+@media (max-width: 992px) {
   .screencast-left {
-    padding-right: 0;
-    padding-left: 20px;
+    text-align: center;
   }
 }
 
@@ -8543,6 +8541,12 @@ section.page-subsection {
   padding-right: 0;
   padding-left: 20px;
 }
+@media (max-width: 992px) {
+  .screencast-right {
+    text-align: center;
+    padding-left: 0;
+  }
+}
 
 .screencast-duration {
   color: #888;
@@ -8598,8 +8602,6 @@ section.page-subsection {
 @media (max-width: 767px) {
   .main-banner {
     min-height: 300px;
-    font-size: 14px;
-    line-height: 17px;
     padding: 100px 0 20px;
   }
 }
@@ -8614,66 +8616,22 @@ section.page-subsection {
   margin: 0 0 15px;
   text-align: left;
 }
-@media (max-width: 992px) {
-  .main-banner h2 {
-    font-size: 25px;
-    line-height: 25px;
-    text-align: center;
-  }
-}
 @media (max-width: 767px) {
   .main-banner h2 {
     margin: 0 0 5px;
-    text-align: center;
-    font-size: 25px;
-    line-height: 25px;
+    font-size: 30px;
+    line-height: 30px;
   }
 }
 .main-banner h2 > span {
   font-size: 50px;
+  line-height: 50px;
   font-weight: 400;
 }
-@media (max-width: 992px) {
-  .main-banner h2 > span {
-    font-size: 25px;
-    line-height: 25px;
-  }
-}
 @media (max-width: 767px) {
   .main-banner h2 > span {
     text-align: center;
-    font-size: 25px;
-    line-height: 25px;
-  }
-}
-.main-banner ul.banner-list {
-  padding-left: 5px;
-  list-style-type: square;
-  color: red;
-  margin-top: 5px;
-  margin-left: 12px;
-}
-.main-banner ul.banner-list > li > p {
-  padding-top: 0px;
-  color: #fff;
-  margin-bottom: 10px;
-  font-size: 22px;
-  padding-left: 10px;
-  font-weight: 300;
-  letter-spacing: 1.1px;
-}
-.main-banner ul.banner-list > li > p > span {
-  font-size: 22px;
-  font-weight: 300;
-}
-.main-banner .main-image {
-  padding-left: 10px;
-  padding-right: 0px;
-  margin-top: 30px;
-}
-@media (max-width: 992px) {
-  .main-banner .main-image {
-    text-align: center;
+    font-size: 30px;
   }
 }
 .main-banner p {
@@ -8722,10 +8680,14 @@ section.page-subsection {
 .feature-box hr {
   border-top: none !important;
   border-bottom: 1px solid #d7d7d7 !important;
-  padding-top: 5px;
   width: 90px;
-  margin-top: 40px;
-  margin-bottom: 0px;
+  margin-top: 0px;
+  margin-bottom: 40px;
+}
+@media (max-width: 767px) {
+  .feature-box hr {
+    display: none;
+  }
 }
 
 .feature-box-left {
@@ -8811,6 +8773,11 @@ hr {
   -ms-transition: background-color 0.2s linear;
   -o-transition: background-color 0.2s linear;
 }
+@media (max-width: 767px) {
+  .banner-learn-more {
+    margin-top: 30px;
+  }
+}
 .banner-learn-more p {
   color: #fff;
   font-size: 20px !important;
@@ -8818,6 +8785,11 @@ hr {
   padding-bottom: 10px;
   font-weight: 400;
 }
+@media (max-width: 767px) {
+  .banner-learn-more p {
+    font-size: 18px !important;
+  }
+}
 .banner-learn-more:hover {
   background-color: #941d15 !important;
   color: #fff !important;
@@ -9055,6 +9027,11 @@ a.timeline-Tweet-text {
 .video-image-text:hover {
   text-decoration: underline;
 }
+@media (max-width: 992px) {
+  .video-image-text {
+    padding-left: 0px;
+  }
+}
 
 .event-date {
   background-color: #ef0000;
@@ -9116,6 +9093,12 @@ hr.vertical {
   text-align: right;
   padding-top: 5px;
 }
+@media (max-width: 767px) {
+  .twitter-follow {
+    text-align: left;
+    margin-top: 20px;
+  }
+}
 
 div.square {
   border: solid 25px #ef0000;

Modified: ignite/site/trunk/index.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/index.html?rev=1803864&r1=1803863&r2=1803864&view=diff
==============================================================================
Binary files - no diff available.

Modified: ignite/site/trunk/scss/ignite.scss
URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/ignite.scss?rev=1803864&r1=1803863&r2=1803864&view=diff
==============================================================================
--- ignite/site/trunk/scss/ignite.scss (original)
+++ ignite/site/trunk/scss/ignite.scss Wed Aug  2 16:48:30 2017
@@ -145,13 +145,6 @@ sub { top: 0.5ex; }
     }
 }
 
-div#banner1 {
-    & p {
-        padding-bottom: 40px;
-        font-size: 20px;
-    }
-}
-
 #documentation table,
 #download table,
 #benchmarks table {
@@ -873,6 +866,10 @@ tr.sub-heading {
     font-size: 1.7em !important;
     position: relative;
     top: -3px;
+
+    @media(max-width: $mobile){
+        display: none !important;
+    }
 }
 
 #top-nav {
@@ -1008,24 +1005,27 @@ section.page-subsection {
     padding-right: 10px;
     padding-left: 10px;
 
-    @media (max-width: $mobile) {
-        padding-right: 0;
-        padding-left: 20px;
+    @media (max-width: $tablet) {
+        text-align: center;
     }
 }
 
 .screencast-left {
     padding-left: 0;
 
-    @media (max-width: $mobile) {
-        padding-right: 0;
-        padding-left: 20px;
+    @media (max-width: $tablet) {
+        text-align: center;
     }
 }
 
 .screencast-right {
     padding-right: 0;
     padding-left: 20px;
+
+    @media (max-width: $tablet) {
+        text-align: center;
+        padding-left: 0;
+    }
 }
 
 .screencast-duration {
@@ -1077,8 +1077,6 @@ section.page-subsection {
     }
     @media (max-width: $mobile) {
         min-height: 300px;
-        font-size: 14px;
-        line-height: 17px;
         padding: 100px 0 20px;
     }
 
@@ -1088,75 +1086,32 @@ section.page-subsection {
 
 
     h2 {
-        font-size:50px;
-        line-height:50px;
+        font-size: 50px;
+        line-height: 50px;
         letter-spacing: 1.1px;
         font-weight: 400;
         margin: 0 0 15px;
         text-align: left;
-        @media (max-width: $tablet) {
-            font-size: 25px;
-            line-height: 25px;
-            text-align: center
-        }
+
         @media (max-width: $mobile) {
             margin: 0 0 5px;
-            text-align: center;
-            font-size: 25px;
-            line-height: 25px;
+
+            font-size: 30px;
+            line-height: 30px;
         }
 
         & > span {
-            font-size:50px;
+            font-size: 50px;
+            line-height: 50px;
             font-weight: 400;
-            @media (max-width: $tablet) {
-                font-size: 25px;
-                line-height: 25px;
-            }
 
             @media (max-width: $mobile) {
                 text-align: center;
-                font-size: 25px;
-                line-height: 25px;
-            }
-        }
-    }
-
-    ul.banner-list {
-        padding-left: 5px;
-        list-style-type: square;
-        color: red;
-        margin-top: 5px;
-        margin-left: 12px;
-
-        & > li {
-
-            & > p {
-                padding-top: 0px;
-                color: $white;
-                margin-bottom: 10px;
-                font-size: 22px;
-                padding-left: 10px;
-                font-weight: 300;
-                letter-spacing: 1.1px;
-
-                & > span {
-                    font-size: 22px;
-                    font-weight:300;
-                }
+                font-size: 30px;
             }
         }
     }
 
-    .main-image {
-        padding-left: 10px;
-        padding-right: 0px;
-        margin-top: 30px;
-        @media (max-width: $tablet) {
-            text-align: center
-        }
-    }
-
     p {
         padding-top: 10px;
         font-size: 24px;
@@ -1207,13 +1162,16 @@ section.page-subsection {
         font-weight: 300 !important;
     }
 
-    hr {
+    hr{
         border-top: none !important;
         border-bottom: 1px solid #d7d7d7 !important;
-        padding-top: 5px;
         width: 90px;
-        margin-top: 40px;
-        margin-bottom: 0px;
+        margin-top: 0px;
+        margin-bottom: 40px;
+
+        @media (max-width: $mobile) {
+            display: none;
+        }
     }
 }
 
@@ -1300,12 +1258,20 @@ hr {
     letter-spacing: 1.1px;
     margin-top: 50px;
 
+    @media(max-width: $mobile) {
+            margin-top: 30px;
+        }
+
     p {
         color: #fff;
         font-size: 20px !important;
         margin-bottom: 0px;
         padding-bottom: 10px;
         font-weight: 400;
+
+        @media(max-width: $mobile) {
+            font-size: 18px !important;
+        }
     }
 
     transition: background-color 0.2s linear;
@@ -1584,6 +1550,7 @@ a.timeline-Tweet-text {
 .relative {
     position:relative;
 }
+
 .video-image-text{
     position: absolute;
     bottom: 60px;
@@ -1597,6 +1564,12 @@ a.timeline-Tweet-text {
     &:hover {
     text-decoration: underline;
     }
+
+    @media(max-width: $tablet)
+    {
+        padding-left: 0px;
+
+    }
 }
 
 .event-date {
@@ -1663,6 +1636,11 @@ hr.vertical {
 .twitter-follow {
     text-align: right;
     padding-top: 5px;
+
+    @media (max-width: $mobile) {
+        text-align: left;
+        margin-top: 20px;
+    }
 }
 
 div.square {
@@ -1671,6 +1649,7 @@ div.square {
   width: 50px;
   height: 50px;
 }
+
 #whatisignite {
 
     .heading {
@@ -1726,4 +1705,4 @@ div.square {
             }
         }
     }
-}
\ No newline at end of file
+}



Mime
View raw message