linaro-jekyll-theme 1.3 → 4.0.1

data/_sass/core/cookies.scss

@@ -0,0 +1,200 @@
+/* Cookie Dialog */
+#gdpr-cookie-message {
+    position: fixed;
+    background-color: #eeeded;
+    padding: 20px;
+    border-radius: 5px;
+    box-shadow: 0 15px 15px rgba(0,0,0,0.25);
+    font-family: 'Lato';
+    z-index: 999999;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: unset;
+    max-width: 100%;
+    margin: 20px;
+
+    button#ihavecookiesBtn {
+        margin-left: 0px !important;
+    }
+    h4 {
+        color: #333;
+        font-family: 'Quicksand', sans-serif;
+        font-size: 18px;
+        font-weight: 500;
+        margin-bottom: 10px;
+    }
+    h5 {
+        color: #a2a2a2;
+        font-family: 'Quicksand', sans-serif;
+        font-size: 15px;
+        font-weight: 500;
+        margin-bottom: 10px;
+    }
+     p,  ul {
+        color: #333;
+        font-size: 15px;
+        line-height: 1.5em;
+    }
+    p:last-child {
+        margin-bottom: 0;
+        text-align: right;
+    }
+    li {
+        width: 49%;
+        display: inline-block;
+    }
+    a {
+        color: $primary;
+        text-decoration: none;
+        font-size: 15px;
+        padding-bottom: 2px;
+        border-bottom: 1px dotted rgba(255,255,255,0.75);
+        transition: all 0.3s ease-in;
+        &:hover {
+            color:#333;
+            border-bottom-color: $primary;
+            transition: all 0.3s ease-in;
+        }
+    }
+    button, button#ihavecookiesBtn {
+        border: none;
+        background: $primary;
+        color: white;
+        font-family: 'Quicksand', sans-serif;
+        font-size: 15px;
+        padding: 7px;
+        border-radius: 3px;
+        margin-left: 15px;
+        margin-bottom: 5px;
+        cursor: pointer;
+        transition: all 0.3s ease-in;
+    }
+    button {
+        &:hover {
+            background: white;
+            color: $primary;
+            transition: all 0.3s ease-in;
+        }
+        &#gdpr-cookie-advanced {
+            background: white;
+            color: $primary;
+        }
+        &:disabled {
+            opacity: 0.3;
+        }
+    }
+    input[type="checkbox"] {
+        float: none;
+        margin-top: 0;
+        margin-right: 5px;
+    }
+}
+
+.df-switch {
+  margin-top: 20px;
+  padding: 2rem;
+  text-align: center;
+}
+.btn-toggle {
+  top: 50%;
+  transform: translateY(-50%);
+}
+.btn-toggle {
+  margin: 0 4rem;
+  padding: 0;
+  position: relative;
+  border: none;
+  height: 1.5rem;
+  width: 5rem;
+  border-radius: 1.5rem;
+  color: #6b7381;
+  background: lightgrey;
+}
+.btn-toggle:focus,
+.btn-toggle.focus,
+.btn-toggle:focus.active,
+.btn-toggle.focus.active {
+  outline: none;
+}
+.btn-toggle:before,
+.btn-toggle:after {
+  line-height: 1.5rem;
+  width: 4rem;
+  text-align: center;
+  font-weight: 600;
+  font-size: 0.75rem;
+  text-transform: uppercase;
+  letter-spacing: 2px;
+  position: absolute;
+  bottom: 0;
+  transition: opacity 0.25s;
+}
+.btn-toggle:before {
+  content: 'off';
+  left: -5rem;
+  color: lightgrey;
+}
+.btn-toggle:after {
+  content: 'on';
+  right: -5rem;
+  opacity: 0.5;
+  color: $primary;
+}
+.btn-toggle > .inner-handle {
+  border-radius: 13px;
+  width: 65px;
+  height: 13px;
+  position: absolute;
+  top: 6px;
+  left: 8px;
+  background-color: lightgrey;
+  box-shadow: inset 1px 1px 2px -1px black;
+}
+.btn-toggle.active > .inner-handle {
+  background-color:$primary;
+}
+.btn-toggle > .handle:before {
+  content: "";
+  position: absolute;
+  height: 34px;
+  width: 34px;
+  top: 35%;
+  left: 11px;
+  background-image: radial-gradient(circle at center, $primary 5px, transparent 5px);
+  background-size: 10px 10px;
+  background-repeat: no-repeat;
+}
+.btn-toggle.active > .handle:before {
+  background-image: radial-gradient(circle at center, $primary 5px, transparent 5px);
+}
+.btn-toggle > .handle {
+  position: absolute;
+  top: -0.2875rem;
+  left: 0.3875rem;
+  width: 2.125rem;
+  height: 2.125rem;
+  border-radius: 1.125rem;
+  background: #fff;
+  transition: left 0.25s;
+  border: 1px solid #ccc;
+}
+.btn-toggle.active {
+  transition: background-color 0.25s;
+}
+.btn-toggle.active > .handle {
+  left: 2.4175rem;
+  transition: left 0.25s;
+}
+.btn-toggle.active:before {
+  opacity: 0.5;
+}
+.btn-toggle.active:after {
+  opacity: 1;
+  color: $primary;
+}
+.btn-toggle.active {
+  background-color: $primary;
+}
+#gdpr-cookie-message button, #gdpr-cookie-message button#ihavecookiesBtn {
+}

