https://github.com/saey55/hugo-elate-theme

A one page parallax theme with animation for Hugo
https://github.com/saey55/hugo-elate-theme

Last synced: about 1 month ago
JSON representation

A one page parallax theme with animation for Hugo

• Host: GitHub
• URL: https://github.com/saey55/hugo-elate-theme
• Owner: saey55
• License: mit
• Created: 2016-11-18T15:14:54.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T12:31:12.000Z (almost 2 years ago)
• Last Synced: 2024-08-01T12:25:26.498Z (4 months ago)
• Language: HTML
• Size: 2.32 MB
• Stars: 193
• Watchers: 11
• Forks: 103
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-starred - saey55/hugo-elate-theme - A one page parallax theme with animation for Hugo (others)

README

        
# Elate Theme

Elate is a one page portfolio for freelancers, designers, developers and even agencies based on the [original html5 theme](//freehtml5.co/elate-free-html5-bootstrap-template/). 

This Hugo theme features several content sections, a contact form, a responsive portfolio grid with hover effects, a smooth parallax and animation effect on sections. Its packed with 4 ready to use styles.

![Hugo Elate Theme screenshot](https://raw.githubusercontent.com/saey55/hugo-elate-theme/master/images/screenshot.png)

## Installation

Inside the folder of your Hugo site run:

    $ cd themes

    $ git clone https://github.com/saey55/hugo-elate-theme

For more information read the official [setup guide](//gohugo.io/overview/installing/) of Hugo.

## Getting started

After installing the Elate Theme successfully it requires a just a few more steps to get your site running.

### The config file

Take a look inside the [`exampleSite`](//github.com/saey55/hugo-elate-theme/tree/master/exampleSite) folder of this theme. You'll find a file called [`config.toml`](//github.com/saey55/hugo-elate-theme/blob/master/exampleSite/config.toml). To use it, copy the [`config.toml`](//github.com/saey55/hugo-elate-theme/blob/master/exampleSite/config.toml) in the root folder of your Hugo site. Feel free to change the strings in this theme.

### Make the contact form working

Since this page will be static, you can use [formspree.io](//formspree.io/) as proxy to send the actual email. Each month, visitors can send you up to one thousand emails without incurring extra charges. Begin the setup by following the steps below:

1. Enter your email address under 'email' in the [`config.toml`](//github.com/saey55/hugo-elate-theme/blob/master/exampleSite/config.toml)

2. Enable form by setting `enable` to `true` in contact settings

3. Upload the generated site to your server

4. Send a dummy email yourself to confirm your account

5. Click the confirm link in the email from [formspree.io](//formspree.io/)

6. You're done. Happy mailing!

### Nearly finished

In order to see your site in action, run Hugo's built-in local server. 

    $ hugo server

Now enter [`localhost:1313`](http://localhost:1313/) in the address bar of your browser.

## Contributing

Did you find a bug or have an idea for a new feature? Feel free to use the [issue tracker](//github.com/saey55/hugo-elate-theme/issues) to let me know. Or make directly a [pull request](//github.com/saey55/hugo-elate-theme/pulls).

## License

This theme is released under The MIT License (MIT). For more information read the [License](//github.com/saey55/hugo-elate-theme/blob/master/LICENSE.md).

## Acknowledgements

Thanks to 

- [freehtml5.co](//freehtml5.co) for creating this theme

- [Steve Francia](//github.com/spf13) for creating Hugo and the awesome community around the project.