aboutsummaryrefslogtreecommitdiffstats
path: root/static/css
diff options
context:
space:
mode:
Diffstat (limited to 'static/css')
-rwxr-xr-xstatic/css/HPstyles.css269
-rwxr-xr-xstatic/css/bootstrap-theme.css1430
-rwxr-xr-xstatic/css/hugofont.css191
-rw-r--r--static/css/monokai_sublime.css149
-rw-r--r--static/css/owl.carousel.css216
-rw-r--r--static/css/owl.theme.default.css60
-rwxr-xr-xstatic/css/style-responsive.css68
-rwxr-xr-xstatic/css/style.css433
8 files changed, 2816 insertions, 0 deletions
diff --git a/static/css/HPstyles.css b/static/css/HPstyles.css
new file mode 100755
index 0000000..8c7f88e
--- /dev/null
+++ b/static/css/HPstyles.css
@@ -0,0 +1,269 @@
+/* Global Styles */
+
+html,
+body {
+ height: 100%;
+ width: 100%;
+ letter-spacing: 0.5px;
+}
+
+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 {
+ display: table-cell;
+ vertical-align: middle;
+ text-align: center;
+}
+
+
+/* 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 {
+ 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;
+ }
+}
+
+@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;
+ position: relative;
+ background: rgb(255, 255, 255);
+ box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
+}
+
+.header .btn {
+ 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;
+}
+
+a:hover {
+ color: rgb(52, 73, 94);
+}
+
+
+
+.icon-2x {
+ font-size: 200%;
+}
+
+/* Callout */
+
+.callout {
+ color: #ffffff;
+ display: table;
+ height: 420px;
+ width: 100%;
+ background-color: rgb(118,156,172);
+ padding: 50px 0;
+ color: #ffffff;
+}
+
+i.callout-icon:hover {
+ color: rgb(249, 176, 190);
+ border: 3px solid #fff;
+ background: #fff;
+}
+
+
+/* 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);
+ padding: 30px 0px 40px;
+ width: 100%;
+}
+#action pre {
+ background-color: #545454;
+ color: #f9f2f4;
+}
+#action pre:hover {
+ background-color: #f9f2f4;
+ color: #545454;
+}
+#action code {
+ font-family: Lato, monospace;
+ font-size: 14pt;
+}
+
+#footer {
+ font-size: 14px;
+ padding: 50px 0px 25px 0px;
+ background: rgb(255, 255, 255);
+}
+
+.call-to-action .btn {
+ margin: 10px;
+}
+
+/* Footer */
+
+footer {
+ padding: 100px 0;
+}
+
+footer a {
+ color: black;
+}
+
+footer a:hover {
+ text-decoration: none;
+}
+
+.point a, .counterpoint a {
+ color: rgb(7,162,166);
+}
+
+/* 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 {
+ border-left: 0px;
+}
+
+.owl-carousel a {
+ color: #243382;
+}
+
+.owl-carousel blockquote p {
+ font-size: 20pt;
+}
diff --git a/static/css/bootstrap-theme.css b/static/css/bootstrap-theme.css
new file mode 100755
index 0000000..7ca9db9
--- /dev/null
+++ b/static/css/bootstrap-theme.css
@@ -0,0 +1,1430 @@
+/*!
+ * Bootstrap v3.0.0
+ *
+ * Copyright 2013 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world by @mdo and @fat.
+ */
+/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+html {
+ font-family: sans-serif;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+body {
+ margin: 0;
+}
+a:focus {
+ outline: thin dotted;
+}
+a:active,
+a:hover {
+ outline: 0;
+}
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+b,
+strong {
+ font-weight: bold;
+}
+dfn {
+ font-style: italic;
+}
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+mark {
+ background: #ff0;
+ color: #000;
+}
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+pre {
+ white-space: pre-wrap;
+}
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+small {
+ font-size: 80%;
+}
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+sup {
+ top: -0.5em;
+}
+sub {
+ bottom: -0.25em;
+}
+img {
+ border: 0;
+}
+figure {
+ margin: 0;
+}
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+legend {
+ border: 0;
+ padding: 0;
+}
+button,
+input,
+select,
+textarea {
+ font-family: inherit;
+ font-size: 100%;
+ margin: 0;
+}
+button,
+input {
+ line-height: normal;
+}
+button,
+select {
+ text-transform: none;
+}
+button {
+ -webkit-appearance: button;
+ cursor: pointer;
+}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+textarea {
+ overflow: auto;
+ vertical-align: top;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+@media print {
+ * {
+ text-shadow: none !important;
+ color: #000 !important;
+ background: transparent !important;
+ box-shadow: none !important;
+ }
+ a,
+ a:visited {
+ text-decoration: underline;
+ }
+ a[href]:after {
+ content: " (" attr(href) ")";
+ }
+a[href^="javascript:"]:after,
+ a[href^="#"]:after {
+ content: "";
+ }
+ pre,
+ blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid;
+ }
+ thead {
+ display: table-header-group;
+ }
+ tr,
+ img {
+ page-break-inside: avoid;
+ }
+ img {
+ max-width: 100% !important;
+ }
+ @page {
+ margin: 2cm .5cm;
+ }
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3;
+ }
+ h2,
+ h3 {
+ page-break-after: avoid;
+ }
+}
+*,
+*:before,
+*:after {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+html {
+ font-size: 62.5%;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+body {
+ font-family: Lato;
+ font-size: 14px;
+ line-height: 1.428571429;
+ color: #2b2b2b;
+ background-color: #ffffff;
+}
+input,
+button,
+select,
+textarea {
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+button,
+input,
+textarea {
+ background-image: none;
+}
+a {
+ color: #ff4088;
+ text-decoration: none;
+}
+a:hover,
+a:focus {
+ color: #ff4088;
+ text-decoration: underline;
+}
+a:focus {
+ outline: thin dotted #333;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+img {
+ vertical-align: middle;
+}
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ border-top: 1px solid #f7f7f7;
+}
+p {
+ margin: 0 0 10px;
+}
+.lead {
+ margin-bottom: 20px;
+ font-size: 16.099999999999998px;
+ font-weight: 200;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .lead {
+ font-size: 21px;
+ }
+}
+small {
+ font-size: 85%;
+}
+cite {
+ font-style: normal;
+}
+.text-center {
+ text-align: center;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: Lato;
+ font-weight: 400;
+ line-height: 1.1;
+}
+h1,
+h2,
+h3 {
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+h4,
+h5,
+h6 {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+h1 {
+ font-size: 36px;
+}
+h2 {
+ font-size: 30px;
+}
+h3 {
+ font-size: 24px;
+}
+h4 {
+ font-size: 18px;
+}
+h5 {
+ font-size: 14px;
+}
+h6 {
+ font-size: 12px;
+}
+ul,
+ol {
+ margin-top: 0;
+ margin-bottom: 10px;
+}
+ul ul {
+ margin-bottom: 0;
+}
+.list-inline {
+ padding-left: 0;
+ list-style: none;
+}
+.list-inline > li {
+ display: inline-block;
+ padding-left: 5px;
+ padding-right: 5px;
+}
+dl {
+ margin-bottom: 20px;
+}
+dt,
+dd {
+ line-height: 1.428571429;
+}
+dt {
+ font-weight: bold;
+}
+dd {
+ margin-left: 0;
+}
+@media (min-width: 768px) {
+}
+blockquote {
+ padding: 10px 20px;
+ margin: 0 0 20px;
+ border-left: 5px solid #f7f7f7;
+}
+blockquote p {
+ font-size: 17.5px;
+ font-weight: 300;
+ line-height: 1.25;
+}
+q:before,
+q:after,
+blockquote:before,
+blockquote:after {
+ content: "";
+}
+address {
+ display: block;
+ margin-bottom: 20px;
+ font-style: normal;
+ line-height: 1.428571429;
+}
+code,
+pre {
+ font-family: Lato;
+}
+code {
+ padding: 2px 4px;
+ font-size: 90%;
+ color: #c7254e;
+ background-color: #f9f2f4;
+ white-space: nowrap;
+ border-radius: 4px;
+}
+
+pre code {
+ padding: 0;
+ font-size: inherit;
+ color: inherit;
+ white-space: pre-wrap;
+ background-color: transparent;
+ border: 0;
+}
+
+pre {
+ display: block;
+ padding: 9.5px;
+ margin: 0 0 10px;
+ font-size: 13px;
+ line-height: 1.428571429;
+ word-break: break-all;
+ word-wrap: break-word;
+ color: #2b2b2b;
+ background-color: #f5f5f5;
+ border: 1px solid #cccccc;
+ border-radius: 4px;
+}
+.container {
+ margin-right: auto;
+ margin-left: auto;
+ padding-left: 15px;
+ padding-right: 15px;
+}
+.container:before,
+.container:after {
+ content: " ";
+ /* 1 */
+
+ display: table;
+ /* 2 */
+
+}
+.container:after {
+ clear: both;
+}
+.container:before,
+.container:after {
+ content: " ";
+ /* 1 */
+
+ display: table;
+ /* 2 */
+
+}
+.container:after {
+ clear: both;
+}
+.row {
+ margin-left: -15px;
+ margin-right: -15px;
+}
+.row:before,
+.row:after {
+ content: " ";
+ /* 1 */
+
+ display: table;
+ /* 2 */
+
+}
+.row:after {
+ clear: both;
+}
+.row:before,
+.row:after {
+ content: " ";
+ /* 1 */
+
+ display: table;
+ /* 2 */
+
+}
+.row:after {
+ clear: both;
+}
+.col-md-1,
+.col-md-6,
+.col-md-10,
+.col-md-12 {
+ position: relative;
+ min-height: 1px;
+ padding-left: 15px;
+ padding-right: 15px;
+}
+@media (min-width: 768px) {
+ .container {
+ max-width: 750px;
+ }
+}
+@media (min-width: 992px) {
+ .container {
+ max-width: 970px;
+ }
+ .col-md-1,
+ .col-md-6,
+ .col-md-10 {
+ float: left;
+ }
+ .col-md-1 {
+ width: 8.333333333333332%;
+ }
+ .col-md-6 {
+ width: 50%;
+ }
+ .col-md-10 {
+ width: 83.33333333333334%;
+ }
+ .col-md-12 {
+ width: 100%;
+ }
+ .col-md-offset-1 {
+ margin-left: 8.333333333333332%;
+ }
+ .col-md-offset-3 {
+ margin-left: 25%;
+ }
+}
+@media (min-width: 1200px) {
+ .container {
+ max-width: 1170px;
+ }
+}
+table {
+ max-width: 100%;
+ background-color: transparent;
+}
+th {
+ text-align: left;
+}
+@media (max-width: 768px) {
+}
+fieldset {
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+legend {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin-bottom: 20px;
+ font-size: 21px;
+ line-height: inherit;
+ color: #2b2b2b;
+ border: 0;
+ border-bottom: 1px solid #c7c7cc;
+}
+label {
+ display: inline-block;
+ margin-bottom: 5px;
+ font-weight: bold;
+}
+input[type="number"]::-webkit-outer-spin-button,
+input[type="number"]::-webkit-inner-spin-button {
+ height: auto;
+}
+.form-control:-ms-input-placeholder {
+ color: #d7d7d7;
+}
+.form-control::-webkit-input-placeholder {
+ color: #d7d7d7;
+}
+@media (min-width: 768px) {
+}
+.btn {
+ display: inline-block;
+ padding: 6px 12px;
+ margin-bottom: 0;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 1.428571429;
+ text-align: center;
+ vertical-align: middle;
+ cursor: pointer;
+ border: 1px solid transparent;
+ border-radius: 4px;
+ white-space: nowrap;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+ font-weight: 300;
+ -webkit-transition: all 0.15s;
+ -moz-transition: all 0.15s;
+ transition: all 0.15s;
+}
+
+
+.btn:focus {
+ /*outline: thin dotted #333;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;*/
+ outline: none;
+}
+.btn:hover,
+.btn:focus {
+ color: #2b2b2b;
+ text-decoration: none;
+}
+.btn:active {
+}
+.btn-default {
+ color: #2b2b2b;
+ background-color: #ffffff;
+ border-color: #c7c7cc;
+}
+.btn-default:hover,
+.btn-default:focus,
+.btn-default:active {
+ color: #ffffff;
+ background-color: #9e9e9e;
+ border-color: #9e9e9e;
+}
+.btn-default:active {
+ background-image: none;
+}
+.btn-primary {
+ color: #ffffff;
+ background-color: #007aff;
+ border-color: #007aff;
+}
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active {
+ color: #007aff;
+ border-color: #007aff;
+ background: transparent;
+}
+.btn-primary:active {
+ background-image: none;
+}
+.btn-success {
+ color: #ffffff;
+ background-color: #4cd964;
+ border-color: #4cd964;
+}
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active {
+ color: #4cd964;
+ background: transparent;
+ border-color: #4cd964;
+}
+.btn-success:active {
+ background-image: none;
+ outline: none;
+}
+.btn-info {
+ color: #ffffff;
+ background-color: #34aadc;
+ border-color: #34aadc;
+}
+.btn-info:hover,
+.btn-info:focus,
+.btn-info:active {
+ color: #34aadc;
+ background: transparent;
+ border-color: #34aadc;
+}
+.btn-info:active {
+ background-image: none;
+}
+.btn-lg {
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.33;
+ border-radius: 6px;
+}
+.btn-xs {
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
+}
+.btn-xs {
+ padding: 1px 5px;
+}
+@font-face {
+ font-family: 'Glyphicons Halflings';
+ src: url('../app/fonts/glyphicons-halflings-regular.eot');
+ src: url('../app/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../app/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../app/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../app/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
+}
+.nav {
+ margin-bottom: 0;
+ padding-left: 0;
+ list-style: none;
+}
+.nav:before,
+.nav:after {
+ content: " ";
+ /* 1 */
+
+ display: table;
+ /* 2 */
+
+}
+.nav:after {
+ clear: both;
+}
+.nav:before,
+.nav:after {
+ content: " ";
+ /* 1 */
+
+ display: table;
+ /* 2 */
+
+}
+.nav:after {
+ clear: both;
+}
+@media (min-width: 768px) {
+}
+@media (max-width: 767px) {
+}
+@media (min-width: 768px) {
+}
+@media (min-width: 768px) {
+}
+@media (min-width: 768px) {
+}
+@media (max-width: 767px) {
+}
+@media (max-width: 767px) {
+}
+@media screen and (min-width: 768px) {
+}
+@-webkit-keyframes progress-bar-stripes {
+ from {
+ background-position: 40px 0;
+ }
+ to {
+ background-position: 0 0;
+ }
+}
+@-moz-keyframes progress-bar-stripes {
+ from {
+ background-position: 40px 0;
+ }
+ to {
+ background-position: 0 0;
+ }
+}
+@-o-keyframes progress-bar-stripes {
+ from {
+ background-position: 0 0;
+ }
+ to {
+ background-position: 40px 0;
+ }
+}
+@keyframes progress-bar-stripes {
+ from {
+ background-position: 40px 0;
+ }
+ to {
+ background-position: 0 0;
+ }
+}
+.panel {
+ margin-bottom: 20px;
+ background-color: #ffffff;
+ 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;
+}
+.panel-body:before,
+.panel-body:after {
+ content: " ";
+ /* 1 */
+
+ display: table;
+ /* 2 */
+
+}
+.panel-body:after {
+ clear: both;
+}
+.panel-body:before,
+.panel-body:after {
+ content: " ";
+ /* 1 */
+
+ display: table;
+ /* 2 */
+
+}
+.panel-body:after {
+ clear: both;
+}
+@media screen and (min-width: 768px) {
+}
+.carousel {
+ position: relative;
+}
+.carousel-inner {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+}
+.carousel-inner > .item {
+ display: none;
+ position: relative;
+ -webkit-transition: 0.6s ease-in-out left;
+ transition: 0.6s ease-in-out left;
+}
+.carousel-inner > .active {
+ display: block;
+}
+.carousel-inner > .active {
+ left: 0;
+}
+.carousel-indicators {
+ position: absolute;
+ bottom: 10px;
+ left: 50%;
+ z-index: 15;
+ width: 60%;
+ margin-left: -30%;
+ padding-left: 0;
+ list-style: none;
+ text-align: center;
+}
+.carousel-indicators li {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ margin: 1px;
+ text-indent: -999px;
+ border: 1px solid #ffffff;
+ border-radius: 10px;
+ cursor: pointer;
+}
+.carousel-indicators .active {
+ margin: 0;
+ width: 12px;
+ height: 12px;
+ background-color: #ffffff;
+}
+@media screen and (min-width: 768px) {
+ .carousel-indicators {
+ bottom: 20px;
+ }
+}
+.pull-right {
+ float: right !important;
+}
+@-ms-viewport {
+ width: device-width;
+}
+@media screen and (max-width: 400px) {
+ @-ms-viewport {
+ width: 320px;
+ }
+}
+
+.hidden-xs {
+ display: block !important;
+}
+
+@media (max-width: 767px) {
+ .hidden-xs {
+ display: none !important;
+ }
+}
+
+.col-xs-1,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9,
+.col-xs-10,
+.col-xs-11,
+.col-xs-12,
+.col-sm-1,
+.col-sm-2,
+.col-sm-3,
+.col-sm-4,
+.col-sm-5,
+.col-sm-6,
+.col-sm-7,
+.col-sm-8,
+.col-sm-9,
+.col-sm-10,
+.col-sm-11,
+.col-sm-12,
+.col-md-1,
+.col-md-2,
+.col-md-3,
+.col-md-4,
+.col-md-5,
+.col-md-6,
+.col-md-7,
+.col-md-8,
+.col-md-9,
+.col-md-10,
+.col-md-11,
+.col-md-12,
+.col-lg-1,
+.col-lg-2,
+.col-lg-3,
+.col-lg-4,
+.col-lg-5,
+.col-lg-6,
+.col-lg-7,
+.col-lg-8,
+.col-lg-9,
+.col-lg-10,
+.col-lg-11,
+.col-lg-12 {
+ position: relative;
+ min-height: 1px;
+ padding-left: 15px;
+ padding-right: 15px;
+}
+.col-xs-1,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9,
+.col-xs-10,
+.col-xs-11 {
+ float: left;
+}
+.col-xs-1 {
+ width: 8.333333333333332%;
+}
+.col-xs-2 {
+ width: 16.666666666666664%;
+}
+.col-xs-3 {
+ width: 25%;
+}
+.col-xs-4 {
+ width: 33.33333333333333%;
+}
+.col-xs-5 {
+ width: 41.66666666666667%;
+}
+.col-xs-6 {
+ width: 50%;
+}
+.col-xs-7 {
+ width: 58.333333333333336%;
+}
+.col-xs-8 {
+ width: 66.66666666666666%;
+}
+.col-xs-9 {
+ width: 75%;
+}
+.col-xs-10 {
+ width: 83.33333333333334%;
+}
+.col-xs-11 {
+ width: 91.66666666666666%;
+}
+.col-xs-12 {
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .container {
+ max-width: 750px;
+ }
+ .col-sm-1,
+ .col-sm-2,
+ .col-sm-3,
+ .col-sm-4,
+ .col-sm-5,
+ .col-sm-6,
+ .col-sm-7,
+ .col-sm-8,
+ .col-sm-9,
+ .col-sm-10,
+ .col-sm-11 {
+ float: left;
+ }
+ .col-sm-1 {
+ width: 8.333333333333332%;
+ }
+ .col-sm-2 {
+ width: 16.666666666666664%;
+ }
+ .col-sm-3 {
+ width: 25%;
+ }
+ .col-sm-4 {
+ width: 33.33333333333333%;
+ }
+ .col-sm-5 {
+ width: 41.66666666666667%;
+ }
+ .col-sm-6 {
+ width: 50%;
+ }
+ .col-sm-7 {
+ width: 58.333333333333336%;
+ }
+ .col-sm-8 {
+ width: 66.66666666666666%;
+ }
+ .col-sm-9 {
+ width: 75%;
+ }
+ .col-sm-10 {
+ width: 83.33333333333334%;
+ }
+ .col-sm-11 {
+ width: 91.66666666666666%;
+ }
+ .col-sm-12 {
+ width: 100%;
+ }
+ .col-sm-push-1 {
+ left: 8.333333333333332%;
+ }
+ .col-sm-push-2 {
+ left: 16.666666666666664%;
+ }
+ .col-sm-push-3 {
+ left: 25%;
+ }
+ .col-sm-push-4 {
+ left: 33.33333333333333%;
+ }
+ .col-sm-push-5 {
+ left: 41.66666666666667%;
+ }
+ .col-sm-push-6 {
+ left: 50%;
+ }
+ .col-sm-push-7 {
+ left: 58.333333333333336%;
+ }
+ .col-sm-push-8 {
+ left: 66.66666666666666%;
+ }
+ .col-sm-push-9 {
+ left: 75%;
+ }
+ .col-sm-push-10 {
+ left: 83.33333333333334%;
+ }
+ .col-sm-push-11 {
+ left: 91.66666666666666%;
+ }
+ .col-sm-pull-1 {
+ right: 8.333333333333332%;
+ }
+ .col-sm-pull-2 {
+ right: 16.666666666666664%;
+ }
+ .col-sm-pull-3 {
+ right: 25%;
+ }
+ .col-sm-pull-4 {
+ right: 33.33333333333333%;
+ }
+ .col-sm-pull-5 {
+ right: 41.66666666666667%;
+ }
+ .col-sm-pull-6 {
+ right: 50%;
+ }
+ .col-sm-pull-7 {
+ right: 58.333333333333336%;
+ }
+ .col-sm-pull-8 {
+ right: 66.66666666666666%;
+ }
+ .col-sm-pull-9 {
+ right: 75%;
+ }
+ .col-sm-pull-10 {
+ right: 83.33333333333334%;
+ }
+ .col-sm-pull-11 {
+ right: 91.66666666666666%;
+ }
+ .col-sm-offset-1 {
+ margin-left: 8.333333333333332%;
+ }
+ .col-sm-offset-2 {
+ margin-left: 16.666666666666664%;
+ }
+ .col-sm-offset-3 {
+ margin-left: 25%;
+ }
+ .col-sm-offset-4 {
+ margin-left: 33.33333333333333%;
+ }
+ .col-sm-offset-5 {
+ margin-left: 41.66666666666667%;
+ }
+ .col-sm-offset-6 {
+ margin-left: 50%;
+ }
+ .col-sm-offset-7 {
+ margin-left: 58.333333333333336%;
+ }
+ .col-sm-offset-8 {
+ margin-left: 66.66666666666666%;
+ }
+ .col-sm-offset-9 {
+ margin-left: 75%;
+ }
+ .col-sm-offset-10 {
+ margin-left: 83.33333333333334%;
+ }
+ .col-sm-offset-11 {
+ margin-left: 91.66666666666666%;
+ }
+}
+@media (min-width: 992px) {
+ .container {
+ max-width: 970px;
+ }
+ .col-md-1,
+ .col-md-2,
+ .col-md-3,
+ .col-md-4,
+ .col-md-5,
+ .col-md-6,
+ .col-md-7,
+ .col-md-8,
+ .col-md-9,
+ .col-md-10,
+ .col-md-11 {
+ float: left;
+ }
+ .col-md-1 {
+ width: 8.333333333333332%;
+ }
+ .col-md-2 {
+ width: 16.666666666666664%;
+ }
+ .col-md-3 {
+ width: 25%;
+ }
+ .col-md-4 {
+ width: 33.33333333333333%;
+ }
+ .col-md-5 {
+ width: 41.66666666666667%;
+ }
+ .col-md-6 {
+ width: 50%;
+ }
+ .col-md-7 {
+ width: 58.333333333333336%;
+ }
+ .col-md-8 {
+ width: 66.66666666666666%;
+ }
+ .col-md-9 {
+ width: 75%;
+ }
+ .col-md-10 {
+ width: 83.33333333333334%;
+ }
+ .col-md-11 {
+ width: 91.66666666666666%;
+ }
+ .col-md-12 {
+ width: 100%;
+ }
+ .col-md-push-0 {
+ left: auto;
+ }
+ .col-md-push-1 {
+ left: 8.333333333333332%;
+ }
+ .col-md-push-2 {
+ left: 16.666666666666664%;
+ }
+ .col-md-push-3 {
+ left: 25%;
+ }
+ .col-md-push-4 {
+ left: 33.33333333333333%;
+ }
+ .col-md-push-5 {
+ left: 41.66666666666667%;
+ }
+ .col-md-push-6 {
+ left: 50%;
+ }
+ .col-md-push-7 {
+ left: 58.333333333333336%;
+ }
+ .col-md-push-8 {
+ left: 66.66666666666666%;
+ }
+ .col-md-push-9 {
+ left: 75%;
+ }
+ .col-md-push-10 {
+ left: 83.33333333333334%;
+ }
+ .col-md-push-11 {
+ left: 91.66666666666666%;
+ }
+ .col-md-pull-0 {
+ right: auto;
+ }
+ .col-md-pull-1 {
+ right: 8.333333333333332%;
+ }
+ .col-md-pull-2 {
+ right: 16.666666666666664%;
+ }
+ .col-md-pull-3 {
+ right: 25%;
+ }
+ .col-md-pull-4 {
+ right: 33.33333333333333%;
+ }
+ .col-md-pull-5 {
+ right: 41.66666666666667%;
+ }
+ .col-md-pull-6 {
+ right: 50%;
+ }
+ .col-md-pull-7 {
+ right: 58.333333333333336%;
+ }
+ .col-md-pull-8 {
+ right: 66.66666666666666%;
+ }
+ .col-md-pull-9 {
+ right: 75%;
+ }
+ .col-md-pull-10 {
+ right: 83.33333333333334%;
+ }
+ .col-md-pull-11 {
+ right: 91.66666666666666%;
+ }
+ .col-md-offset-0 {
+ margin-left: 0;
+ }
+ .col-md-offset-1 {
+ margin-left: 8.333333333333332%;
+ }
+ .col-md-offset-2 {
+ margin-left: 16.666666666666664%;
+ }
+ .col-md-offset-3 {
+ margin-left: 25%;
+ }
+ .col-md-offset-4 {
+ margin-left: 33.33333333333333%;
+ }
+ .col-md-offset-5 {
+ margin-left: 41.66666666666667%;
+ }
+ .col-md-offset-6 {
+ margin-left: 50%;
+ }
+ .col-md-offset-7 {
+ margin-left: 58.333333333333336%;
+ }
+ .col-md-offset-8 {
+ margin-left: 66.66666666666666%;
+ }
+ .col-md-offset-9 {
+ margin-left: 75%;
+ }
+ .col-md-offset-10 {
+ margin-left: 83.33333333333334%;
+ }
+ .col-md-offset-11 {
+ margin-left: 91.66666666666666%;
+ }
+}
+@media (min-width: 1200px) {
+ .container {
+ max-width: 1170px;
+ }
+ .col-lg-1,
+ .col-lg-2,
+ .col-lg-3,
+ .col-lg-4,
+ .col-lg-5,
+ .col-lg-6,
+ .col-lg-7,
+ .col-lg-8,
+ .col-lg-9,
+ .col-lg-10,
+ .col-lg-11 {
+ float: left;
+ }
+ .col-lg-1 {
+ width: 8.333333333333332%;
+ }
+ .col-lg-2 {
+ width: 16.666666666666664%;
+ }
+ .col-lg-3 {
+ width: 25%;
+ }
+ .col-lg-4 {
+ width: 33.33333333333333%;
+ }
+ .col-lg-5 {
+ width: 41.66666666666667%;
+ }
+ .col-lg-6 {
+ width: 50%;
+ }
+ .col-lg-7 {
+ width: 58.333333333333336%;
+ }
+ .col-lg-8 {
+ width: 66.66666666666666%;
+ }
+ .col-lg-9 {
+ width: 75%;
+ }
+ .col-lg-10 {
+ width: 83.33333333333334%;
+ }
+ .col-lg-11 {
+ width: 91.66666666666666%;
+ }
+ .col-lg-12 {
+ width: 100%;
+ }
+ .col-lg-push-0 {
+ left: auto;
+ }
+ .col-lg-push-1 {
+ left: 8.333333333333332%;
+ }
+ .col-lg-push-2 {
+ left: 16.666666666666664%;
+ }
+ .col-lg-push-3 {
+ left: 25%;
+ }
+ .col-lg-push-4 {
+ left: 33.33333333333333%;
+ }
+ .col-lg-push-5 {
+ left: 41.66666666666667%;
+ }
+ .col-lg-push-6 {
+ left: 50%;
+ }
+ .col-lg-push-7 {
+ left: 58.333333333333336%;
+ }
+ .col-lg-push-8 {
+ left: 66.66666666666666%;
+ }
+ .col-lg-push-9 {
+ left: 75%;
+ }
+ .col-lg-push-10 {
+ left: 83.33333333333334%;
+ }
+ .col-lg-push-11 {
+ left: 91.66666666666666%;
+ }
+ .col-lg-pull-0 {
+ right: auto;
+ }
+ .col-lg-pull-1 {
+ right: 8.333333333333332%;
+ }
+ .col-lg-pull-2 {
+ right: 16.666666666666664%;
+ }
+ .col-lg-pull-3 {
+ right: 25%;
+ }
+ .col-lg-pull-4 {
+ right: 33.33333333333333%;
+ }
+ .col-lg-pull-5 {
+ right: 41.66666666666667%;
+ }
+ .col-lg-pull-6 {
+ right: 50%;
+ }
+ .col-lg-pull-7 {
+ right: 58.333333333333336%;
+ }
+ .col-lg-pull-8 {
+ right: 66.66666666666666%;
+ }
+ .col-lg-pull-9 {
+ right: 75%;
+ }
+ .col-lg-pull-10 {
+ right: 83.33333333333334%;
+ }
+ .col-lg-pull-11 {
+ right: 91.66666666666666%;
+ }
+ .col-lg-offset-0 {
+ margin-left: 0;
+ }
+ .col-lg-offset-1 {
+ margin-left: 8.333333333333332%;
+ }
+ .col-lg-offset-2 {
+ margin-left: 16.666666666666664%;
+ }
+ .col-lg-offset-3 {
+ margin-left: 25%;
+ }
+ .col-lg-offset-4 {
+ margin-left: 33.33333333333333%;
+ }
+ .col-lg-offset-5 {
+ margin-left: 41.66666666666667%;
+ }
+ .col-lg-offset-6 {
+ margin-left: 50%;
+ }
+ .col-lg-offset-7 {
+ margin-left: 58.333333333333336%;
+ }
+ .col-lg-offset-8 {
+ margin-left: 66.66666666666666%;
+ }
+ .col-lg-offset-9 {
+ margin-left: 75%;
+ }
+ .col-lg-offset-10 {
+ margin-left: 83.33333333333334%;
+ }
+ .col-lg-offset-11 {
+ margin-left: 91.66666666666666%;
+ }
+}
diff --git a/static/css/hugofont.css b/static/css/hugofont.css
new file mode 100755
index 0000000..ee55156
--- /dev/null
+++ b/static/css/hugofont.css
@@ -0,0 +1,191 @@
+@font-face {
+ font-family: 'hugo';
+ src:url('../fonts/hugo.eot');
+ src:url('../fonts/hugo.eot?#iefix') format('embedded-opentype'),
+ url('../fonts/hugo.woff') format('woff'),
+ url('../fonts/hugo.ttf') format('truetype'),
+ url('../fonts/hugo.svg#hugo') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+ font-family: 'hugo';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-home:before {
+ content: "\21";
+}
+.icon-html5:before {
+ content: "\23";
+}
+.icon-css3:before {
+ content: "\24";
+}
+.icon-console:before {
+ content: "\25";
+}
+.icon-link:before {
+ content: "\26";
+}
+.icon-fire:before {
+ content: "\28";
+}
+.icon-check-alt:before {
+ content: "\29";
+}
+.icon-hugo_serif:before {
+ content: "\e600";
+}
+.icon-x-altx-alt:before {
+ content: "\2a";
+}
+.icon-circlestar:before {
+ content: "\2b";
+}
+.icon-file-css:before {
+ content: "\2c";
+}
+.icon-radio-checked:before {
+ content: "\2e";
+}
+.icon-quote:before {
+ content: "\44";
+}
+.icon-airplane2:before {
+ content: "\45";
+}
+.icon-heart:before {
+ content: "\46";
+}
+.icon-rocket:before {
+ content: "\47";
+}
+.icon-house:before {
+ content: "\48";
+}
+.icon-arrow-right:before {
+ content: "\e001";
+}
+.icon-arrow-left:before {
+ content: "\e002";
+}
+.icon-flow-branch:before {
+ content: "\e004";
+}
+.icon-pen:before {
+ content: "\e005";
+}
+.icon-docs:before,
+.icon-idea:before {
+ content: "\3b";
+}
+.icon-gears:before {
+ content: "\3c";
+}
+.icon-community:before,
+.icon-talking:before {
+ content: "\3d";
+}
+.icon-tag:before {
+ content: "\3e";
+}
+.icon-rocket2:before {
+ content: "\3f";
+}
+.icon-github:before,
+.icon-octocat:before {
+ content: "\41";
+}
+.icon-announce:before {
+ content: "\42";
+}
+.icon-edit:before {
+ content: "\43";
+}
+.icon-power-cord:before {
+ content: "\50";
+}
+.icon-apple:before {
+ content: "\51";
+}
+.icon-windows8:before {
+ content: "\52";
+}
+.icon-tux:before {
+ content: "\53";
+}
+.icon-file-xml:before {
+ content: "\54";
+}
+.icon-fork:before {
+ content: "\55";
+}
+.icon-install:before,
+.icon-arrow-down:before {
+ content: "\56";
+}
+.icon-pacman:before {
+ content: "\e000";
+}
+.icon-embed:before {
+ content: "\2f";
+}
+.icon-code:before {
+ content: "\30";
+}
+.icon-cc:before {
+ content: "\31";
+}
+.icon-cc-by:before {
+ content: "\32";
+}
+.icon-cc-nc:before {
+ content: "\33";
+}
+.icon-beaker-alt:before {
+ content: "\39";
+}
+.icon-w3c:before {
+ content: "\3a";
+}
+.icon-bolt:before {
+ content: "\49";
+}
+.icon-flow-tree:before {
+ content: "\4a";
+}
+.icon-twitter:before {
+ content: "\4b";
+}
+.icon-beaker:before {
+ content: "\4c";
+}
+.icon-images:before {
+ content: "\4d";
+}
+.icon-bubbles:before {
+ content: "\4e";
+}
+.icon-meter2:before {
+ content: "\4f";
+}
+.icon-hugo_sans:before {
+ content: "\68";
+}
+.icon-spf13:before {
+ content: "\27";
+}
+.icon-linkedin:before {
+ content: "\f0e1";
+}
diff --git a/static/css/monokai_sublime.css b/static/css/monokai_sublime.css
new file mode 100644
index 0000000..7b0eb2e
--- /dev/null
+++ b/static/css/monokai_sublime.css
@@ -0,0 +1,149 @@
+/*
+
+Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
+
+*/
+
+.hljs {
+ display: block;
+ padding: 0.5em;
+ background: #23241f;
+}
+
+.hljs,
+.hljs-tag,
+.css .hljs-rules,
+.css .hljs-value,
+.css .hljs-function
+.hljs-preprocessor,
+.hljs-pragma {
+ color: #f8f8f2;
+}
+
+.hljs-strongemphasis,
+.hljs-strong,
+.hljs-emphasis {
+ color: #a8a8a2;
+}
+
+.hljs-bullet,
+.hljs-blockquote,
+.hljs-horizontal_rule,
+.hljs-number,
+.hljs-regexp,
+.alias .hljs-keyword,
+.hljs-literal,
+.hljs-hexcolor {
+ color: #ae81ff;
+}
+
+.hljs-tag .hljs-value,
+.hljs-code,
+.hljs-title,
+.css .hljs-class,
+.hljs-class .hljs-title:last-child {
+ color: #a6e22e;
+}
+
+.hljs-link_url {
+ font-size: 80%;
+}
+
+.hljs-strong,
+.hljs-strongemphasis {
+ font-weight: bold;
+}
+
+.hljs-emphasis,
+.hljs-strongemphasis,
+.hljs-class .hljs-title:last-child {
+ font-style: italic;
+}
+
+.hljs-keyword,
+.hljs-function,
+.hljs-change,
+.hljs-winutils,
+.hljs-flow,
+.lisp .hljs-title,
+.clojure .hljs-built_in,
+.nginx .hljs-title,
+.tex .hljs-special,
+.hljs-header,
+.hljs-attribute,
+.hljs-symbol,
+.hljs-symbol .hljs-string,
+.hljs-tag .hljs-title,
+.hljs-value,
+.alias .hljs-keyword:first-child,
+.css .hljs-tag,
+.css .unit,
+.css .hljs-important {
+ color: #F92672;
+}
+
+.hljs-function .hljs-keyword,
+.hljs-class .hljs-keyword:first-child,
+.hljs-constant,
+.css .hljs-attribute {
+ color: #66d9ef;
+}
+
+.hljs-variable,
+.hljs-params,
+.hljs-class .hljs-title {
+ color: #f8f8f2;
+}
+
+.hljs-string,
+.css .hljs-id,
+.hljs-subst,
+.haskell .hljs-type,
+.ruby .hljs-class .hljs-parent,
+.hljs-built_in,
+.sql .hljs-aggregate,
+.django .hljs-template_tag,
+.django .hljs-variable,
+.smalltalk .hljs-class,
+.django .hljs-filter .hljs-argument,
+.smalltalk .hljs-localvars,
+.smalltalk .hljs-array,
+.hljs-attr_selector,
+.hljs-pseudo,
+.hljs-addition,
+.hljs-stream,
+.hljs-envvar,
+.apache .hljs-tag,
+.apache .hljs-cbracket,
+.tex .hljs-command,
+.hljs-prompt,
+.hljs-link_label,
+.hljs-link_url {
+ color: #e6db74;
+}
+
+.hljs-comment,
+.hljs-javadoc,
+.java .hljs-annotation,
+.python .hljs-decorator,
+.hljs-template_comment,
+.hljs-pi,
+.hljs-doctype,
+.hljs-deletion,
+.hljs-shebang,
+.apache .hljs-sqbracket,
+.tex .hljs-formula {
+ color: #75715e;
+}
+
+.coffeescript .javascript,
+.javascript .xml,
+.tex .hljs-formula,
+.xml .javascript,
+.xml .vbscript,
+.xml .css,
+.xml .hljs-cdata,
+.xml .php,
+.php .xml {
+ opacity: 0.5;
+}
diff --git a/static/css/owl.carousel.css b/static/css/owl.carousel.css
new file mode 100644
index 0000000..ecc8071
--- /dev/null
+++ b/static/css/owl.carousel.css
@@ -0,0 +1,216 @@
+/*
+ * Owl Carousel - Animate Plugin
+ */
+.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 Carousel - Auto Height Plugin
+ */
+.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;
+}
+
+/*
+ * Core Owl Carousel CSS File
+ */
+.owl-carousel {
+ display: none;
+ width: 100%;
+ -webkit-tap-highlight-color: transparent;
+ /* position relative and z-index fix webkit rendering fonts issue */
+ 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;
+ /* fix for flashing background */
+ -webkit-transform: translate3d(0px, 0px, 0px);
+}
+.owl-carousel .owl-controls .owl-nav .owl-prev,
+.owl-carousel .owl-controls .owl-nav .owl-next,
+.owl-carousel .owl-controls .owl-dot {
+ 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-item {
+ position: relative;
+ min-height: 1px;
+ float: left;
+ -webkit-backface-visibility: hidden;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.owl-carousel .owl-item img {
+ display: block;
+ width: 100%;
+ -webkit-transform-style: preserve-3d;
+}
+.owl-carousel.owl-text-select-on .owl-item {
+ -webkit-user-select: auto;
+ -moz-user-select: auto;
+ -ms-user-select: auto;
+ user-select: auto;
+}
+.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 */
+.no-js .owl-carousel {
+ display: block;
+}
+
+/*
+ * Owl Carousel - Lazy Load Plugin
+ */
+.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 - Video Plugin
+ */
+.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-tn,
+.owl-carousel .owl-video-playing .owl-video-play-icon {
+ 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;
+}
diff --git a/static/css/owl.theme.default.css b/static/css/owl.theme.default.css
new file mode 100644
index 0000000..2ebaa1a
--- /dev/null
+++ b/static/css/owl.theme.default.css
@@ -0,0 +1,60 @@
+/*
+ * Default theme - Owl Carousel CSS File
+ */
+.owl-theme .owl-nav {
+ margin-top: 10px;
+ text-align: center;
+ -webkit-tap-highlight-color: transparent;
+}
+.owl-theme .owl-nav [class*='owl-'] {
+ color: white;
+ 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: white;
+ text-decoration: none;
+}
+.owl-theme .owl-nav .disabled {
+ opacity: 0.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;
+}
diff --git a/static/css/style-responsive.css b/static/css/style-responsive.css
new file mode 100755
index 0000000..b302d58
--- /dev/null
+++ b/static/css/style-responsive.css
@@ -0,0 +1,68 @@
+@media (max-width: 768px) {
+
+ .header {
+ position: absolute;
+ }
+
+ /*sidebar*/
+
+ #sidebar {
+ height: auto;
+ overflow: hidden;
+ position: absolute;
+ width: 100%;
+ z-index: 1001;
+ }
+
+
+ /* body container */
+ #main-content {
+ margin: 0px!important;
+ position: none !important;
+ }
+
+ #sidebar > ul > li > a > span {
+ line-height: 35px;
+ }
+
+ #sidebar > ul > li {
+ margin: 0 10px 5px 10px;
+ }
+ #sidebar > ul > li > a {
+ height:35px;
+ line-height:35px;
+ padding: 0 10px;
+ text-align: left;
+ }
+
+ #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
+ width: 100%;
+ }
+ #sidebar > ul > li > ul.sub > li > a {
+ background: transparent !important ;
+ }
+
+ /* sidebar */
+ #sidebar {
+ margin: 0px !important;
+ }
+
+ .btn {
+ margin-bottom: 5px;
+ }
+
+}
+
+@media (max-width: 480px) {
+
+ .notification-row {
+ display: none;
+ }
+}
+
+@media (max-width:320px) {
+
+ .notification-row {
+ display: none;
+ }
+}
diff --git a/static/css/style.css b/static/css/style.css
new file mode 100755
index 0000000..a19a9b1
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,433 @@
+/* Import fonts */
+@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);
+
+/* ******************************
+ For the github btn
+****************************** */
+
+.github-btn {
+ font-size: 11px;
+}
+.github-btn,
+.github-btn .btn {
+ font-weight: bold;
+}
+.github-btn .btn-default {
+ text-shadow: 0 1px 0 #fff;
+ background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e0e0e0));
+ background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e0e0e0, 100%);
+ background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
+ background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
+ background-repeat: repeat-x;
+ border-color: #dbdbdb;
+ border-color: #ccc;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
+}
+
+.github-btn .btn-default:hover, .github-btn .btn-default:focus {
+ background-color: #e0e0e0;
+ background-position: 0 -15px;
+ color: #333;
+ border-color: #adadad;
+}
+
+.nav-github {
+ width: 325px;
+}
+ .nav-github > span {
+ padding-right: 0.5em;
+ }
+
+ .icon-github {
+ display: inline-block;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+
+ .github-watchers .icon-github:before{
+ content: "\f005";
+ }
+
+ .github-forks .icon-github:before{
+ content: "\f126";
+ }
+
+.gh-count{
+ padding: 2px 5px 3px 4px;
+ color: #555;
+ text-decoration: none;
+ text-shadow:0 1px 0 #fff;
+ white-space:nowrap;
+ cursor:pointer;
+ border-radius:3px;
+ position:relative;
+ display:none;
+ margin-left:4px;
+ background-color:#fafafa;
+ border:1px solid #d4d4d4;
+}
+
+.gh-count:hover,.gh-count:focus{color:#4183c4;text-decoration: none;}
+.gh-count:before,.gh-count:after{content:' ';position:absolute;display:inline-block;width:0;height:0;border-color:transparent;border-style:solid}
+.gh-count:before{top:50%;left:-3px;margin-top:-4px;border-width:4px 4px 4px 0;border-right-color:#fafafa}
+.gh-count:after{top:50%;left:-4px;z-index:-1;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d4d4d4}
+
+thead {
+ font-weight: bold;
+}
+
+table {
+ width: 100%;
+}
+
+
+h1, h2, h3 {
+ margin-top: .8em;
+ margin-bottom: .7em;
+}
+
+pre code {
+ font-size: 18px !important;
+ font-family: 'Courier New', monospace;
+}
+
+body {
+ color: #353b44;
+ background: #edece4;
+ font-family: 'Lato', sans-serif;
+ padding: 0px !important;
+ margin: 0px !important;
+ font-size:16px !important;
+ font-weight: 300;
+}
+
+h1,h2,h3,h4,h5{
+ font-weight: 400;
+}
+
+label{
+ font-weight: 300;
+}
+
+.sidebar-menu .fa {
+ width: 30px;
+ text-align: center;
+}
+
+a, a:hover, a:focus {
+ text-decoration: none;
+ outline: none;
+ outline: 0;
+}
+
+
+.panel-body a {
+ line-height: 1.1;
+ display: inline-block;
+}
+.panel-body a:after {
+ display: block;
+ content: "";
+ height: 1px;
+ width: 0%;
+ background-color: #ff4088;
+ -webkit-transition: width 0.5s ease;
+ -moz-transition: width 0.5s ease;
+ -ms-transition: width 0.5s ease;
+ transition: width 0.5s ease;
+}
+
+.panel-body a:hover:after, .panel-body a:focus:after {
+ width: 100%;
+}
+
+input:focus, textarea:focus { outline: none; }
+*:focus {outline: none;}
+::selection {
+ background: #ff4088;
+ color: #fff;
+}
+::-moz-selection {
+ background: #ff4088;
+ color: #fff;
+}
+
+#container {
+ width: 100%;
+ height: 100%;
+}
+
+/*sidebar navigation*/
+
+#sidebar {
+ width: 200px;
+ height: 100%;
+ position: fixed;
+ background: #ffffff;
+ overflow-y: auto;
+}
+
+
+ul.sidebar-menu , ul.sidebar-menu li ul.sub{
+ margin: -2px 0 0;
+ padding: 0;
+}
+
+ul.sidebar-menu {
+ margin-top: 60px;
+}
+
+#sidebar > ul > li > ul.sub {
+ display: none;
+}
+
+#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {
+ display: block;
+}
+
+ul.sidebar-menu li ul.sub li{
+ background: #eeeeee;
+ margin-bottom: 0;
+ margin-left: 0;
+ margin-right: 0;
+}
+
+ul.sidebar-menu li ul.sub li:last-child{
+ border-radius: 0 0 4px 4px;
+ -webkit-border-radius: 0 0 4px 4px;
+}
+
+ul.sidebar-menu li ul.sub li a {
+ font-size: 12px;
+ padding: 0 0 0 32px;
+ line-height: 35px;
+ height: 35px;
+ -webkit-transition: all 0.3s ease;
+ -moz-transition: all 0.3s ease;
+ -o-transition: all 0.3s ease;
+ -ms-transition: all 0.3s ease;
+ transition: all 0.3s ease;
+ color: #737B83;
+ font-size: 14px;
+}
+
+ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
+ color: #ff4088;
+ -webkit-transition: all 0.3s ease;
+ -moz-transition: all 0.3s ease;
+ -o-transition: all 0.3s ease;
+ -ms-transition: all 0.3s ease;
+ transition: all 0.3s ease;
+ display: block;
+}
+
+ul.sidebar-menu li{
+ line-height: 20px !important;
+ text-transform: capitalize;
+}
+
+ul.sidebar-menu li.sub-menu{
+ line-height: 15px;
+ font-size: 16px;
+}
+
+ul.sidebar-menu li a span{
+ display: inline-block;
+}
+
+ul.sidebar-menu li a{
+ color: #8b9199;
+ text-decoration: none;
+ display: block;
+ padding: 10px 0 10px 10px;
+ font-size: 16px;
+ font-weight: 300;
+ outline: none;
+ -webkit-transition: all 0.3s ease;
+ -moz-transition: all 0.3s ease;
+ -o-transition: all 0.3s ease;
+ -ms-transition: all 0.3s ease;
+ transition: all 0.3s ease;
+ border-right: 1px solid #D7D7D7;
+ border-bottom: 1px solid #D7D7D7;
+ overflow:hidden;
+}
+
+ul.sidebar-menu li.active a, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
+ background: #eeeeee;
+ color: #ff4088;
+ display: block;
+ /*border-radius: 4px;
+ -webkit-border-radius: 4px;*/
+ -webkit-transition: all 0.3s ease;
+ -moz-transition: all 0.3s ease;
+ -o-transition: all 0.3s ease;
+ -ms-transition: all 0.3s ease;
+ transition: all 0.3s ease;
+}
+ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
+ border-bottom: 1px solid #ff4088;
+}
+/*ul.sidebar-menu li.active a,*/ ul.sidebar-menu .sub-menu li.active a{
+ border-bottom: 1px solid #ff4088;
+}
+
+ul.sidebar-menu li a i {
+ font-size: 18px;
+ padding-right: 6px;
+ /*color: #ff4088;*/
+}
+
+ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
+ color: #ff4088;
+}
+
+ul.sidebar-menu li.active a i {
+ color: #ff4088;
+}
+
+
+#sidebar ul > li > a .menu-arrow {
+ float: right;
+ margin-right: 8px;
+ margin-top: 6px;
+}
+
+#main-content {
+ margin-left: 200px;
+ line-height: 1.8;
+ font-size: 19px;
+}
+
+.header {
+ min-height: 60px;
+ padding: 0 10px;
+}
+.header {
+ position: fixed;
+ left: 0;
+ right: 0;
+ z-index: 1002;
+ text-align:center;
+}
+
+
+.black-bg {
+ background: rgba(20,20,20,0.9);
+ border-bottom: 1px solid #f1f2f7;
+}
+
+.wrapper {
+ display: inline-block;
+ margin-top: 60px;
+ padding: 0px 15px 15px 0px;
+ width: 100%;
+}
+
+a.logo {
+ font-size: 22px;
+ font-weight: 300;
+ color: #8E8E93;
+ float: left;
+ margin-top: 10px;
+ text-transform: uppercase;
+}
+
+a.logo:hover, a.logo:focus {
+ text-decoration: none;
+ outline: none;
+}
+
+h1.top-menu {
+ margin-top: -5px;
+}
+.title-row {
+ margin-top: 15px;
+ margin-left: 16px;
+ color: #EEE;
+}
+.notification-row {
+ float: right;
+ margin-top: 15px;
+ margin-left: 65px;
+}
+
+
+.top-nav {
+ margin-top: 15px;
+}
+
+/*--sidebar toggle---*/
+
+.toggle-nav {
+ float: left;
+ padding-right: 5px;
+ margin-top: 20px;
+ cursor: pointer;
+ color: gray;
+}
+
+.toggle-nav .icon-reorder {
+ cursor: pointer;
+ display: inline-block;
+ font-size: 20px;
+}
+
+
+@-webkit-keyframes square {
+ 0% { background-position: 0 0; }
+ 25% { background-position: 100% 0; }
+ 50% { background-position: 100% 100%; }
+ 75% { background-position: 0 100%; }
+ 100% { background-position: 0 0; }
+}
+
+@-ms-keyframes square {
+ 0% { background-position: 0 0; }
+ 25% { background-position: 100% 0; }
+ 50% { background-position: 100% 100%; }
+ 75% { background-position: 0 100%; }
+ 100% { background-position: 0 0; }
+}
+
+@keyframes square {
+ 0% { background-position: 0 0; }
+ 25% { background-position: 100% 0; }
+ 50% { background-position: 100% 100%; }
+ 75% { background-position: 0 100%; }
+ 100% { background-position: 0 0; }
+}
+
+.navigation {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ margin: 0;
+ max-width: 150px;
+ min-width: 90px;
+ width:100%;
+ min-height:1200px;
+ cursor:pointer;
+ display: flex;
+ justify-content: center;
+ align-content: center;
+ flex-direction: column;
+ font-size: 6em;
+ color: rgba(0,0,0,0.5);
+ text-align: center;
+ -webkit-transition: all 350ms ease;
+ transition: all 350ms ease;
+}
+
+.navigation.next {
+ right:0;
+}
+
+
+.navigation:hover {
+ background-color: rgba(0,0,0,0.1);
+}

Want to contribute? Host your changes somewhere and send me the link: jan (at) sydanviita.fi. Also, check out my website.


forge.jan.systems — powered by cgit