From: Kai Moritz Date: Wed, 17 Dec 2025 19:23:39 +0000 (+0100) Subject: Beispiel-Content für `Projects` muss unter `content/projects/` liegen X-Git-Url: https://juplo.de/gitweb/?a=commitdiff_plain;h=d0c124ac10c131a32ee6cbb9522633abc941da12;p=website Beispiel-Content für `Projects` muss unter `content/projects/` liegen --- diff --git a/content/blog/wp2hugo.html b/content/blog/wp2hugo.html deleted file mode 100644 index a614c261..00000000 --- a/content/blog/wp2hugo.html +++ /dev/null @@ -1,157 +0,0 @@ ---- -_edit_last: "2" -author: kai -categories: - - demos - - explained - - java - - kafka - - spring - - spring-boot -classic-editor-remember: classic-editor -date: "2021-02-05T17:59:38+00:00" -guid: http://juplo.de/?p=1201 -parent_post_id: null -post_id: "1201" -title: 'Implementing The Outbox-Pattern With Kafka - Part 0: The example' -url: /implementing-the-outbox-pattern-with-kafka-part-0-the-example/ - ---- -_This article is part of a Blog-Series_ - -Based on a [very simple example-project](/implementing-the-outbox-pattern-with-kafka-part-0-the-example/) -we will implemnt the [Outbox-Pattern](https://microservices.io/patterns/data/transactional-outbox.html) with [Kafka](https://kafka.apache.org/quickstart). - -- Part 0: The Example-Project -- [Part 1: Writing In The Outbox-Table](/implementing-the-outbox-pattern-with-kafka-part-1-the-outbox-table/ "Jump to the explanation what has to be added, to enqueue messages in an outbox for successfully written transactions") - -## TL;DR - -In this part, a small example-project is introduced, that features a component, which has to inform another component upon every succsessfully completed operation. - -## The Plan - -In this mini-series I will implement the [Outbox-Pattern](https://microservices.io/patterns/data/transactional-outbox.html) -as described on Chris Richardson's fabolous website [microservices.io](https://microservices.io/). - -The pattern enables you, to send a message as part of a database transaction in a reliable way, effectively turining the writing of the data -to the database and the sending of the message into an **[atomic operation](https://en.wikipedia.org/wiki/Atomicity_(database_systems))**: -either both operations are successful or neither. - -The pattern is well known and implementing it with [Kafka](https://kafka.apache.org/quickstart) looks like an easy straight forward job at first glance. -However, there are many obstacles that easily lead to an incomplete or incorrect implementation. -In this blog-series, we will circumnavigate these obstacles together step by step. - -## The Example Project - -To illustrate our implementation, we will use a simple example-project. -It mimics a part of the registration process for an web application: -a (very!) simplistic service takes registration orders for new users. - -- Successfull registration requests will return a 201 (Created), that carries the URI, under which the data of the newly registered user can be accessed in the `Location`-header: - -`echo peter | http :8080/users - HTTP/1.1 201 - Content-Length: 0 - Date: Fri, 05 Feb 2021 14:44:51 GMT - Location: http://localhost:8080/users/peter - ` -- Requests to registrate an already existing user will result in a 400 (Bad Request): - -`echo peter | http :8080/users - HTTP/1.1 400 - Connection: close - Content-Length: 0 - Date: Fri, 05 Feb 2021 14:44:53 GMT - ` -- Successfully registrated users can be listed: - `http :8080/users - HTTP/1.1 200 - Content-Type: application/json;charset=UTF-8 - Date: Fri, 05 Feb 2021 14:53:59 GMT - Transfer-Encoding: chunked - [ - { - "created": "2021-02-05T10:38:32.301", - "loggedIn": false, - "username": "peter" - }, - ... - ] - ` - -## The Messaging Use-Case - -As our messaging use-case imagine, that there has to happen several processes after a successful registration of a new user. -This may be the generation of an invoice, some business analytics or any other lengthy process that is best carried out asynchronously. -Hence, we have to generate an event, that informs the responsible services about new registrations. - -Obviously, these events should only be generated, if the registration is completed successfully. -The event must not be fired, if the registration is rejected, because a duplicate username. - -On the other hand, the publication of the event must happen reliably, because otherwise, the new might not be charged for the services, we offer... - -## The Transaction - -The users are stored in a database and the creation of a new user happens in a transaction. -A "brilliant" colleague came up with the idea, to trigger an `IncorrectResultSizeDataAccessException` to detect duplicate usernames: - -`User user = new User(username); -repository.save(user); -// Triggers an Exception, if more than one entry is found -repository.findByUsername(username); -` - -The query for the user by its names triggers an `IncorrectResultSizeDataAccessException`, if more than one entry is found. -The uncaught exception will mark the transaction for rollback, hence, canceling the requested registration. -The 400-response is then generated by a corresponding `ExceptionHandler`: - -`@ExceptionHandler -public ResponseEntity incorrectResultSizeDataAccessException( - IncorrectResultSizeDataAccessException e) -{ - LOG.info("User already exists!"); - return ResponseEntity.badRequest().build(); -} -` - -Please do not code this at home... - -But his weired implementation perfectly illustrates the requirements for our messaging use-case: -The user is written into the database. -But the registration is not successfully completed until the transaction is commited. -If the transaction is rolled back, no message must be send, because no new user was registered. - -## Decoupling with Springs EventPublisher - -In the example implementation I am using an `EventPublisher` to decouple the business logic from the implementation of the messaging. -The controller publishes an event, when a new user is registered: - -`publisher.publishEvent(new UserEvent(this, usernam)); -` - -A listener annotated with `@TransactionalEventListener` receives the events and handles the messaging: - -`@TransactionalEventListener -public void onUserEvent(UserEvent event) -{ - // Sending the message happens here... -} -` - -In non-critical use-cases, it might be sufficient to actually send the message to Kafka right here. -Spring ensures, that the message of the listener is only called, if the transaction completes successfully. -But in the case of a failure this naive implementation can loose messages. -If the application crashes, after the transaction has completed, but before the message could be send, the event would be lost. - -In the following blog posts, we will step by step implement a solution based on the Outbox-Pattern, that can guarantee Exactly-Once semantics for the send messages. - -## May The Source Be With You! - -The complete source code of the example-project can be cloned here: - -- `git clone /git/demos/spring/data-jdbc` -- `git clone https://github.com/juplo/demos-spring-data-jdbc.git` - -It includes a [Setup for Docker Compose](https://github.com/juplo/demos-spring-data-jdbc/blob/master/docker-compose.yml), that can be run without compiling -the project. And a runnable [README.sh](https://github.com/juplo/demos-spring-data-jdbc/blob/master/README.sh), that compiles and run the application and illustrates the example. diff --git a/content/potemkin/_index.html b/content/potemkin/_index.html deleted file mode 100644 index 37ef4cbc..00000000 --- a/content/potemkin/_index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: "Projects" -url: /projects.html -outputs: - - html -weight: 20 ---- -
-

