Just another approach for a new website for http://reaktor23.org
Switch branches/tags
Nothing to show
Clone or download
Permalink
Failed to load latest commit information.
archetypes
content
static
themes/reaktor23
.gitignore
README.md
config.toml
webhook.py
webhookconfig.py.dist

README.md

Reaktor 23 website

This is another approach for a new website for http://reaktor23.org using the Hugo static site generator.

Quickstart

  1. Install hugo: see https://gohugo.io/overview/installing/

  2. Clone repository. At this time it's in the hugo branch:

    git clone -b hugo https://github.com/reaktor23/website.git reaktor23-website
    cd reaktor23-website
    
  3. Mess around with the content ... or not

  4. View page on your machine with hugo server and visiting http://localhost:1313

Todo

  • Create proper theme
    • Have a nice news overview
    • Make a project overview, eg. using cards
  • Make menu configurable in config.toml
  • Define content structure
  • Figure out how to reference/handle file like images corrently so it will work with both summaries and page views. see
  • Create deployment hooks
  • Migrate content from existing site
  • Write impressum, about, contect, etc. pages
  • Create functioning Reaktor Status on landing page

Custom shortcodes

Shortcodes are used to enable users to create certain HTML output from the markup pages. Here are our implemented shortcodes for documentation:

Thumbnail

Geneartes a nice looking frame around the image.

{{< thumbnail src="url/to/img.jpg" width="200px" class="horizontal" >}}

src is mandatory, width controls the image width, class enables us to align the images horizontaly if neccessary

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 %}}