data/_sass/core/error.scss

@@ -0,0 +1,190 @@
+svg#Linaro-Sprinkle {
+    background-color: #fff;
+    height: 350px;
+    width: auto;
+}
+svg#Linaro-Sprinkle > path.purple{
+  transform: translateY(0);
+  animation: popup 10s linear infinite;
+}
+svg#Linaro-Sprinkle > path.red{
+  transform: translateY(0);
+  animation: popup-small 9s linear infinite;
+}
+svg#Linaro-Sprinkle > path.green-big{
+  transform: translateY(0);
+  animation: popup 10s linear infinite;
+}
+svg#Linaro-Sprinkle > path.green{
+  transform: translateY(0);
+  animation: popup 7s linear infinite;
+}
+svg#Linaro-Sprinkle > path.purple-big{
+  transform: translateY(0);
+  animation: popup-small 8s linear infinite;
+}
+svg#Linaro-Sprinkle > path.pink{
+  transform: translateY(0);
+  animation: popup-small 11s linear infinite;
+}
+svg#Linaro-Sprinkle > path {
+  opacity: .4;
+}
+svg#Linaro-Sprinkle:hover > path {
+  animation: to-start .3s ease;
+  transform: translateY(0);
+  opacity: .7;
+}
+@keyframes to-start {
+     0% {
+      transform: translateY(40px);
+      opacity:.4;
+    }
+    10% {
+      transform: translateY(35px);
+      opacity:.425;
+    }
+    20% {
+      transform: translateY(30px);
+      opacity:.45;
+    }
+    30% {
+      transform: translateY(25px);
+      opacity:.475;
+    }
+    40% {
+      transform: translateY(20px);
+      opacity:.5;
+    }
+    50% {
+      transform: translateY(15px);
+      opacity:.55;
+    }
+    60% {
+      transform: translateY(10px);
+      opacity:.6;
+    }
+    70% {
+      transform: translateY(5px);
+      opacity:.625;
+    }
+    80% {
+      transform: translateY(0px);
+      opacity:.65;
+    }
+    90% {
+      transform: translateY(0px);
+      opacity:.675;
+    }
+    100% {
+      transform: translateY(0);
+      opacity:.7;
+    }
+}
+
+@keyframes popup {
+    0% {
+      transform: translateY(0);
+    }
+    10% {
+      transform: translateY(20px);
+    }
+    20% {
+      transform: translateY(40px);
+    }
+    30% {
+      transform: translateY(60px);
+    }
+    35% {
+      transform: translateY(80px);
+    }
+    40% {
+      transform: translateY(100px);
+    }
+    45% {
+      transform: translateY(120px);
+    }
+    50% {
+      transform: translateY(140px);
+    }
+    55% {
+      transform: translateY(120px);
+    }
+    60% {
+      transform: translateY(100px);
+    }
+    65% {
+      transform: translateY(80px);
+    }
+    70% {
+      transform: translateY(60px);
+    }
+    80% {
+      transform: translateY(40px);
+    }
+    90% {
+      transform: translateY(20px);
+    }
+    100% {
+      transform: translateY(0);
+    }
+}
+
+@keyframes popup-small {
+    0% {
+      transform: translateY(0);
+    }
+    10% {
+      transform: translateY(20px);
+    }
+    20% {
+      transform: translateY(40px);
+    }
+    30% {
+      transform: translateY(60px);
+    }
+    40% {
+      transform: translateY(70px);
+    }
+    50% {
+      transform: translateY(75px);
+    }
+    60% {
+      transform: translateY(70px);
+    }
+    70% {
+      transform: translateY(60px);
+    }
+    80% {
+      transform: translateY(40px);
+    }
+    90% {
+      transform: translateY(20px);
+    }
+    100% {
+      transform: translateY(0);
+    }
+}
+svg#Linaro-Sprinkle .cls-1,svg#Linaro-Sprinkle .cls-6
+{
+    fill:#9c3 ;
+}
+svg#Linaro-Sprinkle .cls-2,svg#Linaro-Sprinkle .cls-3
+{
+    fill:#c03;
+}
+svg#Linaro-Sprinkle .cls-3{
+    opacity:0.6;
+}
+svg#Linaro-Sprinkle .cls-4,svg#Linaro-Sprinkle .cls-5
+{
+    fill:#909;
+}
+svg#Linaro-Sprinkle .cls-5,svg#Linaro-Sprinkle .cls-6
+{
+    opacity:0.7;
+}
+.row.error_page {
+    background-color: white;
+    text-align: center;
+}

