blogs/hugo
1
0
Fork 0
mirror of https://github.com/gohugoio/hugo.git synced 2026-08-24 15:28:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update homepage partials structure for easier management

Browse Source
This commit is contained in:
Ryan Watters
2017-03-04 15:35:21 -06:00
parent 2e66935987
commit 1a0f38ad74
10 changed files with 76 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
data/homepagefeatures.toml
+1 -1
View File
@@ -10,7 +10,7 @@
[[feature]]
name = "Robust Content Management"
description = "You need more than front matter to make static scalable. Hugo offers support for taxonomies, unlimited content types, DRY templating, URL management, menus, archetypes, summaries, and so much more...all *without* the need for plugins."
description = "You need more than front matter to make static scalable. Hugo offers support for taxonomies, unlimited content types, DRY templating, URL management, menus, archetypes, summaries, and so much more without the need for plugins."
order = 3
[[feature]]
layouts/index.html
+25 -1
View File
@@ -3,7 +3,31 @@
{{- partial "site-search.html" . -}}
{{ end }}
{{ define "main" }}
{{ partial "homepage/homepage-content.html" . }}
<main id="homepage" class="main">
<div class="home-row hero">
{{ partial "homepage/homepage-hero.html" . }}
</div>
<div class="home-row animated">
<div class="home-row-content first-fade animated">
{{ partial "homepage/homepage-focus.html" . }}
</div>
</div>
<div class="home-row">
<div class="home-row-content homepage-features">
{{ partial "homepage/homepage-features" . }}
</div>
</div>
<div class="home-row">
<div class="home-row-content homepage-tweets">
{{ partial "homepage/homepage-tweets.html" . }}
</div>
</div>
<div class="home-row">
<div class="home-row-content homepage-open-source">
{{ partial "homepage/homepage-open-source.html" . }}
</div>
</div>
</main>
{{ end }}
{{ define "addscripts" }}
<script src="{{ "js/homepage.js" | relURL }}" async defer></script>
layouts/partials/homepage/homepage-content.html
-53
View File
@@ -1,53 +0,0 @@
<main id="homepage" class="main">
<div class="home-row hero">
<div class="homepage-icon animated">
{{ partial "svg-icons/hugo-logo-wide.svg" . }}
</div>
<div class="hero-tagline">The world's fastest static website engine.
<br>Written in Golang.</div>
<div class="get-started">
<a role="button" class="button xl" href="{{.Site.BaseURL}}getting-started/quick-start">Get started</a>
</div>
</div>
<div class="home-row animated">
<div class="home-row-content first-fade animated">
<div class="half">
<div class="svgs">
{{partial "svg-icons/gopher-small-homepage.svg" .}}
{{partial "svg-icons/md.svg" .}}
</div>
<div class="homepage-terminal">
$ brew update
<br> $ brew install hugo
</div>
</div>
<div class="half half-content">
<h2>Focus on your content and design.</h2>
<hr class="hr">
<p>Forget databases, security updates, and cofee breaks spent waiting for your site to rebuild.</p>
<p>Golang's speed combined with markdown's elegant simplicity mean Hugo is the first static site generator fast enough to keep up with your creativity.</p>
</div>
</div>
</div>
<div class="home-row">
<div class="home-row-content homepage-features">
<h2>What Makes Hugo Special?</h2>
{{ partial "homepage/homepage-features" . }}
</div>
</div>
<div class="home-row">
<div class="home-row-content homepage-tweets">
<h2>See what others are saying about Hugo...</h2>
{{ partial "homepage/homepage-tweets.html" . }}
</div>
</div>
<div class="home-row">
<div class="home-row-content homepage-open-source">
<div class="icon-github-wrapper">
<i class="icon-github"></i>
</div>
<div>Hugo is <a href="https://github.com/spf13/hugo/">open source</a>, completely free, and built with <i class="icon-love"></i> by <a href="http://spf13.com/">spf13</a> and <a href="https://github.com/spf13/hugo/contributors">friends.</a> We welcome all contributions.</div>
<div>New to Go? We've got you covered. Help us with <a href="{{ "contribute/documentation/" | relURL}}"> the docs</a> or <a href="{{ "contribute/themes" | relURL }}"> themes</a>.</div>
</div>
</div>
</main>
layouts/partials/homepage/homepage-features.html
+1
View File
@@ -1,3 +1,4 @@
<h2>What Makes Hugo Special?</h2>
{{ range sort $.Site.Data.homepagefeatures.feature "order" }}
<div class="homepage-feature" id="{{ .name | urlize }}">
<h3>{{.name}}</h3>
layouts/partials/homepage/homepage-focus.html
+16
View File
@@ -0,0 +1,16 @@
<div class="half">
<div class="svgs">
{{partial "svg-icons/gopher-small-homepage.svg" .}}
{{partial "svg-icons/md.svg" .}}
</div>
<div class="homepage-terminal">
$ brew update
<br> $ brew install hugo
</div>
</div>
<div class="half half-content">
<h2>Focus on your content and design.</h2>
<hr class="hr">
<p>Forget databases, security updates, and cofee breaks spent waiting for your site to rebuild.</p>
<p>Golang's speed combined with markdown's elegant simplicity mean Hugo is the first static site generator fast enough to keep up with your creativity.</p>
</div>
layouts/partials/homepage/homepage-hero.html
+8
View File
@@ -0,0 +1,8 @@
<div class="homepage-icon animated">
{{ partial "svg-icons/hugo-logo-wide.svg" . }}
</div>
<div class="hero-tagline">The world's fastest static website engine.
<br>Written in Golang.</div>
<div class="get-started">
<a role="button" class="button xl" href="{{.Site.BaseURL}}getting-started/quick-start">Get started</a>
</div>
layouts/partials/homepage/homepage-open-source.html
+5
View File
@@ -0,0 +1,5 @@
<div class="icon-github-wrapper">
<i class="icon-github"></i>
</div>
<div>Hugo is <a href="https://github.com/spf13/hugo/">open source</a>, completely free, and built with <i class="icon-love"></i> by <a href="http://spf13.com/">spf13</a> and <a href="https://github.com/spf13/hugo/contributors">friends.</a> We welcome all contributions.</div>
<div>New to Go? We've got you covered. Help us with <a href="{{ "contribute/documentation/" | relURL}}"> the docs</a> or <a href="{{ "contribute/themes" | relURL }}"> themes</a>.</div>
layouts/partials/homepage/homepage-tweets.html
+1
View File
@@ -1,3 +1,4 @@
<h2>See what others are saying about Hugo...</h2>
{{ range first 6 (sort $.Site.Data.homepagetweets.tweet "date" "desc" ) }}
<div class="homepage-tweet">
<i class="icon-twitter"></i>
pipeline/scss/pages/_homepage.scss
+18 -19
View File
@@ -64,7 +64,7 @@ ul.animated {
width: 90%;
max-width: 540px;
margin-top: 5em;
opacity:0;
opacity: 0;
margin: {
right: auto;
left: auto;
@@ -153,7 +153,7 @@ ul.animated {
margin-bottom: 2em;
max-width: $L * .31;
h3 {
margin-bottom: 0px;
margin-bottom: .2em;
padding-bottom: 0px;
font-weight: 500;
border-bottom: 1px solid white;
@@ -170,7 +170,7 @@ ul.animated {
//corrects odd spacing in "Cross-platform" block in "What Makes Hugo Special" features row....
code {
&:first-child {
margin-right:.25em;
margin-right: .25em;
}
}
}
@@ -197,7 +197,7 @@ ul.animated {
text-align: center;
font-weight: 500;
line-height: 1.3;
margin-top: 24px;
margin-top: 40px;
@include MQ(M) {
margin-top: 0px;
}
@@ -207,18 +207,17 @@ ul.animated {
margin-left: auto;
margin-right: auto;
}
}
hr,
.hr {
border: 0;
height: 1px;
opacity: 1;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
width: 100%;
margin: {
bottom: 2.5em;
top: 2.5em;
hr,
.hr {
border: 0;
height: 1px;
opacity: 1;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
width: 100%;
margin: {
bottom: 2.5em;
top: 2.5em;
}
}
}
@@ -368,15 +367,15 @@ svg {
}
i.icon-github {
font-size: 62px;
@include MQ(M){
@include MQ(M) {
font-size: 90px;
}
}
i.icon-love {
color:red;
color: red;
}
}
.no-js {
opacity:1!important;
opacity: 1!important;
}
static/css/style.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long