Move SupraCoNeX website to new layout

.gitignore

@@ -0,0 +1 @@
+**/_gen

.gitmodules

@@ -1,3 +1,3 @@
-[submodule "themes/toha"]
-	path = themes/toha
-	url = https://github.com/ikstream/toha-modified.git
+[submodule "themes/educenter-hugo"]
+	path = themes/educenter-hugo
+	url = https://github.com/ikstream/educenter-hugo.git

README.md

@@ -1,5 +1,11 @@
 # SupraCoNeX Website
 
+This repository hosts the SupraCoNeX websites content. It's build automaticly from the files in the source branch and is rebuild with Hugo and GitHub actions on a push to it.
+The Hugo output is pushed to the main branch.
+
+To create a new blog post manually you can create a new `md` file in `content/en/blog/<your-title>.md`. The preferred way would be to use Hugo for it(md-link), as it applies the template from `archetypes` to the newly created article which you would need to add manually.
+
+
 ## Running the setup locally
 
 ### Getting Hugo
@@ -40,29 +46,31 @@ To serve the current state of the site or for later changes you need hugo
 available.
 
 ```
-hugo serve -w --config config.yaml -v  --disableFastRender  --bind=0.0.0.0 -D
+hugo serve -w --config config.toml -v  --disableFastRender  --bind=0.0.0.0 -D
 ```
 
 #### Creating new posts
 
-To create a new post in `mab` run (in a container)
+To create a new post with the title `Best Entry` run
 
 ```
-hugo new post/mab/<title-of-new-post>/<title-of-new-post>.md
+hugo new blog/best-entry.md
+```
+
+or with the docker
+
 ```
-You can modify the newly created file now. First change the
-`parent: <section>-news` to the actual topic.
-In the `mab` example this would be `parent: mab-news`. <br>
-This will sort the new post in the according section in the overview.
+docker run -it -p 1313:1313 -v $(pwd):/src/ --rm hugo hugo new blog/best-entry.md
+
+```
+
+You can edit the newly created blog post at
+`content/english/blog/best-entry.md`
 
 After adding some content you can run hugo to check, if your article
 meets your expectations. Therefore you need to set `draft: false` and run
 `hugo serve` or run `hugo serve -D` if you want to keep the draft status
 of your article
 
-
-To add one image to the top of all posts of a topic just place a hero.svg in
-the root of that topic.
-
-For an individual image for a post create a directory in that topic for that
-post and place a `hero.svg` there, as well as the post's markdown file
+If you use the author tag, please provicde a small description text in
+`content/english/author`

archetypes/default.md

@@ -2,142 +2,19 @@
 title: "{{ replace .Name "-" " " | title }}"
 date: {{ .Date }}
 draft: true
-menu:
-  sidebar:
-    name: {{ replace .Name "-" " " | title }}
-    identifier: {{ .Name | title }}
-    parent: <section>-news
-    weight: 10
----
-## Headings
-
-The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
-
-# H1
-## H2
-### H3
-#### H4
-##### H5
-###### H6
-
-## Paragraph
-
-Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
-
-Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
-
-## Blockquotes
-
-The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
-
-#### Blockquote without attribution
-
-> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
-> **Note** that you can use *Markdown syntax* within a blockquote.
-
-#### Blockquote with attribution
-
-> Don't communicate by sharing memory, share memory by communicating.</p>
-> — <cite>Rob Pike[^1]</cite>
-
-
-[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
-
-## Tables
-
-Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
-
-   | Name  | Age |
-   | ----- | --- |
-   | Bob   | 27  |
-   | Alice | 23  |
-
-#### Inline Markdown within tables
-
-| Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp;                | Table  |
-| ------------------------ | -------------------------- | ----------------------------------- | ------ |
-| *italics*                | **bold**                   | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code` |
+# page title background image
+bg_image: "images/banner/background_free.jpg"
+# meta description
+description : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore. dolore magna aliqua. Ut enim ad minim veniam, quis nostrud."
+# post thumbnail
+image: ""
+# post author
+#author: "John Doe"
+# taxonomy
+categories: ["Deep Learning"]
+tags: ["AI", "Automation"]
+# type
+type: "post"
 
-## Code Blocks
-
-#### Code block with backticks
-
-```
-html
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Example HTML5 Document</title>
-</head>
-<body>
-  <p>Test</p>
-</body>
-</html>
-```
-#### Code block indented with four spaces
-
-    <!DOCTYPE html>
-    <html lang="en">
-    <head>
-      <meta charset="UTF-8">
-      <title>Example HTML5 Document</title>
-    </head>
-    <body>
-      <p>Test</p>
-    </body>
-    </html>
-
-#### Code block with Hugo's internal highlight shortcode
-{{< highlight html >}}
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Example HTML5 Document</title>
-</head>
-<body>
-  <p>Test</p>
-</body>
-</html>
-{{< /highlight >}}
-
-## List Types
-
-#### Ordered List
-
-1. First item
-2. Second item
-3. Third item
-
-#### Unordered List
-
-* List item
-* Another item
-* And another item
-
-#### Nested list
-
-* Fruit
-  * Apple
-  * Orange
-  * Banana
-* Dairy
-  * Milk
-  * Cheese
-
-## Other Elements — abbr, sub, sup, kbd, mark
-
-<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
-
-H<sub>2</sub>O
-
-X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
-
-Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
-
-Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
-
-## include an Image
+---
 
-![alt text](/post/images/snip_2021-02-17-17:41:01.jpg)