Projects - Potemkinsche Dörfer!

- -
diff --git a/content/potemkin/accelerator.html b/content/potemkin/accelerator.html deleted file mode 100644 index 18871d8d..00000000 --- a/content/potemkin/accelerator.html +++ /dev/null @@ -1,7 +0,0 @@ ---- -title: "accelerator - Overview" -url: /potemkin/accelerator.html ---- -
-

Accelerator - DUMMY

-
diff --git a/content/potemkin/fix-swf/_index.html b/content/potemkin/fix-swf/_index.html deleted file mode 100644 index 7a99d7cf..00000000 --- a/content/potemkin/fix-swf/_index.html +++ /dev/null @@ -1,11 +0,0 @@ ---- -title: "Fix SWF" -url: /potemkin/fix-swf/overview.html -build: - render: local -outputs: - - html ---- -
-

Overviw - DUMMY

-
diff --git a/content/potemkin/fix-swf/getting-started.html b/content/potemkin/fix-swf/getting-started.html deleted file mode 100644 index 11f94876..00000000 --- a/content/potemkin/fix-swf/getting-started.html +++ /dev/null @@ -1,8 +0,0 @@ ---- -title: "Fix SWF - Getting Started" -linkTitle: "Getting Started" -url: /potemkin/fix-swf/getting-started.html ---- -
-

Getting Started - DUMMY

-
diff --git a/content/potemkin/fix-swf/overview.html b/content/potemkin/fix-swf/overview.html deleted file mode 100644 index 73fb4ae7..00000000 --- a/content/potemkin/fix-swf/overview.html +++ /dev/null @@ -1,7 +0,0 @@ ---- -title: "Fix SWF - Overview" -url: /potemkin/fix-swf/overview.html ---- -
-

Overviw - DUMMY

-
diff --git a/content/potemkin/html-experimente/_index.html b/content/potemkin/html-experimente/_index.html deleted file mode 100644 index ed6d1f81..00000000 --- a/content/potemkin/html-experimente/_index.html +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: "HTML-Experimente" ---- -
-

HTML-Elemente / spezielle Seiten

-

Die Templates

- -
-
-

HTML-Elemente / spezielle Seiten

-

Seiten zum Testen gerenderter Inhalte

- -

Layout-Grenzfälle

- -

Layout-Variationen

- -

Testseiten für einzelne Seiten-Bestandteile

- -

Anderer Krams...

- -
diff --git a/content/potemkin/html-experimente/basis-layout.html b/content/potemkin/html-experimente/basis-layout.html deleted file mode 100644 index 6cce2ee4..00000000 --- a/content/potemkin/html-experimente/basis-layout.html +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: "HTML-Experimente - Basis-Layout" -linkTitle: "Basis-Layout" -url: /potemkin/html-experimente/basis-layout.html ---- -
-

Nur das Basis-Layout

- MAIN-CONTENT -
- diff --git a/content/potemkin/html-experimente/breadcrumb.html b/content/potemkin/html-experimente/breadcrumb.html deleted file mode 100644 index fbd74822..00000000 --- a/content/potemkin/html-experimente/breadcrumb.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: "HTML-Experimente - Langer Breadcrumb" -linkTitle: "Langer Breadcrumb" -url: /potemkin/html-experimente/breadcrumb.html ---- -
    -
  1. Home
    2. -
  2. Projects
    3. -
  3. HTML-Experimente
    4. -
  4. Dies ist ein Seite mit einem unendlich langen Breadcrumb-Eintrag der bestimmt nicht in den vorgesehenen Platz passt
    5. -
-
-

Seite mit sehr langem Breadcrumb

-

Eine Seite mit einem extrem langen Breadcrumb...

-
diff --git a/content/potemkin/html-experimente/druck-layout.html b/content/potemkin/html-experimente/druck-layout.html deleted file mode 100644 index f4656297..00000000 --- a/content/potemkin/html-experimente/druck-layout.html +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: "HTML-Experimente - Druck-Layout" -linkTitle: "Druck-Layout" -url: /potemkin/html-experimente/druck-layout.html ---- -
-

Die für den Ausdruck angepasste Ansicht

