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