From fdcc05e781a996cb37c3c2c171bc25a560cf9f44 Mon Sep 17 00:00:00 2001 From: Ryan Watters Date: Thu, 2 Mar 2017 02:09:00 -0600 Subject: [PATCH] Add more icons to code blocks with or without shortcode --- content/about-hugo/what-is-hugo.md | 4 +- content/getting-started/quick-start.md | 2 +- .../partials/homepage/homepage-content.html | 30 ++++++---- layouts/partials/svg-icons/newlogo.svg | 2 +- pipeline/scss/components/_new-code.scss | 58 +++++++++++++++---- .../scss/components/_table-of-contents.scss | 8 +-- pipeline/scss/pages/_homepage.scss | 41 ++++++++++--- static/css/style.min.css | 4 +- static/js/table-of-contents.js | 1 + 9 files changed, 109 insertions(+), 41 deletions(-) diff --git a/content/about-hugo/what-is-hugo.md b/content/about-hugo/what-is-hugo.md index 935a2498f..34d443b3c 100644 --- a/content/about-hugo/what-is-hugo.md +++ b/content/about-hugo/what-is-hugo.md @@ -14,7 +14,7 @@ toc: true Hugo is a general-purpose website framework. Technically speaking, Hugo is a [static site generator][]. Unlike systems that dynamically build a page with each visitor request, Hugo builds pages when you create or update your content. Since websites are viewed far more often than they are edited, Hugo is designed to provide an optimal viewing experience for your website's end users and an ideal writing experience for website authors. -Websites built with Hugo are extremely fast and secure. Hugo sites can be hosted anywhere, including [Heroku][], [GoDaddy][], [DreamHost][], [GitHub Pages][], [Surge][], [Aerobatic][], [Firebase][], [Google Cloud Storage][], [Amazon S3][], [rackspace][], [Azure][], and [CloudFront][] and work well with CDNs. Hugo sites run without the need for a database or dependencies on expensive runtimes like Ruby, Python, or PHP. +Websites built with Hugo are extremely fast and secure. Hugo sites can be hosted anywhere, including [Heroku][], [GoDaddy][], [DreamHost][], [GitHub Pages][], [Surge][], [Aerobatic][], [Firebase][], [Google Cloud Storage][], [Amazon S3][], [Rackspace][], [Azure][], and [CloudFront][] and work well with CDNs. Hugo sites run without the need for a database or dependencies on expensive runtimes like Ruby, Python, or PHP. We think of Hugo as the ideal website creation tool. Hugo provides nearly instant build times and the ability to rebuild whenever a change is made, which is invaluable when you are designing websites and creating content. @@ -67,6 +67,6 @@ I wanted to develop a fast and full-featured website framework without any depen [Middleman]: https://middlemanapp.com/ [Nanoc]: http://nanoc.ws/ [Nanoc]: https://nanoc.ws/ -[rackspace]: https://www.rackspace.com/cloud/files +[Rackspace]: https://www.rackspace.com/cloud/files [static site generator]: /about-hugo/benefits/ [Surge]: https://surge.sh \ No newline at end of file diff --git a/content/getting-started/quick-start.md b/content/getting-started/quick-start.md index 5e25c2b90..163b8800e 100644 --- a/content/getting-started/quick-start.md +++ b/content/getting-started/quick-start.md @@ -492,7 +492,7 @@ image = "good-to-great.jpg" Now, we can start the server *without* the `buildDrafts` option. -``` +```bash hugo server --theme=hugo_theme_robust ``` diff --git a/layouts/partials/homepage/homepage-content.html b/layouts/partials/homepage/homepage-content.html index 2f7a58987..996670e22 100644 --- a/layouts/partials/homepage/homepage-content.html +++ b/layouts/partials/homepage/homepage-content.html @@ -1,5 +1,5 @@
-
+
{{ partial "svg-icons/newlogo.svg" . }}
@@ -9,17 +9,25 @@ Get started
-
-
-
- {{partial "svg-icons/gopher-small.svg" .}} {{partial "svg-icons/md.svg" .}} +
+
+
+
+ {{partial "svg-icons/gopher-small.svg" .}} {{partial "svg-icons/md.svg" .}} +
+
+ $ brew update +
$ brew install hugo +
+
+ Here is some more content to get to fire on scroll. +
-
- $ brew update -
$ brew install hugo -
-
- Here is some more content to get to fire on scroll. +
+
+ 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! +
+
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.
diff --git a/layouts/partials/svg-icons/newlogo.svg b/layouts/partials/svg-icons/newlogo.svg index 2ce6d2ff6..83b706383 100644 --- a/layouts/partials/svg-icons/newlogo.svg +++ b/layouts/partials/svg-icons/newlogo.svg @@ -1,4 +1,4 @@ -