Added: ignite/site/trunk/images/conferences.svg URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/conferences.svg?rev=1872399&view=auto ============================================================================== --- ignite/site/trunk/images/conferences.svg (added) +++ ignite/site/trunk/images/conferences.svg Mon Jan 6 23:40:45 2020 @@ -0,0 +1,27 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"> +<style type="text/css"> + .st0{fill:#D93846;} +</style> +<g> + <g> + <g> + <path class="st0" d="M150,3.4c-34.3,0-62.1,27.9-62.1,62.1v89.3c0,34.3,27.9,62.1,62.1,62.1s62.1-27.9,62.1-62.1V65.5 + C212.1,31.2,184.3,3.4,150,3.4z M194.9,155c-0.1,24.7-20.2,44.8-44.9,44.8s-44.9-20.1-44.9-44.8l0-89.5 + c0-24.8,20.2-44.9,44.9-44.9s44.9,20.2,44.9,44.9L194.9,155z"/> + </g> + </g> + <g> + <g> + <path class="st0" d="M213.8,220.5c14.8-14.7,23.9-33.7,26.1-54.2c0.6-5-3.4-9.5-8.5-9.5h0c-4.4,0-8.1,3.3-8.6,7.7 + c-4.1,36.6-35.3,65.1-72.9,65.1c-37.6,0-68.8-28.6-72.9-65.1c-0.5-4.4-4.2-7.7-8.6-7.7h0c-5.1,0-9.1,4.4-8.5,9.5 + c2.2,20.5,11.3,39.5,26.1,54.2c15,14.9,34.4,24,55.2,25.9v33.1H119c-4.7,0-8.6,3.8-8.6,8.6l0,0c0,4.7,3.8,8.6,8.6,8.6H181 + c4.7,0,8.6-3.8,8.6-8.6l0,0c0-4.7-3.8-8.6-8.6-8.6h-22.4v-33.1C179.4,244.5,198.8,235.4,213.8,220.5z"/> + </g> + </g> + <path class="st0" d="M123.4,164.4H120c-3.8,0-6.9-3.1-6.9-6.9V64.1c0-3.8,3.1-6.9,6.9-6.9h3.4c3.8,0,6.9,3.1,6.9,6.9v93.4 + C130.3,161.3,127.2,164.4,123.4,164.4z"/> +</g> +</svg>
Added: ignite/site/trunk/images/meetup.svg URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/meetup.svg?rev=1872399&view=auto ============================================================================== --- ignite/site/trunk/images/meetup.svg (added) +++ ignite/site/trunk/images/meetup.svg Mon Jan 6 23:40:45 2020 @@ -0,0 +1,37 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"> +<style type="text/css"> + .st0{fill:#ED1C40;} + .st1{fill:#FFFFFF;} +</style> +<g id="Layer_2"> + <g id="Layer_1-2"> + <path class="st0" d="M212.8,252.6c-5.8,4-7.2,11.9-3.2,17.7c4,5.8,11.9,7.2,17.7,3.2c5.8-4,7.2-11.9,3.2-17.7 + C226.6,250.1,218.6,248.6,212.8,252.6C212.9,252.6,212.8,252.6,212.8,252.6 M138.4,275c-3.6,2.5-4.5,7.4-2,10.9 + c2.5,3.6,7.4,4.5,10.9,2c3.6-2.5,4.5-7.4,2-10.9c0,0,0,0,0,0C146.9,273.4,142,272.5,138.4,275C138.4,275,138.4,275,138.4,275 + M48,238.5c0.7,3.1,3.7,5,6.7,4.3s5-3.7,4.3-6.7c-0.7-3-3.7-5-6.7-4.3C49.3,232.4,47.4,235.4,48,238.5C48,238.5,48,238.5,48,238.5 + M26.2,151c3.8-5.5,2.4-13.1-3.2-16.9c-5.5-3.8-13.1-2.4-16.9,3.2s-2.4,13.1,3.2,16.9c0,0,0,0,0,0C14.8,158,22.4,156.6,26.2,151 + C26.2,151,26.2,151,26.2,151 M67.7,72.5c4.2-2.9,5.2-8.7,2.3-12.9c-2.9-4.2-8.7-5.2-12.9-2.3c-4.2,2.9-5.2,8.7-2.3,12.9 + C57.8,74.4,63.5,75.4,67.7,72.5C67.7,72.5,67.7,72.5,67.7,72.5 M95.2,15.8c-0.8-3.5-4.2-5.7-7.7-4.9c-3.5,0.8-5.7,4.2-4.9,7.7 + s4.2,5.7,7.7,4.9c0,0,0,0,0,0C93.7,22.7,96,19.3,95.2,15.8C95.2,15.8,95.2,15.8,95.2,15.8 M177.7,24.3c-3.4-5.7-10.9-7.6-16.6-4.1 + c-5.7,3.4-7.6,10.9-4.1,16.6s10.9,7.6,16.6,4.1c0,0,0,0,0,0C179.3,37.4,181.1,30,177.7,24.3 M237,110.5 + c2.3-29.9-20.1-55.9-50-58.2c-7.7-0.6-15.4,0.5-22.7,3.1c-20.3-13-47.1-13.5-68.1,1.1C86,63.6,78.1,73.6,73.7,85.3 + C67.4,86.1,61.3,88.4,56,92c-18.1,12.5-22.9,37-11.4,55.5c-15.6,14.3-19.2,38.2-7.3,56.6c7.1,10.9,18.1,17.5,30,19.4 + c0.6,26.2,22.4,46.8,48.5,46.2c9.3-0.2,18.3-3.2,25.9-8.5c0.8-0.6,1.5-1.3,2.2-1.9c12,10.7,30.1,12.5,43.9,2.9 + c7.1-4.9,12.1-12.2,14.1-20.6c10.8,0.4,21.8-2.4,31.4-9c22.9-15.9,29.2-46.9,14.4-70.5c12.7-10.5,14.4-29.3,3.9-42 + C247.9,115.5,242.8,112.2,237,110.5 M263,103.1c4.7-3.2,5.8-9.6,2.6-14.3c-3.2-4.7-9.6-5.8-14.3-2.6c-4.7,3.2-5.8,9.6-2.6,14.3 + C251.9,105.2,258.3,106.4,263,103.1C263,103.1,263,103.1,263,103.1 M283,163.3c-0.9-4.1-5-6.7-9.1-5.8c-4.1,0.9-6.7,5-5.8,9.1 + c0.9,4.1,5,6.7,9.1,5.8C281.2,171.5,283.9,167.4,283,163.3C283,163.3,283,163.3,283,163.3 M295.9,126.4c-0.7-3.1-3.7-5-6.8-4.4 + c-3.1,0.7-5,3.7-4.4,6.8c0.7,3.1,3.7,5,6.8,4.4c0,0,0,0,0,0C294.6,132.5,296.6,129.4,295.9,126.4"/> + <path class="st1" d="M209.5,202.4c-1.8-11.2-22.5-2.5-23.8-14.8c-1.8-17.4,24.1-55.1,22-69.7c-1.8-13.1-10.7-15.9-18.4-16 + c-7.5-0.1-9.5,1.1-12,2.5c-1.5,0.8-3.6,2.5-6.5-0.2c-1.9-1.8-3.2-3.1-5.3-4.8c-1.6-1.3-3.5-2-5.5-2.3c-2.8-0.4-6.4,0-8.7,1 + c-2.3,1-4.1,2.7-6,4.3s-6.6,7-11.1,5c-1.9-0.9-8.5-4.1-13.2-6.2c-9.1-3.9-22.3,2.5-27,10.9c-7,12.5-20.9,61.7-23,68.2 + c-4.7,14.6,6,26.4,20.4,25.7c6.1-0.3,10.2-2.5,14-9.5c2.2-4,23.1-58.7,24.7-61.4c1.1-1.9,4.9-4.4,8.1-2.8s3.8,5,3.4,8.3 + c-0.8,5.2-15.5,38.6-16.1,42.3c-1,6.4,2.1,10,8.8,10.3c4.6,0.2,9.1-1.4,12.7-8.2c2-3.8,25.3-50.4,27.3-53.6 + c2.2-3.4,4.1-4.5,6.4-4.4c1.8,0.1,4.7,0.5,3.9,5.9c-0.7,5.3-19.4,39.5-21.3,47.9c-2.6,11.2,3.5,22.5,13.7,27.5 + C183.5,211.5,211.8,217,209.5,202.4"/> + </g> +</g> +</svg> Added: ignite/site/trunk/images/webinars.svg URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/webinars.svg?rev=1872399&view=auto ============================================================================== --- ignite/site/trunk/images/webinars.svg (added) +++ ignite/site/trunk/images/webinars.svg Mon Jan 6 23:40:45 2020 @@ -0,0 +1,26 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"> +<style type="text/css"> + .st0{fill:#FFFFFF;} + .st1{fill:#D93846;} +</style> +<g> + <path class="st0" d="M294.6,224.6H5.4V40.9c0-2.7,2.2-4.9,4.9-4.9h279.5c2.7,0,4.9,2.2,4.9,4.9V224.6z"/> + <g> + <g> + <path class="st1" d="M288.6,267.7H11.4c-5.2,0-9.4-4.2-9.4-9.4V41.7c0-5.2,4.2-9.4,9.4-9.4h277.2c5.2,0,9.4,4.2,9.4,9.4v216.5 + C298,263.5,293.8,267.7,288.6,267.7z M11.4,38.2c-1.9,0-3.5,1.6-3.5,3.5v216.5c0,1.9,1.6,3.5,3.5,3.5h277.2 + c1.9,0,3.5-1.6,3.5-3.5V41.7c0-1.9-1.6-3.5-3.5-3.5H11.4z"/> + <path class="st1" d="M291.7,228.1H8.3c-1.6,0-2.9-1.3-2.9-2.9s1.3-2.9,2.9-2.9h283.4c1.6,0,2.9,1.3,2.9,2.9 + S293.3,228.1,291.7,228.1z"/> + </g> + </g> + <g> + <path class="st1" d="M129.6,176.6c-0.9,0-1.7-0.2-2.5-0.6c-1.6-0.9-2.7-2.5-2.7-4.3v-77c0-1.8,1-3.4,2.7-4.3 + c1.8-0.9,3.9-0.8,5.5,0.3l56,38.3c1.4,1,2.3,2.5,2.3,4.2c0,1.7-0.8,3.2-2.3,4.2l-56,38.3C131.7,176.2,130.7,176.6,129.6,176.6z + M129.3,170.8C129.3,170.8,129.3,170.8,129.3,170.8L129.3,170.8L129.3,170.8z"/> + </g> +</g> +</svg> Modified: ignite/site/trunk/includes/header.html URL: http://svn.apache.org/viewvc/ignite/site/trunk/includes/header.html?rev=1872399&r1=1872398&r2=1872399&view=diff ============================================================================== --- ignite/site/trunk/includes/header.html (original) +++ ignite/site/trunk/includes/header.html Mon Jan 6 23:40:45 2020 @@ -266,13 +266,9 @@ </li> <li class="divider"></li> - <li role="presentation" class="submenu-header">Events & Groups</li> - <li><a href="/events.html">Upcoming Events</a></li> - <li><a href="https://www.meetup.com/Bay-Area-In-Memory-Computing/" target="_blank" rel="noopener">Ignite Bay Area Meetup <i class="fa fa-external-link" style="padding-left:5px;"></i></a></li> - <li><a href="https://www.meetup.com/NYC-In-Memory-Computing-Meetup/" target="_blank" rel="noopener">Ignite New York Meetup <i class="fa fa-external-link" style="padding-left:5px;"></i></a></li> - <li><a href="http://www.meetup.com/Apache-Ignite-London" target="_blank" rel="noopener">Ignite London Meetup <i class="fa fa-external-link" style="padding-left:5px;"></i></a></li> - <li><a href="https://www.meetup.com/Moscow-Apache-Ignite-Meetup/" target="_blank" rel="noopener">Ignite Moscow Meetup <i class="fa fa-external-link" style="padding-left:5px;"></i></a></li> - <li><a href="https://vk.com/apacheignite" target="_blank" rel="noopener">Ignite VK Group (Russian) <i class="fa fa-external-link" style="padding-left:5px;"></i></a></li> + <li role="presentation" class="submenu-header">Events & Groups</li> + <li><a href="/events.html">Apache Ignite Events</a></li> + <li><a href="/meetup-groups.html">Community Groups</a></li> </ul> </li> <li class="dropdown" style="cursor: pointer;"> Modified: ignite/site/trunk/includes/styles.html URL: http://svn.apache.org/viewvc/ignite/site/trunk/includes/styles.html?rev=1872399&r1=1872398&r2=1872399&view=diff ============================================================================== --- ignite/site/trunk/includes/styles.html (original) +++ ignite/site/trunk/includes/styles.html Mon Jan 6 23:40:45 2020 @@ -1,5 +1,5 @@ <!-- REMEMBER TO COPY ALL CHANGES TO download.html --> -<link media="screen" rel="stylesheet" href="/css/all.css?v=201912101618"> +<link media="screen" rel="stylesheet" href="/css/all.css?v=201912101620"> <link href="https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" media="screen"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css' media="screen"> <link media="screen" rel="stylesheet" href="/css/syntaxhighlighter.css"> \ No newline at end of file Added: ignite/site/trunk/meetup-groups.html URL: http://svn.apache.org/viewvc/ignite/site/trunk/meetup-groups.html?rev=1872399&view=auto ============================================================================== Binary file - no diff available. Propchange: ignite/site/trunk/meetup-groups.html ------------------------------------------------------------------------------ svn:mime-type = application/octet-stream Modified: ignite/site/trunk/scss/all.scss URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/all.scss?rev=1872399&r1=1872398&r2=1872399&view=diff ============================================================================== --- ignite/site/trunk/scss/all.scss (original) +++ ignite/site/trunk/scss/all.scss Mon Jan 6 23:40:45 2020 @@ -1,861 +1,862 @@ -@import "compass"; -@import "bootstrap"; -@import "markup-mixins"; -@font-face { @include fontface(atillanormal, atilla_normal-webfont) } -@font-face { @include fontface(harabara, harabara-webfont) } -@font-face { @include fontface(icomoon, icomoon) } -html{ - background: $gray-light; -} -body { - margin: 0; - min-width: $base-min-width; - line-height: $base-line-height; -} -a:hover, a:focus { - text-decoration: none; - outline: none; -} -@viewport { width: device-width;} -@-o-viewport { width: device-width;} -@-ms-viewport { width: device-width;} -@-moz-viewport { width: device-width;} -@-webkit-viewport { width: device-width;} -[class^="icon-"], -[class*=" icon-"] { - font-family: 'icomoon'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.icon-rss:before { content: "\e600"; } -.icon-linkedin:before { content: "\e601"; } -.icon-twitter:before { content: "\e602"; } -.icon-facebook:before { content: "\e603"; } -.icon-google-plus:before { content: "\e604"; } -.icon-youtube:before { content: "\e605"; } -h1, .h1{ - line-height: 30px; - margin: 0; -} -h2, .h2{ - line-height: 25px; - margin: 0; -} -h3, .h3{ - line-height: 22px; - margin: 0; -} -h4, .h4 { - line-height: 20px; - margin: 0; -} -h5, .h5, -h6, .h6 { - line-height: 17px; - margin: 0; -} -p { - margin: 0 0 $base-line-height; -} -.btn{ - min-width: 160px; - height: 40px; - border-radius: 4px; - text-align: center; - text-transform: capitalize; - font-size: 20px; - line-height: 28px; - padding: 5px; - - @media (max-width: $mobile) { - min-width: 130px; - height: 36px; - font-size: 17px; - line-height: 24px; - } -} -.btn-default:hover { - background: $white; - color: $gray; -} -.btn-danger { - border: none; - line-height: 30px; - @include background-image(linear-gradient(top, #ff0000 0%,#eb0101 21%,#940206 77%,#7a0308 100%)); - $experimental-support-for-svg: true; - - @media (max-width: $mobile) { - line-height: 26px; - } - &:hover { - @include background-image(linear-gradient(top, #7b0308 0%,#840308 10%,#9b0206 28%,#eb0101 79%,#ff0000 100%)); - } -} -#wrapper{ - overflow: hidden; -} -#header { - left: 0; - right: 0; - top: 37px; - z-index: 9999; - padding: 5px 0; - - &.affix-top { - position: absolute; - - @media (max-width: $tablet) { - top: 0; - } - } - &.affix { - top: 0; - background: rgba(54,54,54,0.95); - - @media (max-width: $tablet) { - position: absolute; - /*background: none;*/ - } - } - .container { - position: relative; - } - .logo { - width: 140px; - margin: 0 0 0 1px; - - img{ - @extend %img-full-width; - } - } - div[class*="col-"] { - position: static; - } -} -#nav { - text-align: right; - font-size: 16px; - line-height: 20px; - padding: 21px 0 0; - letter-spacing: 0.1px; - position: static; - - @media (max-width: $mobile) { - padding: 10px 10px 0; - text-align: center; - - .navbar-collapse { - overflow: hidden; - position: absolute; - top: 100%; - left: 0; - right: 0; - z-index: 99; - margin: 10px 0 0; - background: rgba(54,54,54,0.95); - } - } - .container-fluid { - padding: 0; - } - .navbar-toggle { - margin: 0; - } - .navbar-nav { - float: none; - letter-spacing: -4px; - - @media (max-width: $mobile) { - padding: 10px 0; - } - > li { - @extend %align-top; - letter-spacing: normal; - float: none; - margin: 0 0 0 20px; - - @media (max-width: $mobile) { - display: block; - margin: 0; - padding: 5px 10px; - } - >a { - padding: 0; - @extend %align-top; - } - } - } -} -.carousel { - min-height: 597px; - padding: 114px 0 50px; - font-size: 18px; - line-height: 24px; - color: $white; - text-align: center; - 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; - } - &:after { - height: 106px; - @include after(auto,0,0,0); - @include background-image(linear-gradient(top, rgba(47,47,47,0) 0%,rgba(47,47,47,0.05) 8%,rgba(47,47,47,0.18) 23%,rgba(47,47,47,0.82) 77%,rgba(47,47,47,0.95) 92%,rgba(47,47,47,1) 100%)); - $experimental-support-for-svg: true; - pointer-events: none; - - @media (max-width: $tablet) { - height: 60px; - } - @media (max-width: $mobile) { - height: 30px; - } - } - .item { - padding: 82px 0 0; - - @media (max-width: $tablet) { - padding: 20px 0 0; - } - } - header { - font-size: 28px; - line-height: 36px; - text-transform: capitalize; - letter-spacing: 0.8px; - - @media (max-width: $tablet) { - font-size: 25px; - line-height: 30px; - } - @media (max-width: $mobile) { - font-size: 20px; - } - p{ - margin: 0 0 18px; - - @media (max-width: $mobile) { - margin: 0 0 10px; - } - } - } - h2 { - font: 100px/100px $alt-font-harabara; - letter-spacing: 2.3px; - margin: 0 0 15px; - - @media (max-width: $tablet) { - font-size: 70px; - line-height: 70px; - } - @media (max-width: $mobile) { - font-size: 42px; - line-height: 42px; - margin: 0 0 5px; - } - } - .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; - } - } - .text { - max-width: 820px; - margin: 0 auto; - } - p{ - margin: 0; - } - .item.cloud{ - padding: 0; - text-align: right; - - @media (max-width: $mobile) { - text-align: center; - } - h1 { - font-size: 53px; - line-height: 53px; - letter-spacing: 1.3px; - margin: 0 0 6px; - - @media (max-width: $tablet) { - font-size: 42px; - line-height: 45px; - } - } - header { - font-size: 15px; - line-height: 20px; - letter-spacing: 0.4px; - margin: 104px -2px 0 0; - - @media (max-width: $tablet) { - font-size: 15px; - line-height: 18px; - margin: 50px 0 0; - } - @media (max-width: $mobile) { - margin: 0; - } - p{ - margin: 0 0 7px; - } - } - .buttons li { - margin: 0 0 10px 13px; - } - .btn{ - height: 26px; - min-width: 104px; - font-size: 13px; - line-height: 18px; - padding: 4px; - } - } - .img-holder { - overflow: hidden; - margin: 0 0 0 -9px; - - @media (max-width: $mobile) { - margin: 0; - } - img{ - @extend %img-full-width; - } - } -} -#main { - margin-bottom: 50px; - - @media (max-width: $mobile) { - margin-bottom: 0; - } - table{ - width: 100%; - border: 2px solid $gray-light; - - th, - td { - height: 40px; - border-width: 0 0 2px 2px; - border-color: $gray-light; - border-style: solid; - padding: 5px 20px; - position: relative; - - &:first-child { - border-left-width: 0; - } - } - th{ - font-size: 18px; - line-height: 20px; - height: 50px; - @media (max-width: $tablet) { - font-size: 15px; - } - &:first-child{ - padding: 5px 38px; - } - } - td:first-child{ - padding-left: 38px; - } - .btn-video { - color: $black; - - &:hover { - color: $red; - } - } - @media screen { - @media (max-width: $mobile) { - border: none; - display: block; - overflow:hidden; - border-top:1px solid $black; - - tbody { - border-left:120px solid $gray; - float:left; - width:100%; - padding:0 1px 0 1px; - } - tr { - float:left; - width:100%; - clear:both; - - &:nth-child(odd) td { - background-color: rgba(0,0,0,0.1); - } - } - td { - width: 100% !important; - height: auto; - padding:0 0 0 120px !important; - margin:0 -1px 0 -121px; - display: block; - float:left; - clear:both; - width:100%; - white-space:nowrap; - border-width: 0 1px 1px 1px !important; - border-color: $black; - @include box-sizing(content-box); - - &:before { - content:attr(title); - padding: 10px; - display:inline-block; - color:$white !important; - font-weight:bold; - width:120px; - vertical-align:middle; - margin:0 0 0 -120px; - position:relative; - white-space:normal; - } - ul, - span { - white-space:normal; - display:inline-block; - vertical-align:middle; - padding:5px; - } - } - thead, - th {display:none;} - } - } - } -} -.overview { - margin: -8px 0 0; - padding: 80px 0 0; - position: relative; - z-index: 4; - - @media (max-width: $tablet) { - margin: 0; - padding: 30px 0 0; - } - h2{ - position: relative; - padding: 3px 0 12px 40px; - - &:after { - @include size(21px,25px); - @include after(0,auto,auto,0); - background: url(../images/sprite.png) no-repeat; - } - } -} -.askquestion { - margin: -18px 0 0; - padding: 80px 0 0; - position: relative; - - @media (max-width: $tablet) { - margin: 0; - padding: 30px 0 0; - } - table { - @media (min-width: $min-mobile) { - - th, - td { - width: 60%; - padding: 5px 20px !important; - - &:first-child, - &:nth-child(2) { - width: 20%; - } - } - } - } - h2{ - position: relative; - padding: 4px 0 13px 40px; - - &:after { - @include size(21px,25px); - @include after(0,auto,auto,3px); - background: url(../images/sprite.png) no-repeat -52px 0; - } - } -} -.community { - margin: -18px 0 0; - padding: 80px 0 0; - position: relative; - z-index: 2; - - @media (max-width: $tablet) { - margin: 0; - padding: 30px 0 0; - } - table { - @media (min-width: $min-mobile) { - - th, - td { - width: 60%; - padding: 5px 20px !important; - - &:first-child, - &:nth-child(2) { - width: 20%; - } - } - } - } - h2{ - position: relative; - padding: 4px 0 13px 40px; - - &:after { - @include size(21px,25px); - @include after(0,auto,auto,3px); - background: url(../images/sprite.png) no-repeat -52px 0; - } - } -} -.download { - margin: -54px 0 0; - padding: 80px 0 94px; - - @media (max-width: $tablet) { - padding: 30px 0; - margin: 0; - } - h2{ - position: relative; - padding: 3px 0 8px 40px; - - &:after { - @include size(21px,25px); - @include after(0,auto,auto,3px); - background: url(../images/sprite.png) no-repeat -78px 0; - } - } - th{ - &:first-child { - width: 476px; - } - &.version { - width: 240px; - } - &.release { - width: 220px; - } - } -} -.info-blocks { - padding: 101px 0 24px; - border-top: 2px solid $gray-light; - - @media (max-width: $tablet) { - padding: 30px 0 20px; - } - h3{ - margin: 0 0 10px; - - @media (max-width: $mobile) { - margin: 0; - } - } - p{ - margin: 0 0 7px; - } - .list { - line-height: 18px; - } - li { - padding: 0 0 0 20px; - position: relative; - @include arrow-lazy(right, 5px, $gray-dark, 4px); - - &:before{ - left: 0; - margin: 0; - } - } - a { - color: $black; - - &:hover { - color: $red; - } - } -} -#footer { - padding: 50px 0 30px; - background: $gray-light; - - @media (max-width: $mobile) { - text-align: center; - padding: 30px 0 10px; - } - a { - color: $black; - - &:hover { - color: $red; - } - } - .logo { - width: 230px; - @extend %align-top; - margin: 0 0 20px; - - @media (max-width: $mobile) { - width: 150px; - margin: 0 0 10px; - } - img{ - @extend %img-full-width; - } - } - p{ - margin: 0 0 22px; - - @media (max-width: $mobile) { - margin: 0 0 10px; - } - } - .security { - letter-spacing: -4px; - margin: 0 -69px 0 0; - - @media (max-width: $mobile){ - margin: 0; - } - li{ - @extend %align-top; - letter-spacing: normal; - margin: 0 69px 20px 0; - - @media (max-width: $mobile) { - margin: 0 20px 10px; - } - } - a:hover { - @include opacity(0.8); - } - img { - display: block; - } - } -} -.footer-nav { - line-height: 18px; - - ul { - margin: 0; - } - li{ - margin: 0 0 12px; - - @media (max-width: $mobile) { - margin: 0 0 5px; - } - } -} -.social-networks{ - font-size: 30px; - letter-spacing: -4px; - margin: 0 0 16px; - - li{ - @extend %align-top; - letter-spacing: normal; - margin: 0 3px 10px 0; - - @media (max-width: $mobile) { - margin: 0 3px 10px; - } - } - a{ - color: $gray !important; - - &:hover { - color: $red !important; - } - } -} -.subnav { - padding: 55px 0 10px; - text-align: center; - - @media (max-width: $mobile) { - padding: 0 0 10px; - } - ul{ - margin: 0; - letter-spacing: -4px; - } - li{ - @extend %align-top; - letter-spacing: normal; - margin: 0 34px; - - @media (max-width: $mobile) { - display: block; - margin: 0 0 5px; - } - } -} - -@import "ignite"; - -.btn-transparent { - @include button-variant($btn-transparent-color, $btn-transparent-bg, $btn-transparent-border); -} - -.btn-transparent:hover { - background: $white; - color: $gray; -} - -.btn-group-export { - position: absolute; - margin: 5px; - top: 0; - right: 0; - z-index: 4; -} - -.btn-export { - min-width: 0; -} - -@media screen and (max-width: $screen-xs-max) { - .btn-group-export { - display: none; - } -} - -/* - * Reset media print style. - */ -@media print { - #header { - position: absolute !important; - } - - a[href]:after { - content: ""; - } - - /* - * Hide social icons. - */ - .social-networks { - display: none; - } - - /* - * Hide navigation menu. - */ - footer nav { - display: none; - } - - /* - * Hide button to download export for table. - */ - .btn-group-export { - display: none; - } - - body { - -webkit-print-color-adjust: exact; - } - - footer { - page-break-inside: avoid; - } - - section.page-section { - page-break-inside: avoid; - } - - section.page-section table { - page-break-inside: avoid; - } - - section.page-section:first-child { - margin-top: 50px; - } - - section.page-section { - padding-top: 0; - margin-top: 0; - margin-bottom: 50px; - - border-bottom: none; - } - - section.page-section p.line-chart { - display: none; - } - - /* - * Small grid - * - * Columns, offsets, pushes, and pulls for the small device range, from phones - * to tablets. - */ - - /* @media (min-width: $mobile) { - @include make-grid(print); - }*/ - - @media (min-width: $landscape) { - @include make-grid(print); - - #main table td { - padding-left: 0; - } - - #main table th { - padding-left: 0; - } - - #main table td:first-child { - padding-left: 20px; - } - - #main table th:first-child { - padding-left: 20px; - } - } +@import "compass"; +@import "bootstrap"; +@import "markup-mixins"; +@font-face { @include fontface(atillanormal, atilla_normal-webfont) } +@font-face { @include fontface(harabara, harabara-webfont) } +@font-face { @include fontface(icomoon, icomoon) } +html{ + background: $gray-light; +} +body { + margin: 0; + min-width: $base-min-width; + line-height: $base-line-height; +} +a:hover, a:focus { + text-decoration: none; + outline: none; +} +@viewport { width: device-width;} +@-o-viewport { width: device-width;} +@-ms-viewport { width: device-width;} +@-moz-viewport { width: device-width;} +@-webkit-viewport { width: device-width;} +[class^="icon-"], +[class*=" icon-"] { + font-family: 'icomoon'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.icon-rss:before { content: "\e600"; } +.icon-linkedin:before { content: "\e601"; } +.icon-twitter:before { content: "\e602"; } +.icon-facebook:before { content: "\e603"; } +.icon-google-plus:before { content: "\e604"; } +.icon-youtube:before { content: "\e605"; } +h1, .h1{ + line-height: 30px; + margin: 0; +} +h2, .h2{ + line-height: 25px; + margin: 0; +} +h3, .h3{ + line-height: 22px; + margin: 0; +} +h4, .h4 { + line-height: 20px; + margin: 0; +} +h5, .h5, +h6, .h6 { + line-height: 17px; + margin: 0; +} +p { + margin: 0 0 $base-line-height; +} +.btn{ + min-width: 160px; + height: 40px; + border-radius: 4px; + text-align: center; + text-transform: capitalize; + font-size: 20px; + line-height: 28px; + padding: 5px; + + @media (max-width: $mobile) { + min-width: 130px; + height: 36px; + font-size: 17px; + line-height: 24px; + } +} +.btn-default:hover { + background: $white; + color: $gray; +} +.btn-danger { + border: none; + line-height: 30px; + @include background-image(linear-gradient(top, #ff0000 0%,#eb0101 21%,#940206 77%,#7a0308 100%)); + $experimental-support-for-svg: true; + + @media (max-width: $mobile) { + line-height: 26px; + } + &:hover { + @include background-image(linear-gradient(top, #7b0308 0%,#840308 10%,#9b0206 28%,#eb0101 79%,#ff0000 100%)); + } +} +#wrapper{ + overflow: hidden; +} +#header { + left: 0; + right: 0; + top: 37px; + z-index: 9999; + padding: 5px 0; + + &.affix-top { + position: absolute; + + @media (max-width: $tablet) { + top: 0; + } + } + &.affix { + top: 0; + background: rgba(54,54,54,0.95); + + @media (max-width: $tablet) { + position: absolute; + /*background: none;*/ + } + } + .container { + position: relative; + } + .logo { + width: 140px; + margin: 0 0 0 1px; + + img{ + @extend %img-full-width; + } + } + div[class*="col-"] { + position: static; + } +} +#nav { + text-align: right; + font-size: 16px; + line-height: 20px; + padding: 21px 0 0; + letter-spacing: 0.1px; + position: static; + + @media (max-width: $mobile) { + padding: 10px 10px 0; + text-align: center; + + .navbar-collapse { + overflow: hidden; + position: absolute; + top: 100%; + left: 0; + right: 0; + z-index: 99; + margin: 10px 0 0; + background: rgba(54,54,54,0.95); + } + } + .container-fluid { + padding: 0; + } + .navbar-toggle { + margin: 0; + } + .navbar-nav { + float: none; + letter-spacing: -4px; + + @media (max-width: $mobile) { + padding: 10px 0; + } + > li { + @extend %align-top; + letter-spacing: normal; + float: none; + margin: 0 0 0 20px; + + @media (max-width: $mobile) { + display: block; + margin: 0; + padding: 5px 10px; + } + >a { + padding: 0; + @extend %align-top; + } + } + } +} +.carousel { + min-height: 597px; + padding: 114px 0 50px; + font-size: 18px; + line-height: 24px; + color: $white; + text-align: center; + 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; + } + &:after { + height: 106px; + @include after(auto,0,0,0); + @include background-image(linear-gradient(top, rgba(47,47,47,0) 0%,rgba(47,47,47,0.05) 8%,rgba(47,47,47,0.18) 23%,rgba(47,47,47,0.82) 77%,rgba(47,47,47,0.95) 92%,rgba(47,47,47,1) 100%)); + $experimental-support-for-svg: true; + pointer-events: none; + + @media (max-width: $tablet) { + height: 60px; + } + @media (max-width: $mobile) { + height: 30px; + } + } + .item { + padding: 82px 0 0; + + @media (max-width: $tablet) { + padding: 20px 0 0; + } + } + header { + font-size: 28px; + line-height: 36px; + text-transform: capitalize; + letter-spacing: 0.8px; + + @media (max-width: $tablet) { + font-size: 25px; + line-height: 30px; + } + @media (max-width: $mobile) { + font-size: 20px; + } + p{ + margin: 0 0 18px; + + @media (max-width: $mobile) { + margin: 0 0 10px; + } + } + } + h2 { + font: 100px/100px $alt-font-harabara; + letter-spacing: 2.3px; + margin: 0 0 15px; + + @media (max-width: $tablet) { + font-size: 70px; + line-height: 70px; + } + @media (max-width: $mobile) { + font-size: 42px; + line-height: 42px; + margin: 0 0 5px; + } + } + .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; + } + } + .text { + max-width: 820px; + margin: 0 auto; + } + p{ + margin: 0; + } + .item.cloud{ + padding: 0; + text-align: right; + + @media (max-width: $mobile) { + text-align: center; + } + h1 { + font-size: 53px; + line-height: 53px; + letter-spacing: 1.3px; + margin: 0 0 6px; + + @media (max-width: $tablet) { + font-size: 42px; + line-height: 45px; + } + } + header { + font-size: 15px; + line-height: 20px; + letter-spacing: 0.4px; + margin: 104px -2px 0 0; + + @media (max-width: $tablet) { + font-size: 15px; + line-height: 18px; + margin: 50px 0 0; + } + @media (max-width: $mobile) { + margin: 0; + } + p{ + margin: 0 0 7px; + } + } + .buttons li { + margin: 0 0 10px 13px; + } + .btn{ + height: 26px; + min-width: 104px; + font-size: 13px; + line-height: 18px; + padding: 4px; + } + } + .img-holder { + overflow: hidden; + margin: 0 0 0 -9px; + + @media (max-width: $mobile) { + margin: 0; + } + img{ + @extend %img-full-width; + } + } +} +#main { + margin-bottom: 50px; + + @media (max-width: $mobile) { + margin-bottom: 0; + } + + table{ + width: 100%; + border: 2px solid $gray-light; + + th, + td { + height: 40px; + border-width: 0 0 2px 2px; + border-color: $gray-light; + border-style: solid; + padding: 5px 20px; + position: relative; + + &:first-child { + border-left-width: 0; + } + } + th{ + font-size: 18px; + line-height: 20px; + height: 50px; + @media (max-width: $tablet) { + font-size: 15px; + } + &:first-child{ + padding: 5px 38px; + } + } + td:first-child{ + padding-left: 38px; + } + .btn-video { + color: $black; + + &:hover { + color: $red; + } + } + @media screen { + @media (max-width: $mobile) { + border: none; + display: block; + overflow:hidden; + border-top:1px solid $black; + + tbody { + border-left:120px solid $gray; + float:left; + width:100%; + padding:0 1px 0 1px; + } + tr { + float:left; + width:100%; + clear:both; + + &:nth-child(odd) td { + background-color: rgba(0,0,0,0.1); + } + } + td { + width: 100% !important; + height: auto; + padding:0 0 0 120px !important; + margin:0 -1px 0 -121px; + display: block; + float:left; + clear:both; + width:100%; + white-space:nowrap; + border-width: 0 1px 1px 1px !important; + border-color: $black; + @include box-sizing(content-box); + + &:before { + content:attr(title); + padding: 10px; + display:inline-block; + color:$white !important; + font-weight:bold; + width:120px; + vertical-align:middle; + margin:0 0 0 -120px; + position:relative; + white-space:normal; + } + ul, + span { + white-space:normal; + display:inline-block; + vertical-align:middle; + padding:5px; + } + } + thead, + th {display:none;} + } + } + } +} +.overview { + margin: -8px 0 0; + padding: 80px 0 0; + position: relative; + z-index: 4; + + @media (max-width: $tablet) { + margin: 0; + padding: 30px 0 0; + } + h2{ + position: relative; + padding: 3px 0 12px 40px; + + &:after { + @include size(21px,25px); + @include after(0,auto,auto,0); + background: url(../images/sprite.png) no-repeat; + } + } +} +.askquestion { + margin: -18px 0 0; + padding: 80px 0 0; + position: relative; + + @media (max-width: $tablet) { + margin: 0; + padding: 30px 0 0; + } + table { + @media (min-width: $min-mobile) { + + th, + td { + width: 60%; + padding: 5px 20px !important; + + &:first-child, + &:nth-child(2) { + width: 20%; + } + } + } + } + h2{ + position: relative; + padding: 4px 0 13px 40px; + + &:after { + @include size(21px,25px); + @include after(0,auto,auto,3px); + background: url(../images/sprite.png) no-repeat -52px 0; + } + } +} +.community { + margin: -18px 0 0; + padding: 80px 0 0; + position: relative; + z-index: 2; + + @media (max-width: $tablet) { + margin: 0; + padding: 30px 0 0; + } + table { + @media (min-width: $min-mobile) { + + th, + td { + width: 60%; + padding: 5px 20px !important; + + &:first-child, + &:nth-child(2) { + width: 20%; + } + } + } + } + h2{ + position: relative; + padding: 4px 0 13px 40px; + + &:after { + @include size(21px,25px); + @include after(0,auto,auto,3px); + background: url(../images/sprite.png) no-repeat -52px 0; + } + } +} +.download { + margin: -54px 0 0; + padding: 80px 0 94px; + + @media (max-width: $tablet) { + padding: 30px 0; + margin: 0; + } + h2{ + position: relative; + padding: 3px 0 8px 40px; + + &:after { + @include size(21px,25px); + @include after(0,auto,auto,3px); + background: url(../images/sprite.png) no-repeat -78px 0; + } + } + th{ + &:first-child { + width: 476px; + } + &.version { + width: 240px; + } + &.release { + width: 220px; + } + } +} +.info-blocks { + padding: 101px 0 24px; + border-top: 2px solid $gray-light; + + @media (max-width: $tablet) { + padding: 30px 0 20px; + } + h3{ + margin: 0 0 10px; + + @media (max-width: $mobile) { + margin: 0; + } + } + p{ + margin: 0 0 7px; + } + .list { + line-height: 18px; + } + li { + padding: 0 0 0 20px; + position: relative; + @include arrow-lazy(right, 5px, $gray-dark, 4px); + + &:before{ + left: 0; + margin: 0; + } + } + a { + color: $black; + + &:hover { + color: $red; + } + } +} +#footer { + padding: 50px 0 30px; + background: $gray-light; + + @media (max-width: $mobile) { + text-align: center; + padding: 30px 0 10px; + } + a { + color: $black; + + &:hover { + color: $red; + } + } + .logo { + width: 230px; + @extend %align-top; + margin: 0 0 20px; + + @media (max-width: $mobile) { + width: 150px; + margin: 0 0 10px; + } + img{ + @extend %img-full-width; + } + } + p{ + margin: 0 0 22px; + + @media (max-width: $mobile) { + margin: 0 0 10px; + } + } + .security { + letter-spacing: -4px; + margin: 0 -69px 0 0; + + @media (max-width: $mobile){ + margin: 0; + } + li{ + @extend %align-top; + letter-spacing: normal; + margin: 0 69px 20px 0; + + @media (max-width: $mobile) { + margin: 0 20px 10px; + } + } + a:hover { + @include opacity(0.8); + } + img { + display: block; + } + } +} +.footer-nav { + line-height: 18px; + + ul { + margin: 0; + } + li{ + margin: 0 0 12px; + + @media (max-width: $mobile) { + margin: 0 0 5px; + } + } +} +.social-networks{ + font-size: 30px; + letter-spacing: -4px; + margin: 0 0 16px; + + li{ + @extend %align-top; + letter-spacing: normal; + margin: 0 3px 10px 0; + + @media (max-width: $mobile) { + margin: 0 3px 10px; + } + } + a{ + color: $gray !important; + + &:hover { + color: $red !important; + } + } +} +.subnav { + padding: 55px 0 10px; + text-align: center; + + @media (max-width: $mobile) { + padding: 0 0 10px; + } + ul{ + margin: 0; + letter-spacing: -4px; + } + li{ + @extend %align-top; + letter-spacing: normal; + margin: 0 34px; + + @media (max-width: $mobile) { + display: block; + margin: 0 0 5px; + } + } +} + +@import "ignite"; + +.btn-transparent { + @include button-variant($btn-transparent-color, $btn-transparent-bg, $btn-transparent-border); +} + +.btn-transparent:hover { + background: $white; + color: $gray; +} + +.btn-group-export { + position: absolute; + margin: 5px; + top: 0; + right: 0; + z-index: 4; +} + +.btn-export { + min-width: 0; +} + +@media screen and (max-width: $screen-xs-max) { + .btn-group-export { + display: none; + } +} + +/* + * Reset media print style. + */ +@media print { + #header { + position: absolute !important; + } + + a[href]:after { + content: ""; + } + + /* + * Hide social icons. + */ + .social-networks { + display: none; + } + + /* + * Hide navigation menu. + */ + footer nav { + display: none; + } + + /* + * Hide button to download export for table. + */ + .btn-group-export { + display: none; + } + + body { + -webkit-print-color-adjust: exact; + } + + footer { + page-break-inside: avoid; + } + + section.page-section { + page-break-inside: avoid; + } + + section.page-section table { + page-break-inside: avoid; + } + + section.page-section:first-child { + margin-top: 50px; + } + + section.page-section { + padding-top: 0; + margin-top: 0; + margin-bottom: 50px; + + border-bottom: none; + } + + section.page-section p.line-chart { + display: none; + } + + /* + * Small grid + * + * Columns, offsets, pushes, and pulls for the small device range, from phones + * to tablets. + */ + + /* @media (min-width: $mobile) { + @include make-grid(print); + }*/ + + @media (min-width: $landscape) { + @include make-grid(print); + + #main table td { + padding-left: 0; + } + + #main table th { + padding-left: 0; + } + + #main table td:first-child { + padding-left: 20px; + } + + #main table th:first-child { + padding-left: 20px; + } + } } \ No newline at end of file Modified: ignite/site/trunk/scss/ignite.scss URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/ignite.scss?rev=1872399&r1=1872398&r2=1872399&view=diff ============================================================================== --- ignite/site/trunk/scss/ignite.scss (original) +++ ignite/site/trunk/scss/ignite.scss Mon Jan 6 23:40:45 2020 @@ -58,6 +58,145 @@ $color-silver: #BDC3C7; $color-concrete: #95A5A6; $color-asbestos: #7F8C8D; + +////////*****EVENTS PAGE CSS 2020 UPDATE*****//////// + + +.round-icon-block-tab { + border-radius: 10px; + background:#eeeeee; + padding:5px; + display: block; + float: left; + margin-right:8px; + + img { + margin:0px auto; + max-width:20px; + width:20px; + display: block; + } +} + +.continent { + display: block; + float: left; +} + + +.meet-groups { + padding:30px; + + ul { + margin-left:0px; + padding-left:0px; + margin-top:5px; + + li { + list-style:none; + margin-bottom:10px; + + a { + font-size:16px; + color:#555555; + } + + a:hover { + color:red; + } + } + } +} + +#meetup-groups { + + li { + a {clear:both; overflow:hidden;} + } + .active { + a {clear:both; overflow:hidden;} + .continent {font-weight:bold; padding-top:1px;} + } + +} + +.sub-head-events { + font-size:24px; + margin-top:20px; + margin-bottom:30px; +} + +.margin-headline { + margin-top:60px !important; +} + +.new-event { + margin-top:20px; + margin-bottom:60px; + padding-bottom:20px; + border-bottom:2px #e1e1e1 dotted; + + .news-date { + font-size: 15px; + color: #888; + } + .news-date:before { + content: "â¢"; + font-size: 14px; + color:#ed1c24; + display:inline-block; + margin-right:5px; + } + + p {margin-top:15px;} + +} +.round-icon-block { + border-radius: 10px; + background:#eeeeee; + padding:15px; + display: block; + img { + margin:0px auto; + max-width:100px; + width:100px; + display: block; + } + p{ text-align: center; margin-top: 10px;} + + } + + +@media (max-width: $mobile) { + + .col-md-4 {margin-top:10px; margin-bottom:40px;} + + .margin-headline {margin-top:15px;} + + .meet-groups {padding-top:0px; padding-bottom:0px; + } + + .continent { + font-size:16px !important; + } + + + } + +@media (max-width: $tablet) { + + .col-md-4 {margin-top:10px; margin-bottom:40px;} + + .margin-headline {margin-top:15px;} + + .meet-groups {padding-top:0px; padding-bottom:0px;} + + } + +///////***/////////****//// + + + .syntaxhighlighter { padding: 10px 5px; border-radius: 6px; @@ -814,10 +953,7 @@ iframe { color: #888; } -.news-date { - font-size: 15px; - color: #888; -} + section.news-section { a > i {
