Reaktor23 website
The website behind http://reaktor23.org made using the Hugo static site generator.
Quickstart
-
Install hugo: see https://gohugo.io/overview/installing/
-
Clone this repository
git clone https://github.com/reaktor23/website.git reaktor23-website cd reaktor23-website
-
Mess around with the content ... or not
-
View page on your machine with
hugo server
and visiting http://localhost:1313
Deploying
All commits to the master branch will be deployed automatically via Travis CI https://reaktor23.org.
Custom shortcodes
Shortcodes are used to enable users to create certain HTML output from the markup pages.
You can use Emojis with their shortcodes as listed
here
Here are our implemented shortcodes for documentation:
Thumbnail
Geneartes a nice looking frame around the image. Also, clicking on it will show a big size version.
{{< thumbnail src="url/to/img.jpg" width="200px" >}}
{{< thumbnail src="url/to/img.jpg" width="x200" class="horizontal" >}}
{{< thumbnail src="url/to/img.jpg" width="x200" caption="This picture illustrates something" >}}
src is mandatory, width controls the image width, class enables us to align the images horizontaly or do other stuff (see Bootstrap) and caption will show a text underneath the image.
Font Awesome
Let you insert a Font Awesome Icon into you page.
{{< fa icon="github" size="3" >}}
icon is mandatrory, size controls the icon size (1,2,3,4,5)
Vimeo
Let you embed a vimeo video.
{{< vimeo id="43611049" >}}
id is mandatory
Youtube
Let you embed a youtube video.
{{< youtube id="aqz-KE-bpKQ" >}}
Box
Let you put content in an bootstrap alert box.
{{% box type="danger" %}}
Your content here
{{% /box %}}
type is one of the bootstrap classes for alerts (primary, secondary, success, danger, warning, info, light, dark), defaults to info.
Table
Wraps a markdown table and makes it a bit more fancy by adding the bootstrap table class
{{% table %}}
| A | B |
| --- | --- |
| 1 | 2 |
| 3 | 4 |
{{% /table %}}