blob: 436e9516a370cf9738f5f0d1915a36ee249f7985 (
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
|
# Hugo HTML5up Alpha
Hugo HTML5up Alpha is a port of the static HTML template [Alpha by HTML5 UP](https://html5up.net/alpha). It is designed to mirror the look and feel of the original template as closely as possible while taking advantage of all the best features Hugo has to offer.
## Features
- Blog
- Sections
- Taxonomies
- Page bundles
- Disqus Comments
- Fontawesome icons
- Menus and Submenus
- OpenGraph Metadata
- Customizable Homepage
## Demo
This theme comes with a more comprehensive demo, which closely mimics the original [HTML5 UP](https://html5up.net/alpha) theme and demonstrates more of its features. You can view a fully functional demo at:
https://hugo-html5up-alpha.nelsonroberto.com/
To run the demo locally use the following commands:
```
$ git clone https://github.com/dewittn/hugo-html5up-alpha/
$ cd hugo-html5up-alpha/exampleSite
$ hugo server --themesDir ../..
```
## Configuration
See the demo's configuration as an example:
https://github.com/dewittn/hugo-html5up-alpha/blob/master/exampleSite/config.toml
### Homepage
The homepage has five sections that are customizable and removable.
- Banner
- Highlight
- Features
- Blog
- Call to Action
Settings for the homepage come from `data\homepage.yml`.
```
### Banner ###
banner:
enable: true
title: "Alpha"
content: "" # Change this if you want something other then the site description
buttons:
- title: "Sign Up"
link: "#"
class: "primary"
- title: "Learn More"
link: "#"
### Highlight ###
highlight:
enable: true
header: "Introducing the ultimate mobile app <br /> for doing stuff with your phone"
content: "Blandit varius ut praesent nascetur eu penatibus nisi risus faucibus nunc ornare<br /> adipiscing nunc adipiscing. Condimentum turpis massa."
image: "images/pic01.jpg"
### Features ###
features:
enable: true
rows:
- items:
- title: "Magna etiam"
icon: "fa-bolt"
accent: "accent2" #accent values are 1-8
content: "Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros."
- title: "Ipsum dolor"
icon: "fa-chart-area"
accent: "accent3" #accent values are 1-8
content: "Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros."
- items:
- title: "Sed feugiat"
icon: "fa-cloud"
accent: "accent4" #accent values are 1-8
content: "Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros."
- title: "Enim phasellus"
icon: "fa-lock"
accent: "accent5" #accent values are 1-8
content: "Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros."
### Blog ###
blog:
enable: true
# Leave header text blank to remove entire <section>
header: "Recent Posts"
buttonText: "Read More"
postCount: 2
### Call to Action ###
cta:
enable: true
header: "Sign up for beta access"
content: "Blandit varius ut praesent nascetur eu penatibus nisi risus faucibus nunc."
```
### Global Banner
The global header is also configurable by modifying the `globalheader.yml` file.
```
title: "[Alpha](/) by HTML5 UP"
button:
enable: true
title: "Sign up"
link: "#"
```
### Cover Image
The cover image URL is hard-coded, therefore to replace this add an image to the following location in your Hugo application:
```
/static/images/banner.jpg
```
### Comments powered by Disqus
The comments section is **not** shown unless a Disqus code is set in the `config.toml` file.
```
disqusShortname = "XXX"
```
## Original Theme Credits
- [Alpha by HTML5 UP](https://html5up.net/alpha)
## License
This theme is licensed under the [Creative Commons Attribution 3.0 License](https://creativecommons.org/licenses/by/3.0/).
Read More - [LICENSE](LICENSE)
|