- MAIN-CONTENT -
- diff --git a/content/potemkin/html-experimente/error.html b/content/potemkin/html-experimente/error.html deleted file mode 100644 index a9e1efb2..00000000 --- a/content/potemkin/html-experimente/error.html +++ /dev/null @@ -1,5 +0,0 @@ ---- -title: "This Page Will Raise An Error" -url: /potemkin/html-experimente/error.html ---- -

This page will raise an error, because the uri is set to an unknown value...

diff --git a/content/potemkin/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html b/content/potemkin/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html deleted file mode 100644 index bc23d098..00000000 --- a/content/potemkin/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html +++ /dev/null @@ -1,23 +0,0 @@ ---- -title: "HTML-Experimente - Fast leere einspaltige Seite mit Marginalinhalt" -linkTitle: "Fast leere einspaltige Seite mit Marginalinhalt" -url: /potemkin/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html ---- - -
-

Fast leere einspaltige Seite mit Marginalinhalt

-

KAPUTT: siehe Erklärung im Commit

-
- diff --git a/content/potemkin/html-experimente/fast-leer-einspaltig.html b/content/potemkin/html-experimente/fast-leer-einspaltig.html deleted file mode 100644 index 2b9b713d..00000000 --- a/content/potemkin/html-experimente/fast-leer-einspaltig.html +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: "HTML-Experimente - Fast leere einspaltige Seite" -linkTitle: "Fast leere einspaltige Seite" -url: /potemkin/html-experimente/fast-leer-einspaltig.html ---- - -
-

Fast leere einspaltige Seite

-

KAPUTT: siehe Erklärung im Commit

-
diff --git "a/content/potemkin/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html" "b/content/potemkin/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html" deleted file mode 100644 index fdcba293..00000000 --- "a/content/potemkin/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html" +++ /dev/null @@ -1,23 +0,0 @@ ---- -title: "HTML-Experimente - Fast leere Seite ohne Menü aber mit Marginalspalte" -linkTitle: "Fast leere Seite ohne Menü aber mit Marginalspalte" -url: /potemkin/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html ---- - -
-

Fast leere Seite ohne Menü aber mit Marginalinhalt

-

Ein ganz bischen Text...

-
- diff --git "a/content/potemkin/html-experimente/fast-leer-kein-men\303\274.html" "b/content/potemkin/html-experimente/fast-leer-kein-men\303\274.html" deleted file mode 100644 index 926601fc..00000000 --- "a/content/potemkin/html-experimente/fast-leer-kein-men\303\274.html" +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: "HTML-Experimente - Fast leere Seite ohne Menü" -linkTitle: "Fast leere Seite ohne Menü" -url: /potemkin/html-experimente/fast-leer-kein-menü.html ---- - -
-

Fast leere Seite ohne Menü

-

Ein ganz bischen Text...

-
diff --git "a/content/potemkin/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html" "b/content/potemkin/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html" deleted file mode 100644 index 36e76787..00000000 --- "a/content/potemkin/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html" +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: "HTML-Experimente - Fast leere Seite mit Menü und Marginalinhalt" -linkTitle: "Fast leere Seite mit Menü und Marginalinhalt" -url: /potemkin/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html ---- -
-

Fast leere Seite mit Menü und Marginalinhalt

-

Ein ganz bischen Text...

-
- diff --git "a/content/potemkin/html-experimente/fast-leer-mit-men\303\274.html" "b/content/potemkin/html-experimente/fast-leer-mit-men\303\274.html" deleted file mode 100644 index 86dfe706..00000000 --- "a/content/potemkin/html-experimente/fast-leer-mit-men\303\274.html" +++ /dev/null @@ -1,9 +0,0 @@ ---- -title: "HTML-Experimente - Fast leere Seite mit Menü" -linkTitle: "Fast leere Seite mit Menü" -url: /potemkin/html-experimente/fast-leer-mit-menü.html ---- -
-

Fast leere Seite mit Menü

-

Ein ganz bischen Text...

-
diff --git a/content/potemkin/html-experimente/formulare.html b/content/potemkin/html-experimente/formulare.html deleted file mode 100644 index 13b6fc01..00000000 --- a/content/potemkin/html-experimente/formulare.html +++ /dev/null @@ -1,256 +0,0 @@ ---- -title: "HTML-Experimente - Formulare" -linkTitle: "Formulare" -url: /potemkin/html-experimente/formulare.html ---- -
-

Formulare

-
-

Anzeigetext

-
- - - < Fehler: Es wurde kein Text für die Anzeige eingegeben! -
-
-
-

Textformatierung

-
- - Die zusätzlichen Gestaltungsoptionen sind nur für das Magazin wählbar.
- Online erscheint die Anzeige als normaler Fließtext. - -
-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
-
-
- - -
-
- - -
-
- - -
-
- - -
-
-
-
-
-

Einspaltige Radiobuttons...

-
-
- - -
-
- - -
-
- - -
-
-
-
- - - -
-
-
-

Bild

-
- - Du kannst Deiner Anzeige ein Bild hinzufügen. - Das Bild erscheint nur online. - Im Magazin erscheint die Kleinanzeige mit Hinweis auf das Onlinebild. - -
-
- - -
-
- - -
-
-
-
-

Alleinstehende Checkbox

-
- - -
-
-
-

Kundendaten

-

- Pflichtfelder sind mit einem - * markiert. -

-
- - -
-
- - -
-
- - -
-
- - - < Fehler: Dies ist ein Pflichtfeld! -
-
- - -
-
- - -
-
-
- -
-
-
-

Anzeige regionalisieren

-

- Indem Du Deine Kleinanzeige einer Stadt zuordnest, können Interessenten - diese online leichter finden, wenn sie nur nach Kleinanzeigen aus - bestimmten Städten suchen. - Du kannst auch keine Stadt zuordnen, dann wird die Kleinanzeige von - diesen Interessenten aber auch nicht gefunden. -

