docs: Improve home page

Organize CSS and Javascript files into directories, separating vendor
source code from home-grown.

Separate new properties and selectors in Bootstrap CSS (already edited
for Hugo) from:
1. Original property values; and
2. Changed property values.

For the home page:

1. Clarify the English text;
2. Add some element names to classes in CSS selectors (to speed loading);
3. Document the Owl Carousel and Highlight.js versions;
4. Add Owl Carousel's license;
5. Restore HTML comments to browser source views;
6. Make the beginning GitHub button transparent on focus (like the others);

7. For the final, colored Twitter and Github buttons:
  a. Remove the dotted box on focus; and
  b. Color them green on active.

8. To increase (layout/) source readability:
  a. Place `class` attributes before `href` attributes;
  b. In `class` attributes, place more-specific class names before
     less-specific; and
  c. Comment the beginnings and ends of Bootstrap rows.

9. To increase understandability during development:
  a. Document the meaning of CSS file, `HPstyles` by renaming it to
     `home-page-style`;
  b. Move inline styling to CSS stylesheets;
  c. Separate @media queries to a file;
  d. Separate the inline Owl Carousel custom Javascript to a file;
  e. Use regular Owl Carousel CSS files instead of minified ones; and
  f. Rename the wide, landscape desk background image filename from
     `desk-long` to `desk-wide`.
This commit is contained in:
Mark D. Blackwell
2016-10-01 22:19:22 -04:00
parent ffbf3dd319
commit 88ec7d88d1
31 changed files with 679 additions and 370 deletions

View File

@@ -0,0 +1,65 @@
/*!
* Bootstrap for http://gohugo.io/
* additional property-value pairs, for selectors already in Bootstrap;
* also, additional Bootstrap-like selectors
*
* Keep all such property additions to Bootstrap v3.3.6 here.
*
* Here, maintain the same order as the original Bootstrap file.
*
* Keep any additional Bootstrap-like selectors at the bottom.
*
* Copyright 2013-2016 Steve Francia and the Hugo Authors
*
* Based on 'dist/css/bootstrap.css' from:
*
* Bootstrap v3.3.6 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.btn {
-webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
transition: all 0.15s;
}
.btn-primary:focus,
.btn-primary:active,
.btn-success:focus,
.btn-success:active,
.btn-info:focus,
.btn-info:active {
background-color: transparent;
}
.btn-default:hover,
.btn-default:active,
.btn-primary:hover,
.btn-primary:active,
.btn-success:hover,
.btn-success:active,
.btn-info:hover,
.btn-info:active {
outline: none;
}
/* additional Bootstrap-like selectors */
.btn-repo {
border-color: black;
background-color: rgba(30, 30, 30, 0.8);
color: white;
}
.btn-repo:focus,
.btn-repo:active {
color: black;
}
.btn-repo:hover {
background-color: aliceblue;
}
.btn-repo:focus,
.btn-repo:active {
background-color: transparent;
}
.btn-repo:hover,
.btn-repo:active {
outline: none;
}

View File

