Commit 03e5540a authored by Eric Poirier's avatar Eric Poirier
Browse files

Accessibility changes


Signed-off-by: Eric Poirier's avatarEric Poirier <eric.poirier@eclipse-foundation.org>
parent 2bc39f2f
......@@ -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"
......
......@@ -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>
......
......@@ -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
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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">
......
......@@ -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
......@@ -27,6 +27,6 @@
}
p{
font-size:12px;
color:#cd9250;
color:darken(@brand-primary, 25%);
}
}
\ No newline at end of file
/*!
* 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
......@@ -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
......@@ -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;
}
}
}
......
......@@ -75,7 +75,7 @@
}
}
.timeline-date {
color:#cd9250;
color:#693703;
font-size:12px;
@media screen and (max-width: 767px) {
margin-bottom:;
......
......@@ -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;
......
......@@ -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
......@@ -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';
......
......@@ -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;