-
-
- - -

- Das Feld leer lassen, wenn die Anzeige nicht regionalisiert werden soll. -

-
-
-
-

Ein Passwort-Eingabe-Feld

-
- - -
-
-
-

Lade das Bild hoch

-

- Du kannst ein Bild im JPEG- oder PNG-Format hochladen. - Das Bild darf nicht größer als 8 MByte sein. -

-
- - -
-
-
- - -
-
-
-

Antworten

-

- Pflichtfelder sind mit einem - * markiert. -

-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
-
-
-

Weiter mit Anmeldung

-
- - -
-
- - -
-
-
-

Weiter ohne Anmeldung

- -
- Was steht da? - Captcha -
-
- - -
-
-
-
diff --git a/content/potemkin/html-experimente/kein-layout.html b/content/potemkin/html-experimente/kein-layout.html deleted file mode 100644 index 47b94024..00000000 --- a/content/potemkin/html-experimente/kein-layout.html +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: "HTML-Experimente - Kein Layout" -linkTitle: "Kein Layout" -url: /potemkin/html-experimente/kein-layout.html ---- -
-

Alle Stylings deaktiviert

- MAIN-CONTENT -
- diff --git a/content/potemkin/html-experimente/phone.html b/content/potemkin/html-experimente/phone.html deleted file mode 100644 index 55fd320f..00000000 --- a/content/potemkin/html-experimente/phone.html +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: "HTML-Experimente - Layout PHONE" -linkTitle: "Layout PHONE" -url: /potemkin/html-experimente/phone.html ---- -
-

Layout für Smartphones

- MAIN-CONTENT -
- diff --git a/content/potemkin/html-experimente/seitenaufteilung.html b/content/potemkin/html-experimente/seitenaufteilung.html deleted file mode 100644 index 738a7b0c..00000000 --- a/content/potemkin/html-experimente/seitenaufteilung.html +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: "HTML-Experimente - Basis-Layout & Seitenaufteilung" -linkTitle: "Basis-Layout & Seitenaufteilung" -url: /potemkin/html-experimente/seitenaufteilung.html ---- -
-

Nur das Basis-Layout und die Seitenaufteiltung

- MAIN-CONTENT -
- diff --git a/content/potemkin/html-experimente/seitenkopf.html b/content/potemkin/html-experimente/seitenkopf.html deleted file mode 100644 index fa37772d..00000000 --- a/content/potemkin/html-experimente/seitenkopf.html +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: "HTML-Experimente - Basis-Layout & Seitenkopf" -linkTitle: "Basis-Layout & Seitenkopf" -url: /potemkin/html-experimente/seitenkopf.html ---- -
-

Nur das Basis-Layout und der Seitenkopf

- MAIN-CONTENT -
- diff --git a/content/potemkin/html-experimente/symbole.html b/content/potemkin/html-experimente/symbole.html deleted file mode 100644 index e75c5212..00000000 --- a/content/potemkin/html-experimente/symbole.html +++ /dev/null @@ -1,403 +0,0 @@ ---- -title: "HTML-Experimente - Symbol-Font" -linkTitle: "Symbol-Font" -url: /potemkin/html-experimente/symbole.html ---- -
-

Symbol-Font

-

100%

-
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
-

200%

-
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
-

300%

-
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
-

400%

-
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
-

500%

-
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
-
diff --git a/content/potemkin/html-experimente/tablet.html b/content/potemkin/html-experimente/tablet.html deleted file mode 100644 index a5ad1765..00000000 --- a/content/potemkin/html-experimente/tablet.html +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: "HTML-Experimente - Layout TABLET" -linkTitle: "Layout TABLET" -url: /potemkin/html-experimente/tablet.html ---- -
-

Layout für Tablets

- MAIN-CONTENT -
- diff --git a/content/potemkin/html-experimente/testlab.html b/content/potemkin/html-experimente/testlab.html deleted file mode 100644 index f4ca114b..00000000 --- a/content/potemkin/html-experimente/testlab.html +++ /dev/null @@ -1,255 +0,0 @@ ---- -title: "HTML-Experimente - Media-Query-Test: BEISPIEL" -linktTitle: "Media-Query-Test: BEISPIEL" -url: /potemkin/html-experimente/testlab.html ---- -
-
-

Anzeigetext

-
- - - < Fehler: Es wurde kein Text für die Anzeige eingegeben! -
-
-
-

Textformatierung

-
- - Die zusätzlichen Gestaltungsoptionen sind nur für das Magazin wählbar.
- Online erscheint die Anzeige als normaler Fließtext. - -
-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
-
-
- - -
-
- - -
-
- - -
-
- - -
-
-
-
-
-

Einspaltige Radiobuttons...

-
-
- - -
-
- - -
-
- - -
-
-
-
- - - -
-
-
-

Bild

-
- - Du kannst Deiner Anzeige ein Bild hinzufügen. - Das Bild erscheint nur online. - Im Magazin erscheint die Kleinanzeige mit Hinweis auf das Onlinebild. - -
-
- - -
-
- - -
-
-
-
-

Alleinstehende Checkbox

-
- - -
-
-
-

Kundendaten

-

- Pflichtfelder sind mit einem - * markiert. -

-
- - -
-
- - -
-
- - -
-
- - - < Fehler: Dies ist ein Pflichtfeld! -
-
- - -
-
- - -
-
-
- -
-
-
-

Anzeige regionalisieren

-

