[website] / dist / about.html
1 <!DOCTYPE html>
2 <html
3     xmlns="http://www.w3.org/1999/xhtml"
4     th:replace="~{/templates/layout.html :: layout(
5       uri='/about.html',
6       title=~{:: title},
7       maincontent=~{:: .maincontent},
8       marginalcontent=~{:: .marginalcontent}
9       )}"
10     >
11   <head>
12     <title>About</title>
13     <!--/*-->
14     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
15     <link rel="stylesheet" type="text/css" href="css/base.css"/>
16     <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
17     <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
18     <!--*/-->
19   </head>
20   <body>
21     <article class="maincontent">
22       <header><h1>About</h1></header>
23       <p>
24         <span class="logo">juplo</span> is the place, where I collect and share
25         my more or less private projects.
26         It is a lab for experiments, that help me to do my job as a freelancer
27         at the desired level of quality.
28         Here, I can play with all the fancy new stuff, that might be a little
29         bit to much bleeding edge, to be used on a production site of a paying
30         client.
31       </p>
32       <p>
33         I decided to share all this stuff, because I am always learning a lot
34         from the internet-community.
35         I wanted to give back a little and try to help and teach others, as I
36         was helped and teached.
37         Also, this is a good oportunity, to show what I am doing and to do a 
38         little self-publicity...
39       </p>
40       <p>
41         <span class="logo">juplo</span> mainly consists of two parts:
42       </p>
43       <ul>
44         <li>
45           In the <a href="blog/" th:href="@{/blog/}">blog</a>, I summarize, how I solved
46           some every-day problems, other people might stumble across too.
47           I am introducing new projects there and announcing new versions and/or
48           bugfixes to older projects.
49         </li>
50         <li>
51           The other part of the site is the
52           <a href="projects.html" th:href="@{/projects.html}">projects-section</a>.
53           This is where I am hosting all projects, that I have made publicy
54           available.
55         </li>
56       </ul>
57       <p>
58         If you want to hire me, you can find out more on the
59         <a href="contact.html" th:href="@{/contact.html}">contact-page</a>.
60         If you are not yet sure, if you want to hire me, you might be
61         interessted in
62         <a href="expertise.html" th:href="@{/expertise.html}">what I can do for you</a>, or 
63         <a href="references.html" th:href="@{/references.html}">what I have already done for others</a>.
64       </p>
65     </article>
66     <aside class="marginalcontent">
67       <h2>Funded by the Europian Union</h2>
68       <p>
69         As partner of the company
70         <a href="http://yourshouter.com" title="Visit the Homepage of the company">yourSHOUTER UG (haftungsbeschränkt)</a>
71         we publish results of a
72         <a href="http://yourshouter.com/projekte/crowdgest%C3%BCtzte-veranstaltungs-suchmaschine.html" title="Show details about the funded resarch-project">resarch-project</a>,
73         that is funded by the European Union and the federal state Northrhine-Westphalia.
74       </p>
75       <p>
76         <a href="http://yourshouter.com/projekte/crowdgest%C3%BCtzte-veranstaltungs-suchmaschine.html" title="Show details about the funded resarch-project" class="img">
77           <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%"/>
78           <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%"/>
79         </a>
80       </p>
81     </aside>
82   </body>
83 </html>