Initial Commit

This is the initial commit for the Hugo theme Forty.

.gitignore

@@ -0,0 +1 @@
+backups/

README.md

@@ -0,0 +1,69 @@
+# Forty Theme
+
+Forty theme is a multi page website built around a grid of image tiles that transition into its content pages. It is a ported theme built by [HTML5 UP](https://html5up.net/). This theme contains many styled elements and features a contact form. Built for blogs, businesses, or freelancers.
+
+Insert screenshot here
+
+## Installation
+
+Create a new Hugo Site and inside the site folder run the following commands:
+
+    $ cd themes
+    $ git clone https://github.com/MarcusVirg/forty
+
+To learn how to create a Hugo Site read the [official guide](//gohugo.io/overview/installing/) of Hugo.
+
+### Netlify
+
+If you are using Netlify to host your hugo site, you will want to add it as a submodule instead of cloning:
+
+    $ cd themes
+    $ git submodule add https://github.com/MarcusVirg/forty
+
+This is because Netlify uses the hugo build command when autopublish is enabled and will produce an error if the theme is not a submodule. See the [Hugo Guide](https://gohugo.io/hosting-and-deployment/hosting-on-netlify/#use-hugo-themes-with-netlify) for more information.
+
+## Using the theme
+
+After cloning Forty or adding it as a submodule, there are a few other things you should do:
+
+### Config File
+
+There is an [`exampleSite`](//github.com/digitalcraftsman/hugo-agency-theme/tree/master/exampleSite) folder for this theme. Copy the file called [`config.toml`](//github.com/digitalcraftsman/hugo-agency-theme/blob/master/exampleSite/config.toml) to your websites root directory.
+Here you can customize some of the text and content on the website.
+
+### Change background
+
+You can change the background by replacing the banner.jpg file with your own image in the folder forty/static/img. The image must be in jpg format and the filename must be called banner.jpg otherwise it will not work.
+
+### Create new project/blog
+
+To create a new blog post, you can take advantage of archetypes and use the Hugo command:
+
+    $ cd hugoProjectDirectory
+    $ hugo new blogs/myBlog.md
+
+Replace `myBlog.md` with your own file name. You can also just copy the markdown files from forty/exampleSite/content/blogs
+
+### Contact form
+
+### Preview
+
+You can see a preview of your site while developing it by running Hugo's built-in webserver.
+
+    $ hugo server -D
+
+Now enter [`localhost:1313`](http://localhost:1313/) in the address bar of your browser to see your site.
+
+`NOTE: In the command above -D loads content that is marked as a draft. You can switch content from draft to final by changing the frontmatter value of draft to false in the .md file for the content.`
+
+## License
+
+This theme is released under the Creative Commons Attribution 3.0.
+For more information read the [License](//github.com/digitalcraftsman/hugo-agency-theme/blob/master/LICENSE).
+
+## Acknowledgements
+
+Thanks to:
+
+- AJ from [HTML5 UP](https://html5up.net/) for creating the theme
+- [Steve Francia](//github.com/spf13) and [digitalcraftsman](//github.com/digitalcraftsman) for creating and maintaining Hugo.

archetypes/default.md

@@ -0,0 +1,2 @@
++++
++++

exampleSite/archetypes/default.md

@@ -0,0 +1,12 @@
+---
+title: "{{ replace .TranslationBaseName "-" " " | title }}"
+description: ""
+slug: ""
+image: ""
+keywords: ""
+categories: 
+    - "{{ replace .TranslationBaseName "-" " " | title }}"
+    - ""
+date: {{ .Date }}
+draft: true
+---

exampleSite/config.toml

@@ -0,0 +1,216 @@
+# Site settings
+baseURL = "http://example.org/"
+languageCode = "en-us"
+title = "Forty"
+theme = "forty"
+
+# Enter your tracking code to enable Google Analytics
+googleAnalytics = ""
+
+[params]
+  # You can use Markdown syntax for urls [text](//url.to/source)
+  # To create multi-line text in strings use the """example Text""" format
+  #
+  # All icons using Fontawesome's icon font. Look at fontawesome.io/icons
+  # for more icons. The icons are represented by their corresponding
+  # CSS class.
+
+  # Provide your metadata here.
+  name = "Your name"
+  description = "Your description"
+
+  # Link custom assets relative to /static
+  custom_css = []
+  custom_js  = []
+  favicon    = "favicon.ico"
+
+  # Just a custom image variable, please define it in .md files for content.
+  image = ""
+
+  # 404 error customization
+  [params.error404]
+    heading = "Page couldn't be found"
+    text = "Please visit [this page](/)"
+
+  # Navigation Section
+  [params.navigation]
+    title = "Forty"
+    subtitle = "By HTML5 Up"
+    menu = "Menu"
+    # Optional logo as brand stored in img/
+    # logo = "logo.png"
+
+    [[params.navigation.links]]
+      name = "Home"
+      url = "#"
+
+    [[params.navigation.links]]
+      name = "Blogs"
+      url = "blogs"
+
+    [[params.navigation.links]]
+      name = "Generic Blog"
+      url = "blogs/ipsum"
+
+    [[params.navigation.links]]
+      name = "Elements"
+      url = "elements.html"
+
+    # Add custom links here by uncommenting code below. To remove links just delete
+    # the [[params.navigation.links]] map associated with that link. Copy and paste
+    # code below if you need more links. Buttons work in the same way.
+    # [[params.navigation.links]]
+    #    name = "NameOfLink"
+    #    url = "UrlOfLink"
+
+    # Button Style 1
+    [[params.navigation.button1]]
+      name = "Get Started"
+      url = "blogs"
+
+    # Button Style 2
+    [[params.navigation.button2]]
+      name = "Log In"
+      url = "#"
+
+
+  # Banner section
+  [params.banner]
+    # To change the background image on the homepage banner, replace 'banner.jpg' in
+    # the 'static/img' folder.
+    title = "Hi, my name is Forty"
+    subtitle = "A RESPONSIVE SITE TEMPLATE DESIGNED BY HTML5 UP\nAND RELEASED UNDER THE CREATIVE COMMONS."
+    buttonText = "Get Started"
+
+
+  # Tiles Section
+  [params.tiles]
+    enable = true
+    # Display your showcases here.
+
+    [[params.tiles.showcase]]
+      title = "Aliquam"
+      subtitle = "Ipsum Dolor Sit Amet"
+      image = "pic01.jpg"
+      url = "blogs/aliquam"
+
+    [[params.tiles.showcase]]
+      title = "Tempus"
+      subtitle = "Feugiat Amet Tempus"
+      image = "pic02.jpg"
+      url = "blogs/tempus"
+
+    [[params.tiles.showcase]]
+      title = "Magna"
+      subtitle = "Lorem Etiam Nullam"
+      image = "pic03.jpg"
+      url = "blogs/magna"
+
+    [[params.tiles.showcase]]
+      title = "Ipsum"
+      subtitle = "Nisl Sed Aliquam"
+      image = "pic04.jpg"
+      url = "blogs/ipsum"
+
+    [[params.tiles.showcase]]
+      title = "Consequat"
+      subtitle = "Ipsum Dolor Sit Amet"
+      image = "pic05.jpg"
+      url = "blogs/ipsum"
+
+    [[params.tiles.showcase]]
+      title = "Etiam"
+      subtitle = "Feugiat Amet Tempus"
+      image = "pic06.jpg"
+      url = "blogs/ipsum"
+    # You can make more showcases by copy and pasting the code above
+
+  [params.blog]
+    # All blogs defined in their own files. You can find example blogs
+    # at 'exampleSite/content/blogs'. Copy the 'blogs' folder into the 'content' directory
+    # at the root of this Hugo site.
+    # For more informtion take a look at the README.
+    # To add more blogs just copy and paste the code.
+
+  # Section Type Two
+  [params.two]
+    enable = true
+    title = "Massa libero"
+    subtitle = """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 pharetra et feugiat tempus."""
+    buttonText = "Get Started"
+    url = "blogs"
+
+
+  # Contact section
+  [params.contact]
+    enable = true
+    buttonSend = "Send message"
+    buttonClear = "Clear"
+
+    # Since this template is static, the contact form uses www.formspree.io as a
+    # proxy. The form makes a POST request to their servers to send the actual
+    # email. Visitors can send up to a 1000 emails each month for free.
+    #
+    # What you need to do for the setup?
+    #
+    # - set your email address under 'email' below and uncomment
+    # - upload the generated site to your server
+    # - send a dummy email yourself to confirm your account
+    # - click the confirm link in the email from www.formspree.io
+    # - you're done. Happy mailing!
+
+    # Contact Section
+    # You can add multiple emails, phone numbers, or addresses
+    # by copying the corresponding map with frontmatter code.
+    [[params.contact.email]]
+    title = "Email"
+    email = "example@domain.com"
+
+    [[params.contact.phone]]
+    title = "Phone"
+    phone = "(000) 000-0000 x1234"
+
+    [[params.contact.address]]
+    title = "Address"
+    street = "Street"
+    city = "City, ST 00000"
+    country = "Country"
+
+  # Footer section
+  [params.footer]
+    enable = true
+    copyright = "Company Name"
+
+    [[params.footer.social]]
+      icon = "fa-twitter"
+      url= "https://www.twitter.com"
+      label = "Twitter"
+
+    [[params.footer.social]]
+      icon = "fa-facebook"
+      url= "https://www.facebook.com"
+      label = "Facebook"
+
+    [[params.footer.social]]
+      icon = "fa-instagram"
+      url= "https://www.instagram.com"
+      label = "Instagram"
+
+    [[params.footer.social]]
+      icon = "fa-github"
+      url= "https://www.github.com"
+      label = "GitHub"
+
+    [[params.footer.social]]
+      icon = "fa-linkedin"
+      url= "https://www.linkedin.com"
+      label = "LinkedIn"
+
+    [[params.footer.quicklinks]]
+      text = "Design: "
+      url= "https://www.html5up.net"
+      alt = "HTML5 UP"

exampleSite/content/blogs/_index.md

@@ -0,0 +1,9 @@
+---
+title: "Lifestyle"
+slug: "blogs"
+image: pic02.jpg
+date: 2017-10-31T22:27:21-05:00
+draft: true
+---
+
+My blogs about technology and lifestyle.

exampleSite/content/blogs/blog1.md

@@ -0,0 +1,14 @@
+---
+title: "Ipsum"
+description: ""
+slug: "ipsum"
+image: pic10.jpg
+keywords: ""
+categories: 
+    - ""
+    - ""
+date: 2017-10-31T21:28:43-05:00
+draft: true
+---
+
+Nullam et orci eu lorem consequat tincidunt vivamus et sagittis magna sed nunc rhoncus condimentum sem. In efficitur ligula tate urna. Maecenas massa sed magna lacinia magna pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis tempus.

exampleSite/content/blogs/blog2.md

@@ -0,0 +1,12 @@
+---
+title: "Magna"
+description: "Lorem Etiam Nullam"
+slug: "magna"
+image: pic09.jpg
+keywords: ""
+categories: 
+    - ""
+    - ""
+date: 2017-10-31T22:26:09-05:00
+draft: true
+---

exampleSite/content/blogs/blog3.md

@@ -0,0 +1,12 @@
+---
+title: "Tempus"
+description: "Nullam et orci eu lorem consequat tincidunt vivamus et sagittis magna sed nunc rhoncus condimentum sem. In efficitur ligula tate urna. Maecenas massa sed magna lacinia magna pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis tempus."
+slug: "tempus"
+image: pic08.jpg
+keywords: ""
+categories: 
+    - ""
+    - ""
+date: 2017-10-31T22:26:13-05:00
+draft: true
+---

exampleSite/content/blogs/blog4.md

@@ -0,0 +1,12 @@
+---
+title: "Aliquam"
+description: "Nullam et orci eu lorem consequat tincidunt vivamus et sagittis magna sed nunc rhoncus condimentum sem. In efficitur ligula tate urna. Maecenas massa sed magna lacinia magna pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis tempus."
+slug: "aliquam"
+image: pic07.jpg
+keywords: ""
+categories: 
+    - ""
+    - ""
+date: 2017-10-31T22:42:51-05:00
+draft: true
+---