diff options
author | Durand D'souza <durand1@gmail.com> | 2016-10-23 08:00:36 +0300 |
---|---|---|
committer | Durand D'souza <durand1@gmail.com> | 2016-10-23 08:00:36 +0300 |
commit | 08fd6fc8ea9fcec1023ea852f993b53dab4ad742 (patch) | |
tree | d5401ef1582cb324b1189d4ced199ab2936b05e2 | |
parent | efc43356cfba0cb850fc0e87a78db723a7e3aef6 (diff) |
Tweaked docs
29 files changed, 376 insertions, 272 deletions
@@ -28,8 +28,6 @@ - <meta property="og:updated_time" content="2016-06-01T15:14:43-04:00"/> - @@ -120,7 +118,7 @@ Sorry, but the page you were trying to view does not exist — perhaps you can try searching for it below. <script type="text/javascript"> var GOOG_FIXURL_LANG = 'en'; - var GOOG_FIXURL_SITE = 'https:\/\/dldx.github.io\/hpstr-hugo-theme\/' + var GOOG_FIXURL_SITE = 'https:\/\/dldx.github.io\/hpstr-hugo-theme' </script> <script type="text/javascript" src="//linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"> diff --git a/about/index.html b/about/index.html index 88e0abf..225e4e0 100644 --- a/about/index.html +++ b/about/index.html @@ -5,7 +5,7 @@ <!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]--> <head> <meta charset="utf-8"> -<title>About the Hugo Theme – HPSTR</title> +<title>About this theme – HPSTR</title> <meta name="description" content=""> @@ -14,28 +14,19 @@ -<meta name="twitter:title" content="About the Hugo Theme"> +<meta name="twitter:title" content="About this theme"> <meta name="twitter:description" content="An elegant, responsive theme for Hugo"> - - - <meta name="twitter:card" content="summary_large_image"> - <meta name="twitter:image" content="https://dldx.github.io/hpstr-hugo-theme/images/abstract-5.jpg"> - - <meta property="og:type" content="article"> -<meta property="og:title" content="About the Hugo Theme"> +<meta property="og:title" content="About this theme"> <meta property="og:description" content="An elegant, responsive theme for Hugo"> <meta property="og:url" content="https://dldx.github.io/hpstr-hugo-theme/about/"> <meta property="og:site_name" content="HPSTR"> - - <meta property="og:image" content="https://dldx.github.io/hpstr-hugo-theme/images/abstract-5.jpg" /> - @@ -66,7 +57,7 @@ </head> -<body id="page" class="feature"> +<body id="post" > <nav id="dl-menu" class="dl-menuwrapper" role="navigation"> <button class="dl-trigger">Open Menu</button> <ul class="dl-menu"> @@ -114,21 +105,13 @@ </nav> -<div class="entry-header"> - - <div class="image-credit">Image credit: <a href="http://www.dargadgetz.com/ios-7-abstract-wallpaper-pack-for-iphone-5-and-ipod-touch-retina/">dargadgetz</a></div> - <div class="entry-image"> - <img src="/hpstr-hugo-theme/images/abstract-5.jpg" alt="About the Hugo Theme"> - </div> -</div> - <div id="main" role="main"> <article class="hentry"> <header class="header-title"> <div class="header-title-wrap"> - <h1 class="entry-title"><a href="/hpstr-hugo-theme/about/" rel="bookmark" title="About the Hugo Theme">About the Hugo Theme</a></h1> + <h1 class="entry-title"><a href="/hpstr-hugo-theme/about/" rel="bookmark" title="About this theme">About this theme</a></h1> <p class="entry-reading-time"> @@ -140,7 +123,7 @@ <div class="entry-content"> -<p>This theme has been ported to Hugo by <a href="https://github.com/dldx">Durand D’souza</a> but the all the original features are intact and described below. All credit for the theme goes to <a href="http://github.com/mmistakes">Michael Rose</a>.</p> +<p>This is a port of the <strong>HPSTR</strong> theme to <a href="https://gohugo.io">Hugo</a>. All the original features are intact and described below. Credit for the theme goes entirely to <a href="http://github.com/mmistakes">Michael Rose</a>.</p> <hr /> @@ -176,12 +159,14 @@ <footer class="entry-meta"> + <span class="entry-tags"></span> + <div class="social-share"> <ul class="socialcount socialcount-small inline-list"> - <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fabout%2f" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> - <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fabout%2f" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> - <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fabout%2f" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> + <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fabout%2f" target="_blank" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> + <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fabout%2f" target="_blank" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> + <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fabout%2f" target="_blank" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> </ul> </div> @@ -140,7 +140,63 @@ <header> <div class="entry-meta"> + + <span class="entry-reading-time"> + <i class="fa fa-clock-o"></i> + Reading time ~1 minute + </span> + </div> + + <h1 class="entry-title"><a href="/hpstr-hugo-theme/about/" rel="bookmark" title="About this theme" itemprop="url">About this theme</a></h1> + + </header> + <div class="entry-content"> + + +<p>This is a port of the <strong>HPSTR</strong> theme to <a href="https://gohugo.io">Hugo</a>. All the original features are intact and described below. Credit for the theme goes entirely to <a href="http://github.com/mmistakes">Michael Rose</a>.</p> + +<hr /> + +<p>They say three times the charm, so here is another free responsive Jekyll blog theme for you. I’ve learned a ton since open sourcing my first two themes <a href="http://github.com/mmistakes">on Github</a>, and wanted to try a few new things this time around.</p> + +<p>If you’ve used any of <a href="http://mademistakes.com/work/jekyll-themes/">my other themes</a> most of this should be familiar territory…</p> + +<h2 id="hpstr-features:6083a88ee3411b0d17ce02d738f69d47">HPSTR Features:</h2> + +<ul> +<li>Responsive templates for post, page, and post index <code>layouts</code>. Looks great on mobile, tablet, and desktop devices.</li> +<li>Gracefully degrades in older browsers. Compatible with Internet Explorer 8+ and all modern browsers.<br /></li> +<li>Sweet animated menu.</li> +<li>Background image support.</li> +<li>Support for large images to call out your favorite posts.</li> +<li>Optional <a href="http://disqus.com">Disqus</a> comments.</li> +<li>Simple and clear permalink structure<sup class="footnote-ref" id="fnref:6083a88ee3411b0d17ce02d738f69d47:1"><a rel="footnote" href="#fn:6083a88ee3411b0d17ce02d738f69d47:1">1</a></sup>.</li> +<li><a href="https://developers.facebook.com/docs/opengraph/">Open Graph</a> and <a href="https://dev.twitter.com/docs/cards">Twitter Cards</a> support for a better social sharing experience.</li> +<li><a href="/404.html">Custom 404 page</a> to get you started.</li> +<li><a href="/hpstr-hugo-theme/posts/code-highlighting-post/">Syntax highlighting</a> stylesheets to make your code examples look snazzy.</li> +</ul> + +<div markdown="0"><a href="/hpstr-hugo-theme/theme-setup/" class="btn btn-info">Theme Setup</a> <a href="https://github.com/dldx/hpstr-hugo-theme" class="btn btn-success">Download HPSTR</a></div> +<div class="footnotes"> + +<hr /> + +<ol> +<li id="fn:6083a88ee3411b0d17ce02d738f69d47:1">Example: <em>domain.com/category-name/post-title</em> + <a class="footnote-return" href="#fnref:6083a88ee3411b0d17ce02d738f69d47:1"><sup>[return]</sup></a></li> +</ol> +</div> + + </div> +</article> + +<article class="hentry"> + <header> + + <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-10-26 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/background-image/">Oct 26, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute @@ -157,7 +213,7 @@ <p>This little bit of YAML makes the assumption that your background image asset is in the <code>/images</code> folder. If you place it somewhere else or are hotlinking from the web, just include the full http(s):// URL. Either way you should have a background image that is tiled.</p> -<p>If you want to set a background image for the entire site just add <code>background: filename.png</code> as a param in your <code>_config.yml</code> and BOOM — background images on every page!</p> +<p>If you want to set a background image for the entire site just add <code>background: /images/filename.png</code> as a <a href="https://gohugo.io/overview/configuration/#examples">param</a> in your config and BOOM — background images on every page!</p> <div xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/" about="http://subtlepatterns.com" class="notice">Background images from <span property="dct:title">Subtle Patterns</span> (<a rel="cc:attributionURL" property="cc:attributionName" href="http://subtlepatterns.com">Subtle Patterns</a>) / <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a></div> @@ -172,7 +228,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-08-16 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/code-highlighting-post/">Aug 16, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~2 minutes @@ -294,7 +352,9 @@ <header> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-08-12 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/sample-link-post/">Aug 12, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute @@ -314,7 +374,9 @@ <header> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-06-25 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/video-post/">Jun 25, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute @@ -6,190 +6,49 @@ <description>Recent content on HPSTR</description> <generator>Hugo -- gohugo.io</generator> <language>en-gb</language> - <lastBuildDate>Wed, 01 Jun 2016 15:14:43 -0400</lastBuildDate> <atom:link href="https://dldx.github.io/hpstr-hugo-theme/index.xml" rel="self" type="application/rss+xml" /> <item> - <title>Theme Setup</title> - <link>https://dldx.github.io/hpstr-hugo-theme/theme-setup/</link> - <pubDate>Wed, 01 Jun 2016 15:14:43 -0400</pubDate> + <title>About this theme</title> + <link>https://dldx.github.io/hpstr-hugo-theme/about/</link> + <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> - <guid>https://dldx.github.io/hpstr-hugo-theme/theme-setup/</guid> + <guid>https://dldx.github.io/hpstr-hugo-theme/about/</guid> <description> -<p>This is a port of the <strong>HPSTR</strong> theme to <a href="https://gohugo.io">Hugo</a>. This theme is perfect for bloggers.</p> - -<h2 id="get-the-theme:b8b08bb87737c3c5c8e714d4f8821e60">Get the theme</h2> - -<p>With Git installed, run the following commands inside the Hugo site folder. If Hugo has not yet been installed, read the setup guide <a href="https://gohugo.io/overview/installing/">here</a>.</p> -<div class="highlight" style="background: #272822"><pre style="line-height: 125%">$ mkdir themes -$ <span style="color: #f8f8f2">cd</span> themes -$ git clone https://github.com/dldx/hpstr-hugo-theme.git hpstr -</pre></div> - -<p>You can get a zip of the latest version of the theme from the <a href="https://github.com/dldx/hpstr-hugo-theme">home page</a> and extract it to the themes folder.</p> - -<h2 id="setup:b8b08bb87737c3c5c8e714d4f8821e60">Setup</h2> - -<p>Next, you need to configure your site and add some content. We provide a complete example site under the folder <code>exampleSite</code>. All you need to do is copy the contents of that folder into the main hugo site folder so that it looks something like this:</p> -<div class="highlight" style="background: #272822"><pre style="line-height: 125%">hugo-website -├── config.toml -├── content -│ └── posts -├── data -├── static -│ ├── assets -│ │ ├── css -│ │ ├── fonts -│ │ └── js -│ │ ├── plugins -│ │ └── vendor -│ └── images -└── themes - └── hpstr - ├── archetypes - ├── layouts - │ ├── _default - │ └── partials - └── static - ├── css - │ └── _sass - │ └── vendor - │ ├── font-awesome - │ └── magnific-popup - ├── fonts - └── js - ├── plugins - └── vendor -</pre></div> - -<p>This should be enough to get a working website!</p> - -<hr /> - -<h2 id="running-hugo:b8b08bb87737c3c5c8e714d4f8821e60">Running Hugo</h2> - -<p>To serve the site while you write posts, simply run <code>hugo server</code> in the base folder. You can now edit and make new posts, which will show up instantly. To render a permanent site, run <code>hugo</code> on its own.</p> +<p>This is a port of the <strong>HPSTR</strong> theme to <a href="https://gohugo.io">Hugo</a>. All the original features are intact and described below. Credit for the theme goes entirely to <a href="http://github.com/mmistakes">Michael Rose</a>.</p> <hr /> -<h2 id="configuration:b8b08bb87737c3c5c8e714d4f8821e60">Configuration</h2> - -<h3 id="disqus-comments:b8b08bb87737c3c5c8e714d4f8821e60">Disqus Comments</h3> - -<p>Create a <a href="http://disqus.com">Disqus</a> account and change <code>disqusShortname</code> in <code>config.toml</code> to the Disqus <em>shortname</em> you just setup. By default comments appear on all post and pages if you assigned a shortname. Note that comments won&rsquo;t generally load when you are running the server locally. To disable commenting on a post or page, add the following to its YAML Front Matter:</p> -<div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #ae81ff">comments</span><span style="color: #f8f8f2">:</span> <span style="color: #ae81ff">false</span> -</pre></div> - -<h3 id="social-share-links:b8b08bb87737c3c5c8e714d4f8821e60">Social Share Links</h3> - -<p>To disable Facebook, Twitter, and Google+ share links on a post or page, add the following to its front matter:</p> -<div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #ae81ff">share</span><span style="color: #f8f8f2">:</span> <span style="color: #ae81ff">false</span> -</pre></div> - -<h3 id="owner-author-information:b8b08bb87737c3c5c8e714d4f8821e60">Owner/Author Information</h3> - -<p>Change your name, and avatar photo (200x200 pixels or larger), email, and social networking URLs in <code>config.toml</code>.</p> - -<p>To add a copyright string to the footer, add <code>copyright = &quot;(c) Blah&quot;</code> to <code>config.toml</code></p> - -<h3 id="google-analytics-and-webmaster-tools:b8b08bb87737c3c5c8e714d4f8821e60">Google Analytics and Webmaster Tools</h3> - -<p>To add Google Analytics, you may add your tracking id to <code>config.toml</code>:</p> -<div class="highlight" style="background: #272822"><pre style="line-height: 125%">googleAnalytics = &quot;UA-123-45&quot; -</pre></div> - -<h3 id="navigation-links:b8b08bb87737c3c5c8e714d4f8821e60">Navigation Links</h3> - -<p>To add additional links in the drop down menu edit <code>data/navigation.toml</code>. Use the following format to set the URL and title for as many links as you&rsquo;d like. <em>External links will open in a new window.</em></p> -<div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #66d9ef">[[links]]</span> -<span style="color: #a6e22e">title</span> <span style="color: #f92672">=</span> <span style="color: #e6db74">&quot;Theme Setup&quot;</span> -<span style="color: #a6e22e">url</span> <span style="color: #f92672">=</span> <span style="color: #e6db74">&quot;/theme-setup/&quot;</span> - -<span style="color: #66d9ef">[[links]]</span> -<span style="color: #a6e22e">title</span> <span style="color: #f92672">=</span> <span style="color: #e6db74">&quot;External Link&quot;</span> -<span style="color: #a6e22e">url</span> <span style="color: #f92672">=</span> <span style="color: #e6db74">&quot;http://mademistakes.com&quot;</span> -</pre></div> - -<hr /> - -<h2 id="adding-new-content:b8b08bb87737c3c5c8e714d4f8821e60">Adding New Content</h2> - -<p>Posts are stored in the <code>content</code> directory. By default, only content in the <code>content/posts</code> will show up in the <code>All Posts</code> section, however, you can link to other sections manually. For example, if you create a post at <code>gallery/photo1.md</code>, your post will appear both under the home page and under <code>/gallery</code>.</p> - -<p>By the way, Hugo has a shortcut for creating new posts: <code>hugo new gallery/photo1.md</code>. See <code>hugo new --help</code> for more details.</p> - -<hr /> - -<h3 id="feature-images:b8b08bb87737c3c5c8e714d4f8821e60">Feature Images</h3> - -<p>A good rule of thumb is to keep feature images nice and wide so you don&rsquo;t push the body text too far down. An image cropped around around 1024 x 256 pixels will keep file size down with an acceptable resolution for most devices.</p> - -<p>To add a feature image to a post or page just include the filename in the front matter like so.</p> -<div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #ae81ff">image</span><span style="color: #f8f8f2">:</span> - <span style="color: #ae81ff">feature</span><span style="color: #f8f8f2">:</span> <span style="color: #ae81ff">/images/feature-image-filename.jpg</span> - <span style="color: #ae81ff">thumb</span><span style="color: #f8f8f2">:</span> <span style="color: #ae81ff">thumbnail-image.jpg</span> <span style="color: #75715e">#keep it square 200x200 px is good</span> -</pre></div> - -<p>If you want to apply attribution to a feature image use the following YAML front matter on posts or pages. Image credits appear directly below the feature image with a link back to the original source.</p> -<div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #ae81ff">image</span><span style="color: #f8f8f2">:</span> - <span style="color: #ae81ff">feature</span><span style="color: #f8f8f2">:</span> <span style="color: #ae81ff">feature-image-filename.jpg</span> - <span style="color: #ae81ff">credit</span><span style="color: #f8f8f2">:</span> <span style="color: #ae81ff">Michael Rose</span> <span style="color: #75715e">#name of the person or site you want to credit</span> - <span style="color: #ae81ff">creditlink</span><span style="color: #f8f8f2">:</span> <span style="color: #ae81ff">http://mademistakes.com</span> <span style="color: #75715e">#url to their site or licensing</span> -</pre></div> - -<p>By default the <code>&lt;div&gt;</code> containing feature images is set to have a minimum height of 400px with CSS. Anything taller is hidden with an <code>overflow: hidden</code> declaration. You can customize the height of the homepage feature image and those appearing on posts/pages by modifying the following variables in <code>/static/css/_sass/_variables.scss</code>.</p> -<div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">$feature-image-height</span><span style="color: #f92672">:</span> <span style="color: #ae81ff">400</span><span style="color: #66d9ef">px</span><span style="color: #f8f8f2">;</span> <span style="color: #75715e">// min 150px recommended</span> -<span style="color: #f8f8f2">$front-page-feature-image-height</span><span style="color: #f92672">:</span> <span style="color: #ae81ff">400</span><span style="color: #66d9ef">px</span><span style="color: #f8f8f2">;</span> <span style="color: #75715e">// min 150px recommended</span> -</pre></div> - -<h4 id="post-page-thumbnails-for-og-and-twitter-cards:b8b08bb87737c3c5c8e714d4f8821e60">Post/Page Thumbnails for OG and Twitter Cards</h4> - -<p>Post and page thumbnails work the same way. These are used by <a href="https://developers.facebook.com/docs/opengraph/">Open Graph</a> and <a href="https://dev.twitter.com/docs/cards">Twitter Cards</a> meta tags found in <code>partials/twitter-og-cards.html</code>. If you don&rsquo;t assign a thumbnail the image you assigned to <code>params.author.avatar</code> in <code>config.toml</code> will be used.</p> - -<p>Here&rsquo;s an example of what a tweet to your site could look like if you activate Twitter Cards and include all the metas in your post&rsquo;s YAML.</p> - -<p><img src="https://dldx.github.io/hpstr-hugo-theme/images/twitter-card-summary-large-image.jpg" alt="Twitter Card summary large image screenshot" /></p> - -<p>Twitter cards make it possible to attach images and post summaries to Tweets that link to your content. Summary Card meta tags have been added to <code>head.html</code> to support this, you just need to <a href="https://dev.twitter.com/docs/cards">validate and apply your domain</a> to turn it on.</p> - -<h3 id="videos:b8b08bb87737c3c5c8e714d4f8821e60">Videos</h3> - -<p>Video embeds are responsive and scale with the width of the main content block with the help of <a href="http://fitvidsjs.com/">FitVids</a>.</p> - -<h3 id="link-post-type:b8b08bb87737c3c5c8e714d4f8821e60">Link Post Type</h3> - -<p>Link blog like a champ by adding <code>link: http://url-you-want-linked</code> to a post&rsquo;s YAML front matter. Arrow glyph links to the post&rsquo;s permalink and the the <code>post-title</code> links to the source URL. Here&rsquo;s an <a href="https://dldx.github.io/hpstr-hugo-theme/hpstr-hugo-theme/posts/sample-link-post/">example of a link post</a> if you need a visual.</p> - -<hr /> - -<h2 id="further-customization:b8b08bb87737c3c5c8e714d4f8821e60">Further Customization</h2> - -<p>By editing values found in <code>static/css/_sass/variables.scss</code> you can fine tune the site&rsquo;s colors and typography. You will need a <a href="http://sass-lang.com">sass processor</a> to render the files to css.</p> - -<p>For example if you wanted a red background instead of white you&rsquo;d change <code>$bodycolor: #fff;</code> to <code>$bodycolor: $cc0033;</code>.</p> - -<p><em>Note from dldx: I haven&rsquo;t changed the Gruntfile to work for hugo yet. If anyone would like to submit a PR, feel free! :) The following is just the original documentation for this theme</em></p> - -<p>To modify the site&rsquo;s JavaScript files I setup a Grunt build script to lint/concatenate/minify all scripts into <code>scripts.min.js</code>. <a href="http://nodejs.org/">Install Node.js</a>, then <a href="http://gruntjs.com/getting-started">install Grunt</a>, and then finally install the dependencies for the theme contained in <code>package.json</code>:</p> -<div class="highlight" style="background: #272822"><pre style="line-height: 125%">npm install -</pre></div> - -<p>From the theme&rsquo;s root, use <code>grunt</code> to concatenate JavaScript files and optimize <code>.jpg</code>, <code>.png</code> and <code>.svg</code> files in the <code>images/</code> folder.</p> +<p>They say three times the charm, so here is another free responsive Jekyll blog theme for you. I&rsquo;ve learned a ton since open sourcing my first two themes <a href="http://github.com/mmistakes">on Github</a>, and wanted to try a few new things this time around.</p> -<p>You can also use <code>grunt dev</code> in combination with <code>bundle exec jekyll serve</code> to watch for updates in JS files that Grunt will then automatically re-build as you write your code, which will in turn auto-generate your Jekyll site when developing locally.</p> +<p>If you&rsquo;ve used any of <a href="http://mademistakes.com/work/jekyll-themes/">my other themes</a> most of this should be familiar territory&hellip;</p> -<hr /> +<h2 id="hpstr-features:6083a88ee3411b0d17ce02d738f69d47">HPSTR Features:</h2> -<h2 id="questions:b8b08bb87737c3c5c8e714d4f8821e60">Questions?</h2> +<ul> +<li>Responsive templates for post, page, and post index <code>layouts</code>. Looks great on mobile, tablet, and desktop devices.</li> +<li>Gracefully degrades in older browsers. Compatible with Internet Explorer 8+ and all modern browsers.<br /></li> +<li>Sweet animated menu.</li> +<li>Background image support.</li> +<li>Support for large images to call out your favorite posts.</li> +<li>Optional <a href="http://disqus.com">Disqus</a> comments.</li> +<li>Simple and clear permalink structure<sup class="footnote-ref" id="fnref:6083a88ee3411b0d17ce02d738f69d47:1"><a rel="footnote" href="#fn:6083a88ee3411b0d17ce02d738f69d47:1">1</a></sup>.</li> +<li><a href="https://developers.facebook.com/docs/opengraph/">Open Graph</a> and <a href="https://dev.twitter.com/docs/cards">Twitter Cards</a> support for a better social sharing experience.</li> +<li><a href="https://dldx.github.io/hpstr-hugo-theme/404.html">Custom 404 page</a> to get you started.</li> +<li><a href="https://dldx.github.io/hpstr-hugo-theme/hpstr-hugo-theme/posts/code-highlighting-post/">Syntax highlighting</a> stylesheets to make your code examples look snazzy.</li> +</ul> -<p>Having a problem getting something to work or want to know why I setup something in a certain way? You can contact me on <a href="https://github.com/dldx">github</a> or <a href="https://github.com/dldx/hpstr-hugo-theme/issues/new">file a GitHub Issue</a>. And if you make something cool with this theme feel free to let me know.</p> +<div markdown="0"><a href="https://dldx.github.io/hpstr-hugo-theme/hpstr-hugo-theme/theme-setup/" class="btn btn-info">Theme Setup</a> <a href="https://github.com/dldx/hpstr-hugo-theme" class="btn btn-success">Download HPSTR</a></div> +<div class="footnotes"> <hr /> -<h2 id="license:b8b08bb87737c3c5c8e714d4f8821e60">License</h2> - -<p>This theme is free and open source software, distributed under the <a href="https://github.com/dldx/hpstr-hugo-theme/blob/master/LICENSE.md">MIT License</a> version 2 or later. So feel free to to modify this theme to suit your needs.</p> +<ol> +<li id="fn:6083a88ee3411b0d17ce02d738f69d47:1">Example: <em>domain.com/category-name/post-title</em> + <a class="footnote-return" href="#fnref:6083a88ee3411b0d17ce02d738f69d47:1"><sup>[return]</sup></a></li> +</ol> +</div> </description> </item> @@ -205,7 +64,7 @@ $ git clone https://github.com/dldx/hpstr-hugo-theme.git hpstr <p>This little bit of YAML makes the assumption that your background image asset is in the <code>/images</code> folder. If you place it somewhere else or are hotlinking from the web, just include the full http(s):// URL. Either way you should have a background image that is tiled.</p> -<p>If you want to set a background image for the entire site just add <code>background: filename.png</code> as a param in your <code>_config.yml</code> and BOOM &mdash; background images on every page!</p> +<p>If you want to set a background image for the entire site just add <code>background: /images/filename.png</code> as a <a href="https://gohugo.io/overview/configuration/#examples">param</a> in your config and BOOM &mdash; background images on every page!</p> <div xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/" about="http://subtlepatterns.com" class="notice">Background images from <span property="dct:title">Subtle Patterns</span> (<a rel="cc:attributionURL" property="cc:attributionName" href="http://subtlepatterns.com">Subtle Patterns</a>) / <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a></div> </description> @@ -649,46 +508,188 @@ $ git clone https://github.com/dldx/hpstr-hugo-theme.git hpstr </item> <item> - <title>About the Hugo Theme</title> - <link>https://dldx.github.io/hpstr-hugo-theme/about/</link> + <title>Theme Setup</title> + <link>https://dldx.github.io/hpstr-hugo-theme/theme-setup/</link> <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> - <guid>https://dldx.github.io/hpstr-hugo-theme/about/</guid> + <guid>https://dldx.github.io/hpstr-hugo-theme/theme-setup/</guid> <description> -<p>This theme has been ported to Hugo by <a href="https://github.com/dldx">Durand D&rsquo;souza</a> but the all the original features are intact and described below. All credit for the theme goes to <a href="http://github.com/mmistakes">Michael Rose</a>.</p> +<p>This is a port of the <strong>HPSTR</strong> theme to <a href="https://gohugo.io">Hugo</a>. This theme is perfect for bloggers.</p> + +<h2 id="get-the-theme:b8b08bb87737c3c5c8e714d4f8821e60">Get the theme</h2> + +<p>With Git installed, run the following commands inside the Hugo site folder. If Hugo has not yet been installed, read the setup guide <a href="https://gohugo.io/overview/installing/">here</a>.</p> +<div class="highlight" style="background: #272822"><pre style="line-height: 125%">$ mkdir themes +$ <span style="color: #f8f8f2">cd</span> themes +$ git clone https://github.com/dldx/hpstr-hugo-theme.git hpstr +</pre></div> + +<p>You can get a zip of the latest version of the theme from the <a href="https://github.com/dldx/hpstr-hugo-theme">home page</a> and extract it to the themes folder.</p> + +<h2 id="setup:b8b08bb87737c3c5c8e714d4f8821e60">Setup</h2> + +<p>Next, you need to configure your site and add some content. We provide a complete example site under the folder <code>exampleSite</code>. All you need to do is copy the contents of that folder into the main hugo site folder so that it looks something like this:</p> +<div class="highlight" style="background: #272822"><pre style="line-height: 125%">hugo-website +├── config.toml +├── content +│ └── posts +├── data +├── static +│ ├── assets +│ │ ├── css +│ │ ├── fonts +│ │ └── js +│ │ ├── plugins +│ │ └── vendor +│ └── images +└── themes + └── hpstr + ├── archetypes + ├── layouts + │ ├── _default + │ └── partials + └── static + ├── css + │ └── _sass + │ └── vendor + │ ├── font-awesome + │ └── magnific-popup + ├── fonts + └── js + ├── plugins + └── vendor +</pre></div> + +<p>This should be enough to get a working website!</p> <hr /> -<p>They say three times the charm, so here is another free responsive Jekyll blog theme for you. I&rsquo;ve learned a ton since open sourcing my first two themes <a href="http://github.com/mmistakes">on Github</a>, and wanted to try a few new things this time around.</p> +<h2 id="running-hugo:b8b08bb87737c3c5c8e714d4f8821e60">Running Hugo</h2> -<p>If you&rsquo;ve used any of <a href="http://mademistakes.com/work/jekyll-themes/">my other themes</a> most of this should be familiar territory&hellip;</p> +<p>To serve the site while you write posts, simply run <code>hugo server</code> in the base folder. You can now edit and make new posts, which will show up instantly. To render a permanent site, run <code>hugo</code> on its own.</p> -<h2 id="hpstr-features:6083a88ee3411b0d17ce02d738f69d47">HPSTR Features:</h2> +<hr /> -<ul> -<li>Responsive templates for post, page, and post index <code>layouts</code>. Looks great on mobile, tablet, and desktop devices.</li> -<li>Gracefully degrades in older browsers. Compatible with Internet Explorer 8+ and all modern browsers.<br /></li> -<li>Sweet animated menu.</li> -<li>Background image support.</li> -<li>Support for large images to call out your favorite posts.</li> -<li>Optional <a href="http://disqus.com">Disqus</a> comments.</li> -<li>Simple and clear permalink structure<sup class="footnote-ref" id="fnref:6083a88ee3411b0d17ce02d738f69d47:1"><a rel="footnote" href="#fn:6083a88ee3411b0d17ce02d738f69d47:1">1</a></sup>.</li> -<li><a href="https://developers.facebook.com/docs/opengraph/">Open Graph</a> and <a href="https://dev.twitter.com/docs/cards">Twitter Cards</a> support for a better social sharing experience.</li> -<li><a href="https://dldx.github.io/hpstr-hugo-theme/404.html">Custom 404 page</a> to get you started.</li> -<li><a href="https://dldx.github.io/hpstr-hugo-theme/hpstr-hugo-theme/posts/code-highlighting-post/">Syntax highlighting</a> stylesheets to make your code examples look snazzy.</li> -</ul> +<h2 id="configuration:b8b08bb87737c3c5c8e714d4f8821e60">Configuration</h2> -<div markdown="0"><a href="https://dldx.github.io/hpstr-hugo-theme/hpstr-hugo-theme/theme-setup/" class="btn btn-info">Theme Setup</a> <a href="https://github.com/dldx/hpstr-hugo-theme" class="btn btn-success">Download HPSTR</a></div> -<div class="footnotes"> +<h3 id="disqus-comments:b8b08bb87737c3c5c8e714d4f8821e60">Disqus Comments</h3> + +<p>Create a <a href="http://disqus.com">Disqus</a> account and change <code>disqusShortname</code> in <code>config.toml</code> to the Disqus <em>shortname</em> you just setup. By default comments appear on all post and pages if you assigned a shortname. Note that comments won&rsquo;t generally load when you are running the server locally. To disable commenting on a post or page, add the following to its YAML Front Matter:</p> +<div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #ae81ff">comments</span><span style="color: #f8f8f2">:</span> <span style="color: #ae81ff">false</span> +</pre></div> + +<h3 id="social-share-links:b8b08bb87737c3c5c8e714d4f8821e60">Social Share Links</h3> + +<p>To disable Facebook, Twitter, and Google+ share links on a post or page, add the following to its front matter:</p> +<div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #ae81ff">share</span><span style="color: #f8f8f2">:</span> <span style="color: #ae81ff">false</span> +</pre></div> + +<h3 id="owner-author-information:b8b08bb87737c3c5c8e714d4f8821e60">Owner/Author Information</h3> + +<p>Change your name, and avatar photo (200x200 pixels or larger), email, and social networking URLs in <code>config.toml</code>.</p> + +<p>To add a copyright string to the footer, add <code>copyright = &quot;(c) Blah&quot;</code> to <code>config.toml</code></p> + +<h3 id="google-analytics-and-webmaster-tools:b8b08bb87737c3c5c8e714d4f8821e60">Google Analytics and Webmaster Tools</h3> + +<p>To add Google Analytics, you may add your tracking id to <code>config.toml</code>:</p> +<div class="highlight" style="background: #272822"><pre style="line-height: 125%">googleAnalytics = &quot;UA-123-45&quot; +</pre></div> + +<h3 id="navigation-links:b8b08bb87737c3c5c8e714d4f8821e60">Navigation Links</h3> + +<p>To add additional links in the drop down menu edit <code>data/navigation.toml</code>. Use the following format to set the URL and title for as many links as you&rsquo;d like. <em>External links will open in a new window.</em></p> +<div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #66d9ef">[[links]]</span> +<span style="color: #a6e22e">title</span> <span style="color: #f92672">=</span> <span style="color: #e6db74">&quot;Theme Setup&quot;</span> +<span style="color: #a6e22e">url</span> <span style="color: #f92672">=</span> <span style="color: #e6db74">&quot;/theme-setup/&quot;</span> + +<span style="color: #66d9ef">[[links]]</span> +<span style="color: #a6e22e">title</span> <span style="color: #f92672">=</span> <span style="color: #e6db74">&quot;External Link&quot;</span> +<span style="color: #a6e22e">url</span> <span style="color: #f92672">=</span> <span style="color: #e6db74">&quot;http://mademistakes.com&quot;</span> +</pre></div> <hr /> -<ol> -<li id="fn:6083a88ee3411b0d17ce02d738f69d47:1">Example: <em>domain.com/category-name/post-title</em> - <a class="footnote-return" href="#fnref:6083a88ee3411b0d17ce02d738f69d47:1"><sup>[return]</sup></a></li> -</ol> -</div> +<h2 id="adding-new-content:b8b08bb87737c3c5c8e714d4f8821e60">Adding New Content</h2> + +<p>Posts are stored in the <code>content</code> directory. By default, only content in the <code>content/posts</code> will show up in the <code>All Posts</code> section, however, you can link to other sections manually. For example, if you create a post at <code>gallery/photo1.md</code>, your post will appear both under the home page and under <code>/gallery</code>.</p> + +<p>By the way, Hugo has a shortcut for creating new posts: <code>hugo new gallery/photo1.md</code>. See <code>hugo new --help</code> for more details.</p> + +<hr /> + +<h3 id="feature-images:b8b08bb87737c3c5c8e714d4f8821e60">Feature Images</h3> + +<p>A good rule of thumb is to keep feature images nice and wide so you don&rsquo;t push the body text too far down. An image cropped around around 1024 x 256 pixels will keep file size down with an acceptable resolution for most devices.</p> + +<p>To add a feature image to a post or page just include the filename in the front matter like so.</p> +<div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #ae81ff">image</span><span style="color: #f8f8f2">:</span> + <span style="color: #ae81ff">feature</span><span style="color: #f8f8f2">:</span> <span style="color: #ae81ff">/images/feature-image-filename.jpg</span> + <span style="color: #ae81ff">thumb</span><span style="color: #f8f8f2">:</span> <span style="color: #ae81ff">thumbnail-image.jpg</span> <span style="color: #75715e">#keep it square 200x200 px is good</span> +</pre></div> + +<p>If you want to apply attribution to a feature image use the following YAML front matter on posts or pages. Image credits appear directly below the feature image with a link back to the original source.</p> +<div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #ae81ff">image</span><span style="color: #f8f8f2">:</span> + <span style="color: #ae81ff">feature</span><span style="color: #f8f8f2">:</span> <span style="color: #ae81ff">feature-image-filename.jpg</span> + <span style="color: #ae81ff">credit</span><span style="color: #f8f8f2">:</span> <span style="color: #ae81ff">Michael Rose</span> <span style="color: #75715e">#name of the person or site you want to credit</span> + <span style="color: #ae81ff">creditlink</span><span style="color: #f8f8f2">:</span> <span style="color: #ae81ff">http://mademistakes.com</span> <span style="color: #75715e">#url to their site or licensing</span> +</pre></div> + +<p>By default the <code>&lt;div&gt;</code> containing feature images is set to have a minimum height of 400px with CSS. Anything taller is hidden with an <code>overflow: hidden</code> declaration. You can customize the height of the homepage feature image and those appearing on posts/pages by modifying the following variables in <code>/static/css/_sass/_variables.scss</code>.</p> +<div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">$feature-image-height</span><span style="color: #f92672">:</span> <span style="color: #ae81ff">400</span><span style="color: #66d9ef">px</span><span style="color: #f8f8f2">;</span> <span style="color: #75715e">// min 150px recommended</span> +<span style="color: #f8f8f2">$front-page-feature-image-height</span><span style="color: #f92672">:</span> <span style="color: #ae81ff">400</span><span style="color: #66d9ef">px</span><span style="color: #f8f8f2">;</span> <span style="color: #75715e">// min 150px recommended</span> +</pre></div> + +<h4 id="post-page-thumbnails-for-og-and-twitter-cards:b8b08bb87737c3c5c8e714d4f8821e60">Post/Page Thumbnails for OG and Twitter Cards</h4> + +<p>Post and page thumbnails work the same way. These are used by <a href="https://developers.facebook.com/docs/opengraph/">Open Graph</a> and <a href="https://dev.twitter.com/docs/cards">Twitter Cards</a> meta tags found in <code>partials/twitter-og-cards.html</code>. If you don&rsquo;t assign a thumbnail the image you assigned to <code>params.author.avatar</code> in <code>config.toml</code> will be used.</p> + +<p>Here&rsquo;s an example of what a tweet to your site could look like if you activate Twitter Cards and include all the metas in your post&rsquo;s YAML.</p> + +<p><img src="https://dldx.github.io/hpstr-hugo-theme/images/twitter-card-summary-large-image.jpg" alt="Twitter Card summary large image screenshot" /></p> + +<p>Twitter cards make it possible to attach images and post summaries to Tweets that link to your content. Summary Card meta tags have been added to <code>head.html</code> to support this, you just need to <a href="https://dev.twitter.com/docs/cards">validate and apply your domain</a> to turn it on.</p> + +<h3 id="videos:b8b08bb87737c3c5c8e714d4f8821e60">Videos</h3> + +<p>Video embeds are responsive and scale with the width of the main content block with the help of <a href="http://fitvidsjs.com/">FitVids</a>.</p> + +<h3 id="link-post-type:b8b08bb87737c3c5c8e714d4f8821e60">Link Post Type</h3> + +<p>Link blog like a champ by adding <code>link: http://url-you-want-linked</code> to a post&rsquo;s YAML front matter. Arrow glyph links to the post&rsquo;s permalink and the the <code>post-title</code> links to the source URL. Here&rsquo;s an <a href="https://dldx.github.io/hpstr-hugo-theme/hpstr-hugo-theme/posts/sample-link-post/">example of a link post</a> if you need a visual.</p> + +<hr /> + +<h2 id="further-customization:b8b08bb87737c3c5c8e714d4f8821e60">Further Customization</h2> + +<p>By editing values found in <code>static/css/_sass/variables.scss</code> you can fine tune the site&rsquo;s colors and typography. You will need a <a href="http://sass-lang.com">sass processor</a> to render the files to css.</p> + +<p>For example if you wanted a red background instead of white you&rsquo;d change <code>$bodycolor: #fff;</code> to <code>$bodycolor: $cc0033;</code>.</p> + +<p><em>Note from dldx: I haven&rsquo;t changed the Gruntfile to work for hugo yet. If anyone would like to submit a PR, feel free! :) The following is just the original documentation for this theme</em></p> + +<p>To modify the site&rsquo;s JavaScript files I setup a Grunt build script to lint/concatenate/minify all scripts into <code>scripts.min.js</code>. <a href="http://nodejs.org/">Install Node.js</a>, then <a href="http://gruntjs.com/getting-started">install Grunt</a>, and then finally install the dependencies for the theme contained in <code>package.json</code>:</p> +<div class="highlight" style="background: #272822"><pre style="line-height: 125%">npm install +</pre></div> + +<p>From the theme&rsquo;s root, use <code>grunt</code> to concatenate JavaScript files and optimize <code>.jpg</code>, <code>.png</code> and <code>.svg</code> files in the <code>images/</code> folder.</p> + +<p>You can also use <code>grunt dev</code> in combination with <code>bundle exec jekyll serve</code> to watch for updates in JS files that Grunt will then automatically re-build as you write your code, which will in turn auto-generate your Jekyll site when developing locally.</p> + +<p>For more information on how to configure Hugo or content, check out the <a href="https://gohugo.io/overview/introduction/">Hugo documentation</a>.</p> + +<hr /> + +<h2 id="questions:b8b08bb87737c3c5c8e714d4f8821e60">Questions?</h2> + +<p>Having a problem getting something to work or want to know why I setup something in a certain way? You can contact me on <a href="https://github.com/dldx">github</a> or <a href="https://github.com/dldx/hpstr-hugo-theme/issues/new">file a GitHub Issue</a>. And if you make something cool with this theme feel free to let me know.</p> + +<hr /> + +<h2 id="license:b8b08bb87737c3c5c8e714d4f8821e60">License</h2> + +<p>This theme is free and open source software, distributed under the <a href="https://github.com/dldx/hpstr-hugo-theme/blob/master/LICENSE.md">MIT License</a> version 2 or later. So feel free to to modify this theme to suit your needs.</p> </description> </item> diff --git a/page/2/index.html b/page/2/index.html index 67361f2..ce387bc 100644 --- a/page/2/index.html +++ b/page/2/index.html @@ -146,7 +146,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-05-23 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/readability-feature-post/">May 23, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~4 minutes @@ -207,7 +209,9 @@ <header> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-05-22 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/sample-post-images/">May 22, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute @@ -285,7 +289,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2012-05-22 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/readability-post/">May 22, 2012</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~4 minutes @@ -350,7 +356,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2011-03-10 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/sample-post/">Mar 10, 2011</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~2 minutes diff --git a/posts/background-image/index.html b/posts/background-image/index.html index 9c77b3d..35cf82d 100644 --- a/posts/background-image/index.html +++ b/posts/background-image/index.html @@ -57,7 +57,7 @@ <link rel="shortcut icon" href="/hpstr-hugo-theme/favicon.png"> -<style type="text/css">body {background-image:url(/hpstr-hugo-theme/images/triangular.png);}</style> +<style type="text/css">body {background-image:url(/images/triangular.png);}</style> </head> @@ -117,7 +117,7 @@ <h1 class="entry-title"><a href="/hpstr-hugo-theme/posts/background-image/" rel="bookmark" title="Post with a Background Image">Post with a Background Image</a></h1> - + <h2><span class="entry-date date published"><time datetime="2013-10-26 00:00:00 +0000 UTC">October 26, 2013</time></span></h2> <p class="entry-reading-time"> @@ -133,7 +133,7 @@ <p>This little bit of YAML makes the assumption that your background image asset is in the <code>/images</code> folder. If you place it somewhere else or are hotlinking from the web, just include the full http(s):// URL. Either way you should have a background image that is tiled.</p> -<p>If you want to set a background image for the entire site just add <code>background: filename.png</code> as a param in your <code>_config.yml</code> and BOOM — background images on every page!</p> +<p>If you want to set a background image for the entire site just add <code>background: /images/filename.png</code> as a <a href="https://gohugo.io/overview/configuration/#examples">param</a> in your config and BOOM — background images on every page!</p> <div xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/" about="http://subtlepatterns.com" class="notice">Background images from <span property="dct:title">Subtle Patterns</span> (<a rel="cc:attributionURL" property="cc:attributionName" href="http://subtlepatterns.com">Subtle Patterns</a>) / <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a></div> @@ -144,9 +144,9 @@ <div class="social-share"> <ul class="socialcount socialcount-small inline-list"> - <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fbackground-image%2f" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> - <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fbackground-image%2f" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> - <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fbackground-image%2f" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> + <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fbackground-image%2f" target="_blank" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> + <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fbackground-image%2f" target="_blank" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> + <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fbackground-image%2f" target="_blank" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> </ul> </div> diff --git a/posts/code-highlighting-post/index.html b/posts/code-highlighting-post/index.html index 9dbd370..ce0f7cc 100644 --- a/posts/code-highlighting-post/index.html +++ b/posts/code-highlighting-post/index.html @@ -132,7 +132,7 @@ <h1 class="entry-title"><a href="/hpstr-hugo-theme/posts/code-highlighting-post/" rel="bookmark" title="Syntax Highlighting Post">Syntax Highlighting Post</a></h1> - + <h2><span class="entry-date date published"><time datetime="2013-08-16 00:00:00 +0000 UTC">August 16, 2013</time></span></h2> <p class="entry-reading-time"> @@ -254,9 +254,9 @@ <span class="author vcard"><span class="fn">Hugo</span></span> <div class="social-share"> <ul class="socialcount socialcount-small inline-list"> - <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fcode-highlighting-post%2f" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> - <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fcode-highlighting-post%2f" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> - <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fcode-highlighting-post%2f" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> + <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fcode-highlighting-post%2f" target="_blank" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> + <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fcode-highlighting-post%2f" target="_blank" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> + <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fcode-highlighting-post%2f" target="_blank" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> </ul> </div> diff --git a/posts/index.html b/posts/index.html index fb10ccf..50649ac 100644 --- a/posts/index.html +++ b/posts/index.html @@ -145,7 +145,9 @@ <header> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-10-26 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/background-image/">Oct 26, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute @@ -162,7 +164,7 @@ <p>This little bit of YAML makes the assumption that your background image asset is in the <code>/images</code> folder. If you place it somewhere else or are hotlinking from the web, just include the full http(s):// URL. Either way you should have a background image that is tiled.</p> -<p>If you want to set a background image for the entire site just add <code>background: filename.png</code> as a param in your <code>_config.yml</code> and BOOM — background images on every page!</p> +<p>If you want to set a background image for the entire site just add <code>background: /images/filename.png</code> as a <a href="https://gohugo.io/overview/configuration/#examples">param</a> in your config and BOOM — background images on every page!</p> <div xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/" about="http://subtlepatterns.com" class="notice">Background images from <span property="dct:title">Subtle Patterns</span> (<a rel="cc:attributionURL" property="cc:attributionName" href="http://subtlepatterns.com">Subtle Patterns</a>) / <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a></div> @@ -177,7 +179,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-08-16 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/code-highlighting-post/">Aug 16, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~2 minutes @@ -299,7 +303,9 @@ <header> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-08-12 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/sample-link-post/">Aug 12, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute @@ -319,7 +325,9 @@ <header> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-06-25 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/video-post/">Jun 25, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute @@ -347,7 +355,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-05-23 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/readability-feature-post/">May 23, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~4 minutes diff --git a/posts/index.xml b/posts/index.xml index 4e644a9..e11c7e0 100644 --- a/posts/index.xml +++ b/posts/index.xml @@ -21,7 +21,7 @@ <p>This little bit of YAML makes the assumption that your background image asset is in the <code>/images</code> folder. If you place it somewhere else or are hotlinking from the web, just include the full http(s):// URL. Either way you should have a background image that is tiled.</p> -<p>If you want to set a background image for the entire site just add <code>background: filename.png</code> as a param in your <code>_config.yml</code> and BOOM &mdash; background images on every page!</p> +<p>If you want to set a background image for the entire site just add <code>background: /images/filename.png</code> as a <a href="https://gohugo.io/overview/configuration/#examples">param</a> in your config and BOOM &mdash; background images on every page!</p> <div xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/" about="http://subtlepatterns.com" class="notice">Background images from <span property="dct:title">Subtle Patterns</span> (<a rel="cc:attributionURL" property="cc:attributionName" href="http://subtlepatterns.com">Subtle Patterns</a>) / <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a></div> </description> diff --git a/posts/page/2/index.html b/posts/page/2/index.html index e90a748..6d4f38f 100644 --- a/posts/page/2/index.html +++ b/posts/page/2/index.html @@ -145,7 +145,9 @@ <header> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-05-22 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/sample-post-images/">May 22, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute @@ -223,7 +225,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2012-05-22 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/readability-post/">May 22, 2012</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~4 minutes @@ -288,7 +292,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2011-03-10 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/sample-post/">Mar 10, 2011</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~2 minutes diff --git a/posts/readability-feature-post/index.html b/posts/readability-feature-post/index.html index 92b0d7b..13c8824 100644 --- a/posts/readability-feature-post/index.html +++ b/posts/readability-feature-post/index.html @@ -132,7 +132,7 @@ <h1 class="entry-title"><a href="/hpstr-hugo-theme/posts/readability-feature-post/" rel="bookmark" title="Post with Large Feature Image and Text">Post with Large Feature Image and Text</a></h1> - + <h2><span class="entry-date date published"><time datetime="2013-05-23 00:00:00 +0000 UTC">May 23, 2013</time></span></h2> <p class="entry-reading-time"> @@ -192,9 +192,9 @@ <div class="social-share"> <ul class="socialcount socialcount-small inline-list"> - <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2freadability-feature-post%2f" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> - <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2freadability-feature-post%2f" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> - <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2freadability-feature-post%2f" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> + <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2freadability-feature-post%2f" target="_blank" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> + <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2freadability-feature-post%2f" target="_blank" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> + <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2freadability-feature-post%2f" target="_blank" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> </ul> </div> diff --git a/posts/readability-post/index.html b/posts/readability-post/index.html index 56c1f13..e4a8729 100644 --- a/posts/readability-post/index.html +++ b/posts/readability-post/index.html @@ -132,7 +132,7 @@ <h1 class="entry-title"><a href="/hpstr-hugo-theme/posts/readability-post/" rel="bookmark" title="Testing Readability with a Bunch of Text">Testing Readability with a Bunch of Text</a></h1> - + <h2><span class="entry-date date published"><time datetime="2012-05-22 00:00:00 +0000 UTC">May 22, 2012</time></span></h2> <p class="entry-reading-time"> @@ -192,9 +192,9 @@ <div class="social-share"> <ul class="socialcount socialcount-small inline-list"> - <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2freadability-post%2f" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> - <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2freadability-post%2f" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> - <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2freadability-post%2f" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> + <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2freadability-post%2f" target="_blank" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> + <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2freadability-post%2f" target="_blank" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> + <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2freadability-post%2f" target="_blank" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> </ul> </div> diff --git a/posts/sample-link-post/index.html b/posts/sample-link-post/index.html index 08ab181..5d59781 100644 --- a/posts/sample-link-post/index.html +++ b/posts/sample-link-post/index.html @@ -115,7 +115,7 @@ <h1 class="entry-title"><i class="fa fa-bookmark permalink"></i> <a href="http://mademistakes.com">Sample Link Post</a></h1> - + <h2><span class="entry-date date published"><time datetime="2013-08-12 00:00:00 +0000 UTC">August 12, 2013</time></span></h2> <p class="entry-reading-time"> @@ -134,9 +134,9 @@ <div class="social-share"> <ul class="socialcount socialcount-small inline-list"> - <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-link-post%2f" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> - <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-link-post%2f" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> - <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-link-post%2f" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> + <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-link-post%2f" target="_blank" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> + <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-link-post%2f" target="_blank" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> + <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-link-post%2f" target="_blank" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> </ul> </div> diff --git a/posts/sample-post-images/index.html b/posts/sample-post-images/index.html index 16b2e85..e139d06 100644 --- a/posts/sample-post-images/index.html +++ b/posts/sample-post-images/index.html @@ -115,7 +115,7 @@ <h1 class="entry-title"><a href="/hpstr-hugo-theme/posts/sample-post-images/" rel="bookmark" title="A Post with Images">A Post with Images</a></h1> - + <h2><span class="entry-date date published"><time datetime="2013-05-22 00:00:00 +0000 UTC">May 22, 2013</time></span></h2> <p class="entry-reading-time"> @@ -188,9 +188,9 @@ <div class="social-share"> <ul class="socialcount socialcount-small inline-list"> - <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-post-images%2f" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> - <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-post-images%2f" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> - <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-post-images%2f" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> + <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-post-images%2f" target="_blank" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> + <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-post-images%2f" target="_blank" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> + <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-post-images%2f" target="_blank" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> </ul> </div> diff --git a/posts/sample-post/index.html b/posts/sample-post/index.html index 85e4158..73ce23a 100644 --- a/posts/sample-post/index.html +++ b/posts/sample-post/index.html @@ -132,7 +132,7 @@ <h1 class="entry-title"><a href="/hpstr-hugo-theme/posts/sample-post/" rel="bookmark" title="Sample Post">Sample Post</a></h1> - + <h2><span class="entry-date date published"><time datetime="2011-03-10 00:00:00 +0000 UTC">March 10, 2011</time></span></h2> <p class="entry-reading-time"> @@ -276,9 +276,9 @@ <div class="social-share"> <ul class="socialcount socialcount-small inline-list"> - <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-post%2f" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> - <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-post%2f" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> - <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-post%2f" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> + <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-post%2f" target="_blank" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> + <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-post%2f" target="_blank" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> + <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fsample-post%2f" target="_blank" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> </ul> </div> diff --git a/posts/video-post/index.html b/posts/video-post/index.html index dbc66cd..de77ece 100644 --- a/posts/video-post/index.html +++ b/posts/video-post/index.html @@ -115,7 +115,7 @@ <h1 class="entry-title"><a href="/hpstr-hugo-theme/posts/video-post/" rel="bookmark" title="A Post with a Video">A Post with a Video</a></h1> - + <h2><span class="entry-date date published"><time datetime="2013-06-25 00:00:00 +0000 UTC">June 25, 2013</time></span></h2> <p class="entry-reading-time"> @@ -138,9 +138,9 @@ <div class="social-share"> <ul class="socialcount socialcount-small inline-list"> - <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fvideo-post%2f" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> - <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fvideo-post%2f" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> - <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fvideo-post%2f" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> + <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fvideo-post%2f" target="_blank" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> + <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fvideo-post%2f" target="_blank" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> + <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2fposts%2fvideo-post%2f" target="_blank" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> </ul> </div> diff --git a/sitemap.xml b/sitemap.xml index 605cd1f..d6961cb 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -3,13 +3,11 @@ <url> <loc>https://dldx.github.io/hpstr-hugo-theme/</loc> - <lastmod>2016-06-01T15:14:43-04:00</lastmod> <priority>0</priority> </url> <url> - <loc>https://dldx.github.io/hpstr-hugo-theme/theme-setup/</loc> - <lastmod>2016-06-01T15:14:43-04:00</lastmod> + <loc>https://dldx.github.io/hpstr-hugo-theme/about/</loc> </url> <url> @@ -53,7 +51,7 @@ </url> <url> - <loc>https://dldx.github.io/hpstr-hugo-theme/about/</loc> + <loc>https://dldx.github.io/hpstr-hugo-theme/theme-setup/</loc> </url> </urlset>
\ No newline at end of file diff --git a/tags/code/index.html b/tags/code/index.html index 45876e6..0fbe260 100644 --- a/tags/code/index.html +++ b/tags/code/index.html @@ -134,7 +134,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-08-16 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/code-highlighting-post/">Aug 16, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~2 minutes diff --git a/tags/highlighting/index.html b/tags/highlighting/index.html index 47d38e6..adad427 100644 --- a/tags/highlighting/index.html +++ b/tags/highlighting/index.html @@ -134,7 +134,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-08-16 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/code-highlighting-post/">Aug 16, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~2 minutes diff --git a/tags/images/index.html b/tags/images/index.html index 1914164..e018e85 100644 --- a/tags/images/index.html +++ b/tags/images/index.html @@ -130,7 +130,9 @@ <header> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-05-22 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/sample-post-images/">May 22, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute diff --git a/tags/intro/index.html b/tags/intro/index.html index c0e6c48..785e39b 100644 --- a/tags/intro/index.html +++ b/tags/intro/index.html @@ -134,7 +134,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2012-05-22 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/readability-post/">May 22, 2012</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~4 minutes diff --git a/tags/link-post/index.html b/tags/link-post/index.html index f3b9895..d1c84ee 100644 --- a/tags/link-post/index.html +++ b/tags/link-post/index.html @@ -130,7 +130,9 @@ <header> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-08-12 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/sample-link-post/">Aug 12, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute diff --git a/tags/readability/index.html b/tags/readability/index.html index ee36dc0..babf102 100644 --- a/tags/readability/index.html +++ b/tags/readability/index.html @@ -134,7 +134,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-05-23 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/readability-feature-post/">May 23, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~4 minutes @@ -199,7 +201,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2012-05-22 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/readability-post/">May 22, 2012</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~4 minutes diff --git a/tags/sample-post/index.html b/tags/sample-post/index.html index 36e9ca9..a081c12 100644 --- a/tags/sample-post/index.html +++ b/tags/sample-post/index.html @@ -130,7 +130,9 @@ <header> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-10-26 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/background-image/">Oct 26, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute @@ -147,7 +149,7 @@ <p>This little bit of YAML makes the assumption that your background image asset is in the <code>/images</code> folder. If you place it somewhere else or are hotlinking from the web, just include the full http(s):// URL. Either way you should have a background image that is tiled.</p> -<p>If you want to set a background image for the entire site just add <code>background: filename.png</code> as a param in your <code>_config.yml</code> and BOOM — background images on every page!</p> +<p>If you want to set a background image for the entire site just add <code>background: /images/filename.png</code> as a <a href="https://gohugo.io/overview/configuration/#examples">param</a> in your config and BOOM — background images on every page!</p> <div xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/" about="http://subtlepatterns.com" class="notice">Background images from <span property="dct:title">Subtle Patterns</span> (<a rel="cc:attributionURL" property="cc:attributionName" href="http://subtlepatterns.com">Subtle Patterns</a>) / <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a></div> @@ -162,7 +164,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-08-16 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/code-highlighting-post/">Aug 16, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~2 minutes @@ -284,7 +288,9 @@ <header> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-08-12 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/sample-link-post/">Aug 12, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute @@ -304,7 +310,9 @@ <header> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-06-25 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/video-post/">Jun 25, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute @@ -332,7 +340,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-05-23 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/readability-feature-post/">May 23, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~4 minutes diff --git a/tags/sample-post/index.xml b/tags/sample-post/index.xml index 7ca6368..0bf662f 100644 --- a/tags/sample-post/index.xml +++ b/tags/sample-post/index.xml @@ -21,7 +21,7 @@ <p>This little bit of YAML makes the assumption that your background image asset is in the <code>/images</code> folder. If you place it somewhere else or are hotlinking from the web, just include the full http(s):// URL. Either way you should have a background image that is tiled.</p> -<p>If you want to set a background image for the entire site just add <code>background: filename.png</code> as a param in your <code>_config.yml</code> and BOOM &mdash; background images on every page!</p> +<p>If you want to set a background image for the entire site just add <code>background: /images/filename.png</code> as a <a href="https://gohugo.io/overview/configuration/#examples">param</a> in your config and BOOM &mdash; background images on every page!</p> <div xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/" about="http://subtlepatterns.com" class="notice">Background images from <span property="dct:title">Subtle Patterns</span> (<a rel="cc:attributionURL" property="cc:attributionName" href="http://subtlepatterns.com">Subtle Patterns</a>) / <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a></div> </description> diff --git a/tags/sample-post/page/2/index.html b/tags/sample-post/page/2/index.html index bfcfb8f..9533ffb 100644 --- a/tags/sample-post/page/2/index.html +++ b/tags/sample-post/page/2/index.html @@ -130,7 +130,9 @@ <header> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-05-22 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/sample-post-images/">May 22, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute @@ -208,7 +210,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2012-05-22 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/readability-post/">May 22, 2012</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~4 minutes @@ -273,7 +277,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2011-03-10 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/sample-post/">Mar 10, 2011</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~2 minutes diff --git a/tags/test/index.html b/tags/test/index.html index e5f5169..7708c2c 100644 --- a/tags/test/index.html +++ b/tags/test/index.html @@ -130,7 +130,9 @@ <header> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-05-22 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/sample-post-images/">May 22, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute @@ -208,7 +210,9 @@ </div> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2012-05-22 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/readability-post/">May 22, 2012</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~4 minutes diff --git a/tags/video/index.html b/tags/video/index.html index d1186bb..709a94f 100644 --- a/tags/video/index.html +++ b/tags/video/index.html @@ -130,7 +130,9 @@ <header> <div class="entry-meta"> + <span class="entry-date date published updated"><time datetime="2013-06-25 00:00:00 +0000 UTC"><a href="/hpstr-hugo-theme/posts/video-post/">Jun 25, 2013</a></time></span> + <span class="entry-reading-time"> <i class="fa fa-clock-o"></i> Reading time ~1 minute diff --git a/theme-setup/index.html b/theme-setup/index.html index 5b67d75..d7b39d0 100644 --- a/theme-setup/index.html +++ b/theme-setup/index.html @@ -37,8 +37,6 @@ <meta property="og:image" content="https://dldx.github.io/hpstr-hugo-theme/images/abstract-11.jpg" /> - <meta property="og:updated_time" content="2016-06-01T15:14:43-04:00"/> - @@ -304,6 +302,8 @@ $ git clone https://github.com/dldx/hpstr-hugo-theme.git hpstr <p>You can also use <code>grunt dev</code> in combination with <code>bundle exec jekyll serve</code> to watch for updates in JS files that Grunt will then automatically re-build as you write your code, which will in turn auto-generate your Jekyll site when developing locally.</p> +<p>For more information on how to configure Hugo or content, check out the <a href="https://gohugo.io/overview/introduction/">Hugo documentation</a>.</p> + <hr /> <h2 id="questions:b8b08bb87737c3c5c8e714d4f8821e60">Questions?</h2> @@ -321,9 +321,9 @@ $ git clone https://github.com/dldx/hpstr-hugo-theme.git hpstr <div class="social-share"> <ul class="socialcount socialcount-small inline-list"> - <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2ftheme-setup%2f" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> - <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2ftheme-setup%2f" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> - <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2ftheme-setup%2f" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> + <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2ftheme-setup%2f" target="_blank" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li> + <li class="twitter"><a href="https://twitter.com/intent/tweet?text=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2ftheme-setup%2f" target="_blank" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li> + <li class="googleplus"><a href="https://plus.google.com/share?url=https%3a%2f%2fdldx.github.io%2fhpstr-hugo-theme%2ftheme-setup%2f" target="_blank" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li> </ul> </div> |