ignite-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From dma...@apache.org
Subject svn commit: r1798885 - in /ignite/site/trunk: css/all.css includes/header.html index-3.html scss/ignite.scss
Date Thu, 15 Jun 2017 22:12:30 GMT
Author: dmagda
Date: Thu Jun 15 22:12:30 2017
New Revision: 1798885

URL: http://svn.apache.org/viewvc?rev=1798885&view=rev
Log:
new main page for ignite

Added:
    ignite/site/trunk/index-3.html   (with props)
Modified:
    ignite/site/trunk/css/all.css
    ignite/site/trunk/includes/header.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=1798885&r1=1798884&r2=1798885&view=diff
==============================================================================
--- ignite/site/trunk/css/all.css (original)
+++ ignite/site/trunk/css/all.css Thu Jun 15 22:12:30 2017
@@ -6705,7 +6705,7 @@ button.close {
   display: block;
 }
 
-#nav .navbar-nav > li, #nav .navbar-nav > li > a, .carousel .buttons li, #footer
.logo, #footer .security li, .social-networks li, .subnav li, #top-nav .navbar-nav > li,
#top-nav .navbar-nav > li > a {
+#nav .navbar-nav > li, #nav .navbar-nav > li > a, .carousel .buttons li, #footer
.logo, #footer .security li, .social-networks li, .subnav li, #top-nav .navbar-nav > li,
#top-nav .navbar-nav > li > a, .main-banner .buttons li {
   display: inline-block;
   vertical-align: top;
 }
@@ -8017,7 +8017,6 @@ table.overview > tbody > tr .border-righ
 
 table.formatted {
   border: 1px solid #ddd !important;
-  width: 98% !important;
   margin-bottom: 40px;
   position: relative;
 }
