Adding selected tweets to the homepage - hugo - [fork] hugo port for 9front
HTML git clone git@git.drkhsh.at/hugo.git
DIR Log
DIR Files
DIR Refs
DIR Submodules
DIR README
DIR LICENSE
---
DIR commit ceb708052a509e4778b0b9c6728433344ed28d20
DIR parent f09505a657c36d722c19f925731a1d37bed9eaf6
HTML Author: spf13 <steve.francia@gmail.com>
Date: Tue, 10 Dec 2013 19:38:03 -0500
Adding selected tweets to the homepage
Diffstat:
M docs/layouts/index.html | 40 +++++++++++++++++++++++++++++--
M docs/static/static/css/HPstyles.css | 39 ++++++++++++++++++++++++-------
A docs/static/static/js/unslider.min… | 2 ++
3 files changed, 71 insertions(+), 10 deletions(-)
---
DIR diff --git a/docs/layouts/index.html b/docs/layouts/index.html
@@ -116,6 +116,32 @@
</div>
<!-- /Point -->
+
+ <div class="callout">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-10 col-md-offset-1 text-center">
+ <i class="callout-icon icon-circlestar"></i>
+ <div class="banner">
+ <ul>
+ <li><blockquote class="twitter-tweet" lang="en"><p>Hugo is super-rad. </p>— David Gay (@oddshocks) <a href="https://twitter.com/oddshocks/statuses/405083217893421056">November 25, 2013</a></blockquote>
+</li>
+ <li><blockquote class="twitter-tweet" data-conversation="none" lang="en"><p>I had a play with Hugo and it was good, uses Markdown files for content</p>— David Caunt (@dcaunt) <a href="https://twitter.com/dcaunt/statuses/406466996277374976">November 29, 2013</a></blockquote> </li>
+ <li><blockquote class="twitter-tweet" lang="en"><p>Even as a long-time Octopress fan, I’ve gotta admit that this project Hugo looks very very cool</p>— Douglas Stephen (@DougStephenJr) <a href="https://twitter.com/DougStephenJr/statuses/364512471660249088">August 5, 2013</a></blockquote></li>
+ <li><blockquote class="twitter-tweet" lang="en"><p>A static site generator without the long build times? Yes, please! </p>— Josh Matz (@joshmatz) <a href="https://twitter.com/joshmatz/statuses/364437436870696960">August 5, 2013</a></blockquote> </li>
+ <li><blockquote class="twitter-tweet" lang="en"><p>Finally someone builds me my own static site generator </p>— Hugo Rodger-Brown (@hugorodgerbrown) <a href="https://twitter.com/hugorodgerbrown/statuses/364417910153818112">August 5, 2013</a></blockquote></li>
+ <li><blockquote class="twitter-tweet" lang="en"><p>I'm loving the static site generator renaissance we are currently enjoying. Hugo is new, looks great, written in Go</p>— Jim Biancolo (@jimbiancolo) <a href="https://twitter.com/jimbiancolo/statuses/408678420348813314">December 5, 2013</a></blockquote>
+</li>
+ <li><blockquote class="twitter-tweet" data-cards="hidden" lang="en"><p>Good work on Hugo, I'm impressed with the speed!</p>— Ludovic Chabant (@ludovicchabant) <a href="https://twitter.com/ludovicchabant/statuses/408806199602053120">December 6, 2013</a></blockquote></li>
+ <li><blockquote class="twitter-tweet" data-cards="hidden" lang="en"><p>Checking out Hugo; Loving it so far. Like Jekyll but not so blog-oriented and written in golang</p>— Jose Gonzalvo (@jgonzalvo) <a href="https://twitter.com/jgonzalvo/statuses/408177855819173888">December 4, 2013</a></blockquote></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- /Point -->
+
<!-- Point -->
<div class="counterpoint">
<div class="container">
@@ -158,7 +184,7 @@
<div id="action" class="call-to-action">
<div class="container">
<div class="row">
- <div class="col-md-6 col-md-offset-3 text-center">
+ <div class="col-md-10 col-md-offset-1 text-center">
<h3>Get Started Today!</h3>
<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;">Documentation</a>
@@ -189,8 +215,9 @@
<!-- Bootstrap core JavaScript -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/static/js/jquery.js"></script>
+ <script src="/static/js/unslider.min.js"></script>
+ <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<script src="/static/js/bootstrap.min.js"></script>
-
<script>
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
@@ -208,6 +235,15 @@
}
});
});
+ $(function() {
+ $('.banner').unslider({
+ speed: 300, // The speed to animate each slide (in milliseconds)
+ delay: 2000, // The delay between slide animations (in milliseconds)
+ keys: true, // Enable keyboard (left, right) arrow shortcuts
+ dots: true, // Display dot navigation
+ fluid: true // Support responsive design. May break non-responsive designs
+ });
+ });
</script>
{{ template "chrome/analytics.html" . }}
DIR diff --git a/docs/static/static/css/HPstyles.css b/docs/static/static/css/HPstyles.css
@@ -120,7 +120,7 @@ and (orientation : landscape) {
margin-bottom: 15px;
}
-i.point-icon, i.lead-icon {
+i.callout-icon, i.point-icon, i.lead-icon {
border-radius: 50%;
display: inline-block;
font-size: 56px;
@@ -138,7 +138,7 @@ i.lead-icon {
border: 3px solid #222;
}
-i.point-icon {
+i.point-icon, i.callout-icon {
border: 3px solid #ffffff;
}
@@ -172,13 +172,36 @@ i.service-icon:hover {
.callout {
color: #ffffff;
display: table;
- height: 400px;
+ height: 420px;
width: 100%;
- background: url(/static/img/section-two.JPG) no-repeat center center fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
+ background-color: rgb(47, 197, 47);
+ padding: 50px 0;
+ color: #ffffff;
+}
+
+.banner { position: relative; overflow: auto; }
+.banner li { list-style: none; font-size:28px; padding: 1.7em 3em 0 3em; font-weight:200; }
+.banner ul li { float: left; }
+
+.banner blockquote {
+ border-left: 0;
+ font-size: 20px;
+ font-weight:100;
+}
+
+.banner blockquote p {
+ font-size: 34px;
+ text-shadow: rgba(0,0,0,0.5) 2px 2px 5px;
+}
+
+.banner blockquote > a {
+ display: block;
+}
+
+i.callout-icon:hover {
+ color: rgb(47, 197, 47);
+ border: 3px solid #fff;
+ background: #fff;
}
/* Portfolio */
DIR diff --git a/docs/static/static/js/unslider.min.js b/docs/static/static/js/unslider.min.js
@@ -0,0 +1 @@
drkhsh.at:70 /scm/hugo/commit/ceb708052a509e4778b0b9c6728433344ed28d20.gph:158: line too long