- Indem Du Deine Kleinanzeige einer Stadt zuordnest, können Interessenten - diese online leichter finden, wenn sie nur nach Kleinanzeigen aus - bestimmten Städten suchen. - Du kannst auch keine Stadt zuordnen, dann wird die Kleinanzeige von - diesen Interessenten aber auch nicht gefunden. -

-
-
- - -

- Das Feld leer lassen, wenn die Anzeige nicht regionalisiert werden soll. -

-
-
-
-

Ein Passwort-Eingabe-Feld

-
- - -
-
-
-

Lade das Bild hoch

-

- Du kannst ein Bild im JPEG- oder PNG-Format hochladen. - Das Bild darf nicht größer als 8 MByte sein. -

-
- - -
-
-
- - -
-
-
-

Antworten

-

- Pflichtfelder sind mit einem - * markiert. -

-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
-
-
-

Weiter mit Anmeldung

-
- - -
-
- - -
-
-
-

Weiter ohne Anmeldung

- -
- Was steht da? - Captcha -
-
- - -
-
-
-
diff --git a/content/potemkin/html-experimente/tiny.html b/content/potemkin/html-experimente/tiny.html deleted file mode 100644 index 7f5c62c7..00000000 --- a/content/potemkin/html-experimente/tiny.html +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: "HTML-Experimente - Layout TINY" -linkTitle: "Layout TINY" -url: /potemkin/html-experimente/tiny.html ---- -
-

Layout für sehr kleine Bildschirmgrößen

- MAIN-CONTENT -
- diff --git a/content/potemkin/typo.html b/content/potemkin/typo.html deleted file mode 100644 index 039b6acf..00000000 --- a/content/potemkin/typo.html +++ /dev/null @@ -1,106 +0,0 @@ ---- -title: "Typography" -url: /potemkin/typo.html ---- -
-

Typography

-

- 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. -

-

Ein Link im Titel

-

Ein Link im Text.

-

Normal / Italic / Bold / Bold+Italic

- -

- ÄäÖöÜüß@€¢ - ÄäÖöÜüß@€¢ - ÄäÖöÜüß@€¢ - ÄäÖöÜüß@€¢ -

-

- AÄaäOÖoöuÜuüß@€¢ - AÄaäOÖoöUÜuüß@€¢ - AÄaäOÖoöUÜuüß@€¢ - AÄaäOÖoöUÜuüß@€¢ -

-

H1: Heading

-

H2: Heading

-

H3: Heading

-

H4: Heading

-

H1: Heading

-

- 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. -

-

H2: Heading

-

- 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. -

-

H3: Heading

-

- 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. -

-

H4: Heading

-

- 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. -

-

Preformatted code

-

- Juplo Branding uses - google-code-prettify for automatic - syntax highlighting. -

- 
<plugin>
-  <groupId>ro.isdc.wro4j</groupId>
-  <artifactId>wro4j-maven-plugin</artifactId>
-  <version>${wro4j.version}</version>
-  <configuration>
-    <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory>
-    <cssDestinationFolder>${project.build.directory}/${project.build.finalName}/css/</cssDestinationFolder>
-  </configuration>
-  <executions>
-    <execution>
-      <phase>package</phase>
-      <goals>
-        <goal>run</goal>
-      </goals>
-    </execution>
-  </executions>
-</plugin>
-
-
diff --git a/content/projects/_index.html b/content/projects/_index.html new file mode 100644 index 00000000..37ef4cbc --- /dev/null +++ b/content/projects/_index.html @@ -0,0 +1,16 @@ +--- +title: "Projects" +url: /projects.html +outputs: + - html +weight: 20 +--- +
+

Projects - Potemkinsche Dörfer!

+ +
diff --git a/content/projects/accelerator.html b/content/projects/accelerator.html new file mode 100644 index 00000000..18871d8d --- /dev/null +++ b/content/projects/accelerator.html @@ -0,0 +1,7 @@ +--- +title: "accelerator - Overview" +url: /potemkin/accelerator.html +--- +
+

Accelerator - DUMMY

+
diff --git a/content/projects/fix-swf/_index.html b/content/projects/fix-swf/_index.html new file mode 100644 index 00000000..7a99d7cf --- /dev/null +++ b/content/projects/fix-swf/_index.html @@ -0,0 +1,11 @@ +--- +title: "Fix SWF" +url: /potemkin/fix-swf/overview.html +build: + render: local +outputs: + - html +--- +
+

Overviw - DUMMY

+
diff --git a/content/projects/fix-swf/getting-started.html b/content/projects/fix-swf/getting-started.html new file mode 100644 index 00000000..11f94876 --- /dev/null +++ b/content/projects/fix-swf/getting-started.html @@ -0,0 +1,8 @@ +--- +title: "Fix SWF - Getting Started" +linkTitle: "Getting Started" +url: /potemkin/fix-swf/getting-started.html +--- +
+

Getting Started - DUMMY

+
diff --git a/content/projects/fix-swf/overview.html b/content/projects/fix-swf/overview.html new file mode 100644 index 00000000..73fb4ae7 --- /dev/null +++ b/content/projects/fix-swf/overview.html @@ -0,0 +1,7 @@ +--- +title: "Fix SWF - Overview" +url: /potemkin/fix-swf/overview.html +--- +
+

Overviw - DUMMY

+
diff --git a/content/projects/html-experimente/_index.html b/content/projects/html-experimente/_index.html new file mode 100644 index 00000000..ed6d1f81 --- /dev/null +++ b/content/projects/html-experimente/_index.html @@ -0,0 +1,54 @@ +--- +title: "HTML-Experimente" +--- +
+

HTML-Elemente / spezielle Seiten

+

Die Templates

+ +
+
+

HTML-Elemente / spezielle Seiten