@@ -0,0 +1,136 @@
/*!
* Bootstrap for http://gohugo.io/
* value changes to properties in Bootstrap selectors;
* Bootstrap must already have the same properties in the same selectors.
*
* Keep all such value changes to Bootstrap v3.3.6 here.
*
* Here, maintain the same order as the original Bootstrap file.
*
* Keep all new properties, for new or existing selectors,
* in other stylesheets.
*
* Copyright 2013-2016 Steve Francia and the Hugo Authors
*
* Based on 'dist/css/bootstrap.css' from:
*
* Bootstrap v3.3.6 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
body {
font-family: Lato;
color: #2b2b2b;
}
a {
color: #ff4088;
}
a:hover,
a:focus {
color: #ff4088;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Lato;
font-weight: 400;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Consolas, 'DejaVu Sans Mono',
'Bitstream Vera Sans Mono', 'Lucida Console', Monaco,
'Droid Sans Mono', monospace;
}
legend {
color: #2b2b2b;
border-bottom: 1px solid #c7c7cc;
}
.btn:focus {
/*outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;*/
outline: none;
}
.btn:hover,
.btn:focus {
color: #2b2b2b;
}
.btn-default:focus {
color: #fff;
background-color: #9e9e9e;
border-color: #9e9e9e;
}
.btn-default:hover {
color: #fff;
background-color: #9e9e9e;
border-color: #9e9e9e;
}
.btn-default:active {
color: #fff;
background-color: #9e9e9e;
border-color: #9e9e9e;
}
.btn-primary {
background-color: #007aff;
border-color: #007aff;
}
.btn-primary:focus {
color: #007aff;
border-color: #007aff;
}
.btn-primary:hover {
color: #007aff;
background-color: aliceblue;
border-color: #007aff;
}
.btn-primary:active {
color: #007aff;
border-color: #007aff;
}
.btn-success {
background-color: #4cd964;
border-color: #4cd964;
}
.btn-success:focus {
color: #4cd964;
border-color: #4cd964;
}
.btn-success:hover {
color: #4cd964;
background-color: aliceblue;
border-color: #4cd964;
}
.btn-success:active {
color: #4cd964;
border-color: #4cd964;
}
.btn-info {
background-color: #34aadc;
border-color: #34aadc;
}
.btn-info:focus {
color: #34aadc;
border-color: #34aadc;
}
.btn-info:hover {
color: #34aadc;
background-color: aliceblue;
border-color: #34aadc;
}
.btn-info:active {
color: #34aadc;
border-color: #34aadc;
}
.panel {
border: 0px solid transparent;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.panel-body {
padding: 15px 15px 0px 15px;
}

View File

@@ -1,9 +1,10 @@
/*!
* Bootstrap for http://gohugo.io/
* with some customizations and with many unused selectors removed
* Copyright 2013-2015 Steve Francis and the Hugo Authors
* with many unused property-value pairs, as well as selectors, removed
*
* Based on:
* Copyright 2013-2016 Steve Francia and the Hugo Authors
*
* Based on 'dist/css/bootstrap.css' from:
*
* Bootstrap v3.3.6 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
@@ -227,10 +228,10 @@ html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: Lato;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #2b2b2b;
color: #333;
background-color: #fff;
}
input,
@@ -242,12 +243,12 @@ textarea {
line-height: inherit;
}
a {
color: #ff4088;
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #ff4088;
color: #23527c;
text-decoration: underline;
}
a:focus {
@@ -273,8 +274,8 @@ h3,
h4,
h5,
h6 {
font-family: Lato;
font-weight: 400;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
@@ -381,7 +382,7 @@ code,
kbd,
pre,
samp {
font-family: Menlo, Consolas, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', Monaco, 'Droid Sans Mono', monospace;
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
@@ -1097,9 +1098,9 @@ legend {
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #2b2b2b;
color: #333;
border: 0;
border-bottom: 1px solid #c7c7cc;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
@@ -1137,81 +1138,102 @@ label {
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
-webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
transition: all 0.15s;
}
.btn:focus {
/*outline: thin dotted;
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;*/
outline: none;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
color: #2b2b2b;
color: #333;
text-decoration: none;
}
.btn:active {
outline: 0;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active {
color: #fff;
background-color: #9e9e9e;
border-color: #9e9e9e;
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active {
background-image: none;
}
.btn-primary {
color: #fff;
background-color: #007aff;
border-color: #007aff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:focus {
color: #fff;
border-color: #122b40;
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
color: #007aff;
border-color: #007aff;
background: transparent;
color: #fff;
border-color: #204d74;
}
.btn-primary:active {
background-image: none;
}
.btn-success {
color: #fff;
background-color: #4cd964;
border-color: #4cd964;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus {
color: #fff;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
color: #4cd964;
background: transparent;
border-color: #4cd964;
color: #fff;
border-color: #398439;
}
.btn-success:active {
background-image: none;
outline: none;
}
.btn-info {
color: #fff;
background-color: #34aadc;
border-color: #34aadc;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
color: #34aadc;
background: transparent;
border-color: #34aadc;
.btn-info:focus {
color: #fff;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active {
background-image: none;
color: #fff;
border-color: #269abc;
}
.btn-lg,
.btn-group-lg > .btn {
@@ -1266,12 +1288,12 @@ label {
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 0px solid transparent;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
border: 1px solid transparent;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
padding: 15px 15px 0px 15px;
padding: 15px;
}
.carousel {
position: relative;

View File

@@ -0,0 +1,44 @@
/* full page image header area */
@media (min-width: 1024.1px) {
.header {
background-image: url('../img/desk.jpg');
}
}
@media (max-width: 319.9px) {
.header {
background-image: url('../img/desk-sm.jpg');
}
}
@media (max-width: 319.9px), (min-width: 1024.1px) {
.header {
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
}
@media (min-width: 320px) and (max-width: 1024px) {
.header {
background-position: 0% 0%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
}
}
@media (min-width: 320px) and (max-width: 1024px) and (orientation: portrait) {
.header {
background-image: url('../img/desk-mini.jpg');
}
}
@media (min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
.header {
background-image: url('../img/desk-wide.jpg');
}
}

View File

@@ -1,270 +1,194 @@
/* Global Styles */
/* global styles */
html,
body {
height: 100%;
html {
width: 100%;
height: 100%;
letter-spacing: 0.5px;
}
body {
width: 100%;
height: 100%;
letter-spacing: 0.5px;
line-height: 1.6;
font-family: 'Arbutus Slab', "Helvetica Neue", "Helvetica", sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Cabin', "Helvetica Neue", "Helvetica", sans-serif;
}
body {
font-family: 'Arbutus Slab', "Helvetica Neue", "Helvetica", sans-serif !important;
line-height: 1.6;
}
.vert-text {
div.vert-text {
display: table-cell;
vertical-align: middle;
text-align: center;
}
/* full page image header area */
/* Full Page Image Header Area */
.header {
display: table;
height: 70%;
width: 100%;
min-height: 70%;
position: relative;
background: url(../img/desk.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: 99999;
background-color: black;
}
.logo {
max-width: 35em;
width: 100%;
padding: 2em;
}
.buttonbox {
div.buttonbox {
margin: 2em 0 4em;
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px)
and (orientation : portrait)
{
.header {
display: table;
height: 70%;
width: 100%;
position: relative;
background: url(../img/desk-mini.jpg) no-repeat;
background-size: 100% 100%;
z-index: 99999;
background-color: black;
}
img.logo {
padding: 2em;
width: 100%;
max-width: 35em;
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.header {
display: table;
height: 70%;
width: 100%;
position: relative;
background: url(../img/desk-long.jpg) no-repeat;
background-size: 100% 100%;
z-index: 99999;
background-color: black;
}
}
.header .btn {
margin: 10px;
}
#main {
z-index: 99999;
div#main {
position: relative;
z-index: 99999;
background: rgb(255, 255, 255);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.header .btn {
.header {
display: table;
position: relative;
width: 100%;
height: 70%;
min-height: 70%;
z-index: 99999;
background-color: black;
background-repeat: no-repeat;
}
.header a.btn {
margin: 10px;
font-weight: 100;
}
/* Intro */
.counterpoint {
padding: 50px 0;
background-color: rgb(255, 252, 244);
}
.point {
background: rgb(96,210,211);
padding: 50px 0;
color: #ffffff;
}
.point h2, .counterpoint h2 {
font-size: 32pt;
line-height: 1.7;
}
i.callout-icon, i.point-icon, i.lead-icon {
border-radius: 50%;
display: inline-block;
font-size: 56px;
width: 140px;
height: 140px;
line-height: 136px;
vertical-align: middle;
text-align: center;
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
i.lead-icon {
border: 3px solid #222;
}
i.point-icon, i.callout-icon {
border: 3px solid #ffffff;
}
i.lead-icon:hover {
color: #fff;
border: 3px solid black;
background: black;
}
i.point-icon:hover {
color: rgb(22, 203, 230);
border: 3px solid #fff;
background: #fff;
}
/* intro */
a:hover {
color: rgb(52, 73, 94);
}
.icon-2x {
i.callout-icon, i.lead-icon, i.point-icon {
display: inline-block;
vertical-align: middle;
text-align: center;
width: 140px;
height: 140px;
font-size: 56px;
line-height: 136px;
border-radius: 50%;
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
div.counterpoint {
background-color: rgb(255, 252, 244);
}
div.counterpoint, div.point {
padding: 50px 0;
}
div.counterpoint a, div.point a {
color: rgb(7,162,166);
}
div.counterpoint h2, div.point h2 {
line-height: 1.7;
font-size: 32pt;
}
a.icon-2x {
font-size: 200%;
}
/* Callout */
.callout {
i.lead-icon {
border: 3px solid #222222;
}
i.lead-icon:hover {
border: 3px solid black;
background: black;
color: #ffffff;
}
div.point {
background: rgb(96,210,211);
color: #ffffff;
}
div.point h2 > i {
color:#FF4088;
}
i.point-icon {
border: 3px solid #ffffff;
}
i.point-icon:hover {
background: #ffffff;
color: rgb(22, 203, 230);
}
/* callout */
div.callout {
display: table;
table-layout: fixed;
width: 100%;
height: 420px;
width: 100%;
padding: 50px 0;
background-color: rgb(118,156,172);
padding: 50px 0;
color: #ffffff;
}
i.callout-icon {
border: 3px solid #ffffff;
}
i.callout-icon:hover {
background: #ffffff;
color: rgb(249, 176, 190);
border: 3px solid #fff;
background: #fff;
}
/* call to action */
/* Call to Action */
.call-to-action {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.19);
padding: 50px 0;
}
#action {
background: url(../img/gray.png);
div#action.call-to-action {
padding: 30px 0px 40px;
padding: 30px 0px 50px;
width: 100%;
background-color: rgba(255, 255, 255, 0.19);
background: url('../img/gray.png');
color: #ffffff;
}
#action pre {
div#action.call-to-action code {
font-size: 14pt;
}
div#action.call-to-action h1 {
padding-bottom: .5em;
}
div#action.call-to-action pre {
background-color: #545454;
color: #f9f2f4;
margin-bottom: 0;
}
#action pre:hover {
div#action.call-to-action pre:hover {
background-color: #f9f2f4;
color: #545454;
}
#action code {
font-size: 14pt;
}
#footer {
font-size: 14px;
padding: 50px 0px 25px 0px;
background: rgb(255, 255, 255);
}
.call-to-action .btn {
div#action.call-to-action a.btn {
margin: 10px;
}
/* Footer */
footer {
padding: 100px 0;
div#action.call-to-action a.quickstart {
font-weight: 300;
color: white;
}
/* footer */
footer {
padding: 50px 0px 25px 0px;
font-size: 14px;
background: rgb(255, 255, 255);
}
footer a {
color: black;
}
footer a:focus,
footer a:hover {
text-decoration: none;
outline: none;
}
footer a:active {
color: green;
}
.point a, .counterpoint a {
color: rgb(7,162,166);
/* Bootstrap addons */
div.owl-carousel a {
white-space: nowrap;
color: #243382;
}
/* Bootstrap Addons */
.btn-dark {
color:white;
background-color: rgba(30,30,30, 0.8);
border-color: black;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
color: black;
background-color: aliceblue;
border-color: black;
}
.btn-info:hover, .btn-primary:hover, .btn-success:hover {
background: aliceblue;
}
.owl-carousel blockquote {
div.owl-carousel blockquote {
border-left: 0px;
}
.owl-carousel a {
color: #243382;
white-space: nowrap;
}
.owl-carousel blockquote p {
div.owl-carousel blockquote p {
font-size: 20pt;
}

View File

@@ -1 +0,0 @@
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

View File

@@ -1 +0,0 @@
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

View File

Before

Width:  |  Height:  |  Size: 194 KiB

After

Width:  |  Height:  |  Size: 194 KiB

16
docs/static/js/owl.carousel-custom.js vendored Normal file
View File

@@ -0,0 +1,16 @@
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
autoplay:true,
autoplayHoverPause:true,
autoplayTimeout:3000,
responsive:{
0:{
items:1
},
1000:{
items:3
},
}
})

22
docs/static/vendor/OwlCarousel2/LICENSE vendored Normal file
View File

@@ -0,0 +1,22 @@
Copyright (c) 2014 Owl
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without
restriction, including without limitation the rights to use,
copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following
conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.

View File

@@ -0,0 +1,12 @@
Version: 2.0.0-beta.3
Source:
https://github.com/OwlCarousel2/OwlCarousel2
Files (there):
dist/assets/owl.carousel.css
dist/assets/owl.theme.default.css
dist/owl.carousel.js
Roadmap (from August 22, 2016):
https://github.com/OwlCarousel2/OwlCarousel2/issues/1538

View File

Before

Width:  |  Height:  |  Size: 357 KiB

After

Width:  |  Height:  |  Size: 357 KiB

View File

@@ -0,0 +1,13 @@
Version: 9.0.0
Source:
https://github.com/isagalaev/highlight.js
Also see Hugo commit:
7cf7f85ad66a1cd35ab4e6026ed6b9da95c53c34.
Files (there):
src/styles/monokai-sublime.css
Files (we build):
highlight.pack.js