<%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
<s:url var="base" value="/" />
<li class="f" id="copyright">© <strong>mo</strong> 2013</li>
-<li class="f"><a class="f" href="${base}contact.html">Contact</a></li>
<li class="f"><a class="f" href="${base}impressum.html">Impressum</a></li>
+<li class="f about"><a class="f" href="${base}about.html">About</a></li>
<ul id="menu" class="cf">
<li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
<li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
</ul>
<ul id="menu" class="cf">
<li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
<li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
</ul>
<h2 class="nav submenu">
<span class="s">Submenu for section</span>
--- /dev/null
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<s:url var="base" value="/" />
+<t:insertDefinition name="BASEPAGE">
+ <t:putAttribute name="title" value="About" type="string"/>
+ <t:putAttribute name="breadcrumb">
+ <li class="b"><a class="b" href="${base}index.html">Home</a></li>
+ <li class="b"><strong class="b">About</strong></li>
+ </t:putAttribute>
+ <t:putAttribute name="navigation" type="string">
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="s active cf">
+ <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
+ <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+ <li class="m about"><strong class="m">About</strong></li>
+ </ul>
+ <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">About</strong></h2>
+ <ul id="submenu">
+ <li class="s sub"><a href="${base}about/professions.html" class="s">Professions</a></li>
+ <li class="s sub"><a href="${base}about/references.html" class="s">References</a></li>
+ <li class="s "><a href="${base}about/contact.html" class="s">Contact</a></li>
+ </ul>
+ </t:putAttribute>
+ <t:putAttribute name="maincontent" type="string">
+ <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="${base}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="${base}projects.html">Projects</a>-section.
+ 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="${base}contact.html">Contact</a>-page.
+ If you are not yet sure, if you want to hire me, you might be
+ interessted in
+ <a href="${base}professions.html">what I can do for you</a>, or
+ <a href="${base}references.html">what I have already done for others</a>.
+ </p>
+ </t:putAttribute>
+ <t:putAttribute name="marginalcontent" type="string" value=""/>
+ <t:putAttribute name="footer" type="string">
+ <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+ <li class="f"><a class="f" href="${base}impressum.html">Impressum</a></li>
+ <li class="f about"><strong class="f">About</strong></li>
+ </t:putAttribute>
+</t:insertDefinition>
--- /dev/null
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<s:url var="base" value="/" />
+<t:insertDefinition name="BASEPAGE">
+ <t:putAttribute name="title" value="Professions" type="string"/>
+ <t:putAttribute name="breadcrumb">
+ <li class="b"><a class="b" href="${base}index.html">Home</a></li>
+ <li class="b"><a class="b" href="${base}about.html">About</a></li>
+ <li class="b"><strong class="b">Professions</strong></li>
+ </t:putAttribute>
+ <t:putAttribute name="navigation" type="string">
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="s active cf">
+ <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
+ <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
+ </ul>
+ <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}about.html" class="s">About</a></h2>
+ <ul id="submenu">
+ <li class="s sub">
+ <strong class="s">Professions</strong>
+ <ul class="s active">
+ <li class="s"><a href="${base}about/web-engineering.html" class="s">Web-Engineering</a></li>
+ <li class="s"><a href="${base}about/spring-framework.html" class="s">Spring Framework</a></li>
+ <li class="s"><a href="${base}about/.html" class="s"></a></li>
+ <li class="s"><a href="${base}about/responsive-web-design.html" class="s">Responsive Webdesign</a></li>
+ <li class="s"><a href="${base}about/web-ui-esign.html" class="s">WEB-UI-Design</a></li>
+ <li class="s"><a href="${base}about/seo.html" class="s">SEO</a></li>
+ </ul>
+ </li>
+ <li class="s sub off"><a href="${base}about/references.html" class="s">References</a></li>
+ <li class="s off"><a href="${base}about/contact.html" class="s">Contact</a></li>
+ </ul>
+ </t:putAttribute>
+ <t:putAttribute name="maincontent" type="string">
+ <p>
+ <em>TODO</em>
+ </p>
+ </t:putAttribute>
+ <t:putAttribute name="marginalcontent" type="string" value=""/>
+</t:insertDefinition>
--- /dev/null
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<s:url var="base" value="/" />
+<t:insertDefinition name="BASEPAGE">
+ <t:putAttribute name="title" value="References" type="string"/>
+ <t:putAttribute name="breadcrumb">
+ <li class="b"><a class="b" href="${base}index.html">Home</a></li>
+ <li class="b"><a class="b" href="${base}about.html">About</a></li>
+ <li class="b"><strong class="b">References</strong></li>
+ </t:putAttribute>
+ <t:putAttribute name="navigation" type="string">
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="s active cf">
+ <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
+ <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
+ </ul>
+ <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}about.html" class="s">About</a></h2>
+ <ul id="submenu">
+ <li class="s sub off"><a href="${base}about/professions.html" class="s">Professions</a></li>
+ <li class="s sub">
+ <strong class="s">References</strong>
+ <ul class="s active">
+ <li class="s sub"><a href="${base}about/references/coolibri.html" class="s">coolibri.de</a></li>
+ <li class="s"><a href="${base}about/references/hibernate4-maven-plugin.html" class="s">hibernate4-maven-plugin</a></li>
+ <li class="s sub"><a href="${base}about/.html" class="s"></a></li>
+ <li class="s sub"><a href="${base}about/.html" class="s"></a></li>
+ </ul>
+ </li>
+ <li class="s off"><a href="${base}about/contact.html" class="s">Contact</a></li>
+ </ul>
+ </t:putAttribute>
+ <t:putAttribute name="maincontent" type="string">
+ <p>
+ <em>TODO</em>
+ </p>
+ </t:putAttribute>
+ <t:putAttribute name="marginalcontent" type="string" value=""/>
+</t:insertDefinition>
<ul id="menu" class="cf">
<li class="m blog"><strong class="m">Blog</strong></li>
<li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
</ul>
</t:putAttribute>
<t:putAttribute name="maincontent" type="string">
<ul id="menu" class="cf">
<li class="m blog"><strong class="m">Blog</strong></li>
<li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
</ul>
</t:putAttribute>
<t:putAttribute name="maincontent" type="string">
<ul id="menu" class="cf">
<li class="m blog"><strong class="m">Blog</strong></li>
<li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
</ul>
</t:putAttribute>
<t:putAttribute name="maincontent" type="string">
<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
<%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
<s:url var="base" value="/" />
-<t:insertDefinition name="ONECOLUMN">
+<t:insertDefinition name="BASEPAGE">
<t:putAttribute name="title" value="Contact" type="string"/>
<t:putAttribute name="breadcrumb">
<li class="b"><a class="b" href="${base}index.html">Home</a></li>
+ <li class="b"><a class="b" href="${base}about.html">About</a></li>
<li class="b"><strong class="b">Contact</strong></li>
</t:putAttribute>
- <t:putAttribute name="maincontent" type="string" value="TODO..."/>
+ <t:putAttribute name="navigation" type="string">
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="s active cf">
+ <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
+ <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
+ </ul>
+ <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}about.html" class="s">About</a></h2>
+ <ul id="submenu">
+ <li class="s sub"><a href="${base}professions.html" class="s">Professions</a></li>
+ <li class="s sub"><a href="${base}references.html" class="s">References</a></li>
+ <li class="s "><strong class="s">Contact</strong></li>
+ </ul>
+ </t:putAttribute>
+ <t:putAttribute name="maincontent" type="string">
+ <p>
+ <em>TODO</em>
+ </p>
+ </t:putAttribute>
<t:putAttribute name="marginalcontent" type="string" value=""/>
</t:insertDefinition>
<ul id="menu" class="s active cf">
<li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
<li class="m projects"><strong class="m">Projects</strong></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
</ul>
<h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">Projects</strong></h2>
<ul id="submenu">
<ul id="menu" class="cf">
<li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
<li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
</ul>
<h2 class="nav submenu">
<span class="s">Submenu for section</span>
<ul id="menu" class="cf">
<li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
<li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
</ul>
<h2 class="nav submenu">
<span class="s">Submenu for section</span>
<ul id="menu" class="cf">
<li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
<li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
</ul>
<h2 class="nav submenu">
<span class="s">Submenu for section</span>
<ul id="menu" class="cf">
<li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
<li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
</ul>
<h2 class="nav submenu">
<span class="s">Submenu for section</span>
<ul id="menu" class="cf">
<li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
<li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
</ul>
<h2 class="nav submenu">
<span class="s">Submenu for section</span>
<ul id="menu" class="cf">
<li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
<li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
</ul>
</t:putAttribute>
<t:putAttribute name="maincontent" type="string">
<ul id="menu" class="cf">
<li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
<li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+ <li class="m about"><a href="${base}about.html" class="m">About</a></li>
</ul>
</t:putAttribute>
<t:putAttribute name="maincontent" type="string">
border-bottom: 1px dotted @nochdunkler;
}
+.logo
+{
+ .bpreplay;
+ color: @normal;
+}
position: static;
border-style: none;
}
+#footer > #footerlinks > li.about
+{
+ display: none;
+}
#footer > #footerlinks > li.f
{
color: @hintergrund;
width: auto;
font-size: 137.5%;
margin: 0;
- @media (max-width: 250px)
+ @media (max-width: 229px)
{
color: @schrift;
flow: none;
#menu > li.m
{
float: left;
+ @media (max-width: 359px)
+ {
+ float: none;
+ }
list-style-type: none;
padding: .25em 1em 0 0;
}
@media (max-width: @maxsmallertablet)
{
margin-left: 17.5em;
+ #menu > li.about
+ {
+ display: inline-block;
+ }
}
width: auto;
}
right: 1em;
}
}
+#menu > li.about
+{
+ display: none;
+}
#menu > li.m
{
@media (max-width: @maxsmalltablet)