+

Seiten zum Testen gerenderter Inhalte

+ +

Layout-Grenzfälle

+ +

Layout-Variationen

+ +

Testseiten für einzelne Seiten-Bestandteile

+ +

Anderer Krams...

+ +
diff --git a/content/projects/html-experimente/basis-layout.html b/content/projects/html-experimente/basis-layout.html new file mode 100644 index 00000000..6cce2ee4 --- /dev/null +++ b/content/projects/html-experimente/basis-layout.html @@ -0,0 +1,12 @@ +--- +title: "HTML-Experimente - Basis-Layout" +linkTitle: "Basis-Layout" +url: /potemkin/html-experimente/basis-layout.html +--- +
+

Nur das Basis-Layout

+ MAIN-CONTENT +
+ diff --git a/content/projects/html-experimente/breadcrumb.html b/content/projects/html-experimente/breadcrumb.html new file mode 100644 index 00000000..fbd74822 --- /dev/null +++ b/content/projects/html-experimente/breadcrumb.html @@ -0,0 +1,15 @@ +--- +title: "HTML-Experimente - Langer Breadcrumb" +linkTitle: "Langer Breadcrumb" +url: /potemkin/html-experimente/breadcrumb.html +--- +
    +
  1. Home
    2. +
  2. Projects
    3. +
  3. HTML-Experimente
    4. +
  4. Dies ist ein Seite mit einem unendlich langen Breadcrumb-Eintrag der bestimmt nicht in den vorgesehenen Platz passt
    5. +
+
+

Seite mit sehr langem Breadcrumb

+

Eine Seite mit einem extrem langen Breadcrumb...

+
diff --git a/content/projects/html-experimente/druck-layout.html b/content/projects/html-experimente/druck-layout.html new file mode 100644 index 00000000..f4656297 --- /dev/null +++ b/content/projects/html-experimente/druck-layout.html @@ -0,0 +1,12 @@ +--- +title: "HTML-Experimente - Druck-Layout" +linkTitle: "Druck-Layout" +url: /potemkin/html-experimente/druck-layout.html +--- +
+

Die für den Ausdruck angepasste Ansicht

+ MAIN-CONTENT +
+ diff --git a/content/projects/html-experimente/error.html b/content/projects/html-experimente/error.html new file mode 100644 index 00000000..a9e1efb2 --- /dev/null +++ b/content/projects/html-experimente/error.html @@ -0,0 +1,5 @@ +--- +title: "This Page Will Raise An Error" +url: /potemkin/html-experimente/error.html +--- +

This page will raise an error, because the uri is set to an unknown value...

diff --git a/content/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html b/content/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html new file mode 100644 index 00000000..bc23d098 --- /dev/null +++ b/content/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html @@ -0,0 +1,23 @@ +--- +title: "HTML-Experimente - Fast leere einspaltige Seite mit Marginalinhalt" +linkTitle: "Fast leere einspaltige Seite mit Marginalinhalt" +url: /potemkin/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html +--- + +
+

Fast leere einspaltige Seite mit Marginalinhalt

+

KAPUTT: siehe Erklärung im Commit

+
+ diff --git a/content/projects/html-experimente/fast-leer-einspaltig.html b/content/projects/html-experimente/fast-leer-einspaltig.html new file mode 100644 index 00000000..2b9b713d --- /dev/null +++ b/content/projects/html-experimente/fast-leer-einspaltig.html @@ -0,0 +1,20 @@ +--- +title: "HTML-Experimente - Fast leere einspaltige Seite" +linkTitle: "Fast leere einspaltige Seite" +url: /potemkin/html-experimente/fast-leer-einspaltig.html +--- + +
+

Fast leere einspaltige Seite

+

KAPUTT: siehe Erklärung im Commit

+
diff --git "a/content/projects/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html" "b/content/projects/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html" new file mode 100644 index 00000000..fdcba293 --- /dev/null +++ "b/content/projects/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html" @@ -0,0 +1,23 @@ +--- +title: "HTML-Experimente - Fast leere Seite ohne Menü aber mit Marginalspalte" +linkTitle: "Fast leere Seite ohne Menü aber mit Marginalspalte" +url: /potemkin/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html +--- + +
+

Fast leere Seite ohne Menü aber mit Marginalinhalt

+

Ein ganz bischen Text...

+
+ diff --git "a/content/projects/html-experimente/fast-leer-kein-men\303\274.html" "b/content/projects/html-experimente/fast-leer-kein-men\303\274.html" new file mode 100644 index 00000000..926601fc --- /dev/null +++ "b/content/projects/html-experimente/fast-leer-kein-men\303\274.html" @@ -0,0 +1,20 @@ +--- +title: "HTML-Experimente - Fast leere Seite ohne Menü" +linkTitle: "Fast leere Seite ohne Menü" +url: /potemkin/html-experimente/fast-leer-kein-menü.html +--- + +
+

Fast leere Seite ohne Menü

+

Ein ganz bischen Text...

+
diff --git "a/content/projects/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html" "b/content/projects/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html" new file mode 100644 index 00000000..36e76787 --- /dev/null +++ "b/content/projects/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html" @@ -0,0 +1,12 @@ +--- +title: "HTML-Experimente - Fast leere Seite mit Menü und Marginalinhalt" +linkTitle: "Fast leere Seite mit Menü und Marginalinhalt" +url: /potemkin/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html +--- +
+

Fast leere Seite mit Menü und Marginalinhalt

+

Ein ganz bischen Text...

