From 97b1dd2830b44051224d98f7ea12db9fb6aa29fa Mon Sep 17 00:00:00 2001 From: Joe Hutchinson Date: Wed, 24 Jul 2019 10:32:28 -0400 Subject: [PATCH] Update example site to work with new theme changes --- exampleSite/content/{about.md => about/index.md} | 0 .../index.md} | 12 +++++++----- .../post/aether-features}/mdd-iphone.jpg | Bin .../post/{aether-theme.md => aether-theme/index.md} | 6 +++++- .../post/aether-theme}/mdd-macbook.jpg | Bin .../index.md} | 4 +++- .../post/creating-a-new-theme}/nyc.jpg | Bin .../{goisforlovers.md => goisforlovers/index.md} | 6 +++++- .../lucas-benjamin-565254-unsplash.jpg | Bin .../andrew-neel-609846-unsplash.jpg | Bin .../index.md} | 3 +++ .../index.md} | 4 +++- .../yan-ots-257617-unsplash.jpg | Bin 13 files changed, 26 insertions(+), 9 deletions(-) rename exampleSite/content/{about.md => about/index.md} (100%) rename exampleSite/content/post/{aether-features.md => aether-features/index.md} (90%) rename exampleSite/{static/img => content/post/aether-features}/mdd-iphone.jpg (100%) rename exampleSite/content/post/{aether-theme.md => aether-theme/index.md} (95%) rename exampleSite/{static/img => content/post/aether-theme}/mdd-macbook.jpg (100%) rename exampleSite/content/post/{creating-a-new-theme.md => creating-a-new-theme/index.md} (99%) rename exampleSite/{static/img => content/post/creating-a-new-theme}/nyc.jpg (100%) rename exampleSite/content/post/{goisforlovers.md => goisforlovers/index.md} (98%) rename exampleSite/{static/img => content/post/goisforlovers}/lucas-benjamin-565254-unsplash.jpg (100%) rename exampleSite/{static/img => content/post/hugoisforlovers}/andrew-neel-609846-unsplash.jpg (100%) rename exampleSite/content/post/{hugoisforlovers.md => hugoisforlovers/index.md} (97%) rename exampleSite/content/post/{migrate-from-jekyll.md => migrate-from-jekyll/index.md} (99%) rename exampleSite/{static/img => content/post/migrate-from-jekyll}/yan-ots-257617-unsplash.jpg (100%) diff --git a/exampleSite/content/about.md b/exampleSite/content/about/index.md similarity index 100% rename from exampleSite/content/about.md rename to exampleSite/content/about/index.md diff --git a/exampleSite/content/post/aether-features.md b/exampleSite/content/post/aether-features/index.md similarity index 90% rename from exampleSite/content/post/aether-features.md rename to exampleSite/content/post/aether-features/index.md index 02345ed..c29d9bc 100644 --- a/exampleSite/content/post/aether-features.md +++ b/exampleSite/content/post/aether-features/index.md @@ -3,11 +3,13 @@ title: "Aether Features" date: 2018-12-19T10:35:35-05:00 description: "Hugo combined with the Aether theme turns easy to write markdown into powerful web pages. KaTeX, Highlight.js, and Hugo provides the ability to create mathmatical symobols, equations, highlighted code, tables, lists, and much more." categories: ["Features"] -featuredImage: "img/mdd-iphone.jpg" dropCap: true displayInMenu: false displayInList: true draft: false +resources: +- name: featuredImage + src: "mdd-iphone.jpg" --- Hugo combined with the Aether theme turns easy to write markdown into powerful web pages. KaTeX, Highlight.js, and Hugo provides the ability to create mathmatical symobols, equations, highlighted code, tables, lists, and much more. @@ -109,18 +111,18 @@ Here is `var s = "Hello World"` inline code ## Images ```md -![NYC Skyline](/img/nyc.jpg) +![NYC Skyline](/post/aether-features/mdd-iphone.jpg) ``` -![NYC Skyline](/img/nyc.jpg) +![NYC Skyline](/post/aether-features/mdd-iphone.jpg) ## Small Images ```md -{{}} +{{}} ``` -{{}} +{{}} This image floats to the left of this paragraph and is 250px wide. Its aspect ratio is maintained so it will not stretch. The picture shows the New York skyline. You can see how the design is responsive and how the cards intelligently fit to the display. With flexbox and css grid, heavy frameworks such as bootstrap aren't necessary to create beautiful responsive designs. The cards in aether use flexbox to change the image from the right side on desktops to the top on mobile. diff --git a/exampleSite/static/img/mdd-iphone.jpg b/exampleSite/content/post/aether-features/mdd-iphone.jpg similarity index 100% rename from exampleSite/static/img/mdd-iphone.jpg rename to exampleSite/content/post/aether-features/mdd-iphone.jpg diff --git a/exampleSite/content/post/aether-theme.md b/exampleSite/content/post/aether-theme/index.md similarity index 95% rename from exampleSite/content/post/aether-theme.md rename to exampleSite/content/post/aether-theme/index.md index 3c51967..9c6fd20 100644 --- a/exampleSite/content/post/aether-theme.md +++ b/exampleSite/content/post/aether-theme/index.md @@ -3,11 +3,15 @@ title: "Aether: A Clean Theme for Hugo" date: 2018-05-02T14:33:42-04:00 description: " Aether is new theme for Hugo that emphasizes motion, material, and depth as design elements. Distracting styling and page elements are forgone to focus on the content." categories: ["Web"] -featuredImage: "img/mdd-macbook.jpg" dropCap: true displayInMenu: false displayInList: true draft: false +resources: +- name: featuredImage + src: "mdd-macbook.jpg" + params: + description: "A MacBook showing a website using the aether theme" --- Today's web is a frustrating mess of pop-ups, intrusive banners, and ads obstructing the content. I designed aether to be free of all these distractions and simply highlight the content. The result feels more like a native application than a website. Interactions are intuitive, content is the focus, and distractions are omitted. diff --git a/exampleSite/static/img/mdd-macbook.jpg b/exampleSite/content/post/aether-theme/mdd-macbook.jpg similarity index 100% rename from exampleSite/static/img/mdd-macbook.jpg rename to exampleSite/content/post/aether-theme/mdd-macbook.jpg diff --git a/exampleSite/content/post/creating-a-new-theme.md b/exampleSite/content/post/creating-a-new-theme/index.md similarity index 99% rename from exampleSite/content/post/creating-a-new-theme.md rename to exampleSite/content/post/creating-a-new-theme/index.md index 26ab8a4..8159821 100644 --- a/exampleSite/content/post/creating-a-new-theme.md +++ b/exampleSite/content/post/creating-a-new-theme/index.md @@ -2,11 +2,13 @@ author: "Michael Henderson" date: 2014-09-28 title: Creating a New Theme -featuredImage: "img/nyc.jpg" dropCap: true displayInMenu: false displayInList: true draft: false +resources: +- name: featuredImage + src: "nyc.jpg" --- diff --git a/exampleSite/static/img/nyc.jpg b/exampleSite/content/post/creating-a-new-theme/nyc.jpg similarity index 100% rename from exampleSite/static/img/nyc.jpg rename to exampleSite/content/post/creating-a-new-theme/nyc.jpg diff --git a/exampleSite/content/post/goisforlovers.md b/exampleSite/content/post/goisforlovers/index.md similarity index 98% rename from exampleSite/content/post/goisforlovers.md rename to exampleSite/content/post/goisforlovers/index.md index 60fcea2..f581909 100644 --- a/exampleSite/content/post/goisforlovers.md +++ b/exampleSite/content/post/goisforlovers/index.md @@ -1,6 +1,5 @@ +++ title = "(Hu)go Template Primer" -featuredImage = "img/lucas-benjamin-565254-unsplash.jpg" displayInMenu = false displayInList = true draft = false @@ -16,6 +15,11 @@ categories = [ "Development", "golang", ] +[[resources]] + name = "featuredImage" + src = "lucas-benjamin-565254-unsplash.jpg" + [resources.params] + description = "Alt description for the featured image" +++ Hugo uses the excellent [Go][] [html/template][gohtmltemplate] library for diff --git a/exampleSite/static/img/lucas-benjamin-565254-unsplash.jpg b/exampleSite/content/post/goisforlovers/lucas-benjamin-565254-unsplash.jpg similarity index 100% rename from exampleSite/static/img/lucas-benjamin-565254-unsplash.jpg rename to exampleSite/content/post/goisforlovers/lucas-benjamin-565254-unsplash.jpg diff --git a/exampleSite/static/img/andrew-neel-609846-unsplash.jpg b/exampleSite/content/post/hugoisforlovers/andrew-neel-609846-unsplash.jpg similarity index 100% rename from exampleSite/static/img/andrew-neel-609846-unsplash.jpg rename to exampleSite/content/post/hugoisforlovers/andrew-neel-609846-unsplash.jpg diff --git a/exampleSite/content/post/hugoisforlovers.md b/exampleSite/content/post/hugoisforlovers/index.md similarity index 97% rename from exampleSite/content/post/hugoisforlovers.md rename to exampleSite/content/post/hugoisforlovers/index.md index 8339850..52ebf7d 100644 --- a/exampleSite/content/post/hugoisforlovers.md +++ b/exampleSite/content/post/hugoisforlovers/index.md @@ -15,6 +15,9 @@ categories = [ "Development", "golang", ] +[[resources]] + name = "featuredImage" + src = "andrew-neel-609846-unsplash.jpg" +++ ## Step 1. Install Hugo diff --git a/exampleSite/content/post/migrate-from-jekyll.md b/exampleSite/content/post/migrate-from-jekyll/index.md similarity index 99% rename from exampleSite/content/post/migrate-from-jekyll.md rename to exampleSite/content/post/migrate-from-jekyll/index.md index 369b756..7b323ab 100644 --- a/exampleSite/content/post/migrate-from-jekyll.md +++ b/exampleSite/content/post/migrate-from-jekyll/index.md @@ -1,10 +1,12 @@ --- date: 2014-03-10 -featuredImage: "img/yan-ots-257617-unsplash.jpg" displayInMenu: false displayInList: true draft: false title: Migrate to Hugo from Jekyll +resources: +- name: featuredImage + src: "yan-ots-257617-unsplash.jpg" --- ## Move static content to `static` diff --git a/exampleSite/static/img/yan-ots-257617-unsplash.jpg b/exampleSite/content/post/migrate-from-jekyll/yan-ots-257617-unsplash.jpg similarity index 100% rename from exampleSite/static/img/yan-ots-257617-unsplash.jpg rename to exampleSite/content/post/migrate-from-jekyll/yan-ots-257617-unsplash.jpg