projects / website / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Templates und Seiten ein Verzeichnis höher geschoben und thymeleaf/ gelöscht
[website] / dist / projects / typo.html
diff --git a/dist/projects/typo.html b/dist/projects/typo.html
new file mode 100644 (file)
index 0000000..6ff3319
--- /dev/null
+++ b/dist/projects/typo.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="uri='/projects/typo.html'"
+    >
+  <head>
+    <title>Typography</title>
+    <!--/*-->
+    <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
+    <style type="text/css">
+      @import '../css/screen.min.css' screen;
+      @import '../css/print.min.css' print;
+    </style>
+    <script src="../js/prettify.js" th:src="@{/js/prettify.js}"></script>
+    <!--*/-->
+  </head>
+  <body onload="prettyPrint()">
+    <article layout:fragment="maincontent">
+      <header><h1>Typography</h1></header>
+      <p>
+        Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
+        sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
+        magna aliqua. Ut enim ad minim veniam, quis nostrud
+        <a href="#dort">exercitation</a> ullamco laboris nisi ut aliquip
+        <em>ex ea</em> commodo consequat. Duis aute irure dolor in reprehenderit
+        in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+        <strong>Excepteur sint <em>occaecat</em> cupidatat non proident</strong>,
+        sunt in culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+      <h2>Ein Link <a href="#link">im Titel</a></h2>
+      <p>Ein Link <a href="#link">im Text</a>.</p>
+      <h2>Normal / Italic / Bold / Bold+Italic</h2>
+      <ul>
+        <li>normal</li>
+        <li><em>italic</em></li>
+        <li><strong>bold</strong></li>
+        <li><strong><em>bold italic</em></strong></li>
+      </ul>
+      <p>
+        ÄäÖöÜüß@€¢
+        <strong>ÄäÖöÜüß@€¢</strong>
+        <em>ÄäÖöÜüß@€¢</em>
+        <strong><em>ÄäÖöÜüß@€¢</em></strong>
+      </p>
+      <h1>H1: Heading</h1>
+      <h2>H2: Heading</h2>
+      <h3>H3: Heading</h3>
+      <h4>H4: Heading</h4>
+      <h1>H1: Heading</h1>
+      <p>
+        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.
+      </p>
+      <h2>H2: Heading</h2>
+      <p>
+        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.
+      </p>
+      <h3>H3: Heading</h3>
+      <p>
+        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.
+      </p>
+      <h4>H4: Heading</h4>
+      <p>
+        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.
+      </p>
+      <h1>Preformatted code</h1>
+      <p>
+        <em>Juplo Branding</em> uses
+        <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
+        syntax highlighting.
+      </p>
+      <pre class="prettyprint linenums"><code class="language-xml">&lt;plugin&gt;
+  &lt;groupId&gt;ro.isdc.wro4j&lt;/groupId&gt;
+  &lt;artifactId&gt;wro4j-maven-plugin&lt;/artifactId&gt;
+  &lt;version&gt;${wro4j.version}&lt;/version&gt;
+  &lt;configuration&gt;
+    &lt;wroManagerFactory&gt;ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory&lt;/wroManagerFactory&gt;
+    &lt;cssDestinationFolder&gt;${project.build.directory}/${project.build.finalName}/css/&lt;/cssDestinationFolder&gt;
+  &lt;/configuration&gt;
+  &lt;executions&gt;
+    &lt;execution&gt;
+      &lt;phase&gt;package&lt;/phase&gt;
+      &lt;goals&gt;
+        &lt;goal&gt;run&lt;/goal&gt;
+      &lt;/goals&gt;
+    &lt;/execution&gt;
+  &lt;/executions&gt;
+&lt;/plugin&gt;
+</code></pre>
+    </article>
+  </body>
+</html>
Unnamed repository; edit this file 'description' to name the repository.