mirror of
https://github.com/gohugoio/hugo.git
synced 2026-08-30 18:22:37 +00:00
Add more content to home row
This commit is contained in:
Ryan Watters
+3
-1
@@ -45,7 +45,8 @@ In addition, this project was started with the assumptions that the Hugo documen
|
||||
* difficult to optimize for external search engines (SEO)
|
||||
* does not leverage Hugo's more powerful features (e.g., only *one* archetype); leveraging these features would help address the aforementioned shortcomings (i.e., scalability, consistency, and search)
|
||||
* assumes a higher level of Golang proficiency than is realistic for newcomers to static site generators or general web development; a prime example is the sparsity of basic and advanced code samples for templating functions, some of which may still be wholly undocumented
|
||||
* lacks well-defined contribution and editorial guidelines for those interested in submitting or editing documentation.
|
||||
* lacks well-defined contribution and editorial guidelines for those interested in submitting or editing documentation
|
||||
* needs reworking of its URL structure to represent a more intuitive mental model for end users ([Discuss][ds1])
|
||||
|
||||
### Goals
|
||||
|
||||
@@ -506,6 +507,7 @@ If the Hugo Team finds the improvements to the Hugo documentation acceptable, I'
|
||||
[Content Modeling]: https://alistapart.com/article/content-modelling-a-master-skill
|
||||
[Core Model]: https://alistapart.com/article/the-core-model-designing-inside-out-for-better-results
|
||||
[designresources]: https://github.com/rdwatters/hugo-docs-concept/tree/master/dev-and-design-resources
|
||||
[ds1]: https://discuss.gohugo.io/t/hugo-docs-domain/5657
|
||||
[ex1]: https://discuss.gohugo.io/t/frustrated-with-documentation/2810
|
||||
[ex2]: https://discuss.gohugo.io/t/documentation-restructure-and-design/1891
|
||||
[forum]: https://discuss.gohugo.io
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -1,7 +1,7 @@
|
||||
<main id="homepage" class="main">
|
||||
<div class="home-row hero">
|
||||
<div class="homepage-icon animated">
|
||||
{{ partial "svg-icons/newlogo.svg" . }}
|
||||
{{ partial "svg-icons/hugo-logo-wide.svg" . }}
|
||||
</div>
|
||||
<div class="hero-tagline">The world's fastest static website engine.
|
||||
<br>Written in Golang.</div>
|
||||
@@ -9,25 +9,28 @@
|
||||
<a role="button" class="button xl" href="{{.Site.BaseURL}}getting-started/quick-start">Get started</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="home-row terminal">
|
||||
<div class="home-row-content">
|
||||
<div class="home-row animated">
|
||||
<div class="home-row-content first-fade animated">
|
||||
<div class="half">
|
||||
<div class="svgs-one animated">
|
||||
{{partial "svg-icons/gopher-small.svg" .}} {{partial "svg-icons/md.svg" .}}
|
||||
<div class="svgs">
|
||||
{{partial "svg-icons/gopher-small.svg" .}}
|
||||
<!-- <div class="img-wrapper">
|
||||
<img id="gme" src="/images/homepage/gme.png" alt="">
|
||||
</div> -->
|
||||
{{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 class="cool-gopher">
|
||||
<img src="/images/homepage/gme2.png" alt="" id="gme-2">
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="half">
|
||||
<div>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit dolorum iure et, esse commodi velit, ad corrupti harum repellat ratione aliquam explicabo consequatur qui fugit libero quos nisi quam similique!
|
||||
</div>
|
||||
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat tempore incidunt, beatae nam quod repellat ullam culpa iure. Quidem neque corrupti a praesentium mollitia perferendis impedit quibusdam ipsum et officiis.</div>
|
||||
<div class="half half-content">
|
||||
<h2>You only have so much time...</h2>
|
||||
<hr class="hr">
|
||||
<p>Hugo let's you focus your energy on creating great content rather than databases, caching layers, security updates, and staring at your screen waiting for your site to rebuild.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -35,7 +38,6 @@
|
||||
<h2>What makes Hugo different?</h2>
|
||||
</div>
|
||||
<div class="home-row references">
|
||||
<h2>References</h2>
|
||||
{{ partial "homepage/homepage-references.html" . }}
|
||||
<h2>References</h2> {{ partial "homepage/homepage-references.html" . }}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@ -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-icons/newlogo.svg" alt=""><span class="hugo-v">v{{$version}}</span>
|
||||
<img src="{{$base}}images/hugo-icons/hugo-logo-wide.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> -->
|
||||
|
||||
@@ -0,0 +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 512 512" 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.47445,0,0,1.47445,-125.537,-123.683)">
|
||||
<path d="M332.615,235.15C330.448,235.15 328.317,235.312 326.213,235.56C317.01,197.167 282.482,168.62 241.264,168.62C200.043,168.62 165.521,197.17 156.305,235.56C154.214,235.312 152.08,235.15 149.913,235.15C120.025,235.15 95.793,259.376 95.793,289.267C95.793,319.151 120.025,343.38 149.916,343.38L332.617,343.38C362.505,343.38 386.737,319.151 386.737,289.267C386.735,259.376 362.503,235.15 332.615,235.15Z" style="fill:white;fill-rule:nonzero;"/>
|
||||
</g>
|
||||
<g transform="matrix(1.47445,0,0,1.47445,-125.537,-123.683)">
|
||||
<path d="M386.141,219.714C384.939,219.714 383.753,219.803 382.59,219.942C377.47,198.61 358.288,182.751 335.393,182.751C312.485,182.751 293.31,198.61 288.193,219.942C287.024,219.803 285.838,219.714 284.642,219.714C268.033,219.714 254.569,233.175 254.569,249.78C254.569,266.385 268.03,279.846 284.642,279.846L386.144,279.846C402.749,279.846 416.21,266.385 416.21,249.78C416.21,233.175 402.749,219.714 386.141,219.714Z" style="fill:rgb(0,131,192);fill-rule:nonzero;"/>
|
||||
</g>
|
||||
<g transform="matrix(1.47445,0,0,1.47445,-125.537,-123.683)">
|
||||
<path d="M307.474,231.173C306.965,231.173 306.443,231.11 305.928,230.985C302.38,230.136 300.194,226.572 301.043,223.024C304.862,207.089 318.989,195.964 335.393,195.964C339.04,195.964 341.999,198.924 341.999,202.57C341.999,206.216 339.039,209.176 335.393,209.176C325.123,209.176 316.281,216.136 313.892,226.102C313.166,229.135 310.457,231.173 307.474,231.173Z" style="fill:white;fill-rule:nonzero;"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
Executable
+33
@@ -0,0 +1,33 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Gopher" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 215.6 281.6" enable-background="new 0 0 215.6 281.6" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#8CC5E7" d="M207.3,44.6c-6.7-13.7-22.9-1.6-27-5.9c-21-21.6-46.4-27-66.3-28c0,0-9,0-11,0c-20,0.5-45.4,6.3-66.3,28
|
||||
c-4.1,4.3-20.4-7.8-27,5.9c-7.7,16,15.7,17.6,14.5,24.7c-2.3,12.8-0.8,31.8,1,50.5C28,151.5,4.3,227.4,53.6,257.9
|
||||
c9.3,5.8,34.4,9,56.2,9.5l0,0c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0l0,0c21.8-0.5,43.9-3.7,53.2-9.5c49.4-30.5,25.7-106.4,28.6-138.1
|
||||
c1.7-18.7,3.2-37.7,1-50.5C191.6,62.2,215,60.5,207.3,44.6z"/>
|
||||
<g>
|
||||
<path fill="#E0DEDC" d="M143.2,54.3c-33.4,3.9-28.9,38.7-16,50c24,21,49,0,46.2-21.2C170.9,62.7,153.6,53.1,143.2,54.3z"/>
|
||||
<circle fill="#111212" cx="145.5" cy="84.3" r="11.4"/>
|
||||
<circle fill="#FFFFFF" cx="142.5" cy="79.4" r="3.6"/>
|
||||
</g>
|
||||
<g>
|
||||
<path fill="#B8937F" d="M108.5,107c-16,2.4-21.7,7-20.5,14.2c2,11.8,39.7,10.5,40.9,0.6C129.9,113.3,114.8,106.1,108.5,107z"/>
|
||||
<path d="M98.2,111.8c-2.7,9.8,21.7,8.3,21.1,2c-0.3-3.7-3.6-8.4-12.3-8.2C103.6,105.7,99.4,107.2,98.2,111.8z"/>
|
||||
<path fill="#E0DEDC" d="M99,127.7c-0.9,0.4-2.4,10.2,2.2,10.7c3.1,0.3,11.6,1.3,13.6,0c3.9-2.5,3.5-8.5,1.3-10
|
||||
C112.4,126,100,127.2,99,127.7z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path fill="#E0DEDC" d="M73.6,54.3c33.4,3.9,28.9,38.7,16,50c-24,21-49,0-46.2-21.2C46,62.7,63.3,53.1,73.6,54.3z"/>
|
||||
<circle fill="#111212" cx="71.4" cy="84.3" r="11.4"/>
|
||||
<circle fill="#FFFFFF" cx="74.4" cy="79.4" r="3.6"/>
|
||||
</g>
|
||||
<path fill="#B8937F" d="M193.6,186.7c11,0.1,5.6-23.5-1.2-18.8c-3.3,2.3-3.9,7.6-3.9,12.1C188.5,182.5,190.5,186.6,193.6,186.7z"/>
|
||||
<path fill="#B8937F" d="M23.3,186.7c-11,0.1-5.6-23.5,1.2-18.8c3.3,2.3,3.9,7.6,3.9,12.1C28.4,182.5,26.4,186.6,23.3,186.7z"/>
|
||||
<path fill="#B8937F" d="M172.7,259.2c-6-8.9-11.4-2-20.1,2.4c-4.1,2.1,6.8,9.6,19,4C174.8,264.1,174.7,262.1,172.7,259.2z"/>
|
||||
<path fill="#B8937F" d="M44.2,260.2c6-8.9,11.4-2,20.1,2.4c4.1,2.1-6.8,9.6-19,4C42.1,265.1,42.2,263.1,44.2,260.2z"/>
|
||||
<path fill="#3C89BF" d="M188.6,47c-0.6,2.1,2.1,1.8,3.1,8.3c0.4,2.4,9-3.5,5.5-7.8C194.3,43.9,189.1,44.9,188.6,47z"/>
|
||||
<path fill="#3C89BF" d="M28.3,47c0.6,2.1-2.1,1.8-3.1,8.3c-0.4,2.4-9-3.5-5.5-7.8C22.5,43.9,27.7,44.9,28.3,47z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
+31
@@ -0,0 +1,31 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<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" viewBox="0 0 397.8 535.6" enable-background="new 0 0 397.8 535.6" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#E0DEDC" d="M68.5,64c0,0-45.3-8-56.4,40.2c-11.7,50.6,27,46.7,27,46.7L68.5,64z"/>
|
||||
<g>
|
||||
<path fill="#040000" stroke="#040000" stroke-width="1.3483" stroke-miterlimit="10" d="M23.9,86.2c-8.5-0.3-15.5,25.8-13.1,35.2
|
||||
c0.9,3.5,10,6.3,14-3.7C27.7,110.4,34.5,86.5,23.9,86.2z"/>
|
||||
<path fill="#FFFFFF" d="M17.6,94c-1.9-0.6-4,4.5-4.7,6.3c-1.8,5.3,2.1,5.1,4.4,2C18.5,100.7,19.5,94.7,17.6,94z"/>
|
||||
</g>
|
||||
<path fill="#B8937F" d="M46.3,487.8c5.2,7.3,41.6,6.4,46.1-1.3c4.2-7.1-21.4-14.9-30.7-16.1C47.6,468.6,42.6,482.5,46.3,487.8z"/>
|
||||
<path fill="#B8937F" d="M351,446c5.2,7.3,29.4,3.7,34-4c4.2-7.1-9.3-12.2-18.6-13.4C352.3,426.8,347.3,440.7,351,446z"/>
|
||||
<path fill="#8CC5E7" d="M189.6,13.4c0,0-182.1-8.9-161,217.6c6.3,68-43.8,182.8,29.2,239.8c0,0,102.1,61.7,238.9,41.5
|
||||
c20-3,45.5-10,63.2-57.1c22.3-59.5,6.6-121.5-13.2-165.5c-22.3-49.7-21.2-105.8-19.6-115.3C354.3,14.2,189.6,13.4,189.6,13.4z"/>
|
||||
<path fill="#8CC5E7" d="M282.3,38.8c19.2-5,32.6-10.5,43.4-5c30.5,15.7-4.9,45.4-12.4,51C302.3,93.2,268.4,42.4,282.3,38.8z"/>
|
||||
<path fill="#3C89BF" d="M306,40.5c-18.8,4.2-19.6,13.7-14.8,16.4c2.8,1.6,0.8-8.1,13.6-3.8c5.2,1.7-2.5,14.3,12.1,0.2
|
||||
C324.7,45.6,310.1,39.6,306,40.5z"/>
|
||||
<path fill="#E0DEDC" d="M137.9,29.2c-22.9,1.7-76.1,28.5-50,94.2c9.1,23,104.6,10.3,105.8-54C194.1,42.6,158.1,27.7,137.9,29.2z"/>
|
||||
<path fill="#040000" stroke="#040000" stroke-width="1.3483" stroke-miterlimit="10" d="M109.9,51.8C88.5,53.7,83.3,84,91.3,91.1
|
||||
c4.5,4,20.1,8.6,28.5-19C122.5,63.3,117.8,51,109.9,51.8z"/>
|
||||
<path fill="#FFFFFF" d="M101.7,57.4c-3.1-0.9-8.8,7-7.1,10.3c0.6,1.2,3.2,2.9,5.3,1.3C102.2,67.2,107.8,59.1,101.7,57.4z"/>
|
||||
<path fill="#B8937F" d="M74.6,130.1C34.9,122.3,30,165,43.9,172.3c10.1,5.4,38.8-3.5,43.6-13.4C92.2,148.9,95,134.1,74.6,130.1z"/>
|
||||
<path fill="#040000" d="M48,126.4c-12.5,4.3-11.8,25.4-5.1,26c7.6,0.7,21-14.7,24.2-20.9C69.5,126.9,53,124.7,48,126.4z"/>
|
||||
<path fill="#E0DEDC" d="M52.5,169.9c-3.2,1.4-2.9,18.8,3.3,21.5c19.6,8.3,20.9-20.4,17.1-24.9C70,162.9,54.7,168.9,52.5,169.9z"/>
|
||||
<path fill="#B8937F" d="M272,269.2c-11.2,0.5-19.7,23.3-16.9,34.3c1.5,5.9,12.9,5,11.3,9.6c-2.7,7.6,17.4,12.9,21.2,4.7
|
||||
C306.9,277,282.3,268.8,272,269.2z"/>
|
||||
<path fill="#B8937F" d="M251.8,497.4c-39.7-4.3-51.7,14.7-44.4,21.8c7.7,7.5,38.1,5.3,54.7,3.9
|
||||
C268.7,522.6,261.8,498.5,251.8,497.4z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
+42
@@ -0,0 +1,42 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<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" viewBox="0 0 397.8 535.6" enable-background="new 0 0 397.8 535.6" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="none" stroke="#040000" stroke-width="8.917" stroke-miterlimit="10" d="M134.8,30c-23.2,1.7-77,28.8-50.6,95.3
|
||||
c9.2,23.3,105.8,10.4,107-54.7C191.7,43.5,155.2,28.5,134.8,30z"/>
|
||||
<path fill="none" stroke="#040000" stroke-width="8.917" stroke-miterlimit="10" d="M270.4,272.7c-11.3,0.5-19.9,23.6-17.1,34.6
|
||||
c1.5,6,13.1,5,11.4,9.7c-2.7,7.7,17.6,13.1,21.5,4.8C305.7,280.6,280.8,272.3,270.4,272.7z"/>
|
||||
|
||||
<path fill="none" stroke="#040000" stroke-width="8.917" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
|
||||
M57.4,476.1c-10.8,1.3-14.5,12.9-11.1,17.6c5.1,7.1,39.9,6.5,46.1-0.7c-22-8.9-34.4-16.4-34.4-16.4
|
||||
C57.8,476.4,57.6,476.2,57.4,476.1z"/>
|
||||
|
||||
<path fill="none" stroke="#040000" stroke-width="8.917" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
|
||||
M269.5,522.6c20.1-4,67.9,4,93.2-61.9c0.7-1.8,1.3-3.6,1.9-5.3c9,0.3,20.4-3,23.4-8c4.1-6.9-8.4-11.9-17.7-13.4
|
||||
c10.2-51.5-3.8-102.7-20.9-140.6c-22.6-50.2-21.5-107-19.9-116.5c6.8-40.5,1.6-70.9-10.1-93.7c11.4-9.7,35.7-34.5,8.7-48.4
|
||||
c-10.9-5.6-25.4,0-44.9,5c-1.1,0.3-1,0.9-1.5,1.8C241,14.2,190.5,14,190.5,14S106.9,5.4,66.7,70.5l1.4-5.3c0,0-45.8-8-57.1,40.7
|
||||
c-8.2,35.2,7.8,44.3,18.6,46.6c-3.8,23.1-4.8,50.1-1.8,81.6c6.4,68.6-42.1,181.9,28.9,242c12.3,10.4,79.3,37.1,149.3,45.2"/>
|
||||
<path fill="none" stroke="#040000" stroke-width="8.917" stroke-miterlimit="10" d="M254.1,505.5c-27.3-5.2-49.3,7.7-46.9,20
|
||||
c2.1,10.7,41.5,8.1,57.3,6C271.5,530.5,261,506.8,254.1,505.5z"/>
|
||||
<path fill="none" stroke="#03324B" stroke-width="10.2888" stroke-miterlimit="10" d="M63.2,132.2"/>
|
||||
<path fill="none" stroke="#03324B" stroke-width="5.4874" stroke-miterlimit="10" d="M74.9,166.8c-0.3-1.1-0.7-2.1-1.1-2.6
|
||||
c-3-3.6-18.7,2.5-20.9,3.5c-0.9,0.4-1.5,1.9-1.8,4"/>
|
||||
<path fill="#040000" d="M308.2,41.4c-19.2,4.3-20.1,14-15.1,16.7c2.9,1.6,0.8-8.3,13.9-3.9c5.3,1.7-2.5,14.6,12.4,0.2
|
||||
C327.3,46.7,312.4,40.5,308.2,41.4z"/>
|
||||
<path fill="none" stroke="#040000" stroke-width="8.231" stroke-miterlimit="10" d="M136.2,29.9C112.7,31.6,58.3,59,85,126.3
|
||||
C94.3,149.8,192,136.8,193.2,71C193.7,43.6,156.8,28.3,136.2,29.9z"/>
|
||||
<path fill="none" stroke="#040000" stroke-width="8.231" stroke-miterlimit="10" d="M75.5,127c-2.2-0.4-4.4-0.7-6.4-0.9
|
||||
c-0.6,0-1.2,0.5-1.1,1.1c0.1,0.4,0,0.8-0.2,1.2c-3.3,6.4-17.6,22.9-25.3,21.3c-0.3-0.1-0.6-0.2-0.8-0.4c-2-1.1-4.5,0.1-4.7,2.3
|
||||
c-0.8,8.1,1.9,15.7,7.1,18.5c1.8,1,4.2,1.5,7,1.6c0.3-2.1,0.9-3.6,1.8-4c2.3-1,17.9-7.2,20.9-3.5c0.5,0.6,0.8,1.5,1.1,2.6
|
||||
c6.5-2.8,11.9-6.5,13.7-10.4C93.5,146.2,96.3,131,75.5,127z"/>
|
||||
<path fill="none" stroke="#040000" stroke-width="8.231" stroke-miterlimit="10" d="M51.1,171.8c-0.9,5.8,0.5,16,5.2,17.9
|
||||
c17.6,7.5,20.8-14.4,18.7-22.9"/>
|
||||
<path fill="#040000" d="M26.6,88.2c-3.6-0.1-7,4.5-9.5,10.6c0.9-1.6,2-2.9,3-2.5c2,0.7,1,6.8-0.3,8.5c-1.8,2.5-4.7,3.1-4.9,0.5
|
||||
c-2,7.1-2.8,14.7-1.7,18.9c0.9,3.6,10.2,6.4,14.3-3.7C30.4,113,37.3,88.5,26.6,88.2z"/>
|
||||
<path fill="#040000" d="M109.6,53c-21.9,2-27.2,33-19.1,40.2c4.6,4.1,20.6,8.8,29.2-19.4C122.4,64.8,117.7,52.2,109.6,53z
|
||||
M99.3,70.6c-2.1,1.6-4.8-0.1-5.4-1.3c-1.7-3.4,4.2-11.4,7.3-10.6C107.4,60.5,101.6,68.7,99.3,70.6z"/>
|
||||
<path fill="#040000" d="M47.2,121.3c-15.7,5.4-14.9,31.9-6.4,32.7c9.6,0.9,26.4-18.5,30.4-26.2C74.3,121.9,53.5,119.2,47.2,121.3z"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.6 KiB |
@@ -1,13 +1,13 @@
|
||||
<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;" />
|
||||
<svg id="hugopher-front" 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.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);" class="eye"/>
|
||||
<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.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);" class="eye"/>
|
||||
<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.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.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.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,47Z" style="fill:rgb(0,131,192);fill-rule:nonzero;"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 260 KiB |
@@ -73,7 +73,7 @@ $code-copy-button-color:#ffffff;
|
||||
$code-copy-button-text-color:$base-font-color;
|
||||
$code-base-font-color:$hugo-pink-light;
|
||||
$inline-code-text-color:$base-font-color;
|
||||
$inline-code-background-color:$hugo-gray-ultra-light;
|
||||
$inline-code-background-color:darken($hugo-gray-ultra-light,1%);
|
||||
$code-block-background-color: $inline-code-background-color;
|
||||
|
||||
//Sidebar & Breadcrumb
|
||||
|
||||
@@ -1,465 +0,0 @@
|
||||
//General code styling for inline code (ie, within body copy and not in a separate code block)
|
||||
code,
|
||||
pre {
|
||||
font-family: $code-font-family;
|
||||
margin: 0px;
|
||||
font-weight: $code-font-base-weight;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.body-copy > pre {
|
||||
@include card(3);
|
||||
text-shadow: none;
|
||||
padding: 0px;
|
||||
margin: .5em 0px 32px 0px;
|
||||
overflow: auto;
|
||||
& > code {
|
||||
color: $hugo-white;
|
||||
}
|
||||
}
|
||||
|
||||
.body-copy {
|
||||
p {
|
||||
code {
|
||||
display: inline-block;
|
||||
padding-top: .15em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.body-copy {
|
||||
p,
|
||||
td,
|
||||
li {
|
||||
code {
|
||||
font-size: .85em;
|
||||
display: inline-block;
|
||||
color: inherit;
|
||||
font-family: "robotomono", courier, monospace;
|
||||
padding-left: .25em;
|
||||
padding-right: .25em;
|
||||
text-transform: none;
|
||||
line-height: 1.2;
|
||||
margin-bottom: .15em;
|
||||
margin-top: 0px;
|
||||
padding-top: 3px;
|
||||
vertical-align: middle;
|
||||
background-color: #ededed;
|
||||
border: none;
|
||||
outline: none;
|
||||
z-index: -1;
|
||||
padding-bottom: 3px;
|
||||
border: none;
|
||||
outline: none;
|
||||
z-index: -1;
|
||||
background-color: darken($inline-code-background-color, 5%);
|
||||
@include MQ(retina) {
|
||||
//lighten code background color for retina displays
|
||||
background-color: $inline-code-background-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
//for definitions lists
|
||||
dd,
|
||||
dt {
|
||||
code {
|
||||
//darken code background color for non-retina displays
|
||||
background-color: darken($inline-code-background-color, 5%);
|
||||
color: $inline-code-text-color;
|
||||
font-family: $code-font-family;
|
||||
@include MQ(retina) {
|
||||
//lighten code background color for retina displays
|
||||
background-color: $inline-code-background-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
p > a code,
|
||||
li > a code,
|
||||
td > a code {
|
||||
color: $hugo-pink;
|
||||
}
|
||||
> pre {
|
||||
padding-bottom: 20px;
|
||||
padding-top: 20px;
|
||||
background-color: $code-block-background-color;
|
||||
font-family: $code-font-family;
|
||||
color: $code-block-base-font-color;
|
||||
}
|
||||
li > code,
|
||||
li > span > code {
|
||||
white-space: pre-wrap;
|
||||
white-space: -moz-pre-wrap;
|
||||
white-space: -pre-wrap;
|
||||
white-space: -o-pre-wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
}
|
||||
|
||||
//for clipboard.js tooltip and button
|
||||
div.code-copy {
|
||||
position: relative;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 32px;
|
||||
background-color: $code-block-background-color;
|
||||
&.input {
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
.code-copy-content {
|
||||
padding-top: .5em;
|
||||
&.output-content {
|
||||
padding-bottom: .5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p + .code-copy {
|
||||
margin-top: 0em;
|
||||
}
|
||||
|
||||
button.copy-button,
|
||||
button.download-button {
|
||||
display: block;
|
||||
box-shadow: none;
|
||||
padding: 0px;
|
||||
transition: all .2s ease-in-out;
|
||||
background-color: $code-copy-button-color;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
z-index: 4;
|
||||
@include size(30px);
|
||||
padding: {
|
||||
left: 4px;
|
||||
right: 4px;
|
||||
}
|
||||
height: 1.5em;
|
||||
border-width: 0px;
|
||||
border-radius: 0px;
|
||||
font-weight: $code-font-bold-weight;
|
||||
color: $code-copy-button-text-color;
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
height: 24px;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
text-transform:uppercase;
|
||||
&:hover {
|
||||
background-color: $hugo-blue;
|
||||
box-shadow: none;
|
||||
}
|
||||
&:active,
|
||||
&:focus {
|
||||
outline: none;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
// .button.copy-button {
|
||||
// opacity: 0;
|
||||
// }
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
code {
|
||||
font-weight: $code-font-bold-weight;
|
||||
font-size: .95em;
|
||||
}
|
||||
}
|
||||
|
||||
//hide copy button on iPad and iPhone
|
||||
button.copy-button {
|
||||
@include MQ(retinaPortrait) {
|
||||
display: none;
|
||||
}
|
||||
@include MQ(retinaLandscape) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
button.download-button {
|
||||
display: none;
|
||||
@include MQ(M) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
a[role="button"].see-code-source {
|
||||
position: absolute;
|
||||
top: 1.75em;
|
||||
right: 0px;
|
||||
border-radius: 0px;
|
||||
background: transparent;
|
||||
text-transform: uppercase;
|
||||
color: darken($hugo-white, 5%);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
a[href*="bitbucket"].see-code-source:after {
|
||||
content: '\f171';
|
||||
font-family: 'FontAwesome';
|
||||
display: inline-block;
|
||||
font-size: 1.3em;
|
||||
color: inherit;
|
||||
margin-left: .2em;
|
||||
}
|
||||
|
||||
a[href*="github"].see-code-source:after {
|
||||
content: '\f09b';
|
||||
font-family: 'FontAwesome';
|
||||
display: inline-block;
|
||||
font-size: 1.3em;
|
||||
color: inherit;
|
||||
margin-left: .2em;
|
||||
}
|
||||
|
||||
a[href*="gitlab"].see-code-source:after {
|
||||
content: '\f296';
|
||||
font-family: 'FontAwesome';
|
||||
display: inline-block;
|
||||
font-size: 1.3em;
|
||||
color: inherit;
|
||||
margin-left: .2em;
|
||||
}
|
||||
|
||||
button.copy-button {
|
||||
display: none;
|
||||
@include MQ(M) {
|
||||
display: block;
|
||||
right: 0px;
|
||||
}
|
||||
i.icon-clipboard {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
div.code-copy {
|
||||
position: relative;
|
||||
@include card(3);
|
||||
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
div.code-copy-header {
|
||||
position: relative;
|
||||
height: 1.5em;
|
||||
line-height: 1.5em;
|
||||
background-color: $code-editor-header-base-bg-color;
|
||||
border-radius: 0px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
&.output {
|
||||
background-color: $output-example-color;
|
||||
}
|
||||
&.examplesite {
|
||||
background-color: $examplesite-codeblock-shortcode-header-bg-color;
|
||||
}
|
||||
span.filename {
|
||||
text-align: center;
|
||||
color: $code-filename-color;
|
||||
font-weight: 100;
|
||||
font-size: 12px;
|
||||
font-family: $systemfonts;
|
||||
i.icon-website {
|
||||
color: inherit;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
[class^="icon-"] {
|
||||
color: $code-filename-color;
|
||||
}
|
||||
//corrects odd placement of terminal icon
|
||||
i.icon-sh.input,
|
||||
i.icon-bash.input {
|
||||
padding-right: .5em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.tooltipped {
|
||||
position: relative;
|
||||
background-color: $code-tooltip-bg-color;
|
||||
padding-right: 2em;
|
||||
}
|
||||
|
||||
.tooltipped:after {
|
||||
position: absolute;
|
||||
z-index: 1000000;
|
||||
display: none;
|
||||
padding: 2px 4px;
|
||||
font-size: .8em;
|
||||
font-weight: $base-font-bold-weight;
|
||||
font-family: $heading-font-family;
|
||||
color: $hugo-white;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
text-shadow: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: break-word;
|
||||
white-space: pre;
|
||||
pointer-events: none;
|
||||
content: attr(aria-label);
|
||||
background-color: $code-tooltip-bg-color;
|
||||
border-color: $code-tooltip-bg-color;
|
||||
border-radius: 0px;
|
||||
-webkit-font-smoothing: subpixel-antialiased
|
||||
}
|
||||
|
||||
.tooltipped:before {
|
||||
position: absolute;
|
||||
z-index: 1000001;
|
||||
display: none;
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: $code-tooltip-bg-color;
|
||||
pointer-events: none;
|
||||
content: "";
|
||||
border: 5px solid transparent;
|
||||
}
|
||||
|
||||
.tooltipped:hover:before,
|
||||
.tooltipped:hover:after,
|
||||
.tooltipped:active:before,
|
||||
.tooltipped:active:after,
|
||||
.tooltipped:focus:before,
|
||||
.tooltipped:focus:after {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.tooltipped-multiline:hover:after,
|
||||
.tooltipped-multiline:active:after,
|
||||
.tooltipped-multiline:focus:after {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.tooltipped-s:after,
|
||||
.tooltipped-se:after,
|
||||
.tooltipped-sw:after {
|
||||
top: 100%;
|
||||
right: 50%;
|
||||
margin-top: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tooltipped-s:before,
|
||||
.tooltipped-se:before,
|
||||
.tooltipped-sw:before {
|
||||
top: auto;
|
||||
right: 50%;
|
||||
bottom: -5px;
|
||||
margin-right: -5px;
|
||||
border-bottom-color: $code-tooltip-bg-color;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tooltipped-se:after {
|
||||
right: auto;
|
||||
left: 50%;
|
||||
margin-left: -15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tooltipped-sw:after {
|
||||
margin-right: -15px
|
||||
}
|
||||
|
||||
.tooltipped-n:after,
|
||||
.tooltipped-ne:after,
|
||||
.tooltipped-nw:after {
|
||||
right: 50%;
|
||||
bottom: 100%;
|
||||
margin-bottom: 5px
|
||||
}
|
||||
|
||||
.tooltipped-n:before,
|
||||
.tooltipped-ne:before,
|
||||
.tooltipped-nw:before {
|
||||
top: -5px;
|
||||
right: 50%;
|
||||
bottom: auto;
|
||||
margin-right: -5px;
|
||||
border-top-color: $code-tooltip-bg-color;
|
||||
}
|
||||
|
||||
.tooltipped-ne:after {
|
||||
right: auto;
|
||||
left: 50%;
|
||||
margin-left: -15px
|
||||
}
|
||||
|
||||
.tooltipped-nw:after {
|
||||
margin-right: -15px
|
||||
}
|
||||
|
||||
.tooltipped-s:after,
|
||||
.tooltipped-n:after {
|
||||
-webkit-transform: translateX(50%);
|
||||
-ms-transform: translateX(50%);
|
||||
transform: translateX(50%)
|
||||
}
|
||||
|
||||
.tooltipped-w:after {
|
||||
right: 100%;
|
||||
bottom: 50%;
|
||||
margin-right: 5px;
|
||||
-webkit-transform: translateY(50%);
|
||||
-ms-transform: translateY(50%);
|
||||
transform: translateY(50%)
|
||||
}
|
||||
|
||||
.tooltipped-w:before {
|
||||
top: 50%;
|
||||
bottom: 50%;
|
||||
left: -5px;
|
||||
margin-top: -5px;
|
||||
border-left-color: $code-tooltip-bg-color;
|
||||
}
|
||||
|
||||
.tooltipped-e:after {
|
||||
bottom: 50%;
|
||||
left: 100%;
|
||||
margin-left: 5px;
|
||||
-webkit-transform: translateY(50%);
|
||||
-ms-transform: translateY(50%);
|
||||
transform: translateY(50%)
|
||||
}
|
||||
|
||||
.tooltipped-e:before {
|
||||
top: 50%;
|
||||
right: -5px;
|
||||
bottom: 50%;
|
||||
margin-top: -5px;
|
||||
border-right-color: $code-tooltip-bg-color;
|
||||
}
|
||||
|
||||
.tooltipped-multiline:after {
|
||||
width: -webkit-max-content;
|
||||
width: -moz-max-content;
|
||||
width: max-content;
|
||||
max-width: 250px;
|
||||
word-break: break-word;
|
||||
word-wrap: normal;
|
||||
white-space: pre-line;
|
||||
border-collapse: separate
|
||||
}
|
||||
|
||||
.tooltipped-multiline.tooltipped-s:after,
|
||||
.tooltipped-multiline.tooltipped-n:after {
|
||||
right: auto;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%)
|
||||
}
|
||||
|
||||
.tooltipped-multiline.tooltipped-w:after,
|
||||
.tooltipped-multiline.tooltipped-e:after {
|
||||
right: 100%
|
||||
}
|
||||
@@ -176,7 +176,7 @@ code.language-markdown:after {
|
||||
width: auto;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
z-index: 999;
|
||||
z-index: 15;
|
||||
&:hover {
|
||||
@include card(3);
|
||||
}
|
||||
|
||||
@@ -43,7 +43,7 @@ aside#toc {
|
||||
position: relative;
|
||||
min-height: calc(100vh - #{$site-header-height} - #{$site-footer-height-l-plus});
|
||||
max-height: calc(100vh - #{$site-header-height} - #{$site-footer-height-l-plus});
|
||||
overflow-y:scroll;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
box-shadow: none;
|
||||
top: $site-header-height;
|
||||
@@ -55,15 +55,20 @@ aside#toc {
|
||||
transform: scale(1);
|
||||
border-radius: 0px;
|
||||
margin-right: 1.5em;
|
||||
padding-bottom:20px;
|
||||
.fade {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
bottom: -1px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
background-color: orange;
|
||||
min-height: 1px;
|
||||
// background-image: linear-gradient(to bottom, transparent, #ffffff);
|
||||
// box-shadow: 0 1px 20px rgba(255, 255, 255, 0.12), 0 1px 20px rgba(255, 255, 255, 0.24);
|
||||
-webkit-box-shadow: 0px 0px 72px 50px rgba(255, 255, 255, 1);
|
||||
-moz-box-shadow: 0px 0px 72px 50px rgba(255, 255, 255, 1);
|
||||
box-shadow: 0px 0px 72px 50px rgba(255, 255, 255, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -72,7 +77,7 @@ nav#TableOfContents {
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
height: auto;
|
||||
overflow-y:scroll;
|
||||
overflow-y: scroll;
|
||||
li code {
|
||||
font-family: $base-font-family;
|
||||
}
|
||||
|
||||
@@ -13,11 +13,6 @@
|
||||
margin-left: $site-navigation-width;
|
||||
height: $site-footer-height-l-plus;
|
||||
}
|
||||
// @include MQ(XL) {
|
||||
// &.withtoc {
|
||||
// max-width:calc(100vw - #{$site-navigation-width * 2});
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
.footer-content {
|
||||
@@ -28,9 +23,14 @@
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
max-width:$M;
|
||||
max-width: $M;
|
||||
.footer-info {
|
||||
width: 100%;
|
||||
span {
|
||||
width: 100%;
|
||||
display:block;
|
||||
text-align: center;
|
||||
}
|
||||
@include MQ(M) {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
@@ -17,8 +17,9 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding-bottom: 2em;
|
||||
&::-webkit-scrollbar {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
&.navigation-open {
|
||||
transition: transform .3s ease-in-out;
|
||||
|
||||
@@ -56,13 +56,9 @@
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 70%;
|
||||
max-width: 300px;
|
||||
width: 90%;
|
||||
max-width: 540px;
|
||||
margin-top: 5em;
|
||||
svg#hugologo {
|
||||
width: 700px;
|
||||
max-width: 300px;
|
||||
}
|
||||
margin: {
|
||||
right: auto;
|
||||
left: auto;
|
||||
@@ -70,7 +66,6 @@
|
||||
span {
|
||||
width: 100%;
|
||||
display: inline;
|
||||
// display: block;
|
||||
text-align: center;
|
||||
font-size: 2.3em;
|
||||
@include MQ(M) {
|
||||
@@ -120,12 +115,15 @@
|
||||
max-width: $L;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
width:90%;
|
||||
margin-top: 4rem;
|
||||
margin-bottom: 4rem;
|
||||
width: 90%;
|
||||
@include MQ(XL) {
|
||||
justify-content: space-around;
|
||||
}
|
||||
&.first-fade {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.half {
|
||||
@@ -138,6 +136,33 @@
|
||||
max-width: $L * .4;
|
||||
}
|
||||
|
||||
.half.half-content {
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
padding-top:30px;
|
||||
h2 {
|
||||
width: 100%;
|
||||
font-size: 22px;
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
}
|
||||
p {
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
.get-started {
|
||||
.button.xl {
|
||||
display: block;
|
||||
@@ -168,18 +193,22 @@
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
font-size: 14px;
|
||||
// color:$hugo-white;
|
||||
margin-bottom: 0px;
|
||||
color: transparent;
|
||||
span {
|
||||
color: transparent;
|
||||
}
|
||||
.blast {
|
||||
color: $hugo-white;
|
||||
}
|
||||
}
|
||||
|
||||
.svgs-one {
|
||||
.svgs {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
opacity: 0;
|
||||
svg {
|
||||
// opacity: 0;
|
||||
svg,
|
||||
.img-wrapper {
|
||||
max-width: 45%;
|
||||
max-width: 140px;
|
||||
// min-width: 150px;
|
||||
@@ -188,3 +217,22 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#hugopher-front {
|
||||
.eye {
|
||||
animation: squeeze 2.4s infinite;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes squeeze {
|
||||
90% {
|
||||
transform: none;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
93% {
|
||||
transform: translateY(70px) scaleY(.1);
|
||||
}
|
||||
100% {
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
-87
@@ -1,87 +0,0 @@
|
||||
/*
|
||||
Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
|
||||
*/
|
||||
/* SEE HUGO SPECIFIC CLASSES AT BOTTOM OF PAGE*/
|
||||
|
||||
.hljs {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
padding: 0.5em;
|
||||
background: $code-block-background-color;
|
||||
font-size:.9em;
|
||||
}
|
||||
|
||||
.hljs,
|
||||
.hljs-tag,
|
||||
.hljs-subst {
|
||||
color: $hugo-white;
|
||||
}
|
||||
|
||||
.hljs-strong,
|
||||
.hljs-emphasis {
|
||||
color: $hugo-gray-light;
|
||||
}
|
||||
|
||||
.hljs-bullet,
|
||||
.hljs-quote,
|
||||
.hljs-number,
|
||||
.hljs-regexp,
|
||||
.hljs-literal,
|
||||
.hljs-link {
|
||||
color: $hugo-blue;
|
||||
}
|
||||
|
||||
.hljs-code,
|
||||
.hljs-title,
|
||||
.hljs-section,
|
||||
.hljs-selector-class {
|
||||
color: $hugo-green-light;
|
||||
}
|
||||
|
||||
.hljs-strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.hljs-emphasis {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.hljs-keyword,
|
||||
.hljs-selector-tag,
|
||||
.hljs-name,
|
||||
.hljs-attr {
|
||||
color: $hugo-pink-light;
|
||||
}
|
||||
|
||||
.hljs-symbol,
|
||||
.hljs-attribute {
|
||||
color: $hugo-blue-light;
|
||||
}
|
||||
|
||||
.hljs-params,
|
||||
.hljs-class .hljs-title {
|
||||
color: $hugo-white;
|
||||
}
|
||||
|
||||
.hljs-string,
|
||||
.hljs-type,
|
||||
.hljs-built_in,
|
||||
.hljs-builtin-name,
|
||||
.hljs-selector-id,
|
||||
.hljs-selector-attr,
|
||||
.hljs-selector-pseudo,
|
||||
.hljs-addition,
|
||||
.hljs-variable,
|
||||
.hljs-template-variable {
|
||||
color: $hugo-yellow;
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-deletion,
|
||||
.hljs-meta {
|
||||
color: $hugo-gray-light;
|
||||
}
|
||||
|
||||
.language-toml.hljs .hljs-section {
|
||||
color:$hugo-pink-light;
|
||||
}
|
||||
Vendored
+2
-2
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 172 KiB After Width: | Height: | Size: 172 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 260 KiB |
+23
-20
@@ -3,32 +3,32 @@ $('.homepage-icon.animated').addClass('fadeIn');
|
||||
|
||||
|
||||
$(document).ready(function() {
|
||||
let heroHeight = $('.hero').height() * .2,
|
||||
heroDouble = heroHeight * 2,
|
||||
let offset1 = $('.hero').height() * .2,
|
||||
offset2 = offset1 * 2,
|
||||
scrolled1 = false,
|
||||
scrolled2 = false;
|
||||
scrolled2 = false,
|
||||
terminal = $('.homepage-terminal'),
|
||||
firstFade = $('.first-fade'),
|
||||
gopher = $('#hugopher-front');
|
||||
$(window).scroll(function() {
|
||||
let scroll = $(this).scrollTop();
|
||||
if (scroll > heroHeight && scrolled1 == false) {
|
||||
$('.svgs-one.animated').addClass('fadeIn');
|
||||
if (scroll > offset1 && scrolled1 == false) {
|
||||
firstFade.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');
|
||||
}
|
||||
});
|
||||
} else if (scroll > offset2 && scrolled2 == false) {
|
||||
terminal.blast({ delimiter: "letter" }).velocity("transition.fadeIn", {
|
||||
display: null,
|
||||
customClass: "visible",
|
||||
duration: 0,
|
||||
stagger: 60,
|
||||
delay: 0,
|
||||
complete: function() {
|
||||
gopher.velocity('callout.tada', { duration: 800 });
|
||||
}
|
||||
});
|
||||
scrolled2 = true;
|
||||
}
|
||||
// else if (scroll > offset3)
|
||||
});
|
||||
});
|
||||
|
||||
@@ -40,6 +40,9 @@ $(document).ready(function() {
|
||||
// { e: $element3, p: { translateX: 300 }, o: { duration: 1000 }
|
||||
// ];
|
||||
// $.Velocity.RunSequence(mySequence);
|
||||
|
||||
|
||||
|
||||
// terminalElements = document.querySelectorAll('span.terminal-line');
|
||||
|
||||
// function terminals_init() {
|
||||
|
||||
Reference in New Issue
Block a user