diff --git a/config.toml b/config.toml index dc71e7651a4eb04337f684c047458df826f7540d..61df414719662fd748515685b12d7070c1b48824 100644 --- a/config.toml +++ b/config.toml @@ -88,7 +88,7 @@ buildFuture = true [[menu.sidebar]] parent ="adopters" - name = "Testbeds" + name = "Eclipse IoT Open Testbeds" url = "/adopters/testbeds/" pre = "<i data-feather=\"package\"></i>" weight = "2" diff --git a/layouts/adopters/testbeds.html b/layouts/adopters/testbeds.html index 424507525a1ede9d06fa5e625c413546c98fdd4f..cbfd5aca214d687bcabcc6d7e18f63c7fbd30373 100644 --- a/layouts/adopters/testbeds.html +++ b/layouts/adopters/testbeds.html @@ -4,7 +4,7 @@ {{ range sort .Pages "Title" }} <div class="col-sm-8 featured-highlights-item match-height-item-by-row"> <i data-feather="{{ .Params.icon }}" stroke-width="1"></i> - <h3>{{ .Title }}</h3> + <h2 class="h3">{{ .Title }}</h2> <p>{{ .Description }}</p> <p><a href="{{ .Permalink | relURL }}" title="{{ .Title }}">Learn More</a></p> </div> diff --git a/layouts/community/summary.html b/layouts/community/summary.html index 5548ccfde1b2032ee4a2245298659deb137df36a..931fe9ab1e5cf181e6e46b38c25fcb8f8b76769d 100644 --- a/layouts/community/summary.html +++ b/layouts/community/summary.html @@ -17,7 +17,7 @@ {{ else }} <a class="resources-summary-img" href="{{- with .Params.link | default .RelPermalink }} {{.}} {{- end }}"> {{ if .Params.image }} - <img src="{{.Params.image}}"> + <img src="{{.Params.image}}" alt="{{ .Title | safeHTML }}"> {{ else }} <span class="resources-summary-icon"> <i data-feather="{{ .Parent.Params.icon }}" stroke-width="1"></i> @@ -30,9 +30,11 @@ <p class="resources-summary-date">{{ .Date.Format "Monday, Jan 2, 2006" }}</p> <p class="resources-summary-text">{{ .Summary | truncate 50 }}</p> {{ if or (eq .Parent.Title "Case Studies") (eq .Parent.Title "White Papers")}} + <p class="resources-summary-links"> {{if .Params.link}} - <a href="{{.Params.link}}"><i class="fa fa-file-pdf-o" aria-hidden="true"></i></a> + <a href="{{.Params.link}}"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> <span>PDF Link</span></a> {{ end }} - <a href="{{.RelPermalink}}"><i class="fa fa-file-text-o" aria-hidden="true"></i></a> + <a href="{{.RelPermalink}}"><i class="fa fa-file-text-o" aria-hidden="true"></i> <span>HTML Link</span></a> + </p> {{ end }} </div> \ No newline at end of file diff --git a/layouts/shortcodes/home-eclipse-foundation.html b/layouts/shortcodes/home-eclipse-foundation.html index 21c37e8695bc0652463bcb05fc63fd27aa547b9c..bfae2f147d3ecb105cf926bf4855f7568a25a26b 100644 --- a/layouts/shortcodes/home-eclipse-foundation.html +++ b/layouts/shortcodes/home-eclipse-foundation.html @@ -10,10 +10,10 @@ <p>The Eclipse Foundation provides our global community of individuals and organizations with a mature, scalable, and business-friendly environment for open source software collaboration and innovation. The Foundation is home to the Eclipse IDE, Jakarta EE, and over 350 open source projects, including runtimes, tools, and frameworks for a wide range of technology domains such as the Internet of Things, automotive, geospatial, systems engineering, and many others.</p> </div> <div class="col-sm-8 logo"> - <a href="https://www.eclipse.org"><img width="200" src="assets/images/eclipsefdn-logo.svg"></a> + <a href="https://www.eclipse.org"><img width="200" src="assets/images/eclipsefdn-logo.svg" alt="Logo of Eclipse Foundation"></a> </div> <div class="col-sm-4 logo"> - <a href="/"><img width="120" src="assets/images/iot_logo.svg"></a> + <a href="/"><img width="120" src="assets/images/iot_logo.svg" alt="Logo of Eclipse IoT"></a> </div> </div> </div> diff --git a/layouts/shortcodes/home-news.html b/layouts/shortcodes/home-news.html index 522be3ab835bf9568f995c8f846d3a2222f71be6..d437eff77cceb27536a98e54cbfa211b2bbab946 100644 --- a/layouts/shortcodes/home-news.html +++ b/layouts/shortcodes/home-news.html @@ -16,7 +16,7 @@ </div> {{ end }} {{ end }} - <p><a href="/news">MORE</a></p> + <p><a href="/news">View More News</a></p> </div> <div class="col-sm-8 col-sm-offset-2 featured-events text-center"> <h2 class="margin-bottom-20">Upcoming Events</h2> @@ -36,7 +36,7 @@ {{ end }} {{ end }} </div> - <p class="margin-top-20"><a href="/events">ALL EVENTS</a></p> + <p class="margin-top-20"><a href="/events">View All Events</a></p> </div> </div> </div> diff --git a/layouts/shortcodes/page-open-iot-challenge.html b/layouts/shortcodes/page-open-iot-challenge.html index 48569b7cd0dfa35b88a8f8bf92cbf3be631b99e5..ff5bc959060750be56804f71654e93a178168ab2 100644 --- a/layouts/shortcodes/page-open-iot-challenge.html +++ b/layouts/shortcodes/page-open-iot-challenge.html @@ -19,13 +19,13 @@ <div class="col-md-24"> <div class="row"> <div class="col-xs-12 col-sm-8 text-center"> - <img src="/community/open-iot-challenge/images/logo-contact-software.png" class="img-responsive" style="margin:0 auto;"> + <img src="/community/open-iot-challenge/images/logo-contact-software.png" alt="Logo of Contact Software" class="img-responsive" style="margin:0 auto;"> </div> <div class="col-xs-12 col-sm-8 text-center"> - <img width="120" src="/community/open-iot-challenge/images/logo-intel.png" class="img-responsive" style="margin:0 auto;"> + <img width="120" src="/community/open-iot-challenge/images/logo-intel.png" alt="Logo of Intel" class="img-responsive" style="margin:0 auto;"> </div> <div class="col-xs-12 col-sm-8 text-center"> - <img src="/assets/images/iot_logo.svg" class="img-responsive" style="margin:0 auto;"> + <img src="/assets/images/iot_logo.svg" class="img-responsive" alt="Logo of Eclipse IoT" style="margin:0 auto;"> </div> </div> </div> diff --git a/layouts/shortcodes/page-projects.html b/layouts/shortcodes/page-projects.html index 6b67ba9648fa538028949d06304dae0c1e224c57..a28c3600156553bc1493b18a7f5243269af0b98b 100644 --- a/layouts/shortcodes/page-projects.html +++ b/layouts/shortcodes/page-projects.html @@ -13,7 +13,7 @@ <div class="row" id="project-list"> <div class="col-md-16 col-md-offset-4 search-and-sort margin-top-30"> - <input type="text" class="form-control search center-block" placeholder="Start typing to filter projects…"> + <input aria-label="Search for a project" type="text" class="form-control search center-block" placeholder="Start typing to filter projects…"> <div class="margin-top-30 margin-bottom-20"> <p class="margin-bottom-0">Sort by:</p> <button class="btn btn-xs sort btn-secondary " data-sort="downloads"> diff --git a/less/_components/header.less b/less/_components/header.less index 5a1310c9707446367624e0c1ff09cc24ad8e2127..dd50ed9432b8a01fdafa0562da4d081684be56fe 100644 --- a/less/_components/header.less +++ b/less/_components/header.less @@ -65,7 +65,9 @@ z-index:1; } } - +.header-alternate-bg-img-1, .header-alternate-bg-img-2 { + background-color:#2b241b; +} .header-alternate-bg-img-2 { background-image:@header-alternate-bg-img-2; } \ No newline at end of file diff --git a/less/_components/quicksilver/featured-events.less b/less/_components/quicksilver/featured-events.less index 598af3289240ec49f7dabf68f6a85d7a2e237ae7..8d41a79486f1d852edad3254e406b32941202e52 100644 --- a/less/_components/quicksilver/featured-events.less +++ b/less/_components/quicksilver/featured-events.less @@ -27,6 +27,6 @@ } p{ font-size:12px; - color:#cd9250; + color:darken(@brand-primary, 25%); } } \ No newline at end of file diff --git a/less/_components/quicksilver/featured-highlights.less b/less/_components/quicksilver/featured-highlights.less new file mode 100644 index 0000000000000000000000000000000000000000..cd48be55832636c51583885526ab780c2ad47d6a --- /dev/null +++ b/less/_components/quicksilver/featured-highlights.less @@ -0,0 +1,20 @@ +/*! + * Copyright (c) 2020 Eclipse Foundation, Inc. + * + * This program and the accompanying materials are made available under the + * terms of the Eclipse Public License v. 2.0 which is available at + * http://www.eclipse.org/legal/epl-2.0. + * + * Contributors: + * Eric Poirier <eric.poirier@eclipse-foundation.org> + * + * SPDX-License-Identifier: EPL-2.0 +*/ + +.section-highlights { + .h3 { + font-size: 20px; + font-weight: 600; + margin-top: 10px; + } +} \ No newline at end of file diff --git a/less/_components/quicksilver/featured-resources.less b/less/_components/quicksilver/featured-resources.less index 6c5efa8f853b2df8fb5105fdfd5edfbca71f880e..ef664e8e818301ad0cde05c0606ea5e4b1d97683 100644 --- a/less/_components/quicksilver/featured-resources.less +++ b/less/_components/quicksilver/featured-resources.less @@ -23,6 +23,11 @@ .resources-summary { overflow:hidden; margin-bottom:30px; + .resources-summary-links { + a span { + display:none; + } + } .resources-summary-img { display:block; height:120px; @@ -51,12 +56,12 @@ } } .resources-summary-date { - color:#cd9250; + color:darken(@brand-primary, 25%); font-size: 12px; margin-bottom:0; } .resources-summary-text { - color:#7b7b7b; + color:#606060; font-size: 12px; } } \ No newline at end of file diff --git a/less/_components/quicksilver/featured-testimonials.less b/less/_components/quicksilver/featured-testimonials.less index 3f913f040b7344a2b8005ecea4e1396ecbf98eb1..0bc3ccc9baccee17a7e91293cfc11124bbf1a9c2 100644 --- a/less/_components/quicksilver/featured-testimonials.less +++ b/less/_components/quicksilver/featured-testimonials.less @@ -30,7 +30,7 @@ font-weight:bold; } .content { - font-weight:200; + font-weight:300; position:relative; margin-bottom:25px; @media screen and (min-width: 768px) { @@ -61,7 +61,7 @@ .author { font-weight:300; .job-title { - color:#8a8a8a; + color:#693703; } } } diff --git a/less/_components/quicksilver/featured-timeline.less b/less/_components/quicksilver/featured-timeline.less index b989b129b6cd94cb34c8a8e387b977b9b9dfb4c4..5c1b04a4dbbbcc48493235c4185da0b495202f3c 100644 --- a/less/_components/quicksilver/featured-timeline.less +++ b/less/_components/quicksilver/featured-timeline.less @@ -75,7 +75,7 @@ } } .timeline-date { - color:#cd9250; + color:#693703; font-size:12px; @media screen and (max-width: 767px) { margin-bottom:; diff --git a/less/_components/sidebar.less b/less/_components/sidebar.less index 067deedf6d16e0b69c66bbb8ef0ac2b1fe9f8793..c960aeb276e6e86d204ba3c652e019bfa189fd3f 100644 --- a/less/_components/sidebar.less +++ b/less/_components/sidebar.less @@ -23,11 +23,25 @@ a { color:#fff; } + &:hover { + background-color: darken(@brand-secondary, 15%); + } + } + &:hover:not(.active) { + background-color: darken(#f1f1f1, 15%); + a { + color:darken(@main-sidebar-color, 20%); + } } } .sidebar-sub-items { background-color:#fff; margin-top:-20px; + a { + &:hover { + font-weight:bold; + } + } } .sidebar-sub-item { padding:0 0 8px 15px; diff --git a/less/_variables.less b/less/_variables.less index 5ab4a822cdc97d8cf31ac57d7aae26468ec240cb..0210634e58995fcd48928a3dc91e4d98c6b6929f 100644 --- a/less/_variables.less +++ b/less/_variables.less @@ -15,7 +15,7 @@ @font-family-sans-serif: "Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; //== Colors -@brand-primary: #f69222; // Orange +@brand-primary: #E57707; // Orange @brand-secondary: #536a75; // Blue @brand-tertiary: #58595B; // Dark Gray @brand-quaternary: #efefef; // Light Gray @@ -66,6 +66,6 @@ @header-alternate-bg-img-2:url('images/iot_alternate_bg-2.jpg'); @main-sidebar-bg:transparent; -@main-sidebar-color:#7093a5; +@main-sidebar-color:#526f7d; @header-row-padding-bottom:30px; \ No newline at end of file diff --git a/less/styles.less b/less/styles.less index 827ba0386f30b13db8706d74fa4d15dfa546988f..015e5cf928bceb053149dd148be99f901a55b3de 100644 --- a/less/styles.less +++ b/less/styles.less @@ -23,6 +23,7 @@ @import '_components/quicksilver/featured-testimonials.less'; @import '_components/quicksilver/featured-timeline.less'; @import '_components/quicksilver/featured-resources.less'; +@import '_components/quicksilver/featured-highlights.less'; @import '_components/header.less'; @import '_components/homepage.less'; @import '_components/sidebar.less'; diff --git a/static/assets/css/styles.css b/static/assets/css/styles.css index a36c189d94ff6c2d093eb9205e4ec86d182bc619..4ac42a0b2990d859face8f5e4ae0f29f5c3f2c9d 100644 --- a/static/assets/css/styles.css +++ b/static/assets/css/styles.css @@ -3447,12 +3447,12 @@ textarea { line-height: inherit; } a { - color: #f69222; + color: #E57707; text-decoration: none; } a:hover, a:focus { - color: #c46b08; + color: #9b5005; text-decoration: underline; } a:focus { @@ -3685,11 +3685,11 @@ mark, color: #777777; } .text-primary { - color: #f69222; + color: #E57707; } a.text-primary:hover, a.text-primary:focus { - color: #dc7809; + color: #b45d05; } .text-success { color: #3c763d; @@ -3721,11 +3721,11 @@ a.text-danger:focus { } .bg-primary { color: #fff; - background-color: #f69222; + background-color: #E57707; } a.bg-primary:hover, a.bg-primary:focus { - background-color: #dc7809; + background-color: #b45d05; } .bg-success { background-color: #dff0d8; @@ -6212,27 +6212,27 @@ fieldset[disabled] .btn-default.focus { } .btn-primary { color: #fff; - background-color: #f69222; - border-color: #f69222; + background-color: #E57707; + border-color: #E57707; } .btn-primary:focus, .btn-primary.focus { color: #fff; - background-color: #dc7809; - border-color: #935006; + background-color: #b45d05; + border-color: #693703; } .btn-primary:hover { color: #fff; - background-color: #dc7809; - border-color: #d27309; + background-color: #b45d05; + border-color: #aa5805; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; - background-color: #dc7809; + background-color: #b45d05; background-image: none; - border-color: #d27309; + border-color: #aa5805; } .btn-primary:active:hover, .btn-primary.active:hover, @@ -6244,8 +6244,8 @@ fieldset[disabled] .btn-default.focus { .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; - background-color: #ba6608; - border-color: #935006; + background-color: #914b04; + border-color: #693703; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, @@ -6256,11 +6256,11 @@ fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { - background-color: #f69222; - border-color: #f69222; + background-color: #E57707; + border-color: #E57707; } .btn-primary .badge { - color: #f69222; + color: #E57707; background-color: #fff; } .btn-success { @@ -6371,27 +6371,27 @@ fieldset[disabled] .btn-info.focus { } .btn-warning { color: #fff; - background-color: #f69222; - border-color: #f69222; + background-color: #E57707; + border-color: #E57707; } .btn-warning:focus, .btn-warning.focus { color: #fff; - background-color: #dc7809; - border-color: #935006; + background-color: #b45d05; + border-color: #693703; } .btn-warning:hover { color: #fff; - background-color: #dc7809; - border-color: #d27309; + background-color: #b45d05; + border-color: #aa5805; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; - background-color: #dc7809; + background-color: #b45d05; background-image: none; - border-color: #d27309; + border-color: #aa5805; } .btn-warning:active:hover, .btn-warning.active:hover, @@ -6403,8 +6403,8 @@ fieldset[disabled] .btn-info.focus { .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; - background-color: #ba6608; - border-color: #935006; + background-color: #914b04; + border-color: #693703; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, @@ -6415,11 +6415,11 @@ fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { - background-color: #f69222; - border-color: #f69222; + background-color: #E57707; + border-color: #E57707; } .btn-warning .badge { - color: #f69222; + color: #E57707; background-color: #fff; } .btn-danger { @@ -6477,7 +6477,7 @@ fieldset[disabled] .btn-danger.focus { } .btn-link { font-weight: 400; - color: #f69222; + color: #E57707; border-radius: 0; } .btn-link, @@ -6496,7 +6496,7 @@ fieldset[disabled] .btn-link { } .btn-link:hover, .btn-link:focus { - color: #c46b08; + color: #9b5005; text-decoration: underline; background-color: transparent; } @@ -6634,7 +6634,7 @@ tbody.collapse.in { .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; - background-color: #f69222; + background-color: #E57707; outline: 0; } .dropdown-menu > .disabled > a, @@ -7067,7 +7067,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn { .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; - border-color: #f69222; + border-color: #E57707; } .nav .nav-divider { height: 1px; @@ -7160,7 +7160,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn { .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; - background-color: #f69222; + background-color: #E57707; } .nav-stacked > li { float: none; @@ -7784,7 +7784,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { padding: 8px 12px; margin-left: -1px; line-height: 1.42857143; - color: #f69222; + color: #E57707; text-decoration: none; background-color: #fff; border: 1px solid #ddd; @@ -7794,7 +7794,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; - color: #c46b08; + color: #9b5005; background-color: #eeeeee; border-color: #ddd; } @@ -7818,8 +7818,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { z-index: 3; color: #fff; cursor: default; - background-color: #f69222; - border-color: #f69222; + background-color: #E57707; + border-color: #E57707; } .pagination > .disabled > span, .pagination > .disabled > span:hover, @@ -7935,11 +7935,11 @@ a.label:focus { background-color: #5e5e5e; } .label-primary { - background-color: #f69222; + background-color: #E57707; } .label-primary[href]:hover, .label-primary[href]:focus { - background-color: #dc7809; + background-color: #b45d05; } .label-success { background-color: #5cb85c; @@ -7956,11 +7956,11 @@ a.label:focus { background-color: #3f4041; } .label-warning { - background-color: #f69222; + background-color: #E57707; } .label-warning[href]:hover, .label-warning[href]:focus { - background-color: #dc7809; + background-color: #b45d05; } .label-danger { background-color: #d9534f; @@ -8003,7 +8003,7 @@ a.badge:focus { } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { - color: #f69222; + color: #E57707; background-color: #fff; } .list-group-item > .badge { @@ -8076,7 +8076,7 @@ a.badge:focus { a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { - border-color: #f69222; + border-color: #E57707; } .thumbnail .caption { padding: 9px; @@ -8189,7 +8189,7 @@ a.thumbnail.active { line-height: 40px; color: #fff; text-align: center; - background-color: #f69222; + background-color: #E57707; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); transition: width 0.6s ease; } @@ -8216,7 +8216,7 @@ a.thumbnail.active { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { - background-color: #f69222; + background-color: #E57707; } .progress-striped .progress-bar-warning { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); @@ -8318,8 +8318,8 @@ a.thumbnail.active { .list-group-item.active:focus { z-index: 2; color: #fff; - background-color: #f69222; - border-color: #f69222; + background-color: #E57707; + border-color: #E57707; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, @@ -8335,7 +8335,7 @@ a.thumbnail.active { .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { - color: #fef3e6; + color: #fddcbb; } a.list-group-item, button.list-group-item { @@ -8734,22 +8734,22 @@ button.list-group-item-danger.active:focus { border-bottom-color: #ddd; } .panel-primary { - border-color: #f69222; + border-color: #E57707; } .panel-primary > .panel-heading { color: #fff; - background-color: #f69222; - border-color: #f69222; + background-color: #E57707; + border-color: #E57707; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #f69222; + border-top-color: #E57707; } .panel-primary > .panel-heading .badge { - color: #f69222; + color: #E57707; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #f69222; + border-bottom-color: #E57707; } .panel-success { border-color: #d6e9c6; @@ -9855,8 +9855,8 @@ button.close { } .btn-transparent:hover, .btn-transparent:active { - color: #f69222; - border-color: #f69222; + color: #E57707; + border-color: #E57707; background: #ccc; } .btn-transparent .caret { @@ -10143,7 +10143,7 @@ fieldset[disabled] .btn-grey.focus { padding-bottom: 0; } .nav-tabs > li a:hover { - background: #f69222; + background: #E57707; color: #fff; } .tab-content { @@ -10188,7 +10188,7 @@ fieldset[disabled] .btn-grey.focus { margin-top: 10px; } .section-highlights .featured-highlights-item .feather { - stroke: #f69222; + stroke: #E57707; width: 40px; height: 40px; } @@ -10479,7 +10479,7 @@ fieldset[disabled] .btn-grey.focus { } .news-list .news-list-icon .feather { height: 50px; - stroke: #f69222; + stroke: #E57707; width: 50px; } .news-list .media-link { @@ -10490,7 +10490,7 @@ fieldset[disabled] .btn-grey.focus { padding: 30px; } .news-list .media-link:hover { - background-color: #fcdbb5; + background-color: #fbc38a; color: #484848; text-decoration: none; } @@ -10524,7 +10524,7 @@ fieldset[disabled] .btn-grey.focus { padding-left: 10px; } .news-list .news-list-links .fa-rss { - color: #f69222; + color: #E57707; font-size: 18px; margin-left: 10px; position: relative; @@ -10551,7 +10551,7 @@ fieldset[disabled] .btn-grey.focus { .block-summary-title .feather { margin-bottom: 0; height: 50px; - stroke: #f69222; + stroke: #E57707; width: 50px; } .block-summary-item { @@ -10561,7 +10561,7 @@ fieldset[disabled] .btn-grey.focus { cursor: pointer; } .block-summary-item:hover { - background-color: #fcdbb5; + background-color: #fbc38a; } .block-summary-item:last-child { margin-bottom: 10px; @@ -10598,7 +10598,7 @@ fieldset[disabled] .btn-grey.focus { padding-left: 10px; } .block-summary-more .fa-rss { - color: #f69222; + color: #E57707; font-size: 18px; margin-left: 10px; position: relative; @@ -10709,7 +10709,7 @@ fieldset[disabled] .btn-grey.focus { font-weight: 400; margin-bottom: 10px; margin-top: 0; - color: #f69222; + color: #E57707; } @media (min-width: 992px) { .featured-jumbotron.alternate h1 { @@ -10738,7 +10738,7 @@ fieldset[disabled] .btn-grey.focus { } } .featured-jumbotron.alternate .featured-jumbotron-alternate-highlight { - color: #f69222; + color: #E57707; } /* * Copyright (c) 2018 Eclipse Foundation, Inc. @@ -10945,7 +10945,7 @@ fieldset[disabled] .btn-grey.focus { .featured-circle { display: block; text-align: center; - background-color: #f69222; + background-color: #E57707; margin: 0 auto 20px; } .featured-circle .feather { @@ -10954,14 +10954,14 @@ fieldset[disabled] .btn-grey.focus { .featured-circle-outline { display: block; text-align: center; - border: 2px solid #f69222; + border: 2px solid #E57707; margin: 0 auto 20px; width: 80px; height: 80px; border-radius: 80px; } .featured-circle-outline .icon { - color: #f69222; + color: #E57707; } .featured-circle-stats { width: 70px; @@ -11641,7 +11641,7 @@ body.solstice-footer-min main { } #main-menu .nav > li .dropdown-menu > li.active a:link, #main-menu .nav > li .dropdown-menu > li.active a:visited { - background: #f69222; + background: #E57707; color: #fff; } #main-menu .nav > li .dropdown-menu > li.active a:hover, @@ -11732,10 +11732,10 @@ body.solstice-footer-min main { color: #6b655f; } #main-menu .dropdown-menu a:hover { - color: #f69222; + color: #E57707; } #main-menu .dropdown-menu a:active { - color: #f69222; + color: #E57707; } #main-menu .dropdown-menu .yamm-content a { margin: 0; @@ -12061,7 +12061,7 @@ div#novaContent { color: #7b778e; } .header_nav ul a:hover { - color: #f69222; + color: #E57707; } .header_nav ul a i { font-size: 30px; @@ -12251,7 +12251,7 @@ div#novaContent { } .timeline li:before { content: "\BB"; - color: #f69222; + color: #E57707; margin-left: -16px; margin-right: 10px; display: block; @@ -12307,7 +12307,7 @@ div#novaContent { color: #2f2f2f; } .toolbar-menu .breadcrumb a:hover { - color: #f69222; + color: #E57707; } .toolbar-menu .breadcrumb a.active { color: #371e1d; @@ -12378,7 +12378,7 @@ div#novaContent { } .toolbar-row .toolbar-left-content a { font-weight: bold; - color: #f69222; + color: #E57707; } .toolbar-contrast { background: #f1f1f1; @@ -12553,7 +12553,7 @@ div#novaContent { * SPDX-License-Identifier: EPL-2.0 */ .brand-primary { - color: #f69222; + color: #E57707; } .brand-secondary { color: #536a75; @@ -12574,7 +12574,7 @@ div#novaContent { color: #58595B; } .brand-warning { - color: #f69222; + color: #E57707; } .brand-danger { color: #d9534f; @@ -12616,7 +12616,7 @@ div#novaContent { color: #9c9c9c; } .background-primary { - background: #f69222; + background: #E57707; color: #fff; } .background-primary h2, @@ -12712,7 +12712,7 @@ div#novaContent { color: #000000; } .label-purple { - background-color: #f69222; + background-color: #E57707; } #novaContent.background-image-none { background-image: none; @@ -12921,7 +12921,7 @@ ul.circles-list > li:before { color: #969696; } .list-checkmark a:hover { - color: #f69222; + color: #E57707; } .list-padding li { padding-bottom: 25px; @@ -13484,7 +13484,7 @@ ul.list-no-bullets { font-weight: 700; } .emphasis { - color: #f69222; + color: #E57707; font-weight: 700; } .ellipsis { @@ -13657,7 +13657,7 @@ img.desaturate { } .form-control:focus { box-shadow: none; - border-color: #f69222; + border-color: #E57707; } .textfield-underline { border-top: none; @@ -13758,9 +13758,9 @@ img.desaturate { text-decoration: underline; } #main-menu li .dropdown-menu:before { - border-right: 1px solid #f69222; - border-left: 1px solid #f69222; - background-color: #f69222; + border-right: 1px solid #E57707; + border-left: 1px solid #E57707; + background-color: #E57707; display: block; content: ""; height: 5px; @@ -13851,7 +13851,7 @@ img.desaturate { left: inherit; right: 0; margin-top: 10px; - border-top: 5px solid #f69222; + border-top: 5px solid #E57707; font-size: 12px; font-weight: 300; min-width: 200px; @@ -13951,12 +13951,12 @@ img.desaturate { border-bottom: 1px solid #D9D9D9 !important; } .gsc-search-button-v2 { - border: 1px solid #f69222 !important; + border: 1px solid #E57707 !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; - background-color: #f69222 !important; - background-image: linear-gradient(to bottom, #f69222, #f69222) !important; + background-color: #E57707 !important; + background-image: linear-gradient(to bottom, #E57707, #E57707) !important; } .main-page-title { padding: 20px 0 0; @@ -13968,7 +13968,7 @@ img.desaturate { padding-right: 15px; } #main-sidebar { - color: #7093a5; + color: #526f7d; position: relative; } #main-sidebar .main-sidebar-html-block { @@ -14000,7 +14000,7 @@ img.desaturate { } #main-sidebar a, #main-sidebar a:hover { - color: #7093a5; + color: #526f7d; } #main-sidebar .separator { font-size: 18px; @@ -14094,7 +14094,7 @@ img.desaturate { font-size: 24px; } .featured-events a { - color: #f69222; + color: #E57707; } .events-item { margin-bottom: 30px; @@ -14104,7 +14104,7 @@ img.desaturate { } .events-item p { font-size: 12px; - color: #cd9250; + color: #693703; } /*! * Copyright (c) 2020 Eclipse Foundation, Inc. @@ -14172,7 +14172,7 @@ img.desaturate { } } .featured-news a { - color: #f69222; + color: #E57707; } .featured-news .news-item { margin-bottom: 30px; @@ -14203,7 +14203,7 @@ img.desaturate { height: 45px; } .featured-news .news-date { - color: #935006; + color: #693703; margin-bottom: 5px; } .featured-news-fullpage { @@ -14342,7 +14342,7 @@ img.desaturate { } } .featured-testimonials .testimonial-item .fa { - color: #f69222; + color: #E57707; font-size: 30px; font-weight: bold; } @@ -14350,7 +14350,7 @@ img.desaturate { font-weight: bold; } .featured-testimonials .testimonial-item .content { - font-weight: 200; + font-weight: 300; position: relative; margin-bottom: 25px; } @@ -14385,7 +14385,7 @@ img.desaturate { font-weight: 300; } .featured-testimonials .testimonial-item .author .job-title { - color: #8a8a8a; + color: #693703; } /* * Copyright (c) 2020 Eclipse Foundation, Inc. @@ -14461,7 +14461,7 @@ img.desaturate { color: #536a75; } .featured-timeline .timeline-date { - color: #cd9250; + color: #693703; font-size: 12px; } @media screen and (max-width: 767px) { @@ -14492,6 +14492,9 @@ img.desaturate { overflow: hidden; margin-bottom: 30px; } +.resources-summary .resources-summary-links a span { + display: none; +} .resources-summary .resources-summary-img { display: block; height: 120px; @@ -14518,12 +14521,12 @@ img.desaturate { font-weight: 400; } .resources-summary .resources-summary-date { - color: #cd9250; + color: #693703; font-size: 12px; margin-bottom: 0; } .resources-summary .resources-summary-text { - color: #7b7b7b; + color: #606060; font-size: 12px; } /*! @@ -14538,6 +14541,23 @@ img.desaturate { * * SPDX-License-Identifier: EPL-2.0 */ +.section-highlights .h3 { + font-size: 20px; + font-weight: 600; + margin-top: 10px; +} +/*! + * Copyright (c) 2020 Eclipse Foundation, Inc. + * + * This program and the accompanying materials are made available under the + * terms of the Eclipse Public License v. 2.0 which is available at + * http://www.eclipse.org/legal/epl-2.0. + * + * Contributors: + * Eric Poirier <eric.poirier@eclipse-foundation.org> + * + * SPDX-License-Identifier: EPL-2.0 +*/ #main-menu li > a, .header-wrapper .featured-jumbotron h1, .header-wrapper .featured-jumbotron p { @@ -14587,6 +14607,10 @@ img.desaturate { background-size: cover; z-index: 1; } +.header-alternate-bg-img-1, +.header-alternate-bg-img-2 { + background-color: #2b241b; +} .header-alternate-bg-img-2 { background-image: url(../images/iot_alternate_bg-2.jpg?f7e25884bba11f14839935e6c551a9ae); } @@ -14648,10 +14672,22 @@ img.desaturate { #main-sidebar .sidebar-item.active a { color: #fff; } +#main-sidebar .sidebar-item.active:hover { + background-color: #334148; +} +#main-sidebar .sidebar-item:hover:not(.active) { + background-color: #cbcbcb; +} +#main-sidebar .sidebar-item:hover:not(.active) a { + color: #2a383f; +} #main-sidebar .sidebar-sub-items { background-color: #fff; margin-top: -20px; } +#main-sidebar .sidebar-sub-items a:hover { + font-weight: bold; +} #main-sidebar .sidebar-sub-item { padding: 0 0 8px 15px; margin-bottom: 0; diff --git a/static/assets/js/projects.js b/static/assets/js/projects.js index 70241fa4897b58b1ad9ca586bc6fa72f6959c523..8ce7d5e5f58534f10b2799853a7d954753eb3351 100644 --- a/static/assets/js/projects.js +++ b/static/assets/js/projects.js @@ -257,6 +257,7 @@ var project_state_aliases = { projectInfo.logo = value.logo || '//fakeimg.pl/400x200/f5f5f5/000/?text=' + title //; || 'https://placeholdit.imgix.net/~text?txtsize=42&txt=' + title + '&w=200&h=80&bg=f5f5f5&txtclr=000000' ; //|| 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='; projectInfo.id = id; projectInfo.name = title; + projectInfo.logo_alt = title; console.log(project_states[value.id]) @@ -290,7 +291,7 @@ var project_state_aliases = { item: '<li class="col-md-24"><div class="media">\ <div class="row"><div class="col-sm-4">\ <a href="#" class="link">\ - <img class="media-object img-responsive logo">\ + <img class="media-object img-responsive logo logo_alt" alt="project">\ </a>\ </div>\ <div class="col-sm-20">\ @@ -300,9 +301,9 @@ var project_state_aliases = { <p class="description col-md-16"></p>\ <div class="col-md-8 details"><div class="row">\ <p class="downloads" style="display:none;"></p>\ - <div class="col-md-24"><p>Monthly downloads: <span class="badge downloadsHuman">50K+</span></a></p></div>\ - <div class="col-md-24"><p>Latest release: <span class="badge version">1.4</span></a></p></div>\ - <div class="col-md-24 margin-bottom-10"><p>Project status: <span class="badge project_state">Incubating</span></a></p></div>\ + <div class="col-md-24"><p>Monthly downloads: <span class="badge downloadsHuman">50K+</span></p></div>\ + <div class="col-md-24"><p>Latest release: <span class="badge version">1.4</span></p></div>\ + <div class="col-md-24 margin-bottom-10"><p>Project status: <span class="badge project_state">Incubating</span></p></div>\ <div class="col-md-24"><p><a class="btn btn-sm btn-primary downloadUrl" href="#">Getting Started</a></p></div>\ </div></div>\ </div>\ @@ -315,7 +316,9 @@ var project_state_aliases = { name: 'link', attr: 'href' }, { - name: 'downloadUrl', attr:'href' + name: 'downloadUrl', attr:'href', + }, { + name: 'logo_alt', attr: 'alt' }, 'labels', 'project_state' ]