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
parent
ffbf3dd319
commit
88ec7d88d1
|
|
@ -5,155 +5,198 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Hugo, a fast and flexible static site generator built with love by spf13 and friends in Go">
|
||||
<meta name="author" content="Steve Francia (spf13) and friends">
|
||||
|
||||
<title>Hugo :: A fast and modern static website engine</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="/css/bootstrap-gohugo.css" rel="stylesheet">
|
||||
{{ "<!--icon for browser shortcuts-->" | safeHTML }}
|
||||
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
|
||||
|
||||
<link href='//fonts.googleapis.com/css?family=Arbutus+Slab%7CCabin:600%7CSource+Code+Pro' rel='stylesheet' type='text/css'>
|
||||
<!-- Add custom CSS here -->
|
||||
<link href="/css/HPstyles.css" rel="stylesheet">
|
||||
<link href="/css/hugofont.css" rel="stylesheet">
|
||||
<link href="/css/owl.carousel.min.css" rel="stylesheet">
|
||||
<link href="/css/owl.theme.default.min.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
||||
<style type="text/css">
|
||||
.callout {
|
||||
table-layout: fixed;
|
||||
}
|
||||
</style>
|
||||
{{ "<!--icon to represent this web page on Apple iOS-->" | safeHTML }}
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
|
||||
{{ "<!--Bootstrap core CSS-->" | safeHTML }}
|
||||
<link rel="stylesheet" type="text/css" href="/css/bootstrap-stripped-gohugo.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/bootstrap-changes-gohugo.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/bootstrap-additions-gohugo.css">
|
||||
|
||||
{{ "<!--non-Bootstrap CSS (keep below Bootstrap CSS)-->" | safeHTML }}
|
||||
<link rel="stylesheet" type="text/css" href="/vendor/OwlCarousel2/css/owl.carousel.css">
|
||||
<link rel="stylesheet" type="text/css" href="/vendor/OwlCarousel2/css/owl.theme.default.css">
|
||||
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Arbutus+Slab%7CCabin:600%7CSource+Code+Pro">
|
||||
<link rel="stylesheet" type="text/css" href="/css/hugofont.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/home-page-style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/home-page-style-responsive.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Full Page Image Header Area -->
|
||||
{{ "<!--full page image header area start-->" | safeHTML }}
|
||||
<div id="top" class="header">
|
||||
<div class="vert-text">
|
||||
<a href="#intro"><img src="/img/hugo.png" class="logo" alt="Hugo logo"> </a>
|
||||
<a href="#intro">
|
||||
<img class="logo" src="/img/hugo.png" alt="Hugo logo">
|
||||
</a>
|
||||
<div class="buttonbox">
|
||||
<a href="/overview/introduction/" class="btn btn-primary btn-lg">Docs <i class="icon-idea"></i></a>
|
||||
<a href="#action" class="btn btn-success btn-lg">Install <i class="icon-arrow-down"></i></a>
|
||||
<a href="http://discuss.gohugo.io/" class="btn btn-info btn-lg">Community <i class="icon-talking"></i></a>
|
||||
<a href="https://github.com/spf13/hugo" class="btn btn-dark btn-lg">GitHub <i class="icon-circlestar"></i></a>
|
||||
<a class="btn-primary btn btn-lg" href="/overview/introduction/">
|
||||
Docs <i class="icon-idea"></i>
|
||||
</a>
|
||||
<a class="btn-success btn btn-lg" href="#action">
|
||||
Install <i class="icon-arrow-down"></i>
|
||||
</a>
|
||||
<a class="btn-info btn btn-lg" href="http://discuss.gohugo.io/">
|
||||
Community <i class="icon-talking"></i>
|
||||
</a>
|
||||
<a class="btn-repo btn btn-lg" href="https://github.com/spf13/hugo">
|
||||
GitHub <i class="icon-circlestar"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Full Page Image Header Area -->
|
||||
{{ "<!--full page image header area end-->" | safeHTML }}
|
||||
|
||||
{{ "<!--main start-->" | safeHTML }}
|
||||
<div id="main">
|
||||
<!-- Intro -->
|
||||
|
||||
{{ "<!--intro start-->" | safeHTML }}
|
||||
<div id="intro" class="counterpoint">
|
||||
<div class="container">
|
||||
|
||||
{{ "<!--row start-->" | safeHTML }}
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 text-center">
|
||||
<div class="text-center col-md-6 col-md-offset-3">
|
||||
<i class="lead-icon icon-pacman"></i>
|
||||
<h2>Make the Web Fun Again</h2>
|
||||
<p class="lead">
|
||||
Introducing Hugo, a new idea around making website creation simple again.
|
||||
Hugo flexibly works with many formats and is ideal for
|
||||
Introducing Hugo, a new idea for making website creation simple again.
|
||||
Hugo works flexibly with many formats, and is ideal for
|
||||
blogs, docs, portfolios and much more.
|
||||
Hugo’s speed fosters
|
||||
creativity and makes building a website fun again.
|
||||
creativity—it makes building a website fun again.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ "<!--row end-->" | safeHTML }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Intro -->
|
||||
{{ "<!--intro end-->" | safeHTML }}
|
||||
|
||||
<!-- Point -->
|
||||
{{ "<!--point start-->" | safeHTML }}
|
||||
<div class="point">
|
||||
<div class="container">
|
||||
|
||||
{{ "<!--row start-->" | safeHTML }}
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 text-center">
|
||||
<div class="text-center col-md-6 col-md-offset-3">
|
||||
<i class="point-icon icon-tux"></i>
|
||||
<i class="point-icon icon-apple"></i>
|
||||
<i class="point-icon icon-windows8"></i>
|
||||
<h2>Run Anywhere</h2>
|
||||
<p class="lead">
|
||||
Hugo is quite possibly the easiest to install software you’ve ever used,
|
||||
simply download and run. <b>Hugo doesn’t depend on administrative privileges, databases, runtimes, interpreters
|
||||
or external libraries</b>. Sites built with Hugo can be deployed on S3, GitHub Pages, Dropbox or any web host.
|
||||
Hugo is quite possibly the easiest software to install you’ve ever used:
|
||||
simply download and run!
|
||||
<b>
|
||||
Hugo doesn’t depend on administrative privileges, databases, runtimes,
|
||||
interpreters or external libraries.
|
||||
</b>
|
||||
Sites built with Hugo can be deployed on S3, GitHub Pages, Dropbox or any web host.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ "<!--row end-->" | safeHTML }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Point -->
|
||||
{{ "<!--point end-->" | safeHTML }}
|
||||
|
||||
<!-- Point -->
|
||||
{{ "<!--counterpoint start-->" | safeHTML }}
|
||||
<div class="counterpoint">
|
||||
<div class="container">
|
||||
|
||||
{{ "<!--row start-->" | safeHTML }}
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 text-center">
|
||||
<div class="text-center col-md-6 col-md-offset-3">
|
||||
<i class="lead-icon icon-rocket"></i>
|
||||
<h2>Fast & Powerful</h2>
|
||||
<p class="lead">
|
||||
|
||||
Hugo is written for speed and performance. Great care has been
|
||||
taken to ensure that Hugo build time is as short as possible.
|
||||
We’re talking milliseconds to build your entire site for most setups.
|
||||
|
||||
Hugo is designed for speed and performance. Great care has been
|
||||
taken to ensure build time with Hugo is as short as possible.
|
||||
We’re talking milliseconds to build your entire site—for most setups!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ "<!--row end-->" | safeHTML }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Point -->
|
||||
{{ "<!--counterpoint end-->" | safeHTML }}
|
||||
|
||||
<!-- Point -->
|
||||
{{ "<!--point start-->" | safeHTML }}
|
||||
<div class="point">
|
||||
<div class="container">
|
||||
|
||||
{{ "<!--row start-->" | safeHTML }}
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 text-center">
|
||||
<div class="text-center col-md-6 col-md-offset-3">
|
||||
<i class="point-icon icon-fork"></i>
|
||||
<h2>Flexible</h2>
|
||||
<p class="lead">
|
||||
|
||||
Hugo is designed to work how you do.
|
||||
Hugo is designed to work the way you do.
|
||||
Organize your content however you want with any URL structure.
|
||||
Declare your own content types.
|
||||
Define your own meta data in YAML, TOML or JSON.
|
||||
Use indexes to group your content however you want.
|
||||
Best of all this is all done with virtually no configuration, Hugo
|
||||
Group your content using your own indexes and categories.
|
||||
Define your own metadata in any format: YAML, TOML or JSON.
|
||||
Best of all, Hugo handles all these variations
|
||||
with virtually no configuration. Hugo
|
||||
just works.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ "<!--row end-->" | safeHTML }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Point -->
|
||||
{{ "<!--point end-->" | safeHTML }}
|
||||
|
||||
|
||||
{{ "<!--quote carousel start-->" | safeHTML }}
|
||||
<div class="callout">
|
||||
<div class="container">
|
||||
|
||||
{{ "<!--row start-->" | safeHTML }}
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<div class="text-center col-md-12">
|
||||
<i class="callout-icon icon-circlestar"></i>
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
{{ "<!--row end-->" | safeHTML }}
|
||||
|
||||
{{ "<!--row start-->" | safeHTML }}
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="text-center col-md-12">
|
||||
|
||||
{{ "<!--wrapper for slides start-->" | safeHTML }}
|
||||
<div class="carousel-inner owl-carousel">
|
||||
{{ partial "quotes.html" ((where $.Site.Data.references.quotes "date" "ge" ($.Now.AddDate -2 0 0) | shuffle )) }}
|
||||
{{ partial "quotes.html" ((where $.Site.Data.references.quotes "date" "ge" ($.Now.AddDate -2 0 0) | shuffle )) }}
|
||||
</div>
|
||||
{{ "<!--wrapper for slides end-->" | safeHTML }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ "<!--row end-->" | safeHTML }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Point -->
|
||||
{{ "<!--quote carousel end-->" | safeHTML }}
|
||||
|
||||
<!-- Point -->
|
||||
</div>
|
||||
{{ "<!--main end-->" | safeHTML }}
|
||||
|
||||
{{ "<!--counterpoint start-->" | safeHTML }}
|
||||
<div class="counterpoint">
|
||||
<div class="container">
|
||||
|
||||
{{ "<!--row start-->" | safeHTML }}
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 text-center">
|
||||
<div class="text-center col-md-6 col-md-offset-3">
|
||||
<i class="lead-icon icon-octocat"></i>
|
||||
<h2>Open and Free</h2>
|
||||
<p class="lead">
|
||||
|
|
@ -161,70 +204,96 @@
|
|||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ "<!--row end-->" | safeHTML }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Point -->
|
||||
{{ "<!--counterpoint end-->" | safeHTML }}
|
||||
|
||||
<!-- Point -->
|
||||
{{ "<!--point start-->" | safeHTML }}
|
||||
<div class="point">
|
||||
<div class="container">
|
||||
|
||||
{{ "<!--row start-->" | safeHTML }}
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 text-center">
|
||||
<div class="text-center col-md-6 col-md-offset-3">
|
||||
<i class="point-icon icon-beaker-alt"></i>
|
||||
<i class="point-icon icon-heart"></i>
|
||||
<i class="point-icon icon-spf13"></i>
|
||||
<h2>Built with <i class="icon-heart" style="color:#FF4088;"></i></h2>
|
||||
<h2>Built with <i class="icon-heart"></i></h2>
|
||||
<p class="lead">
|
||||
Hugo is developed with love by <a href="http://spf13.com">spf13</a> and friends.
|
||||
We welcome all contributions.
|
||||
New to Go? Not a problem, we will help you.
|
||||
Not a developer? Help with <a href="/overview/introduction/">docs</a>, testing and <a href="https://github.com/spf13/hugoThemes/">themes</a>.
|
||||
New to Go? We’ll help you.
|
||||
Not a developer? No problem! Help
|
||||
with <a href="/overview/introduction/">docs,</a> testing
|
||||
and <a href="https://github.com/spf13/hugoThemes/">themes.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ "<!--row end-->" | safeHTML }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Point -->
|
||||
{{ "<!--counterpoint end-->" | safeHTML }}
|
||||
|
||||
<!-- Call to Action -->
|
||||
{{ "<!--call to action start-->" | safeHTML }}
|
||||
<div id="action" class="call-to-action">
|
||||
<div class="container">
|
||||
|
||||
{{ "<!--row start-->" | safeHTML }}
|
||||
<div class="row">
|
||||
<div class="col-md-10 col-md-offset-1 text-center">
|
||||
<h1 style="padding-bottom:.5em;">Getting Started</h1>
|
||||
<a href="https://github.com/spf13/hugo/releases" class="btn btn-lg btn-primary">Download <i class="icon-arrow-down"></i></a>
|
||||
<a href="/overview/quickstart/" style="color:white;font-weight:300;">Quickstart Guide</a>
|
||||
<div class="text-center col-md-10 col-md-offset-1">
|
||||
<h1>Getting Started</h1>
|
||||
<a class="btn-primary btn btn-lg" href="https://github.com/spf13/hugo/releases">
|
||||
Download
|
||||
<i class="icon-arrow-down"></i>
|
||||
</a>
|
||||
<a class="quickstart" href="/overview/quickstart/">
|
||||
Quickstart Guide
|
||||
</a>
|
||||
<p> </p>
|
||||
<h4>Using Homebrew?</h4>
|
||||
<pre><code>brew update && brew install hugo</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
{{ "<!--row end-->" | safeHTML }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Call to Action -->
|
||||
{{ "<!--call to action end-->" | safeHTML }}
|
||||
|
||||
<!-- Footer -->
|
||||
<footer id="footer">
|
||||
{{ "<!--footer start-->" | safeHTML }}
|
||||
<footer>
|
||||
<div class="container">
|
||||
|
||||
{{ "<!--row start-->" | safeHTML }}
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 text-center">
|
||||
<div class="text-center col-md-6 col-md-offset-3">
|
||||
<ul class="list-inline">
|
||||
<li><a href="https://twitter.com/spf13" class="icon-twitter icon-2x"></a></li>
|
||||
<li><a href="https://github.com/spf13/hugo" class="icon-octocat icon-2x"></a></li>
|
||||
<li><a class="icon-twitter icon-2x" href="https://twitter.com/spf13"></a></li>
|
||||
<li><a class="icon-octocat icon-2x" href="https://github.com/spf13/hugo"></a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<p>Copyright © Steve Francia 2013–{{ .Now.Format "2006" }}</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ "<!--row end-->" | safeHTML }}
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
<!-- /Footer -->
|
||||
{{ "<!--footer end-->" | safeHTML }}
|
||||
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="/js/jquery-2.1.4.min.js"></script>
|
||||
<script src="/js/owl.carousel.min.js"></script>
|
||||
<!--<script src="/js/bootstrap.min.js"></script>-->
|
||||
{{ "<!--JavaScript: Keep at the end of the document so the page loads faster-->" | safeHTML }}
|
||||
<script src="/vendor/jquery/js/jquery-2.1.4.min.js"></script>
|
||||
|
||||
{{ "<!--Bootstrap core JavaScript here-->" | safeHTML }}
|
||||
{{ `<!--<script src="/vendor/twitter/js/bootstrap.min.js"></script>-->` | safeHTML }}
|
||||
|
||||
<script src="/vendor/OwlCarousel2/js/owl.carousel.min.js"></script>
|
||||
<script src="/js/owl.carousel-custom.js"></script>
|
||||
|
||||
{{ "<!--custom JavaScript-->" | safeHTML }}
|
||||
<script>
|
||||
$(function() {
|
||||
$('a[href*=#]:not([href=#])').click(function() {
|
||||
|
|
@ -242,25 +311,9 @@
|
|||
}
|
||||
});
|
||||
});
|
||||
$('.owl-carousel').owlCarousel({
|
||||
loop:true,
|
||||
margin:10,
|
||||
nav:true,
|
||||
autoplay:true,
|
||||
autoplayHoverPause:true,
|
||||
autoplayTimeout:3000,
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
1000:{
|
||||
items:3
|
||||
},
|
||||
}
|
||||
})
|
||||
</script>
|
||||
</script>
|
||||
|
||||
{{ template "partials/analytics.html" . }}
|
||||
{{ "<!--Google analytics-->" | safeHTML }}
|
||||
{{ template "partials/analytics.html" . }}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -27,12 +27,13 @@
|
|||
<!--main content end-->
|
||||
</section>
|
||||
<!-- container section end -->
|
||||
|
||||
<!-- javascripts -->
|
||||
<script src="/js/jquery-2.1.4.min.js"></script>
|
||||
<script src="/js/jquery.scrollTo.min.js"></script>
|
||||
<script src="/js/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="/vendor/jquery/js/jquery-2.1.4.min.js"></script>
|
||||
<script type="text/javascript" src="/vendor/flesler/js/jquery.scrollTo.min.js"></script>
|
||||
<script type="text/javascript" src="/vendor/twitter/js/bootstrap.min.js"></script>
|
||||
<!--custom script for all page-->
|
||||
<script src="/js/highlight.pack.js"></script>
|
||||
<script type="text/javascript" src="/vendor/highlightjs/js/highlight.pack.js"></script>
|
||||
<script>hljs.initHighlightingOnLoad();</script>
|
||||
<script src="/js/scripts.js"></script>
|
||||
<!-- Algolia search -->
|
||||
|
|
|
|||
|
|
@ -10,13 +10,16 @@
|
|||
{{ .Scratch.Add "title" "" }}{{ if isset .Site.Data.titles .Title }}{{ .Scratch.Set "title" (index .Site.Data.titles .Title).title }}{{ else }}{{ .Scratch.Set "title" .Title}}{{end}}
|
||||
<title>Hugo - {{ .Scratch.Get "title" }}</title>
|
||||
|
||||
<link href="/css/bootstrap-gohugo.css" rel="stylesheet">
|
||||
<link href="/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/bootstrap-stripped-gohugo.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/bootstrap-changes-gohugo.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/bootstrap-additions-gohugo.css">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/vendor/font-awesome/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" />
|
||||
<link href="/css/style.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/css/content-style.css" />
|
||||
<link href="/css/style-responsive.css" rel="stylesheet" />
|
||||
<link href="/css/monokai-sublime.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" type="text/css" href="/vendor/highlightjs/css/monokai-sublime.css">
|
||||
|
||||
</head>
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
|
@ -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');
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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%}
|
||||
|
|
@ -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}
|
||||
|
Before Width: | Height: | Size: 194 KiB After Width: | Height: | Size: 194 KiB |
|
|
@ -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
|
||||
},
|
||||
}
|
||||
})
|
||||
|
|
@ -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.
|
||||
|
|
@ -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
|
||||
|
Before Width: | Height: | Size: 357 KiB After Width: | Height: | Size: 357 KiB |
|
|
@ -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
|
||||
Loading…
Reference in New Issue