diff --git a/README.md b/README.md index bc8e1e7..2ac5115 100644 --- a/README.md +++ b/README.md @@ -23,15 +23,21 @@ You can change the logo as well with font-awesome icons. The default is set to ` ### Changing pictures -Create an `img` folder in the static folder of your site -- **not** the theme's static folder. Add pictures to `/static/img` as needed. The background image should be named `bg.jpg`. The default names for the other images are `pic01.jpg`, `pic02.jpg`, and `pic03.jpg`, but you may use your own naming scheme when you edit `index.html`. +Create an `img` folder in the static folder of your site -- **not** the theme's static folder. Add pictures to `/static/img` as needed. If you want to change the background image, the replacement image should be named `bg.jpg`. ### Writing your pages -Since this theme uses modals instead of separate content pages, it is best to simply edit the `index.html` file to edit your site. Copy the `index.html` file to your `layouts` folder before editing. Follow the example pages in the `index.html` file and adjust as needed. +To create a new page, run the following command inside your Hugo sites: + + $ hugo new your-page.md + +Change `your-page` to what you want to name the file. There are three variables that you can change: `title`, `weight`, and `draft`. Weight is set to 0 by default, so be sure to change it. + +You can also copy the pages from the exampleSite folder and modify those pages. ### Contact Form -You will need to use an external service for the contact form since static sites cannot handle forms on their own. One such service is [Formspree](https://formspree.io/). Formspree has a free tier. +You will need to use an external service for the contact form since static sites cannot handle forms on their own. One such service is [Formspree](https://formspree.io/). Formspree has a free tier. Check out the `formspree.md` page in the exampleSite folder for a template. ## License diff --git a/archetypes/default.md b/archetypes/default.md index ac36e06..40d517a 100644 --- a/archetypes/default.md +++ b/archetypes/default.md @@ -1,2 +1,4 @@ +++ +draft = false +weight = 0 +++ diff --git a/exampleSite/content/.gitkeep b/exampleSite/content/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/exampleSite/content/about.md b/exampleSite/content/about.md new file mode 100644 index 0000000..0643b51 --- /dev/null +++ b/exampleSite/content/about.md @@ -0,0 +1,8 @@ ++++ +title = "About" +weight = 30 +draft = false ++++ + +{{< figure class="image main" src="/img/pic03.jpg" >}} +Lorem ipsum dolor sit amet, consectetur et adipiscing elit. Praesent eleifend dignissim arcu, at eleifend sapien imperdiet ac. Aliquam erat volutpat. Praesent urna nisi, fringila lorem et vehicula lacinia quam. Integer sollicitudin mauris nec lorem luctus ultrices. Aliquam libero et malesuada fames ac ante ipsum primis in faucibus. Cras viverra ligula sit amet ex mollis mattis lorem ipsum dolor sit amet. diff --git a/exampleSite/content/contact.md b/exampleSite/content/contact.md new file mode 100644 index 0000000..b7bbdec --- /dev/null +++ b/exampleSite/content/contact.md @@ -0,0 +1,26 @@ ++++ +title = "Contact" +weight = 40 +draft = false ++++ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+ +{{< socialLinks >}} diff --git a/exampleSite/content/elements.md b/exampleSite/content/elements.md new file mode 100644 index 0000000..0690138 --- /dev/null +++ b/exampleSite/content/elements.md @@ -0,0 +1,251 @@ ++++ +title = "Elements" +weight = 50 +draft = true ++++ + +

Hugo shortcodes in theme

+ +{‌{< socialLinks >}} will get into {{< socialLinks >}} configured in config.toml. + +{‌{< gmaps pb="\" >}} will get a google map +{{< gmaps pb="!1m18!1m12!1m3!1d86456.59681285016!2d8.466675323953403!3d47.377433669132884!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47900b9749bea219%3A0xe66e8df1e71fdc03!2zWsO8cmljaA!5e0!3m2!1sde!2sch!4v1488248947910" >}} + +To get the pb parameter value, search the desired place on google maps and click the share button and copy/paste the pb parameter out of the iframe code. + +

Text

+ +This is **bold** and this is __strong__. This is *italic* and this is _emphasized_. +This is superscript text and this is subscript text. +This is underlined and this is code: for (;;) { ... }. +Finally, [this is a link to a markdown cheatsheet](https://beegit.com/markdown-cheat-sheet). + +> Not all markdown syntax is allowed but you can mix most html tags into the markdown text. + +--- +## Heading Level 2 +### Heading Level 3 +#### Heading Level 4 +##### Heading Level 5 +###### Heading Level 6 +--- + +#### Blockquote +> Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis. + +#### Preformatted + + i = 0; + + while (!deck.isInOrder()) { + print 'Iteration ' + i; + deck.shuffle(); + i++; + } + + print 'It took ' + i + ' iterations to sort the deck.'; + +

Lists

+ +#### Unordered +* Dolor pulvinar etiam. +* Sagittis adipiscing. +* Felis enim feugiat. + +#### Ordered +1. Dolor pulvinar etiam. +2. Etiam vel felis viverra. +3. Felis enim feugiat. +4. Dolor pulvinar etiam. +5. Etiam vel felis lorem. +6. Felis enim et feugiat. + +#### Icons + + + +#### Actions + + + +

Table

+#### Default + +| Tables | Are | Cool | +| ------------- |:-------------:| -----:| +| col 3 is | right-aligned | $1600 | +| col 2 is | centered | $12 | +| zebra stripes | are neat | $1 | + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDescriptionPrice
Item OneAnte turpis integer aliquet porttitor.29.99
Item TwoVis ac commodo adipiscing arcu aliquet.19.99
Item Three Morbi faucibus arcu accumsan lorem.29.99
Item FourVitae integer tempus condimentum.19.99
Item FiveAnte turpis integer aliquet porttitor.29.99
100.00
+
+ +

Alternate

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDescriptionPrice
Item OneAnte turpis integer aliquet porttitor.29.99
Item TwoVis ac commodo adipiscing arcu aliquet.19.99
Item Three Morbi faucibus arcu accumsan lorem.29.99
Item FourVitae integer tempus condimentum.19.99
Item FiveAnte turpis integer aliquet porttitor.29.99
100.00
+
+ + + +

Buttons

+ + + + + + + +

Form

+
+
+ + +
+
+ + +
+
+ +
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+ diff --git a/exampleSite/content/formspree.md b/exampleSite/content/formspree.md new file mode 100644 index 0000000..1bedd88 --- /dev/null +++ b/exampleSite/content/formspree.md @@ -0,0 +1,41 @@ ++++ +title = "Formspree" +weight = 60 +draft = true ++++ + +
+
+ +
+
+ +
+
+ +
+ + + + +
+Thank you for your message + + + + +{{< socialLinks >}} diff --git a/exampleSite/content/intro.md b/exampleSite/content/intro.md new file mode 100644 index 0000000..b0fc135 --- /dev/null +++ b/exampleSite/content/intro.md @@ -0,0 +1,10 @@ ++++ +title = "Intro" +weight = 10 +draft = false ++++ + +{{< figure class="image main" src="/img/pic01.jpg" >}} +Aenean ornare velit lacus, ac varius enim ullamcorper eu. Proin aliquam facilisis ante interdum congue. Integer mollis, nisl amet convallis, porttitor magna ullamcorper, amet egestas mauris. Ut magna finibus nisi nec lacinia. Nam maximus erat id euismod egestas. By the way, check out my [awesome work](#work). + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula. diff --git a/exampleSite/content/work.md b/exampleSite/content/work.md new file mode 100644 index 0000000..37f205d --- /dev/null +++ b/exampleSite/content/work.md @@ -0,0 +1,10 @@ ++++ +title = "Work" +weight = 20 +draft = false ++++ + +{{< figure class="image main" src="/img/pic02.jpg" >}} +Adipiscing magna sed dolor elit. Praesent eleifend dignissim arcu, at eleifend sapien imperdiet ac. Aliquam erat volutpat. Praesent urna nisi, fringila lorem et vehicula lacinia quam. Integer sollicitudin mauris nec lorem luctus ultrices. + +Nullam et orci eu lorem consequat tincidunt vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus pharetra. Pellentesque condimentum sem. In efficitur ligula tate urna. Maecenas laoreet massa vel lacinia pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus amet feugiat tempus. diff --git a/exampleSite/static/.gitkeep b/exampleSite/static/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/static/img/pic01.jpg b/exampleSite/static/img/pic01.jpg similarity index 100% rename from static/img/pic01.jpg rename to exampleSite/static/img/pic01.jpg diff --git a/static/img/pic02.jpg b/exampleSite/static/img/pic02.jpg similarity index 100% rename from static/img/pic02.jpg rename to exampleSite/static/img/pic02.jpg diff --git a/static/img/pic03.jpg b/exampleSite/static/img/pic03.jpg similarity index 100% rename from static/img/pic03.jpg rename to exampleSite/static/img/pic03.jpg diff --git a/layouts/_default/onepagestyle.html b/layouts/_default/onepagestyle.html new file mode 100644 index 0000000..74d5e49 --- /dev/null +++ b/layouts/_default/onepagestyle.html @@ -0,0 +1,4 @@ +
+

{{ .Title }}

+ {{ .Content }} +
diff --git a/layouts/index.html b/layouts/index.html index 0c344ac..ca3ab9c 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,19 +1,4 @@ - - - - - {{ .Title }} - - - - - - - +{{ partial "header.html" . }}
@@ -31,328 +16,18 @@
- - -
-

Intro

- -

Aenean ornare velit lacus, ac varius enim ullamcorper eu. Proin aliquam facilisis ante interdum congue. Integer mollis, nisl amet convallis, porttitor magna ullamcorper, amet egestas mauris. Ut magna finibus nisi nec lacinia. Nam maximus erat id euismod egestas. By the way, check out my awesome work.

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula.

-
- - -
-

Work

- -

Adipiscing magna sed dolor elit. Praesent eleifend dignissim arcu, at eleifend sapien imperdiet ac. Aliquam erat volutpat. Praesent urna nisi, fringila lorem et vehicula lacinia quam. Integer sollicitudin mauris nec lorem luctus ultrices.

-

Nullam et orci eu lorem consequat tincidunt vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus pharetra. Pellentesque condimentum sem. In efficitur ligula tate urna. Maecenas laoreet massa vel lacinia pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus amet feugiat tempus.

-
- - -
-

About

- -

Lorem ipsum dolor sit amet, consectetur et adipiscing elit. Praesent eleifend dignissim arcu, at eleifend sapien imperdiet ac. Aliquam erat volutpat. Praesent urna nisi, fringila lorem et vehicula lacinia quam. Integer sollicitudin mauris nec lorem luctus ultrices. Aliquam libero et malesuada fames ac ante ipsum primis in faucibus. Cras viverra ligula sit amet ex mollis mattis lorem ipsum dolor sit amet.

-
- - -
-

Contact

-
-
- - -
-
- - -
-
- - -
-
    -
    • -
    • -
-
- -
- - -
-

Elements

- -
-

Text

-

This is bold and this is strong. This is italic and this is emphasized. - This is superscript text and this is subscript text. - This is underlined and this is code: for (;;) { ... }. Finally, this is a link.

-
-

Heading Level 2

-

Heading Level 3

-

Heading Level 4

-
Heading Level 5
-
Heading Level 6
-
-

Blockquote

-
Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.
-

Preformatted

- 
i = 0;
-
-while (!deck.isInOrder()) {
-    print 'Iteration ' + i;
-    deck.shuffle();
-    i++;
-}
-
-print 'It took ' + i + ' iterations to sort the deck.';
-
- -
-

Lists

- -

Unordered

-
    -
  • Dolor pulvinar etiam.
    • -
  • Sagittis adipiscing.
    • -
  • Felis enim feugiat.
    • -
- -

Alternate

-
    -
  • Dolor pulvinar etiam.
    • -
  • Sagittis adipiscing.
    • -
  • Felis enim feugiat.
    • -
- -

Ordered

-
    -
  1. Dolor pulvinar etiam.
    2. -
  2. Etiam vel felis viverra.
    3. -
  3. Felis enim feugiat.
    4. -
  4. Dolor pulvinar etiam.
    5. -
  5. Etiam vel felis lorem.
    6. -
  6. Felis enim et feugiat.
    7. -
-

Icons

- - -

Actions

- - -
- -
-

Table

-

Default

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameDescriptionPrice
Item OneAnte turpis integer aliquet porttitor.29.99
Item TwoVis ac commodo adipiscing arcu aliquet.19.99
Item Three Morbi faucibus arcu accumsan lorem.29.99
Item FourVitae integer tempus condimentum.19.99
Item FiveAnte turpis integer aliquet porttitor.29.99
100.00
-
- -

Alternate

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameDescriptionPrice
Item OneAnte turpis integer aliquet porttitor.29.99
Item TwoVis ac commodo adipiscing arcu aliquet.19.99
Item Three Morbi faucibus arcu accumsan lorem.29.99
Item FourVitae integer tempus condimentum.19.99
Item FiveAnte turpis integer aliquet porttitor.29.99
100.00
-
-
- -
-

Buttons

- - - -
    -
  • Disabled
    • -
  • Disabled
    • -
-
- -
-

Form

-
-
- - -
-
- - -
-
- -
- -
-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
    -
    • -
    • -
-
-
- -
- + {{ range .Data.Pages }} + {{ .Render "onepagestyle" }} + {{ end }}
- - - - - - -
- - - - - - - - - +{{ partial "footer.html" . }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index e69de29..d6705a1 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -0,0 +1,17 @@ + + + + + + +
+ + + + + + + + diff --git a/layouts/partials/header.html b/layouts/partials/header.html index e69de29..3eed835 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -0,0 +1,18 @@ + + + + + {{ .Title }} + + + + + + + + + \ No newline at end of file diff --git a/layouts/shortcodes/gmaps.html b/layouts/shortcodes/gmaps.html new file mode 100644 index 0000000..8eacd62 --- /dev/null +++ b/layouts/shortcodes/gmaps.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/layouts/shortcodes/socialLinks.html b/layouts/shortcodes/socialLinks.html new file mode 100644 index 0000000..a4077e5 --- /dev/null +++ b/layouts/shortcodes/socialLinks.html @@ -0,0 +1,5 @@ + \ No newline at end of file diff --git a/layouts/sitemap.xml b/layouts/sitemap.xml new file mode 100644 index 0000000..b8ed7e8 --- /dev/null +++ b/layouts/sitemap.xml @@ -0,0 +1,8 @@ + +{{ $baseURL := .Site.BaseURL }} + {{ range sort .Data.Pages }} + + {{ $baseURL }}#{{ .File.BaseFileName }} + + {{ end }} +