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;
+ }
+}
