--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="/templates/layout"
+ th:with="uri='/about.html'"
+ >
+ <head>
+ <title>About</title>
+ <!--/*-->
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <link rel="stylesheet" type="text/css" href="css/base.css"/>
+ <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
+ <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
+ <!--*/-->
+ </head>
+ <body>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>About</h1></header>
+ <p>
+ <span class="logo">juplo</span> is the place, where I collect and share
+ my more or less private projects.
+ It is a lab for experiments, that help me to do my job as a freelancer
+ at the desired level of quality.
+ Here, I can play with all the fancy new stuff, that might be a little
+ bit to much bleeding edge, to be used on a production site of a paying
+ client.
+ </p>
+ <p>
+ I decided to share all this stuff, because I am always learning a lot
+ from the internet-community.
+ I wanted to give back a little and try to help and teach others, as I
+ was helped and teached.
+ Also, this is a good oportunity, to show what I am doing and to do a
+ little self-publicity...
+ </p>
+ <p>
+ <span class="logo">juplo</span> mainly consists of two parts:
+ </p>
+ <ul>
+ <li>
+ In the <a href="blog.html" th:href="@{/blog.html}">blog</a>, I summarize, how I solved
+ some every-day problems, other people might stumble across too.
+ I am introducing new projects there and announcing new versions and/or
+ bugfixes to older projects.
+ </li>
+ <li>
+ The other part of the site is the
+ <a href="projects.html" th:href="@{/projects.html}">projects-section</a>.
+ This is where I am hosting all projects, that I have made publicy
+ available.
+ </li>
+ </ul>
+ <p>
+ If you want to hire me, you can find out more on the
+ <a href="contact.html" th:href="@{/contact.html}">contact-page</a>.
+ If you are not yet sure, if you want to hire me, you might be
+ interessted in
+ <a href="expertise.html" th:href="@{/expertise.html}">what I can do for you</a>, or
+ <a href="references.html" th:href="@{/references.html}">what I have already done for others</a>.
+ </p>
+ </article>
+ <aside layout:fragment="marginalcontent" class="m">
+ <h2>Funded by the Europian Union</h2>
+ <p>
+ As partner of the company
+ <a href="http://yourshouter.com" title="Visit the Homepage of the company">yourSHOUTER UG (haftungsbeschränkt)</a>
+ we publish results of a
+ <a href="http://yourshouter.com/projekte/crowdgest%C3%BCtzte-veranstaltungs-suchmaschine.html" title="Show details about the funded resarch-project">resarch-project</a>,
+ that is funded by the European Union and the federal state Northrhine-Westphalia.
+ </p>
+ <p>
+ <a href="http://yourshouter.com/projekte/crowdgest%C3%BCtzte-veranstaltungs-suchmaschine.html" title="Show details about the funded resarch-project" class="img">
+ <img src="img/EFRE_Foerderhinweis_deutsch_farbig.svg" alt="Europäische Union: Investitionen in unsere Zukunft - Europäischer Fonds für regionale Entwicklung" th:src="@{/img/EFRE_Foerderhinweis_deutsch_farbig.svg}" width="100%"/>
+ <img src="img/Ziel2NRW_4c_1809_eps.svg" alt="EFRE.NRW 2014-2020: Invesitionen in Wachstum und Beschäftigung" th:src="@{/img/Ziel2NRW_4c_1809_eps.svg}" width="100%"/>
+ </a>
+ </p>
+ </aside>
+ </body>
+</html>
projects / website / blobdiff