+
+ diff --git "a/content/projects/html-experimente/fast-leer-mit-men\303\274.html" "b/content/projects/html-experimente/fast-leer-mit-men\303\274.html" new file mode 100644 index 00000000..86dfe706 --- /dev/null +++ "b/content/projects/html-experimente/fast-leer-mit-men\303\274.html" @@ -0,0 +1,9 @@ +--- +title: "HTML-Experimente - Fast leere Seite mit Menü" +linkTitle: "Fast leere Seite mit Menü" +url: /potemkin/html-experimente/fast-leer-mit-menü.html +--- +
+

Fast leere Seite mit Menü

+

Ein ganz bischen Text...

+
diff --git a/content/projects/html-experimente/formulare.html b/content/projects/html-experimente/formulare.html new file mode 100644 index 00000000..13b6fc01 --- /dev/null +++ b/content/projects/html-experimente/formulare.html @@ -0,0 +1,256 @@ +--- +title: "HTML-Experimente - Formulare" +linkTitle: "Formulare" +url: /potemkin/html-experimente/formulare.html +--- +
+

Formulare

+
+

Anzeigetext

+
+ + + < Fehler: Es wurde kein Text für die Anzeige eingegeben! +
+
+
+

Textformatierung

+
+ + Die zusätzlichen Gestaltungsoptionen sind nur für das Magazin wählbar.
+ Online erscheint die Anzeige als normaler Fließtext. + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+

Einspaltige Radiobuttons...

+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + + +
+
+
+

Bild

+
+ + Du kannst Deiner Anzeige ein Bild hinzufügen. + Das Bild erscheint nur online. + Im Magazin erscheint die Kleinanzeige mit Hinweis auf das Onlinebild. + +
+
+ + +
+
+ + +
+
+
+
+

Alleinstehende Checkbox

+
+ + +
+
+
+

Kundendaten

+

+ Pflichtfelder sind mit einem + * markiert. +

+
+ + +
+
+ + +
+
+ + +
+
+ + + < Fehler: Dies ist ein Pflichtfeld! +
+
+ + +
+
+ + +
+
+
+ +
+
+
+

Anzeige regionalisieren

+

+ Indem Du Deine Kleinanzeige einer Stadt zuordnest, können Interessenten + diese online leichter finden, wenn sie nur nach Kleinanzeigen aus + bestimmten Städten suchen. + Du kannst auch keine Stadt zuordnen, dann wird die Kleinanzeige von + diesen Interessenten aber auch nicht gefunden. +

+
+
+ + +

+ Das Feld leer lassen, wenn die Anzeige nicht regionalisiert werden soll. +

+
+
+
+

Ein Passwort-Eingabe-Feld

+
+ + +
+
+
+

Lade das Bild hoch

+

+ Du kannst ein Bild im JPEG- oder PNG-Format hochladen. + Das Bild darf nicht größer als 8 MByte sein. +

+
+ + +
+
+
+ + +
+
+
+

Antworten

+

+ Pflichtfelder sind mit einem + * markiert. +

+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+

Weiter mit Anmeldung

+
+ + +
+
+ + +
+
+
+

Weiter ohne Anmeldung

+ +
+ Was steht da? + Captcha +
+
+ + +
+
+
+
diff --git a/content/projects/html-experimente/kein-layout.html b/content/projects/html-experimente/kein-layout.html new file mode 100644 index 00000000..47b94024 --- /dev/null +++ b/content/projects/html-experimente/kein-layout.html @@ -0,0 +1,12 @@ +--- +title: "HTML-Experimente - Kein Layout" +linkTitle: "Kein Layout" +url: /potemkin/html-experimente/kein-layout.html +--- +
+

Alle Stylings deaktiviert

+ MAIN-CONTENT +
+ diff --git a/content/projects/html-experimente/phone.html b/content/projects/html-experimente/phone.html new file mode 100644 index 00000000..55fd320f --- /dev/null +++ b/content/projects/html-experimente/phone.html @@ -0,0 +1,12 @@ +--- +title: "HTML-Experimente - Layout PHONE" +linkTitle: "Layout PHONE" +url: /potemkin/html-experimente/phone.html +--- +
+

Layout für Smartphones

+ MAIN-CONTENT +
+ diff --git a/content/projects/html-experimente/seitenaufteilung.html b/content/projects/html-experimente/seitenaufteilung.html new file mode 100644 index 00000000..738a7b0c --- /dev/null +++ b/content/projects/html-experimente/seitenaufteilung.html @@ -0,0 +1,12 @@ +--- +title: "HTML-Experimente - Basis-Layout & Seitenaufteilung" +linkTitle: "Basis-Layout & Seitenaufteilung" +url: /potemkin/html-experimente/seitenaufteilung.html +--- +
+

Nur das Basis-Layout und die Seitenaufteiltung

+ MAIN-CONTENT +
+ diff --git a/content/projects/html-experimente/seitenkopf.html b/content/projects/html-experimente/seitenkopf.html new file mode 100644 index 00000000..fa37772d --- /dev/null +++ b/content/projects/html-experimente/seitenkopf.html @@ -0,0 +1,12 @@ +--- +title: "HTML-Experimente - Basis-Layout & Seitenkopf" +linkTitle: "Basis-Layout & Seitenkopf" +url: /potemkin/html-experimente/seitenkopf.html +--- +
+

Nur das Basis-Layout und der Seitenkopf

+ MAIN-CONTENT +
+ diff --git a/content/projects/html-experimente/symbole.html b/content/projects/html-experimente/symbole.html new file mode 100644 index 00000000..e75c5212 --- /dev/null +++ b/content/projects/html-experimente/symbole.html @@ -0,0 +1,403 @@ +--- +title: "HTML-Experimente - Symbol-Font" +linkTitle: "Symbol-Font" +url: /potemkin/html-experimente/symbole.html +--- +
+

