diff options
Diffstat (limited to 'docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections')
7 files changed, 273 insertions, 0 deletions
diff --git a/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/features-icons.html b/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/features-icons.html new file mode 100644 index 000000000..a7733acdc --- /dev/null +++ b/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/features-icons.html @@ -0,0 +1,34 @@ +<div class="w-90-l center"> + {{ if .Params.features }} + <div class=" flex-ns flex-wrap justify-center center mw9"> + {{ $features := .Params.features }} + {{ range $i, $e := $features }} + {{ $features_count := $e | len }} + + <div class="w-100{{ if and (eq $i $features_count) (ne (modBool $features_count 2) true) }} w-70-ns {{ else }} w-50-ns {{ end }}ph5-l pv5-l nested-copy-line-height"> + <!-- NOTE: "if eq $i $features_count" makes the last item a bit wider for balance. If we use an even number of items, we'll want to remove this --> + <div class="flex-l flex-wrap justify-between"> + <div class="flex-auto w-100 w-20-ns pt1 "> + {{ with .image_path }} + <img src="{{ . }}" alt="icon depicting {{ $e.heading }}" class="h3 o-80 v-mid center w-100"> + {{ end }} + </div> + + <div class="flex-auto tc tl-ns w-100 w-80-ns"> + <h3 class="lh-title gray o-80 f4 f5-ns mb2 fw8 bmt1 mt0-l"> + {{ .heading }} + </h3> + <div class="db v-mid w-100 gray measure-wide mb5 mb0-l"> + <p class="f3 primary-color mt0 mb2">{{.tagline}}</p> + <div class="lh-copy"> + {{ .copy }} + </div> + </div> + </div> + </div> + + </div> + {{ end }} + </div> + {{ end }} +</div> diff --git a/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/features-single.html b/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/features-single.html new file mode 100644 index 000000000..f36b3d674 --- /dev/null +++ b/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/features-single.html @@ -0,0 +1,32 @@ +{{ if .Params.sections }} + {{ range .Params.sections }} + {{ $.Scratch.Add "i" 1 }}{{ $i := $.Scratch.Get "i" }} + + <section class="w-100 ph4 ph5-ns pv4 pv6-ns mid-gray {{ .color_classes }}"> + <div class="flex-ns flex-wrap center mw9"> + + <div class="w-100 w-50-l {{ if modBool $i 2 }}order-1{{ else }}order-0{{ end }}"> + <div class="w-90-ns center"> + <img src="{{ .image }}" alt="image depicting an example of {{ .heading }}" class="img shadow-5"> + </div> + </div> + + <div class="w-100 w-50-l"> + <div class="w-80-ns center tc"> + <h3 class="f1 fw4 black ma0 pt4 lh-title pt0-l">{{ .heading }}</h3> + <p class="f3 lh-copy"> + {{ .copy }} + </p> + <p class="f4 lh-copy nested-linksTK"> + <a href="{{ .link | absURL }}" class="link black dim"> + {{ .cta }} {{ partial "svg/link-ext.svg" (dict "fill" "#333" "size" "14") }} + </a> + </p> + </div> + </div> + + </div> + </section> + + {{ end }} +{{ end }} diff --git a/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/installation.html b/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/installation.html new file mode 100644 index 000000000..a23cae11d --- /dev/null +++ b/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/installation.html @@ -0,0 +1,38 @@ + <div class="flex-ns flex-wrap center mw9"> + <!-- LEFT --> + + <div class="w-100 w-50-ns"> + <div class="w-80 center tc nested-copy-line-height"> + <h3 class="f2 black">Install in seconds, build in milliseconds.</h3> + <p class="f3">Hugo works on macOS, Windows, Linux, FreeBSD, and others.</p> + <p class="f3">Host on any server or your favorite CDN.</p> + </div> + </div> + + <!-- RIGHT --> + <div class="w-100 w-50-ns tc"> + <div class="h4"> + <img src="/images/gopher-hero.svg" alt="Hugo Gopher" class="h4"> + </div> + <p class="f6 mid-gray m0 p0 pt3">macOS</p> + <div class="code f6 bg-black light-green lh-copy pv3 ph3 br2 w-100 w-50-ns center mb2 tl"> + $ brew install hugo <br /> + </div> + <p class="f6 mid-gray">Windows</p> + <div class="code f6 bg-black light-green lh-copy pv3 ph3 br2 w-100 w-50-ns center tl"> + $ choco install hugo -confirm <br /> + </div> + <p class="f6 mid-gray">Linux</p> + <div class="code f6 bg-black light-green lh-copy pv3 ph3 br2 w-100 w-50-ns center tl"> + $ snap install hugo <br /> + </div> + + + <p class="f5 nested-links"><a href="{{ "getting-started/installing/" | absURL }}" class="link">See the Getting Started Guide for other methods. {{ partial "svg/link-ext.svg" (dict "fill" "#333" "size" "14") }}</a></p> + </div> + + <!-- TODO: the install section should have a tab menu for selecting the preferred installation method, i.e. the binaries from GitHub or the commands for the installation via a package manager https://github.com/rdwatters/hugo-docs-concept/issues/3#issuecomment-287498412 --> + + <!-- TODO: Animate the gopher https://github.com/rdwatters/hugo-docs-concept/issues/3#issuecomment-287194777 --> + + </div> diff --git a/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/open-source-involvement.html b/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/open-source-involvement.html new file mode 100644 index 000000000..5300fb7a8 --- /dev/null +++ b/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/open-source-involvement.html @@ -0,0 +1,59 @@ +<div class="w-100 center pt5"> + <div class="w-100 w-40-l tc center"> + <img src="/images/GitHub-Mark-64px.png" alt="Github Logo" class="tc center"> + </div> +</div> + +<div class="flex-ns flex-wrap center pb4 center mw9"> + <!-- LEFT --> + <div class="w-100 tc w-third-l"> + <h3 class="f3 mv3 accent-color-light">We welcome all contributions</h3> + <ul class="list ma0 pa0"> + <li class="mb3 f4"> + + <a href="https://github.com/gohugoio/hugo/blob/master/CONTRIBUTING.md" class="link mid-gray dim"> + Fork the repo and work on an issue {{ partial "svg/link-ext.svg" (dict "fill" "#333" "size" "14") }} + </a> + </li> + <li class="mb3 f4"> + <a href="https://themes.gohugo.io/" class="link mid-gray dim"> + Design a theme {{ partial "svg/link-ext.svg" (dict "fill" "#333" "size" "14") }} + </a> + </li> + </ul> + + </div> + + + <div class="w-100 w-third-l tc"> + <div class="w-60-l center"> + + <p class="f4">Hugo is open-source and completely free.</p> + <p class="f4">Our hundreds of contributors make Hugo great.</p> + </div> + </div> + + + <div class="w-100 tc w-third-l"> + <h3 class="f3 mv3 accent-color-light">More ways to contribute</h3> + <ul class="list ma0 pa0"> + <li class="mb3 f4"> + <a href="https://gohugo.io/overview/introduction/" class="link mid-gray dim"> + Help improve the docs {{ partial "svg/link-ext.svg" (dict "fill" "#333" "size" "14") }} + </a> + </li> + + <li class="mb3 f4"> + + <a href="https://discourse.gohugo.io/" class="link mid-gray dim"> + Help others in the forums {{ partial "svg/link-ext.svg" (dict "fill" "#333" "size" "14") }} + </a> + </li> + </ul> + </div> + + + <!-- RIGHT --> + + +</div> diff --git a/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/showcase.html b/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/showcase.html new file mode 100644 index 000000000..c73cfa5e9 --- /dev/null +++ b/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/showcase.html @@ -0,0 +1,44 @@ +<section class="bg-near-white mid-gray pb5 ph4 ph5-ns pt4 w-100"> + <h3 class="black f1 fw4 lh-title ma0 pb3 pt0-l pt4">Showcase</h3> + {{/* NOTE: transitions for this section are in themes/gohugoioTheme/src/css/_carousel.css */}} + <div class="w-100"> + <div class="w-100 overflow-x-scroll"> + <div class="row nowrap mv2 pb1"> + {{ $showcasePages := where .Site.RegularPages "Section" "showcase" }} + {{ if $showcasePages }} + {{ template "home_showcase_item" (index $showcasePages 0) }} + {{ range $p := first 10 ($showcasePages | after 1 | shuffle) }} + {{template "home_showcase_item" $p }} + {{end}} + {{end}} + </div> + </div> + </div> + {{/* END */}} + <div class="flex w-100 mt4 justify-end">{{/* using Flex to make the button show up on the right side */}} + <a href="/showcase/" class="br2 f6 bg-primary-color-dark hover-bg-primary-color link ph3 pv2 ttu white">See All</a> + </div> +</section> + + +{{ define "home_showcase_item" }} + {{ $img := (.Resources.ByType "image").GetMatch "*featured*" }} + {{ with $img }} + {{ $big := .Fill "1024x512 top" }} + {{ $small := $big.Resize "512x" }} + <a href="{{ $.RelPermalink}}" class="tile lazyload cover dib f4 h5 ml1 mr4 bg-black relative mw-100 shadow-5" style="width:{{ $small.Width }}px;" + data-bg="{{ $img.RelPermalink }}" + data-sizes="auto" + data-srcset="{{ $small.RelPermalink }} 1x, + {{ $big.RelPermalink }} 2x" data-src="small" + > + {{with $.Title}} + <div class="details absolute bottom-0 f3-ns f4 left-0 o-0 right-0 top-0"> + <div class="absolute bottom-0 pa2 tc white"> + {{.}} → + </div> + </div> + {{end}} + </a> + {{ end }} +{{ end }}
\ No newline at end of file diff --git a/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/sponsors.html b/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/sponsors.html new file mode 100644 index 000000000..e0f6670be --- /dev/null +++ b/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/sponsors.html @@ -0,0 +1,41 @@ +{{ $classes_box := "ba b--dark-gray bg-light-gray br3 flex flex-column flex-wrap items-center justify-center ph3 pv4 mb4 w-100 w-30-l " }} +{{ $gtag := .gtag | default "unknown" }} +{{ $classes_box := "ba b--dark-gray bg-light-gray br3 flex flex-column flex-wrap items-center justify-center ph3 pv4 mb4 w-100 w-30-l " }} +{{ $gtag := .gtag | default "unknown" }} +{{ $utmSource := cond (eq $gtag "footer") "hugofooter" "hugohome" }} +{{ with .cx.Site.Data.sponsors }} + <section + class="{{ $.classes_section | default "bg-primary-color-dark b--dark-gray bb bt ph5 pv4 w-100" }}"> + <div class="center mw9"> + <h3 class="b f3 mv0 light-gray">Hugo Sponsors</h3> + <div class="flex-ns flex-wrap center justify-between pt3"> + {{ range .banners }} + <div + class="{{ $classes_box }} o-100" + {{ with .bgcolor }}style="background-color: {{ . }};"{{ end }}> + {{ $url := printf "%s?%s" .link (querify "utm_source" $utmSource "utm_medium" "banner" "utm_campaign" (.utm_campaign | default "hugosponsor")) | safeURL }} + {{ if eq (getenv "HUGO_ENV") "production" | or (eq $.cx.Site.Params.env "production") }} + {{ $gtagID := printf "Sponsor %s %s" .name $gtag | title }} + <a + href="{{ $url }}" + onclick="trackOutboundLink({{ printf "'%s', '%s'" $gtagID $url | safeJS }});" + class="grow"> + <img + src="{{ .logo }}" + alt="Logo for {{ .name }}" + class="img h3 center" /> + </a> + {{ else }} + <a href="{{ $url }}" class="grow"> + <img + src="{{ .logo }}" + alt="Logo for {{ .name }}" + class="img h3 center" + /></a> + {{ end }} + </div> + {{ end }} + </div> + </div> + </section> +{{ end }} diff --git a/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/tweets.html b/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/tweets.html new file mode 100644 index 000000000..5aebf6737 --- /dev/null +++ b/docs/_vendor/github.com/gohugoio/gohugoioTheme/layouts/partials/home-page-sections/tweets.html @@ -0,0 +1,25 @@ +<div class="flex-ns flex-wrap center mw9"> + + {{ $interior_classes := $.Site.Params.flex_box_interior_classes }} + + <h3 class="f2 fw4 white">See what others are saying about Hugo…</h3> + + <div class="flex-ns flex-wrap justify-between"> + + {{ range first 4 (sort $.Site.Data.homepagetweets.tweet "date" "desc" ) }} + <div class="homepage-tweet relative {{ $interior_classes }} br1 mid-gray pv3 nested-links shadow-5"> + <div class="absolute top-0 left-0 ma2 o-10"> + {{ partial "svg/twitter.svg" . }} + </div> + <blockquote> + <p class="f4"> + {{.quote | safeHTML}} + </p> + <cite class="homepage-tweet-attribution gray f6">─ {{ .name }} ({{ .twitter_handle }}) <a href="{{ .link }}"> + {{ dateFormat "January 2, 2006" .date }}</a> + </cite> + </blockquote> + </div> + {{ end }} + </div> +</div> |