blob: 2854beb1735be47dd3da39d4a4df3bd2c3385dbd (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
|
# 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.
|