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

Add SVGs and slide animations to homepage

Browse Source
This commit is contained in:
Ryan Watters
2017-03-02 01:31:59 -06:00
parent fb4618560d
commit 9dc11d3b0c
31 changed files with 4370 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files
content/getting-started/installing.md
+17 -17
View File
@@ -22,7 +22,7 @@ The latest release can be found at [Hugo Releases][releases].
Hugo currently provides pre-built binaries for the following:
* <i class="fa fa-apple"></i>&nbsp;OS&nbsp;X (Darwin) for x64, i386 and ARM architectures
* <i class="fa fa-apple"></i>&nbsp;OS&nbsp;X (Darwin) for x64, i386, and ARM architectures
* <i class="fa fa-windows"></i>&nbsp;Windows,
* <i class="fa fa-linux"></i>&nbsp;Linux,
* <i class="icon-freebsd"></i>&nbsp;FreeBSD
@@ -155,12 +155,12 @@ $ # show the location of the hugo executable
which hugo
/usr/local/bin/hugo
$ # show the installed version
$ ls -l $( which hugo )
# show the installed version
ls -l $( which hugo )
lrwxr-xr-x 1 mdhender admin 30 Mar 28 22:19 /usr/local/bin/hugo -> ../Cellar/hugo/0.13_1/bin/hugo
$ # verify that hugo runs correctly
$ hugo version
# verify that hugo runs correctly
hugo version
Hugo Static Site Generator v0.13 BuildDate: 2015-03-09T21:34:47-05:00
```
@@ -193,7 +193,7 @@ All three locations will work for you. In the interest of brevity, this guide fo
Verify that the tarball wasn't corrupted during the download:
```bash
$ tar tvf ~/Downloads/hugo_X.Y_osx-64bit.tgz
tar tvf ~/Downloads/hugo_X.Y_osx-64bit.tgz
-rwxrwxrwx 0 0 0 0 Feb 22 04:02 hugo_X.Y_osx-64bit/hugo_X.Y_osx-64bit.tgz
-rwxrwxrwx 0 0 0 0 Feb 22 03:24 hugo_X.Y_osx-64bit/README.md
-rwxrwxrwx 0 0 0 0 Jan 30 18:48 hugo_X.Y_osx-64bit/LICENSE.md
@@ -204,37 +204,37 @@ The `.md` files are documentation for Hugo. The other file is the executable.
#### Step 4: Install Into Your `bin` Directory
```bash
$ # create the directory if needed
$ mkdir -p ~/bin
# create the directory if needed
mkdir -p ~/bin
$ # make it the working directory
$ cd ~/bin
# make it the working directory
cd ~/bin
$ # extract the tarball
$ tar -xvzf ~/Downloads/hugo_X.Y_osx-64bit.tgz
# extract the tarball
tar -xvzf ~/Downloads/hugo_X.Y_osx-64bit.tgz
Archive: hugo_X.Y_osx-64bit.tgz
x ./
x ./hugo
x ./LICENSE.md
x ./README.md
$ # verify that it runs
$ ./hugo version
# verify that it runs
./hugo version
Hugo Static Site Generator v0.13 BuildDate: 2015-02-22T04:02:30-06:00
```
You may need to add your bin directory to your `PATH` variable. The `which` command will check for us. If it can find `hugo`, it will print the full path to it. Otherwise, it will not print anything.
```bash
$ # check if hugo is in the path
$ which hugo
# check if hugo is in the path
which hugo
/Users/USERNAME/bin/hugo
```
If `hugo` is not in your `PATH`, add it by updating your `~/.bash_profile` file. First, start up an editor:
```bash
$ nano ~/.bash_profile
nano ~/.bash_profile
```
Add a line to update your `PATH` variable:
content/getting-started/quick-start.md
+4 -4
View File
@@ -496,7 +496,7 @@ Now, we can start the server *without* the `buildDrafts` option.
hugo server --theme=hugo_theme_robust
```
## Step 10. Integrate Disqus Comments
<!-- ## Step 10. Integrate Disqus Comments
{{% note "Adding Disqus to Your Website" %}}
To implement Disqus comments as part of the Quick Start, you'll need to set up a Disqus account. Follow the [Disqus documentation for adding their service to websites](https://help.disqus.com/customer/portal/articles/1257441-adding-disqus-to-your-site).
@@ -513,8 +513,8 @@ To enable Disqus on our new site, we only need to update the `disqusShortname` i
Now, commenting will be enabled in your blog.
![](/images/quickstart/bookshelf-disqus.png)
## Step 11. Build Your Website with `hugo`
-->
## Step 10. Build Your Website
To generate a website that can be deployed to GitHub pages, we first need to change the `baseURL` in our configuration as follows:
@@ -539,7 +539,7 @@ in 17 ms
After you run the `hugo` command, a `bookshelf/public` directory will be created containing the generated website source.
## Step 9. What Next?
## Step 11. What Next?
**Congratulations!** Your new `bookshelf`/public directory is a fully generated, deployable Hugo website. Since all your files are *static*, you have innumerable options for hosting, and your new directory structure and simple content format are going to make scaling your website a breeze.
dev-and-design-resources/gopherizemehug.afdesign
BIN
View File
Binary file not shown.
dev-and-design-resources/newlogomaybe.afdesign
BIN
View File
Binary file not shown.
layouts/partials/contents-list.html
+12 -10
View File
@@ -1,13 +1,15 @@
{{$kind := .Kind}}
<div class="all-contents">
{{range .Data.Pages}}
<!-- if statement checks for sitelink. sitelink: is a field in front matter of /content/showcase/*.md) -->
<a {{with .Params.sitelink }}href="{{.}} "target="_blank"{{else}}href="{{.Permalink}}"{{end}}>
<section class="contents-list {{$kind}}">
<header>
<!-- <h3 class="list-icon {{.Section}}">{{- partial "list-icon.html" . -}}{{.Title | markdownify}}{{with .Params.sitelink }}&nbsp;<i class="fa fa-external-link" aria-hidden="true"></i>{{end}}</h3> -->
<h3 class="list-icon {{.Section}}">{{.Title | markdownify}}{{with .Params.sitelink }}&nbsp;<i class="fa fa-external-link" aria-hidden="true"></i>{{end}}</h3>
</header>
<p>{{.Description | markdownify }}</p>
</section>
</a>
{{end}}
<a {{with .Params.sitelink }}href="{{.}} "target="_blank"{{else}}href="{{.Permalink}}"{{end}}>
<section class="contents-list {{$kind}}">
<header>
<!-- <h3 class="list-icon {{.Section}}">{{- partial "list-icon.html" . -}}{{.Title | markdownify}}{{with .Params.sitelink }}&nbsp;<i class="fa fa-external-link" aria-hidden="true"></i>{{end}}</h3> -->
<h3 class="list-icon {{.Section}}">{{.Title | markdownify}}{{with .Params.sitelink }}&nbsp;<i class="fa fa-external-link" aria-hidden="true"></i>{{end}}</h3>
</header>
<p>{{.Description | markdownify }}</p>
</section>
</a>
{{end}}
</div>
layouts/partials/head/site-style.html
+1 -1
View File
@@ -1,6 +1,6 @@
<link rel="stylesheet" href="/css/style.min.css">
<script src="https://use.typekit.net/bmc1jgv.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<script>try{Typekit.load({ async: false });}catch(e){}</script>
{{ if .IsHome }}
<link rel="stylesheet" href="{{ "css/homepage.min.css" | relURL }}">
{{ end }}
layouts/partials/homepage/homepage-content.html
+18 -8
View File
@@ -1,19 +1,29 @@
<main id="homepage" class="main">
<div class="home-row hero row">
<div class="homepage-icon animated">
{{ partial "svg-icons/hugo-home.svg" . }}
<span>UGO</span>
{{ partial "svg-icons/newlogo.svg" . }}
</div>
<div class="hero-tagline">The world's fastest static website engine. <br>Written in Golang.</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="{{ "getting-started/quick-start" | relURL }}">Get started</a>
<a role="button" class="button xl" href="{{.Site.BaseURL}}getting-started/quick-start">Get started</a>
</div>
</div>
<div class="home-row">
<div class="homepage-terminal">
$ brew install go<br>
$ brew install hugo<br>
$ have fun
<div class="half">
<div class="svgs-one animated">
{{partial "svg-icons/gopher-small.svg" .}} {{partial "svg-icons/md.svg" .}}
</div>
<div class="homepage-terminal">
$ brew update
<br> $ brew install hugo
</div>
<div class="after-terminal">
Here is some more content to get to fire on scroll.
</div>
</div>
</div>
<div class="home-row features">
<h2>What makes Hugo different?</h2>
</div>
</main>
layouts/partials/homepage/homepage-header.html
+1 -1
View File
@@ -1,7 +1,7 @@
<nav id="homepage-nav">
<ul class="animated">
<li>
<a href="/getting-started/">Docs</a>
<a href="/about-hugo/">Docs</a>
</li>
<li>
<a href="https://discuss.gohugo.io" target="_blank">Forum</a>
layouts/partials/site-footer.html
-2
View File
@@ -19,7 +19,5 @@
<li><a href="https://twitter.com/bepsays" target="_blank"><i class="icon-twitter"></i> @bepsays</a></li>
</ul>
</div>
<div>
</div>
</div>
</footer>
layouts/partials/site-header.html
+1 -1
View File
@@ -3,7 +3,7 @@
<header id="site-header" class="site-header">
<div class="hugo-meta" title="Hugo version {{$version}}">
<a href="/" id="home-link">
<img src="{{$base}}images/hugo-logo/hugo-logo-wide.png" alt=""><span class="hugo-v">v{{$version}}</span>
<img src="{{$base}}images/hugo-icons/newlogo.svg" alt=""><span class="hugo-v">v{{$version}}</span>
</a>
<!-- From https://buttons.github.io/. -->
<!-- <a class="github-button" href="https://github.com/spf13/hugo" data-icon="octicon-star" data-style="mega" data-count-href="/spf13/hugo/stargazers" data-count-api="/repos/spf13/hugo#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star spf13/hugo on GitHub">Star</a> -->
layouts/partials/svg-icons/gme.svg
+1
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 172 KiB

layouts/partials/svg-icons/gopher-2.svg
+27
View File
@@ -0,0 +1,27 @@
<svg viewBox="0 0 153.34 153.34">
<defs>
<clipPath id="clipPath">
<circle id="backgroundCircle" cx="76.67" cy="76.67" r="76.67" />
</clipPath>
</defs>
<circle class="cls-1" cx="76.67" cy="76.67" r="76.67" />
<g class="gopher-wrapper" clip-path="url(#clipPath)">
<g class="gopher">
<path class="cls-2" d="M124.53 136.53c.33-14.69-2.52-30.71-1.71-39.42 1-10.27 1.78-20.71.53-27.73-.68-3.86 12.2-4.78 7.95-13.53-3.65-7.52-12.56-.88-14.82-3.22-11.5-11.88-25.44-14.82-36.41-15.36h-6c-11 .27-24.91 3.48-36.41 15.36-2.27 2.34-11.17-4.3-14.82 3.22-4.25 8.75 8.63 9.67 7.95 13.53-1.24 7-.42 17.46.53 27.73.78 8.42-1.86 25.77-1.73 40 0 0 17.19 16.24 47.12 16.24 30.05-.01 47.82-16.82 47.82-16.82z" />
<path class="cls-3" d="M96.17 61.18c-18.32 2.13-15.85 21.26-8.78 27.44 13.17 11.53 26.89 0 25.38-11.66-1.44-11.19-10.91-16.44-16.6-15.78z" />
<g class="eye">
<circle class="cls-4" cx="97.38" cy="77.64" r="6.28" />
<circle class="cls-5" cx="95.73" cy="74.98" r="1.98" />
</g>
<path class="cls-6" d="M77.12 90.12c-8.77 1.3-11.9 3.83-11.23 7.81 1.09 6.48 21.82 5.75 22.43.33.52-4.68-7.79-8.65-11.2-8.14z" />
<path class="cls-7 nose" d="M71.44 92.73c-1.49 5.4 11.91 4.58 11.58 1.1-.19-2-2-4.63-6.75-4.48-1.86.07-4.14.86-4.83 3.38z" />
<path class="cls-3" d="M71.86 101.48c-.48.21-1.3 5.58 1.19 5.85 1.7.19 6.36.72 7.46 0 2.14-1.37 1.9-4.69.71-5.49-1.99-1.31-8.79-.62-9.36-.36zM57.96 61.18c18.32 2.13 15.85 21.26 8.78 27.44-13.17 11.53-26.89 0-25.38-11.66 1.45-11.19 10.91-16.44 16.6-15.78z" />
<g class="eye">
<circle class="cls-4" cx="56.75" cy="77.64" r="6.28" />
<circle class="cls-5" cx="58.4" cy="74.98" r="1.98" />
</g>
<path class="cls-6" d="M123.8 133.87c6.06.05 3.05-12.88-.67-10.32-1.83 1.26-2.12 4.18-2.12 6.62-.01 1.4 1.08 3.7 2.79 3.7zM30.34 133.87c-6.06.05-3.05-12.88.67-10.32 1.83 1.26 2.12 4.18 2.12 6.62 0 1.4-1.09 3.7-2.79 3.7z" />
<path class="cls-8" d="M121.05 57.18c-.32 1.17 1.17 1 1.73 4.54.2 1.29 4.92-1.91 3-4.29-1.57-1.95-4.42-1.4-4.73-.25zM33.08 57.18c.32 1.17-1.17 1-1.73 4.54-.2 1.29-4.92-1.91-3-4.29 1.57-1.95 4.42-1.4 4.73-.25z" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

layouts/partials/svg-icons/gopher-small.svg
+11 -13
View File
@@ -1,15 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 216 282" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<path d="M207.3,44.6C200.6,30.9 184.4,43 180.3,38.7C159.3,17.1 133.9,11.7 114,10.7L103,10.7C83,11.2 57.6,17 36.7,38.7C32.6,43 16.3,30.9 9.7,44.6C2,60.6 25.4,62.2 24.2,69.3C21.9,82.1 23.4,101.1 25.2,119.8C28,151.5 4.3,227.4 53.6,257.9C62.9,263.7 88,266.9 109.8,267.4L110,267.4C131.8,266.9 153.9,263.7 163.2,257.9C212.6,227.4 188.9,151.5 191.8,119.8C193.5,101.1 195,82.1 192.8,69.3C191.6,62.2 215,60.5 207.3,44.6L207.3,44.6Z" style="fill:rgb(140,197,231);fill-rule:nonzero;"/>
<path d="M143.2,54.3C109.8,58.2 114.3,93 127.2,104.3C151.2,125.3 176.2,104.3 173.4,83.1C170.9,62.7 153.6,53.1 143.2,54.3Z" style="fill:rgb(224,222,220);fill-rule:nonzero;"/>
<path d="M145.5,72.9C151.792,72.9 156.9,78.008 156.9,84.3C156.9,90.592 151.792,95.7 145.5,95.7C139.208,95.7 134.1,90.592 134.1,84.3C134.1,78.008 139.208,72.9 145.5,72.9ZM71.356,72.746C77.648,72.746 82.756,77.854 82.756,84.146C82.756,90.438 77.648,95.546 71.356,95.546C65.064,95.546 59.956,90.438 59.956,84.146C59.956,77.854 65.064,72.746 71.356,72.746Z" style="fill:rgb(17,18,18);"/>
<path d="M142.5,75.8C144.487,75.8 146.1,77.413 146.1,79.4C146.1,81.387 144.487,83 142.5,83C140.513,83 138.9,81.387 138.9,79.4C138.9,77.413 140.513,75.8 142.5,75.8ZM74.274,75.192C76.261,75.192 77.874,76.805 77.874,78.792C77.874,80.779 76.261,82.392 74.274,82.392C72.287,82.392 70.674,80.779 70.674,78.792C70.674,76.805 72.287,75.192 74.274,75.192Z" style="fill:white;"/>
<path d="M108.5,107C92.5,109.4 86.8,114 88,121.2C90,133 127.7,131.7 128.9,121.8C129.9,113.3 114.8,106.1 108.5,107Z" style="fill:rgb(184,147,127);fill-rule:nonzero;"/>
<path d="M98.2,111.8C95.5,121.6 119.9,120.1 119.3,113.8C119,110.1 115.7,105.4 107,105.6C103.6,105.7 99.4,107.2 98.2,111.8L98.2,111.8Z" style="fill-rule:nonzero;"/>
<path d="M99,127.7C98.1,128.1 96.6,137.9 101.2,138.4C104.3,138.7 112.8,139.7 114.8,138.4C118.7,135.9 118.3,129.9 116.1,128.4C112.4,126 100,127.2 99,127.7ZM73.6,54.3C107,58.2 102.5,93 89.6,104.3C65.6,125.3 40.6,104.3 43.4,83.1C46,62.7 63.3,53.1 73.6,54.3Z" style="fill:rgb(224,222,220);fill-rule:nonzero;"/>
<circle cx="71.4" cy="84.3" r="11.4" style="fill:rgb(17,18,18);"/>
<circle cx="74.4" cy="79.4" r="3.6" style="fill:white;"/>
<path d="M193.6,186.7C204.6,186.8 199.2,163.2 192.4,167.9C189.1,170.2 188.5,175.5 188.5,180C188.5,182.5 190.5,186.6 193.6,186.7L193.6,186.7ZM23.3,186.7C12.3,186.8 17.7,163.2 24.5,167.9C27.8,170.2 28.4,175.5 28.4,180C28.4,182.5 26.4,186.6 23.3,186.7L23.3,186.7ZM172.7,259.2C166.7,250.3 161.3,257.2 152.6,261.6C148.5,263.7 159.4,271.2 171.6,265.6C174.8,264.1 174.7,262.1 172.7,259.2ZM44.2,260.2C50.2,251.3 55.6,258.2 64.3,262.6C68.4,264.7 57.5,272.2 45.3,266.6C42.1,265.1 42.2,263.1 44.2,260.2L44.2,260.2Z" style="fill:rgb(184,147,127);fill-rule:nonzero;"/>
<path d="M188.6,47C188,49.1 190.7,48.8 191.7,55.3C192.1,57.7 200.7,51.8 197.2,47.5C194.3,43.9 189.1,44.9 188.6,47ZM28.3,47C28.9,49.1 26.2,48.8 25.2,55.3C24.8,57.7 16.2,51.8 19.7,47.5C22.5,43.9 27.7,44.9 28.3,47L28.3,47Z" style="fill:rgb(60,137,191);fill-rule:nonzero;"/>
<path d="M207.3,44.6C200.6,30.9 184.4,43 180.3,38.7C159.3,17.1 133.9,11.7 114,10.7L103,10.7C83,11.2 57.6,17 36.7,38.7C32.6,43 16.3,30.9 9.7,44.6C2,60.6 25.4,62.2 24.2,69.3C21.9,82.1 23.4,101.1 25.2,119.8C28,151.5 4.3,227.4 53.6,257.9C62.9,263.7 88,266.9 109.8,267.4L110,267.4C131.8,266.9 153.9,263.7 163.2,257.9C212.6,227.4 188.9,151.5 191.8,119.8C193.5,101.1 195,82.1 192.8,69.3C191.6,62.2 215,60.5 207.3,44.6L207.3,44.6Z" style="fill:rgb(140,197,231);fill-rule:nonzero;" />
<path d="M143.2,54.3C109.8,58.2 114.3,93 127.2,104.3C151.2,125.3 176.2,104.3 173.4,83.1C170.9,62.7 153.6,53.1 143.2,54.3Z" style="fill:rgb(224,222,220);fill-rule:nonzero;" />
<path d="M145.5,72.9C151.792,72.9 156.9,78.008 156.9,84.3C156.9,90.592 151.792,95.7 145.5,95.7C139.208,95.7 134.1,90.592 134.1,84.3C134.1,78.008 139.208,72.9 145.5,72.9ZM71.356,72.746C77.648,72.746 82.756,77.854 82.756,84.146C82.756,90.438 77.648,95.546 71.356,95.546C65.064,95.546 59.956,90.438 59.956,84.146C59.956,77.854 65.064,72.746 71.356,72.746Z" style="fill:rgb(17,18,18);" />
<path d="M142.5,75.8C144.487,75.8 146.1,77.413 146.1,79.4C146.1,81.387 144.487,83 142.5,83C140.513,83 138.9,81.387 138.9,79.4C138.9,77.413 140.513,75.8 142.5,75.8ZM74.274,75.192C76.261,75.192 77.874,76.805 77.874,78.792C77.874,80.779 76.261,82.392 74.274,82.392C72.287,82.392 70.674,80.779 70.674,78.792C70.674,76.805 72.287,75.192 74.274,75.192Z" style="fill:white;" />
<path d="M108.5,107C92.5,109.4 86.8,114 88,121.2C90,133 127.7,131.7 128.9,121.8C129.9,113.3 114.8,106.1 108.5,107Z" style="fill:rgb(184,147,127);fill-rule:nonzero;" />
<path d="M98.2,111.8C95.5,121.6 119.9,120.1 119.3,113.8C119,110.1 115.7,105.4 107,105.6C103.6,105.7 99.4,107.2 98.2,111.8L98.2,111.8Z" style="fill-rule:nonzero;" />
<path d="M99,127.7C98.1,128.1 96.6,137.9 101.2,138.4C104.3,138.7 112.8,139.7 114.8,138.4C118.7,135.9 118.3,129.9 116.1,128.4C112.4,126 100,127.2 99,127.7ZM73.6,54.3C107,58.2 102.5,93 89.6,104.3C65.6,125.3 40.6,104.3 43.4,83.1C46,62.7 63.3,53.1 73.6,54.3Z" style="fill:rgb(224,222,220);fill-rule:nonzero;" />
<circle cx="71.4" cy="84.3" r="11.4" style="fill:rgb(17,18,18);" />
<circle cx="74.4" cy="79.4" r="3.6" style="fill:white;" />
<path d="M193.6,186.7C204.6,186.8 199.2,163.2 192.4,167.9C189.1,170.2 188.5,175.5 188.5,180C188.5,182.5 190.5,186.6 193.6,186.7L193.6,186.7ZM23.3,186.7C12.3,186.8 17.7,163.2 24.5,167.9C27.8,170.2 28.4,175.5 28.4,180C28.4,182.5 26.4,186.6 23.3,186.7L23.3,186.7ZM172.7,259.2C166.7,250.3 161.3,257.2 152.6,261.6C148.5,263.7 159.4,271.2 171.6,265.6C174.8,264.1 174.7,262.1 172.7,259.2ZM44.2,260.2C50.2,251.3 55.6,258.2 64.3,262.6C68.4,264.7 57.5,272.2 45.3,266.6C42.1,265.1 42.2,263.1 44.2,260.2L44.2,260.2Z" style="fill:rgb(184,147,127);fill-rule:nonzero;" />
<path d="M188.6,47C188,49.1 190.7,48.8 191.7,55.3C192.1,57.7 200.7,51.8 197.2,47.5C194.3,43.9 189.1,44.9 188.6,47ZM28.3,47C28.9,49.1 26.2,48.8 25.2,55.3C24.8,57.7 16.2,51.8 19.7,47.5C22.5,43.9 27.7,44.9 28.3,47L28.3,47Z" style="fill:rgb(60,137,191);fill-rule:nonzero;" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

layouts/partials/svg-icons/gopher.svg
-3
View File
@@ -1,6 +1,3 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="401.98px" height="559.472px" viewBox="0 0 401.98 559.472" enable-background="new 0 0 401.98 559.472"
xml:space="preserve">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

layouts/partials/svg-icons/hugo-home.svg
+1 -1
View File
@@ -1,6 +1,6 @@
<svg width="100%" id="hugo-home" height="100%" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<g transform="matrix(1.90897,0,0,1.90897,-27.8648,-56.0002)">
<path d="M119.631,36.154L203.822,85.066L203.822,181.395L119.631,229.184L35.578,181.395L35.578,85.066L119.631,36.154Z" style="fill:rgb(255,64,136);"/>
<path id="home-icon-filler" d="M119.631,36.154L203.822,85.066L203.822,181.395L119.631,229.184L35.578,181.395L35.578,85.066L119.631,36.154Z" style="fill:rgb(255,64,136);"/>
<path d="M207.664,81.239L209.061,83.666L209.061,182.809L207.638,185.253L121.013,234.423L118.245,234.422L31.761,185.251L30.34,182.808L30.34,83.667L31.735,81.242L118.217,30.916L121.041,30.915L207.664,81.239ZM40.817,88.078L40.817,178.348L119.633,223.159L198.584,178.345L198.584,88.081L119.633,42.214L40.817,88.078Z" style="fill:rgb(201,23,126);"/>
</g>
<g transform="matrix(1.78981,0,0,2.02809,-42.2616,88.7603)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

layouts/partials/svg-icons/md.svg
Executable
+4
View File
@@ -0,0 +1,4 @@
<svg id="markdown" xmlns="http://www.w3.org/2000/svg" width="208" height="128" viewBox="0 0 208 128">
<rect width="198" height="118" x="5" y="5" ry="10" stroke="#000" stroke-width="10" fill="none" />
<path d="M30 98v-68h20l20 25 20-25h20v68h-20v-39l-20 25-20-25v39zM155 98l-30-33h20v-35h20v35h20z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 312 B

layouts/partials/svg-icons/markdown.svg → layouts/partials/svg-icons/mdsolid.svg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 831 B

After

Width:  |  Height:  |  Size: 831 B

layouts/partials/svg-icons/newlogo.svg
+35
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

layouts/shortcodes/output.html
+2 -2
View File
@@ -2,9 +2,9 @@
{{$icon := index (split $file ".") 1 }}
<div class="code" id="{{$file | urlize}}">
<div class="filename" title="{{$file}}">{{$file}}</div>
<div class="code-icon">
<!-- <div class="code-icon">
<i class="icon-{{$icon}}"></i>
</div>
</div> -->
<div class="code-copy-content output-content">
{{- .Inner -}}
</div>
pipeline/js/_blast.js
+2 -2
View File
@@ -201,7 +201,7 @@
/* Note: We use this slow splice-then-iterate method because every match needs to be converted into an HTML element node. A text node's text cannot have HTML elements inserted into it. */
/* TODO: To improve performance, use documentFragments to delay node manipulation so that DOM queries and updates can be batched across elements. */
}
/* Traverse the DOM tree until we find text nodes. Skip script and style elements. Skip select and textarea elements since they contain special text nodes that users would not want wrapped.
/* Traverse the DOM tree until we find text nodes. Skip script and style elements. Skip select and textarea elements since they contain special text nodes that users would not want wrapped.
Additionally, check for the existence of our plugin's class to ensure that we do not retraverse elements that have already been blasted. */
/* Note: This basic DOM traversal technique is copyright Johann Burkard <http://johannburkard.de>. Licensed under the MIT License: http://en.wikipedia.org/wiki/MIT_License */
} else if (node.nodeType === 1 && node.hasChildNodes() && !Reg.skippedElements.test(node.tagName) && !Reg.hasPluginClass.test(node.className)) {
@@ -272,7 +272,7 @@
/* Matches phrases either ending in Latin alphabet punctuation or located at the end of the text. (Linebreaks are not considered punctuation.) */
/* Note: If you don't want punctuation to demarcate a sentence match, replace the punctuation character with {{ASCII_CODE_FOR_DESIRED_PUNCTUATION}}. ASCII codes: .={{46}}, ?={{63}}, !={{33}} */
delimiterRegex = /(?=\S)(([.]{2,})?[^!?]+?([.…!?]+|(?=\s+$)|$)(\s*[′’'”″“")»]+)*)/;
/* RegExp explanation (Tip: Use Regex101.com to play around with this expression and see which strings it matches):
/* RegExp explanation (Tip: Use Regex101.com to play around with this expression and see which strings it matches):
- Expanded view: /(?=\S) ( ([.]{2,})? [^!?]+? ([.…!?]+|(?=\s+$)|$) (\s*[′’'”″“")»]+)* )
- (?=\S) --> Match must contain a non-space character.
- ([.]{2,})? --> Match may begin with a group of periods.
pipeline/scss/components/_contents-list.scss
+11 -7
View File
@@ -1,3 +1,8 @@
.all-contents {
border-top: 1px solid $hugo-blue;
padding-top:1em;
}
.contents-list {
box-shadow: none;
background-color: transparent;
@@ -5,7 +10,7 @@
border-bottom: 1px solid $hugo-gray-light;
margin-bottom: 1em;
position: relative;
font-size:.95em;
font-size: .95em;
a {
width: 100%;
color: $base-font-color;
@@ -18,12 +23,12 @@
}
}
h3 {
margin-top:0px;
padding-top:0px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 2px;
}
p {
margin-top:8px;
margin-top: 8px;
margin-bottom: 16px;
}
}
@@ -36,8 +41,8 @@
}
.list-icon {
display:flex;
align-items:center;
display: flex;
align-items: center;
}
.list-icon-wrapper {
@@ -53,4 +58,3 @@
display: block;
}
}
pipeline/scss/components/_table-of-contents.scss
+4 -3
View File
@@ -42,7 +42,7 @@ aside#toc {
box-shadow: none;
top: $site-header-height;
// left: calc(#{$site-navigation-width} + #{$content-max-width} + 4em);
right:0px;
right: 0px;
bottom: auto;
opacity: 1;
min-height: calc(100vh - #{$site-header-height});
@@ -58,12 +58,12 @@ nav#TableOfContents {
margin-bottom: 20px;
height: auto;
li code {
font-family:$base-font-family;
font-family: $base-font-family;
}
li.active > a > code {
color: inherit;
font-weight: 700;
font-family:$base-font-family;
font-family: $base-font-family;
}
> ul:first-child {
padding-left: 0px;
@@ -121,6 +121,7 @@ nav#TableOfContents {
}
> ul {
display: block;
display: none;
margin-top: 8px;
margin-bottom: 0px;
> li {
pipeline/scss/layout/_site-footer.scss
+16 -13
View File
@@ -26,16 +26,13 @@
color: $hugo-white;
display: flex;
flex-direction: row;
flex-wrap:wrap;
flex-wrap: wrap;
max-width:$M;
.footer-info {
width:100%;
}
span {
text-align: center;
width: 100%;
display: block;
margin-top: 1em;
font-size: .9em;
@include MQ(M) {
width: 200px;
}
}
img {
max-width: 140px;
@@ -47,10 +44,11 @@
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
div {
min-width: 50%;
width: 50%;
max-width: 50%;
min-width: 120px;
// width: 50%;
// max-width: 50%;
}
}
}
@@ -70,8 +68,13 @@
ul {
list-style: none;
li a {
color:$hugo-white;
font-size:.8em;
color: $hugo-white;
font-size: .8em;
}
}
}
#site-footer.homepage {
width: 100vw;
margin-left: 0px;
}
pipeline/scss/pages/_homepage.scss
+50 -24
View File
@@ -8,6 +8,8 @@
left: 0px;
z-index: 50;
min-height: 50px;
max-height: 50px;
// @include card(1);
background-color: $hugo-white;
ul.animated {
margin-top: 0px;
@@ -55,24 +57,28 @@ main#homepage.main {
min-height: 100vh;
display: flex;
flex-wrap: wrap;
flex-direction: column;
// flex-direction: column;
align-items: center;
&.hero {
margin-top: 50px;
min-height: auto;
flex-direction: column;
}
&:nth-child(2) {
background-color: $hugo-blue-light;
background-color: $hugo-gray-ultra-light;
}
}
.get-started {
.button.xl {
display:block;
margin-top: 1.5em;
font-size: 1.5em;
display: block;
margin-top: 1.5em;
font-size: 1.3em;
padding-right: 1em;
padding-left: 1em;
// background-color: rgb(140,197,231);
}
margin-bottom:5em;
}
.homepage-terminal {
@@ -88,18 +94,10 @@ main#homepage.main {
margin-right: auto;
margin-left: auto;
font-size: 14px;
color:$hugo-white;
span.terminal-line {
float: left;
text-align: left;
color: white;
&:before {
content: '$';
display: inline;
margin-right: .5em;
color: $hugo-green;
}
// color:$hugo-white;
color: transparent;
.blast {
color: $hugo-white;
}
}
@@ -107,9 +105,13 @@ main#homepage.main {
display: block;
display: flex;
align-items: center;
width: 90%;
width: 70%;
max-width: 300px;
margin-top: 5em;
svg#hugologo {
width: 700px;
max-width: 300px;
}
margin: {
right: auto;
left: auto;
@@ -119,25 +121,49 @@ main#homepage.main {
display: inline;
// display: block;
text-align: center;
font-size: 3.5em;
font-size: 2.3em;
@include MQ(M) {
font-size: 3.5em;
}
color: $hugo-pink;
font-weight: 900;
font-family: 'helvetica neue', helvetica, arial;
font-family: 'helvetica neue',
helvetica,
arial;
margin-left: -.25em;
}
}
.hero-tagline {
color: $hugo-gray;
font-size: 1.5em;
font-size: 1.2em;
text-align: center;
line-height: 1.3;
font-weight: 100;
margin-top: 1.5em;
font-style: normal;
max-width: 90%;
@include MQ(M) {
font-size: 1.5em;
}
}
#site-footer.homepage {
width: 100vw;
margin-left: 0px;
.svgs-one {
display:flex;
justify-content:space-around;
max-width:320px;
margin-top:2em;
opacity:0;
svg {
max-width:45%;
max-width:140px;
// min-width: 150px;
&#markdown {
margin-top: 30px;
}
}
}
.after-terminal {
opacity: 0;
}
static/css/style.min.css
Vendored
+2 -2
View File
File diff suppressed because one or more lines are too long
static/images/gme.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 172 KiB

static/images/home/gme.svg
+2038
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 232 KiB

static/images/home/gopherizeme.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

static/images/hugo-icons/gme.svg
+2047
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 454 KiB

static/images/hugo-icons/newlogo.svg
+37
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

static/js/homepage.js
+28 -10
View File
@@ -2,17 +2,35 @@ $('#homepage-nav > ul.animated').addClass('fadeInDown');
$('.homepage-icon.animated').addClass('fadeIn');
$(".homepage-terminal")
// Blast the text apart by word.
.blast({ delimiter: "letter" })
// Fade the words into view using Velocity.js.
.velocity("transition.fadeIn", {
display: null,
duration: 0,
stagger: 90,
delay: 0
$(document).ready(function() {
let heroHeight = $('.hero').height() * .2,
heroDouble = heroHeight * 2,
scrolled1 = false,
scrolled2 = false;
$(window).scroll(function() {
let scroll = $(this).scrollTop();
if (scroll > heroHeight && scrolled1 == false) {
$('.svgs-one.animated').addClass('fadeIn');
scrolled1 = true;
} else if (scroll > heroDouble && scrolled2 == false) {
$(".homepage-terminal")
// Blast the text apart by word.
.blast({ delimiter: "letter" })
// Fade the words into view using Velocity.js.
.velocity("transition.fadeIn", {
display: null,
customClass: "visible",
duration: 0,
stagger: 60,
delay: 0,
complete: function() {
$('.after-terminal').velocity('transition.fadeIn');
}
});
scrolled2 = true;
}
});
});
// terminalElements = document.querySelectorAll('span.terminal-line');
// function terminals_init() {