@@ -8336,13 +8335,10 @@ tr.sub-heading > th {
   color: #fff;
   background-color: #c51017;
   border-color: #ad0e14;
-  padding-bottom: 5px;
-  padding-top: 5px;
-  padding-left: 14px;
   position: relative;
-  top: -10px;
-  padding-right: 14px;
-  font-size: 16px;
+  top: -8px;
+  padding: 5px 14px 5px 14px;
+  font-size: 18px;
   border-radius: 5px;
 }
 .btn-download:hover {
@@ -8548,6 +8544,158 @@ a.github-icon {
   line-height: 1.6em;
 }
 
+.main-banner {
+  min-height: 597px;
+  padding: 114px 0 0 0;
+  font-size: 24px;
+  line-height: 24px;
+  color: #fff;
+  position: relative;
+  z-index: 9;
+  background: url(../images/bg-carousel.jpg) no-repeat center/cover;
+  -webkit-transition: all, 0.2s, linear;
+  -o-transition: all, 0.2s, linear;
+  transition: all, 0.2s, linear;
+}
+@media (max-width: 992px) {
+  .main-banner {
+    min-height: 470px;
+    padding: 100px 0 50px;
+  }
+}
+@media (max-width: 767px) {
+  .main-banner {
+    min-height: 300px;
+    font-size: 14px;
+    line-height: 17px;
+    padding: 100px 0 20px;
+  }
+}
+.main-banner .banner {
+  padding: 50px 0 0;
+}
+@media (max-width: 992px) {
+  .main-banner .banner {
+    padding: 20px 0 0;
+  }
+}
+.main-banner h2 {
+  font: 40px/40px "harabara", Arial, sans-serif;
+  letter-spacing: 2.3px;
+  margin: 0 0 15px;
+  text-align: center;
+}
+@media (max-width: 992px) {
+  .main-banner h2 {
+    font-size: 70px;
+    line-height: 70px;
+  }
+}
+@media (max-width: 767px) {
+  .main-banner h2 {
+    font-size: 42px;
+    line-height: 42px;
+    margin: 0 0 5px;
+  }
+}
+.main-banner ul.banner-list {
+  padding-left: 20px;
+  list-style-type: square;
+  color: red;
+}
+.main-banner ul.banner-list > li {
+  font-size: 24px;
+}
+.main-banner ul.banner-list > li > p {
+  padding-top: 0px;
+  color: #fff;
+}
+.main-banner span {
+  font-size: 24px;
+}
+.main-banner p {
+  padding-top: 10px;
+  font-size: 24px;
+  color: #fff;
+}
+.main-banner .buttons {
+  margin: 0 0 12px;
+  letter-spacing: -4px;
+}
+@media (max-width: 767px) {
+  .main-banner .buttons {
+    margin: 0;
+  }
+}
+.main-banner .buttons li {
+  letter-spacing: normal;
+  margin: 0 10px 10px;
+}
+
+.slogan {
+  background: #d7d7d7;
+  height: 75px;
+  text-align: center;
+}
+.slogan h2 {
+  padding-top: 30px;
+  font-size: 28px;
+}
+
+.feature-box {
+  padding-right: 20px;
+  padding-left: 0px;
+}
+.feature-box h2 {
+  text-align: center !important;
+}
+.feature-box p {
+  text-align: center;
+}
+.feature-box:last-child {
+  padding-right: 20px;
+  margin-right: 0px;
+}
+
+.cross-mark {
+  color: red;
+}
+
+.check-mark {
+  color: green;
+}
+
+.social-media {
+  text-align: left;
+  border-radius: 6px;
+  padding: 12px 12px 0px 12px;
+}
+.social-media h4 {
+  font-size: 16px;
+  margin-bottom: 12px;
+  border-bottom: 1px solid black;
+}
+.social-media ul {
+  list-style-type: none;
+  padding-left: 0px;
+}
+.social-media ul li {
+  padding-bottom: 15px;
+  font-size: 15px;
+  line-height: 1.2em;
+  color: #333;
+}
+.social-media ul li a {
+  color: #333;
+}
+.social-media ul li a:hover {
+  text-decoration: underline;
+}
+.social-media p {
+  font-size: 15px;
+  margin-bottom: 5px;
+}
+
 .btn-transparent {
   color: #fff;
   background-color: transparent;

Modified: ignite/site/trunk/includes/header.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/includes/header.html?rev=1798885&r1=1798884&r2=1798885&view=diff
==============================================================================
--- ignite/site/trunk/includes/header.html (original)
+++ ignite/site/trunk/includes/header.html Thu Jun 15 22:12:30 2017
@@ -18,7 +18,7 @@
                                 <li><a href="http://apache-ignite-users.70518.x6.nabble.com/"
target="_blank"><i class="fa fa-users" aria-hidden="true"></i> User Forum</a></li>
                                 <li><a href="http://stackoverflow.com/questions/tagged/ignite"
target="_blank"><i class="fa fa-stack-overflow" aria-hidden="true"></i> Stack
Overflow</i></a></li>
                                 <li><a href="https://twitter.com/ApacheIgnite" target="_blank"><i
class="fa fa-twitter" aria-hidden="true"></i> Twitter</a></li>
-                                <li><a href="/news.html"><i class="fa fa-newspaper-o"
aria-hidden="true"></i></i> News</a></li>
+                                <li><a href="/news.html"><i class="fa fa-newspaper-o"
aria-hidden="true"></i> News</a></li>
                                 <li><a href="/blogs.html"><i class="fa fa-rss"
aria-hidden="true"></i> Blogs</a></li>
                             </ul>
                         </div>

Added: ignite/site/trunk/index-3.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/index-3.html?rev=1798885&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ignite/site/trunk/index-3.html
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Modified: ignite/site/trunk/scss/ignite.scss
URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/ignite.scss?rev=1798885&r1=1798884&r2=1798885&view=diff
==============================================================================
--- ignite/site/trunk/scss/ignite.scss (original)
+++ ignite/site/trunk/scss/ignite.scss Thu Jun 15 22:12:30 2017
@@ -456,7 +456,6 @@ table.overview {
 
 table.formatted {
     border: 1px solid #ddd !important;
-    width: 98% !important;
     margin-bottom: 40px;
     position: relative;
 
@@ -811,13 +810,10 @@ tr.sub-heading {
     color: #fff;
     background-color: #c51017;
     border-color: #ad0e14;
-    padding-bottom: 5px;
-    padding-top: 5px;
-    padding-left: 14px;
     position: relative;
-    top: -10px;
-    padding-right: 14px;
-    font-size: 16px;
+    top: -8px;
+    padding: 5px 14px 5px 14px;
+    font-size: 18px;
     border-radius: 5px;
 
     &:hover {
@@ -1023,3 +1019,159 @@ a.github-icon {
     font-size: 14px;
     line-height: 1.6em;
 }
+
+.main-banner {
+    min-height: 597px;
+    padding: 114px 0 0 0;
+    font-size: 24px;
+    line-height: 24px;
+    color: $white;
+    position: relative;
+    z-index: 9;
+    background: url(../images/bg-carousel.jpg) no-repeat center/cover;
+    @include transition(all, 0.2s, linear);
+
+    @media (max-width: $tablet) {
+        min-height: 470px;
+        padding: 100px 0 50px;
+    }
+    @media (max-width: $mobile) {
+        min-height: 300px;
+        font-size: 14px;
+        line-height: 17px;
+        padding: 100px 0 20px;
+    }
+
+    .banner {
+        padding: 50px 0 0;
+
+        @media (max-width: $tablet) {
+            padding: 20px 0 0;
+        }
+    }
+
+    h2 {
+        font: 40px/40px $alt-font-harabara;
+        letter-spacing: 2.3px;
+        margin: 0 0 15px;
+        text-align: center;
+        @media (max-width: $tablet) {
+            font-size: 70px;
+            line-height: 70px;
+        }
+        @media (max-width: $mobile) {
+            font-size: 42px;
+            line-height: 42px;
+            margin: 0 0 5px;
+        }
+    }
+
+    ul.banner-list {
+        padding-left: 20px;
+        list-style-type: square;
+        color: red;
+
+        & > li {
+            font-size: 24px;
+            & > p {
+                padding-top: 0px;
+                color: $white;
+            }
+        }
+
+
+    }
+    span {
+        font-size: 24px;
+    }
+    p {
+        padding-top: 10px;
+        font-size: 24px;
+        color: $white;
+    }
+    .buttons {
+        margin: 0 0 12px;
+        letter-spacing: -4px;
+
+        @media (max-width: $mobile) {
+            margin: 0;
+        }
+        li{
+            @extend %align-top;
+            letter-spacing: normal;
+            margin: 0 10px 10px;
+        }
+    }
+}
+
+.slogan {
+    background: #d7d7d7;
+    height: 75px;
+    text-align: center;
+    h2 {
+        padding-top:30px;
+        font-size: 28px;
+    }
+}
+
+.feature-box {
+    padding-right: 20px;
+    padding-left: 0px;
+
+    h2 {
+        text-align: center !important;
+    }
+    p {
+        text-align: center;
+    }
+
+    &:last-child {
+        padding-right:20px;
+        margin-right:0px;
+    }
+}
+
+.cross-mark {
+    color:red;
+}
+
+.check-mark {
+    color:green;
+}
+
+.social-media {
+
+    text-align: left;
+    border-radius: 6px;
+    padding: 12px 12px 0px 12px;
+
+    h4 {
+        font-size: 16px;
+        margin-bottom: 12px;
+        border-bottom: 1px solid black;
+    }
+
+    ul {
+        list-style-type: none;
+        padding-left: 0px;
+
+        li {
+            padding-bottom: 15px;
+            font-size: 15px;
+            line-height: 1.2em;
+            color: #333;
+            a {
+                color: #333;
+
+                &:hover {
+                    text-decoration: underline;
+                }
+            }
+        }
+    }
+
+    p {
+        font-size: 15px;
+        margin-bottom: 5px;
+    }
+}



Mime
View raw message