Symbol-Font

+

100%

+
+  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +
+

200%

+
+  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +
+

300%

+
+  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +
+

400%

+
+  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +
+

500%

+
+  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +
+
diff --git a/content/projects/html-experimente/tablet.html b/content/projects/html-experimente/tablet.html new file mode 100644 index 00000000..a5ad1765 --- /dev/null +++ b/content/projects/html-experimente/tablet.html @@ -0,0 +1,12 @@ +--- +title: "HTML-Experimente - Layout TABLET" +linkTitle: "Layout TABLET" +url: /potemkin/html-experimente/tablet.html +--- +
+

Layout für Tablets

+ MAIN-CONTENT +
+ diff --git a/content/projects/html-experimente/testlab.html b/content/projects/html-experimente/testlab.html new file mode 100644 index 00000000..f4ca114b --- /dev/null +++ b/content/projects/html-experimente/testlab.html @@ -0,0 +1,255 @@ +--- +title: "HTML-Experimente - Media-Query-Test: BEISPIEL" +linktTitle: "Media-Query-Test: BEISPIEL" +url: /potemkin/html-experimente/testlab.html +--- +
+
+

Anzeigetext

+
+ + + < Fehler: Es wurde kein Text für die Anzeige eingegeben! +
+
+
+

Textformatierung

+
+ + Die zusätzlichen Gestaltungsoptionen sind nur für das Magazin wählbar.
+ Online erscheint die Anzeige als normaler Fließtext. + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+

Einspaltige Radiobuttons...

+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + + +
+
+
+

Bild

+
+ + Du kannst Deiner Anzeige ein Bild hinzufügen. + Das Bild erscheint nur online. + Im Magazin erscheint die Kleinanzeige mit Hinweis auf das Onlinebild. + +
+
+ + +
+
+ + +
+
+
+
+

Alleinstehende Checkbox

+
+ + +
+
+
+

Kundendaten

+

+ Pflichtfelder sind mit einem + * markiert. +

+
+ + +
+
+ + +
+
+ + +
+
+ + + < Fehler: Dies ist ein Pflichtfeld! +
+
+ + +
+
+ + +
+
+
+ +
+
+
+

Anzeige regionalisieren

+

+ Indem Du Deine Kleinanzeige einer Stadt zuordnest, können Interessenten + diese online leichter finden, wenn sie nur nach Kleinanzeigen aus + bestimmten Städten suchen. + Du kannst auch keine Stadt zuordnen, dann wird die Kleinanzeige von + diesen Interessenten aber auch nicht gefunden. +

+
+
+ + +

+ Das Feld leer lassen, wenn die Anzeige nicht regionalisiert werden soll. +

+
+
+
+

Ein Passwort-Eingabe-Feld

+
+ + +
+
+
+

Lade das Bild hoch

+

+ Du kannst ein Bild im JPEG- oder PNG-Format hochladen. + Das Bild darf nicht größer als 8 MByte sein. +

+
+ + +
+
+
+ + +
+
+
+

Antworten

+

+ Pflichtfelder sind mit einem + * markiert. +

+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+

Weiter mit Anmeldung

+
+ + +
+
+ + +
+
+
+

Weiter ohne Anmeldung

+ +
+ Was steht da? + Captcha +
+
+ + +
+
+
+
diff --git a/content/projects/html-experimente/tiny.html b/content/projects/html-experimente/tiny.html new file mode 100644 index 00000000..7f5c62c7 --- /dev/null +++ b/content/projects/html-experimente/tiny.html @@ -0,0 +1,12 @@ +--- +title: "HTML-Experimente - Layout TINY" +linkTitle: "Layout TINY" +url: /potemkin/html-experimente/tiny.html +--- +
+

Layout für sehr kleine Bildschirmgrößen

+ MAIN-CONTENT +
+ diff --git a/content/projects/typo.html b/content/projects/typo.html new file mode 100644 index 00000000..039b6acf --- /dev/null +++ b/content/projects/typo.html @@ -0,0 +1,106 @@ +--- +title: "Typography" +url: /potemkin/typo.html +--- +
+

Typography

+

+ 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. +

+

Ein Link im Titel

+

Ein Link im Text.

+

Normal / Italic / Bold / Bold+Italic

+ +

+ ÄäÖöÜüß@€¢ + ÄäÖöÜüß@€¢ + ÄäÖöÜüß@€¢ + ÄäÖöÜüß@€¢ +

+

+ AÄaäOÖoöuÜuüß@€¢ + AÄaäOÖoöUÜuüß@€¢ + AÄaäOÖoöUÜuüß@€¢ + AÄaäOÖoöUÜuüß@€¢ +

+

H1: Heading

+

H2: Heading

+

H3: Heading

+

H4: Heading

+

H1: Heading

+

+ 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. +

+

H2: Heading

+

+ 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. +

+

H3: Heading

+

+ 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. +

+

H4: Heading

+

+ 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. +

+

Preformatted code

+

+ Juplo Branding uses + google-code-prettify for automatic + syntax highlighting. +

+ 
<plugin>
+  <groupId>ro.isdc.wro4j</groupId>
+  <artifactId>wro4j-maven-plugin</artifactId>
+  <version>${wro4j.version}</version>
+  <configuration>
+    <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory>
+    <cssDestinationFolder>${project.build.directory}/${project.build.finalName}/css/</cssDestinationFolder>
+  </configuration>
+  <executions>
+    <execution>
+      <phase>package</phase>
+      <goals>
+        <goal>run</goal>
+      </goals>
+    </execution>
+  </executions>
+</plugin>
+
+