data/_sass/core/featherlight.scss

@@ -0,0 +1,158 @@
+/**
+ * Featherlight – ultra slim jQuery lightbox
+ * Version 1.7.13 - http://noelboss.github.io/featherlight/
+ *
+ * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
+ * MIT Licensed.
+**/
+
+html.with-featherlight {
+	/* disable global scrolling when featherlights are visible */
+	overflow: hidden;
+}
+
+.featherlight {
+	display: none;
+
+	/* dimensions: spanning the background from edge to edge */
+	position:fixed;
+	top: 0; right: 0; bottom: 0; left: 0;
+	z-index: 2147483647; /* z-index needs to be >= elements on the site. */
+
+	/* position: centering content */
+	text-align: center;
+
+	/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
+	white-space: nowrap;
+
+	/* styling */
+	cursor: pointer;
+	background: #333;
+	/* IE8 "hack" for nested featherlights */
+	background: rgba(0, 0, 0, 0);
+}
+
+/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
+.featherlight:last-of-type {
+	background: rgba(0, 0, 0, 0.8);
+}
+
+.featherlight:before {
+	/* position: trick to center content vertically */
+	content: '';
+	display: inline-block;
+	height: 100%;
+	vertical-align: middle;
+}
+
+.featherlight .featherlight-content {
+	/* make content container for positioned elements (close button) */
+	position: relative;
+
+	/* position: centering vertical and horizontal */
+	text-align: left;
+	vertical-align: middle;
+	display: inline-block;
+
+	/* dimensions: cut off images */
+	overflow: auto;
+	padding: 25px 25px 0;
+	border-bottom: 25px solid transparent;
+
+	/* dimensions: handling large content */
+	margin-left: 5%;
+	margin-right: 5%;
+	max-height: 95%;
+
+	/* styling */
+	background: #fff;
+	cursor: auto;
+
+	/* reset white-space wrapping */
+	white-space: normal;
+}
+
+/* contains the content */
+.featherlight .featherlight-inner {
+	/* make sure its visible */
+	display: block;
+}
+
+/* don't show these though */
+.featherlight script.featherlight-inner,
+.featherlight link.featherlight-inner,
+.featherlight style.featherlight-inner {
+	display: none;
+}
+
+.featherlight .featherlight-close-icon {
+	/* position: centering vertical and horizontal */
+	position: absolute;
+	z-index: 9999;
+	top: 0;
+	right: 0;
+
+	/* dimensions: 25px x 25px */
+	line-height: 25px;
+	width: 25px;
+
+	/* styling */
+	cursor: pointer;
+	text-align: center;
+	font-family: Arial, sans-serif;
+	background: #fff; /* Set the background in case it overlaps the content */
+	background: rgba(255, 255, 255, 0.3);
+	color: #000;
+	border: none;
+	padding: 0;
+}
+
+/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
+.featherlight .featherlight-close-icon::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+
+.featherlight .featherlight-image {
+	/* styling */
+	width: 100%;
+}
+
+
+.featherlight-iframe .featherlight-content {
+	/* removed the border for image croping since iframe is edge to edge */
+	border-bottom: 0;
+	padding: 0;
+	-webkit-overflow-scrolling: touch;
+}
+
+.featherlight iframe {
+	/* styling */
+	border: none;
+}
+
+.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+/* handling phones and small screens */
+@media only screen and (max-width: 1024px) {
+	.featherlight .featherlight-content {
+		/* dimensions: maximize lightbox with for small screens */
+		margin-left: 0;
+		margin-right: 0;
+		max-height: 98%;
+
+		padding: 10px 10px 0;
+		border-bottom: 10px solid transparent;
+	}
+}
+
+/* hide non featherlight items when printing */
+@media print {
+	html.with-featherlight > * > :not(.featherlight) {
+		display: none;
+	}
+}