<title>About</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
- <script src="../js/less-1.7.0.min.js"></script>
+ <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>
<title>Allgemeine Geschäftsbedingungen (AGB)</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
- <script src="../js/less-1.7.0.min.js"></script>
+ <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>
<title>Blog</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
- <script src="../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/blog.json">
</div><!-- .entry-content -->
<footer class="entry-meta">
<span class="cat-links">
- Posted in <a href="http://juplo.de/category/jetty/" title="View all posts in Jetty" rel="category tag">Jetty</a>, <a href="http://juplo.de/category/
less/" title="View all posts in less" rel="category tag">less</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/wro4j/" title="View all posts in wro4j" rel="category tag">wro4j</a>
+ Posted in <a href="http://juplo.de/category/jetty/" title="View all posts in Jetty" rel="category tag">Jetty</a>, <a href="http://juplo.de/category/
css/" title="View all posts in less" rel="category tag">less</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/wro4j/" title="View all posts in wro4j" rel="category tag">wro4j</a>
</span>
</footer><!-- .entry-meta -->
</article><!-- #post-140 -->
<title>juplo - blog - Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
- <script src="../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/blog.json">
</div><!-- .entry-meta -->
</div><!-- .entry-header -->
<div class="entry-content">
- <p>Ever searched for a simple configuration, that lets you use your <a href="http://wiki.eclipse.org/Jetty/Feature/Jetty_Maven_Plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://wiki.eclipse.org']);" title="See the documentation for mor information">jetty-maven-plugin</a> as you are used to, while working with <a href="http://www.lesscss.org/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.lesscss.org']);" title="See LESS CSS documentation for mor informations">LESS</a> to simplify your stylesheets?</p>
- <p>You cannot do both, use the <a href="http://www.
lesscss.org/#usage" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.lesscss.org']);" title="More about the client-side usage of LESS">Client-side mode</a> of LESS to ease development and use the <a href="https://github.com/marceloverdijk/lesscss-maven-plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" title="Homepage of the official LESS CSS maven plugin">lesscss-maven-plugin</a> to automatically compile the LESS-sources into CSS for production. That does not work, because your stylesheets must be linked in different ways if you are switching between the client-side mode – which is best for development – and the pre-compiled mode – which is best for production. For the client-side mode you need something like:</p>
+ <p>Ever searched for a simple configuration, that lets you use your <a href="http://wiki.eclipse.org/Jetty/Feature/Jetty_Maven_Plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://wiki.eclipse.org']);" title="See the documentation for mor information">jetty-maven-plugin</a> as you are used to, while working with <a href="http://www.csscss.org/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.csscss.org']);" title="See LESS CSS documentation for mor informations">LESS</a> to simplify your stylesheets?</p>
+ <p>You cannot do both, use the <a href="http://www.
csscss.org/#usage" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.csscss.org']);" title="More about the client-side usage of LESS">Client-side mode</a> of LESS to ease development and use the <a href="https://github.com/marceloverdijk/lesscss-maven-plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" title="Homepage of the official LESS CSS maven plugin">lesscss-maven-plugin</a> to automatically compile the LESS-sources into CSS for production. That does not work, because your stylesheets must be linked in different ways if you are switching between the client-side mode – which is best for development – and the pre-compiled mode – which is best for production. For the client-side mode you need something like:</p>
<pre class="prettyprint linenums">
<code class="html">
- <link rel="stylesheet/less" type="text/css" href="styles.less" />
+ <link rel="stylesheet" type="text/css" href="styles.css" />
<script src="../less.js" type="text/javascript"></script>
</code>
</pre>
<p>While, for the pre-compiled mode, you want to link to your stylesheets as usual, with:</p>
<pre class="prettyprint linenums">
<code class="html">
- <link rel="stylesheet/less" type="text/css" href="styles.css" />
+ <link rel="stylesheet" type="text/css" href="styles.css" />
</code>
</pre>
<p>While looking for a solution to this dilemma, I stumbled accross <a href="https://code.google.com/p/wro4j/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the documentation of ths wounderfull tool">wro4j</a>. Originally intended, to speed up page-delivery by combining and minimizing multiple resources into one through the use of a servlet-filter, this tool also comes with a maven-plugin, that let you do the same offline, while compiling your webapp.</p>
<code class="xml">
<groups xmlns="http://www.isdc.ro/wro">
<group name="base">
- <css>/less/base/*.less</css>
+ <css>/css/base/*.css</css>
</group>
</code>
</pre>
- <p>wro4j looks for <code>/
less/base/*.less</code> inside the root of the web-context, which is equal to <code>src/main/webapp</code> in a normal maven-project. There are <a href="http://code.google.com/p/wro4j/wiki/ResourceTypes" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the resource locator documentation of wro4j for more details">other ways to specifie the resources</a>, which enable you to store them elswhere. But this approach works best for our goal, because the path is understandable for both: the wro4j servlet-filter, we are configuring now for our development-environment, and the wro4j-maven-plugin, that we will configure later for build-time compilation.</p>
+ <p>wro4j looks for <code>/
css/base/*.css</code> inside the root of the web-context, which is equal to <code>src/main/webapp</code> in a normal maven-project. There are <a href="http://code.google.com/p/wro4j/wiki/ResourceTypes" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the resource locator documentation of wro4j for more details">other ways to specifie the resources</a>, which enable you to store them elswhere. But this approach works best for our goal, because the path is understandable for both: the wro4j servlet-filter, we are configuring now for our development-environment, and the wro4j-maven-plugin, that we will configure later for build-time compilation.</p>
<h3>wro.properties</h3>
- <p>wro.properties in short tells wro4j, how or if it should convert the combined sources and how it should behave. I am using the following configuration to tell wro4j, that it should convert <code>*.less</code>-sources into CSS and do that on <em>every request</em>:</p>
+ <p>wro.properties in short tells wro4j, how or if it should convert the combined sources and how it should behave. I am using the following configuration to tell wro4j, that it should convert <code>*.css</code>-sources into CSS and do that on <em>every request</em>:</p>
<pre class="prettyprint linenums">
<code class="properties">
preProcessors=less4j
</code>
</pre>
<p>The filter processes any URI’s that end with <code>.css</code>. This way, the wro4j servlet-filter makes <code>base.css</code> available under any path, because for exampl <code>/base.css</code>, <code>/css/base.css</code> and <code>/foo/bar/base.css</code> all end with <code>.css</code>.</p>
- <p>This is all, that is needed to develop with dynamically reloadable compiled LESS-resources. Just fire up your browser and browse to <code>/what/you/like/base.css</code>. (But do not forget to put some LESS-files in <code>src/main/webapp/less/base/</code> first!)</p>
+ <p>This is all, that is needed to develop with dynamically reloadable compiled LESS-resources. Just fire up your browser and browse to <code>/what/you/like/base.css</code>. (But do not forget to put some LESS-files in <code>src/main/webapp/css/base/</code> first!)</p>
<h2>Step 3: Install wro4j-maven-plugin</h2>
<p>All that is left over to configure now, is the build-process. If you would build and deploy your webapp now, the CSS-file <code>base.css</code> would not be generated and the link to your stylesheet, that already works in our jetty-maven-plugin environment would point to a 404. Hence, we need to set up the <strong>wro4j-maven-plugin</strong>. I am using this configuration:</p>
<pre class="prettyprint linenums">
<p>We only scrached the surface, of what can be done with wro4j. Based on this configuration, you can easily enable additional features to fine-tune your final build for maximum speed. You really should take a look at the <a href="https://code.google.com/p/wro4j/wiki/AvailableProcessors" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="Available Processors">list of available Processors</a>!</p>
</div><!-- .entry-content -->
<footer class="entry-meta">
- This entry was posted in <a href="http://juplo.de/category/jetty/" title="View all posts in Jetty" rel="category tag">Jetty</a>, <a href="http://juplo.de/category/
less/" title="View all posts in less" rel="category tag">less</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/wro4j/" title="View all posts in wro4j" rel="category tag">wro4j</a>. Bookmark the <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="Permalink to Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources" rel="bookmark">permalink</a>.
+ This entry was posted in <a href="http://juplo.de/category/jetty/" title="View all posts in Jetty" rel="category tag">Jetty</a>, <a href="http://juplo.de/category/
css/" title="View all posts in less" rel="category tag">less</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/wro4j/" title="View all posts in wro4j" rel="category tag">wro4j</a>. Bookmark the <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="Permalink to Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources" rel="bookmark">permalink</a>.
</footer><!-- .entry-meta -->
</article><!-- #post-140 -->
<!-- You can start editing here. -->
<title>juplo - blog - hibernate4-maven-plugin</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
- <script src="../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/blog.json">
<title>Contact</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
- <script src="../js/less-1.7.0.min.js"></script>
+ <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>
<title>Datenschutz</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
- <script src="../js/less-1.7.0.min.js"></script>
+ <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>
<title>Expertise</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
- <script src="../js/less-1.7.0.min.js"></script>
+ <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>
<title>Google Analytics</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
- <script src="../js/less-1.7.0.min.js"></script>
+ <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>
<title>Haftung für Inhalte</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
- <script src="../js/less-1.7.0.min.js"></script>
+ <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>
<title>Haftung für Links</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
- <script src="../js/less-1.7.0.min.js"></script>
+ <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>
<title>Impressum</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
- <script src="../js/less-1.7.0.min.js"></script>
+ <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>
<title>Home</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
- <script src="../js/less-1.7.0.min.js"></script>
+ <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>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Fix SWF - Overview</title>
- <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
- <script src="../../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables='MERGE:/thymeleaf/potemkin.json,MERGE:{"pages":{
<title>Fix SWF - Getting Started</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
- <script src="../../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Fix SWF - Overview</title>
- <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
- <script src="../../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<title>HTML-Experimente</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
- <script src="../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<head layout:fragment="head">
<title>HTML-Experimente - Basis-Layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../less/base.less" th:href="@{/css/base.min.css}"/>
- <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.min.css}"/>
</head>
<body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
<title>HTML-Experimente - Langer Breadcrumb</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
- <script src="../../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<head layout:fragment="head">
<title>HTML-Experimente - Druck-Layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/print.css" th:href="@{/css/print.css}"/>
- <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/print.css" th:href="@{/css/print.css}"/>
</head>
<body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
<head>
<title>This Page Will Raise An Error</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/projects.json">
</body>
<title>HTML-Experimente - Fast leere einspaltige Seite mit Marginalinhalt</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
- <script src="../../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<title>HTML-Experimente - Fast leere einspaltige Seite</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
- <script src="../../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<title>HTML-Experimente - Fast leere Seite ohne Menü aber mit Marginalspalte</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
- <script src="../../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<title>HTML-Experimente - Fast leere Seite ohne Menü</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
- <script src="../../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<title>HTML-Experimente - Fast leere Seite mit Menü und Marginalinhalt</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
- <script src="../../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<title>HTML-Experimente - Fast leere Seite mit Menü</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
- <script src="../../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<title>HTML-Experimente - Formulare</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
- <script src="../../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<head layout:fragment="head">
<title>HTML-Experimente - Layout PHONE</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/phone.css" th:href="@{/css/phone.css}"/>
- <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/phone.css" th:href="@{/css/phone.css}"/>
</head>
<body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
<head layout:fragment="head">
<title>HTML-Experimente - Basis-Layout & Seitenaufteilung</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/seitenaufteilung.css" th:href="@{/css/seitenaufteilung.css}"/>
- <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/seitenaufteilung.css" th:href="@{/css/seitenaufteilung.css}"/>
</head>
<body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
<head layout:fragment="head">
<title>HTML-Experimente - Basis-Layout & Seitenkopf</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/seitenkopf.css" th:href="@{/css/seitenkopf.css}"/>
- <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/seitenkopf.css" th:href="@{/css/seitenkopf.css}"/>
</head>
<body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
<title>HTML-Experimente - Symbol-Font</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
- <script src="../../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<head layout:fragment="head">
<title>HTML-Experimente - Layout TABLET</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/tablet.css" th:href="@{/css/tablet.css}"/>
- <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/tablet.css" th:href="@{/css/tablet.css}"/>
</head>
<body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
<title>HTML-Experimente - Media-Query-Test: BEISPIEL</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
- <script src="../../../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<head layout:fragment="head">
<title>HTML-Experimente - Layout TINY</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/tiny.css" th:href="@{/css/tiny.css}"/>
- <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/tiny.css" th:href="@{/css/tiny.css}"/>
</head>
<body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
<title>Typography</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
+ <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"/>
<script src="../../js/prettify.js" th:src="@{/js/prettify.js}"></script>
- <script src="../../js/less-1.7.0.min.js"></script>
<!--*/-->
</head>
<body onload="prettyPrint()" thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<title>Projects</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
- <script src="../js/less-1.7.0.min.js"></script>
+ <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 thymeproxy:variables="MERGE:/thymeleaf/projects.json">
<title>References</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
- <script src="../js/less-1.7.0.min.js"></script>
+ <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>
<title>404: Page Not Found!</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
- <script src="../../js/less-1.7.0.min.js"></script>
+ <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>
<title>An Unexpected Error Occured!</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
- <script src="../../js/less-1.7.0.min.js"></script>
+ <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>
<head>
<title>Fragments</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
- <script src="../../js/less-1.7.0.min.js"></script>
+ <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>
<h1>Explanation fo the german word "Impressum"</h1>
<title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE" th:text="'juplo'">juplo - BASISTEMPLATE</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../less/base.less" th:href="@{/css/base.min.css}"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen" th:remove="all"/>
- <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print" th:remove="all"/>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/base.css" th:href="@{/css/base.min.css}"/>
+ <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen" th:remove="all"/>
+ <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print" th:remove="all"/>
<style type="text/css" th:inline="text">
@import '[[@{/css/screen.min.css}]]' screen;
@import '[[@{/css/print.min.css}]]' print;
<script src="../../js/html5shiv.js" th:src="@{/js/html5shiv.js}"></script>
<![endif]-->
<!--[if IE 8]>
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../less/ie8.less" th:href="@{/css/ie8.min.css}"/>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/ie8.css" th:href="@{/css/ie8.min.css}"/>
<![endif]-->
- <script src="../../js/less-1.7.0.min.js" th:remove="all"></script>
</head>
<body
thymeproxy:variables="${json}"
<title>Urheberrecht</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
- <script src="../js/less-1.7.0.min.js"></script>
+ <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>
projects / website / commitdiff