From: Kai Moritz Date: Fri, 21 Nov 2025 16:30:21 +0000 (+0100) Subject: Converted the content from Wordpress into a Hugo project X-Git-Tag: hugo--cat-tag-pages~25 X-Git-Url: https://juplo.de/gitweb/?a=commitdiff_plain;h=a3188b7093bd177a5e8d7c00aaf934b41f5648ed;p=website Converted the content from Wordpress into a Hugo project * Used commands: + ---- wp2hugo -download-all -generate-nginx-config -source wp/juplo.wordpress.2022-03-09.xml -output . mv generated-2025-11-21-17-29-08 hugo ---- --- diff --git a/hugo/.hugo_build.lock b/hugo/.hugo_build.lock new file mode 100644 index 00000000..e69de29b diff --git a/hugo/archetypes/default.md b/hugo/archetypes/default.md new file mode 100644 index 00000000..0d5eebd0 --- /dev/null +++ b/hugo/archetypes/default.md @@ -0,0 +1,5 @@ +--- +date: '{{ .Date }}' +draft: true +title: '{{ replace .File.ContentBaseName "-" " " | title }}' +--- diff --git a/hugo/content/archives.md b/hugo/content/archives.md new file mode 100644 index 00000000..aaadc430 --- /dev/null +++ b/hugo/content/archives.md @@ -0,0 +1,7 @@ + +--- +title: "All" +layout: "archives" +url: "/all/" +summary: archives +--- diff --git a/hugo/content/pages/blog/index.md b/hugo/content/pages/blog/index.md new file mode 100644 index 00000000..03e3e39e --- /dev/null +++ b/hugo/content/pages/blog/index.md @@ -0,0 +1,12 @@ +--- +_edit_last: "3" +author: tortenheber +date: "2013-10-10T20:43:16+00:00" +guid: http://juplo.de/?page_id=108 +parent_post_id: null +post_id: "108" +title: Blog +url: /blog/ + +--- + diff --git a/hugo/content/pages/front/index.md b/hugo/content/pages/front/index.md new file mode 100644 index 00000000..4c3bd535 --- /dev/null +++ b/hugo/content/pages/front/index.md @@ -0,0 +1,45 @@ +--- +_edit_last: "3" +author: tortenheber +date: "2014-03-11T17:38:46+00:00" +guid: http://juplo.de/?page_id=271 +parent_post_id: null +post_id: "271" +title: FRONT +url: / + +--- +## Funded by the Europian Union + +As partner of the company +[yourSHOUTER UG (haftungsbeschränkt)](http://yourshouter.com "Visit the Homepage of the company") +we publish results of a +[resarch-project](http://yourshouter.com/projekte/crowdgest%C3%BCtzte-veranstaltungs-suchmaschine.html "Show details about the funded resarch-project"), +that is funded by the European Union and the federal state Northrhine-Westphalia. + +[![EFRE.NRW 2014-2020: Invesitionen in Wachstum und Beschäftigung](/img/Ziel2NRW_4c_1809_eps.svg)![Europäische Union: Investitionen in unsere Zukunft - Europäischer Fonds für regionale Entwicklung](/img/EFRE_Foerderhinweis_deutsch_farbig.svg)](http://yourshouter.com/projekte/crowdgest%C3%BCtzte-veranstaltungs-suchmaschine.html "Show details about the funded resarch-project") + +## About juplo + +- [More about juplo](/about.html "Visit my about-pag") +- [Blog](/blog/ "(Hopefully) helpful stuff") +- [Projects](/projects/ "All current projects") +- [Contact](/contact.html "All contact-information on a glance") + +## Work In Progress... + +Due to lack of time, this page is still under construction. + +![Man bashing his head on a computer-keyboard](/img/wip.gif) + +So, please be a litle more patiance with us... + + + +## hibernate-maven-plugin + +**A simple Plugin for generating a Database-Schema from Hibernate Mapping-Annotations** + +hibernate4-maven-plugin is a plugin for generating a database-schema from your Hibernate-Mappings and create or update your database accordingly. Its main usage is to automatically create and populate a test-database for unit-tests in cooperation with the dbunit-maven-plugin. + +[Learn more](/hibernate-maven-plugin/ "Visit the plugin-documentation") diff --git a/hugo/content/pages/projects/index.md b/hugo/content/pages/projects/index.md new file mode 100644 index 00000000..137b4e4f --- /dev/null +++ b/hugo/content/pages/projects/index.md @@ -0,0 +1,45 @@ +--- +_edit_last: "3" +author: tortenheber +date: "2014-03-11T17:54:09+00:00" +guid: http://juplo.de/?page_id=111 +parent_post_id: null +post_id: "111" +title: Projects +url: /projects/ + +--- +![Comming soon...](/img/comming-soon.png) + +**Lorem ipsum** dolor [sit amet](/projects/typo.html), consectetur adipisicing elit, sed do +eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim +ad minim veniam, quis nostrud [exercitation](/projects/html-experimente.html) ullamco laboris nisi ut +aliquip ex ea commodo consequat. Duis aute irure dolor in +reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla +pariatur. Excepteur sint occaecat cupidatat non proident, sunt in +culpa qui officia deserunt mollit anim id est laborum. + +## Duis aute irure dolor + +- Operators and other mathematical stuff: -+/\* +- Characters offten used in programming languages: {(<>)}@$?%\*#;:&/\\!^"'\`~ +- Special german characters: ÄäÖöÜü +- Other special characters: @€¢§%° + +## Excepteur sint occaecat cupidatat + +Lorem ipsum dolor _sit amet_, consectetur adipisicing elit, sed do +eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim +ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut +aliquip ex ea commodo consequat. Duis aute irure dolor in +reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla +pariatur. Excepteur sint occaecat cupidatat non proident, sunt in +culpa qui officia deserunt mollit anim id est laborum. + +Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do +eiusmod tempor incididunt ut labore et dolore magna aliqua. **Ut enim** +**ad minim veniam, quis nostrud _exercitation ullamco_ laboris nisi ut** +**aliquip ex ea commodo consequat**. Duis aute irure dolor in +reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla +pariatur. Excepteur sint occaecat cupidatat non proident, sunt in +culpa qui officia deserunt mollit anim id est laborum. diff --git a/hugo/content/posts/a-perfect-outline.md b/hugo/content/posts/a-perfect-outline.md new file mode 100644 index 00000000..eda4b71a --- /dev/null +++ b/hugo/content/posts/a-perfect-outline.md @@ -0,0 +1,720 @@ +--- +_edit_last: "2" +author: kai +categories: + - html(5) +date: "2020-04-10T11:53:39+00:00" +guid: http://juplo.de/?p=357 +parent_post_id: null +post_id: "357" +title: A Perfect Outline +url: /a-perfect-outline/ + +--- +## Point Out Your Content: Utilize the HTML5 Outline-Algorithm + +HTML5 introduces new semantic elements accompained by the definition of [a new algorithm to calculate the document-outline](https://developer.mozilla.org/de/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document "Read all about the new possibilities to mark up the outline of your document") from the mark up. +There are plenty of [good explanations](http://www.smashingmagazine.com/2011/08/16/html5-and-the-document-outlining-algorithm/ "This is a very good overview, because it also pointes out, what to watch out for") of these new possibilities, to point out your content in a more controlled way. +But the most of these explanations fall short, if it comes to how to put these new markup into use, so that it results in a sensible outline of the document, that was marked up. + +In this article I will try to explain, how to use the new semantic markup, to produce an outline, that is usable as a real content table of the document - not just as an partially orderd overview of all headings. +I will do so, by showing simple examples, that will illuminate the principles behind the new markup. + +## All Messed Up! + +Although, the ideas behind the new markup seems to be simple and clear, nearly nobody accomplishes to produce a sensible outline. +Even the big players, who [guide us through the jungle of the new specifications](http://www.html5rocks.com/de/ "Great guidance - but bad outline") and are giving [great explanations about the subject](http://www.smashingmagazine.com/2013/01/18/the-importance-of-sections/ "Great explanation - but bad outline"), either fail on there sites (see by yourself with the help of the help of [the h5o HTML5 Outline Bookmarklet](https://h5o.github.io/ "Just drag and drop the bookmarklet to your favorites.")), or produce the outline in the old way by the usage of `h1`- `h6` only, like the fabulous HTML5-bible [Dive Into HTML5](http://diveintohtml5.info/semantics.html#footer-element "A wounderful introduction to the new possibilities of HTML5 - but the tid outline is produced the old way"). + +This is, because there is a lot to mix up in a wrong way, when trying to adopt the new features. +Here is, what I ended up with, on my first try to combine what I have learned about [semantic elements](http://www.w3schools.com/html/html5_semantic_elements.asp "Overview of the new semantic elements, available in HTML5") and the [document outline](http://html5doctor.com/outlines/ "An explanation, of what the specs told you about the document outline"): + +#### Example 01: Markup + +```html + + +Example 01 +
+

Header

+ +
+
+

Main

+
+

Section I

+
+
+

Section II

+
+

Subsection a

+
+
+

Subsection b

+
+
+
+

Section III

+
+

Subsection a

+
+
+
+ + + +``` + +#### Example 01: Outline + +1. Header +1. _Untitled section_ +1. Main +1. Section I +1. Section II + 1. Subsection a + 1. Subsection b +1. Section III + 1. Subsection a +1. Aside +1. Footer + +[View example 01](/wp-uploads/2015/06/example-01.html) + +That quiet was not the outline, that I had expected. +I planed, that _Header_, _Main_, _Aside_ and _Footer_ are ending up at the same level. +Instead of that, _Aside_ and _Footer_ had become sections of my _Main_-content. +And where the hell comes that _Untitled section_ from?!? +My first thought on that was: No problem, I just forgot the `header`-tags. +But after adding them, the only thing that cleared out, was where the _Untitled section_ was coming from: + +#### Example 02: Markup + +```html + + +Example 02 +
+

Header

+ +
+
+

Main

+
+

Section I

+
+
+

Section II

+
+

Subsection a

+
+
+

Subsection b

+
+
+
+

Section III

+
+

Subsection a

+
+
+
+