From f9c9aef63c24188c87dbe4a351b2834e2fc0d282 Mon Sep 17 00:00:00 2001
From: Benjamin Franzke <benjaminfranzke@googlemail.com>
Date: Tue, 23 Aug 2011 16:02:34 +0200
Subject: Add initial layout + pages

---
 Makefile        |  17 ++++
 aboutus.xml     |   7 ++
 checkmark.svg   |  13 ++++
 coaching.xml    |   7 ++
 contact.xml     |   7 ++
 impress.xml     |   7 ++
 indent.xsl      |   7 ++
 index.xml       |  36 +++++++++
 main.xml        |  12 +++
 services.xml    |   7 ++
 style/style.css | 235 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 svg.js          |  70 +++++++++++++++++
 xsl/common.xsl  |  34 ++++++++
 xsl/layout.xsl  |  51 ++++++++++++
 xsl/link.xsl    |  18 +++++
 xsl/navi.xsl    |  32 ++++++++
 xsl/svg.xsl     |  36 +++++++++
 17 files changed, 596 insertions(+)
 create mode 100644 Makefile
 create mode 100644 aboutus.xml
 create mode 100644 checkmark.svg
 create mode 100644 coaching.xml
 create mode 100644 contact.xml
 create mode 100644 impress.xml
 create mode 100644 indent.xsl
 create mode 100644 index.xml
 create mode 100644 main.xml
 create mode 100644 services.xml
 create mode 100644 style/style.css
 create mode 100644 svg.js
 create mode 100644 xsl/common.xsl
 create mode 100644 xsl/layout.xsl
 create mode 100644 xsl/link.xsl
 create mode 100644 xsl/navi.xsl
 create mode 100644 xsl/svg.xsl

diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..2bfa102
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,17 @@
+xsltproc=xsltproc
+
+#pages=$(shell xmllint  --xpath "//*/@filename" main.xml | sed 's/filename=//g'| xargs echo)
+pages=$(shell sed -n 's/^.*filename="\([^"]*\)".*/\1/p' main.xml)
+
+pages_html=$(pages:%.xml=%.xhtml)
+
+.PHONY: all
+all: $(pages_html)
+
+%.xhtml: %.xml %.xsl xsl/*
+	$(xsltproc) $<	> $@
+%.xhtml: %.xml xsl/*
+	$(xsltproc) $<	> $@
+
+clean:
+	rm -f $(pages_html)
diff --git a/aboutus.xml b/aboutus.xml
new file mode 100644
index 0000000..689f747
--- /dev/null
+++ b/aboutus.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<?xml-stylesheet type="text/xsl" href="xsl/layout.xsl"?>
+<s:html name="aboutus.xml"
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:s="https://beratung-franzke.de/web-tpl">
+
+</s:html>
diff --git a/checkmark.svg b/checkmark.svg
new file mode 100644
index 0000000..249a00b
--- /dev/null
+++ b/checkmark.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="55" height="55">
+  <path style="fill: #983d3a; stroke: #d45951; stroke-width: 0.2"
+    d="M 21,55
+       S       11,44  0,38
+       L              7,27
+       S       16,34 20,42
+       C 33,15 35,12 45, 0
+       L             55,10
+       C 39,25 35,30 21,55
+       Z"
+  />
+</svg>
diff --git a/coaching.xml b/coaching.xml
new file mode 100644
index 0000000..a836a74
--- /dev/null
+++ b/coaching.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<?xml-stylesheet type="text/xsl" href="xsl/layout.xsl"?>
+<s:html name="coaching.xml"
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:s="https://beratung-franzke.de/web-tpl">
+
+</s:html>
diff --git a/contact.xml b/contact.xml
new file mode 100644
index 0000000..de75143
--- /dev/null
+++ b/contact.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<?xml-stylesheet type="text/xsl" href="xsl/layout.xsl"?>
+<s:html name="contact.xml"
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:s="https://beratung-franzke.de/web-tpl">
+
+</s:html>
diff --git a/impress.xml b/impress.xml
new file mode 100644
index 0000000..7cb73b7
--- /dev/null
+++ b/impress.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<?xml-stylesheet type="text/xsl" href="xsl/layout.xsl"?>
+<s:html name="impress.xml"
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:s="https://beratung-franzke.de/web-tpl">
+
+</s:html>
diff --git a/indent.xsl b/indent.xsl
new file mode 100644
index 0000000..7d747ab
--- /dev/null
+++ b/indent.xsl
@@ -0,0 +1,7 @@
+<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+ <xsl:output method="xml" indent="yes"/>
+ <xsl:strip-space elements="*"/>
+ <xsl:template match="/">
+  <xsl:copy-of select="."/>
+ </xsl:template>
+</xsl:stylesheet>
diff --git a/index.xml b/index.xml
new file mode 100644
index 0000000..aa91f63
--- /dev/null
+++ b/index.xml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<?xml-stylesheet type="text/xsl" href="xsl/layout.xsl"?>
+<s:html name="index.xml"
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:s="https://beratung-franzke.de/web-tpl">
+
+  <h1>Fachkompetenz und Erfahrung</h1>
+  <p>
+    <strong>Angelika Franzke</strong> verfügt über langjährige Erfahrungen
+    in der Zusammenarbeit mit kleinen und mittleren Unterhnehmen.
+    Ihre Kennziffern und Informationen werden wirkungsvoll aufbereitet.
+    Sie werden bei herausfordernden Entscheidungen unterstützt und erhalten Hilfe
+    bei der Steuerung schwierigr Entscheidungsprozesse.
+  </p>
+  <p>
+    Gründungsjahr des Unternehmens: 1993<br />
+    Erweiterung zu Beratungs...: 1996
+  </p>
+  <p>
+    Sie können sich auf Ihr Tagesgeschäft konzentrieren und binden keine Kapazität
+    für die Büroarbeit.
+  </p>
+  <p>
+    Im stile des <a href="http://de.wikipedia.org/wiki/Outsourcing">Outsourcing</a> ist
+    die Führung ihrer kaufmännischen Prozesse wie Finanzbuchhaltung, Personalbuchhaltung
+    oder Controllung an dritte (uns) übergeben.
+  </p>
+  <p>
+    Wenn Sie ein Unternehmen gründen wollen, oder ein bestehndes übernehmen, können Sie
+    ein <s:a href="coaching">gefördertes Gründercoaching</s:a> in Anspruch nehmen.
+  </p>
+  <p>
+    Das Gründercoaching führt Frau Franzke anch den Anforderungen der
+    Kfw-Bankengruppe druch. Sie in der Kfw-Beraterliste aufgestellt.
+  </p>
+</s:html>
diff --git a/main.xml b/main.xml
new file mode 100644
index 0000000..d8c852a
--- /dev/null
+++ b/main.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<s:site title="Beratung &amp; Controlling - Angelika Franzke"
+  xmlns:s="https://beratung-franzke.de/web-tpl"
+  xmlns="http://www.w3.org/1999/xhtml">
+
+  <s:page title="Hauptseite"  filename="index.xml" />
+  <s:page title="Coaching"    filename="coaching.xml" />
+  <s:page title="Services"    filename="services.xml" />
+  <s:page title="About Us"    filename="aboutus.xml" />
+  <s:page title="Kontakt"     filename="contact.xml" />
+  <s:page title="Impressum"   filename="impress.xml" visibility="hidden" />
+</s:site>
diff --git a/services.xml b/services.xml
new file mode 100644
index 0000000..5f5b867
--- /dev/null
+++ b/services.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<?xml-stylesheet type="text/xsl" href="xsl/layout.xsl"?>
+<s:html name="services.xml"
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:s="https://beratung-franzke.de/web-tpl">
+
+</s:html>
diff --git a/style/style.css b/style/style.css
new file mode 100644
index 0000000..a088cc0
--- /dev/null
+++ b/style/style.css
@@ -0,0 +1,235 @@
+/*
+Design [inspired] by Free CSS Templates
+http://www.freecsstemplates.org
+Released for free under a Creative Commons Attribution 2.5 License
+*/
+
+* {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	/*background: #FFFFFF url(images/img01.gif) repeat-x; */
+	background: #2E2E2E;
+	/*background: #3C3230;*/
+	text-align: justify;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 13px;
+	color: #333333;
+}
+
+form {
+}
+
+input, textarea {
+	padding: 2px 5px;
+	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
+	color: #333333;
+}
+
+h1, h2, h3 {
+	margin-top: 1.5em;
+	font-weight: normal;
+}
+
+h1 {
+	font-size: 2em;
+}
+
+h2 {
+	font-size: 1.4em;
+}
+
+h3 {
+	font-size: 1em;
+}
+
+p, ul, ol {
+	margin-top: 1.2em;
+	line-height: 130%;
+}
+
+ul, ol {
+	margin-left: 3em;
+}
+
+blockquote {
+	margin-left: 3em;
+	margin-right: 3em;
+}
+
+a {
+	color: #CC6B47;
+}
+
+a:hover {
+	text-decoration: none;
+	color: #3760BF;
+}
+
+a img {
+	border: none;
+}
+
+img.left {
+	float: left;
+	margin: 1px 15px 0 10px;
+}
+
+img.right {
+	float: right;
+	margin: 0 0 0 20px;
+}
+
+/* Header */
+
+#header {
+	height: 70px;
+	width: 778px;
+	padding-top:40px;
+	margin: 0 auto;
+}
+
+#header h1, #header h2 {
+	margin: 0;
+	letter-spacing: -0.05em;
+	font-weight: normal;
+	color: #FFFFFF;
+}
+
+
+#logo {
+	float: left;
+	width: 56px;
+	height: 56px;
+	margin-right: 5px;
+}
+
+#header h1 {
+	float: left;
+	font-size: 4em;
+}
+
+#header h2 {
+	float: left;
+	padding: 27px 0 0 8px;
+	font-size: 2em;
+	color: #858585;
+}
+
+#navi {
+	width: 778px;
+	height: 50px;
+	margin: 0 auto;
+}
+
+#navi ul {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	line-height: normal;
+}
+
+#navi li {
+	display: inline;
+}
+
+#navi a {
+	float: left;
+	margin-right: 6px;
+	padding: 5px 20px 5px 20px;
+	background: #4C4D51;
+	border: 1px #575C5F solid;
+	text-decoration: none;
+	text-transform: uppercase;
+	font-weight: bold;
+	font-size: 11px;
+	color: #FFFFFF;
+}
+
+#navi a:hover, #navi a.active {
+	background: #983D3A;
+	border: 1px #D45951 solid;
+}
+
+#page {
+	width: 778px;
+	margin: 0 auto;
+}
+
+#content {
+	background: #F4EDD3;
+	border-bottom: 4px #BBB082 solid;
+}
+
+#page {
+	background: #E8DBA7;
+	background: #f3e19a;
+	background: #f3e3a5;
+	background: #f3d561;
+	background: #f3e9c4;
+	background: #f3e2b2;
+	
+	background: #F4EDD3;
+
+	border: 3px #983D3A solid;
+	width: 778px;
+	margin: 0 auto;
+	padding: 5px;
+}
+
+#page h1 {
+	margin: 10px 0;
+	padding: 2px;
+	color: #CC6B47;
+}
+
+#page h3 {
+	font-size: 20px;
+
+	margin: 5px 0;
+	padding: 7px;
+}
+
+#page p {
+	margin: 0;
+	padding-left: 10px;
+	padding-right: 10px;
+	padding-bottom: 15px;
+  
+}
+
+#page ul {
+	padding: 0;
+	margin-top: 0.5em;
+	font-size: 15px;
+}
+
+#page .meta {
+	padding: 10px 0 0 0;
+}
+
+hr.delimit {
+	height: 20px;
+	background: #BBB082;
+	color: #FFFFFF;
+	border: none;
+}
+
+#footer {
+	clear: both;
+	margin: 0 auto;
+	padding: 20px 0;
+	text-align: center;
+}
+
+#footer p {
+	margin: 0;
+	font-size: .8em;
+	color: #666666;
+}
+
+#footer p a {
+	color: inherit;
+}
diff --git a/svg.js b/svg.js
new file mode 100644
index 0000000..ba05bd7
--- /dev/null
+++ b/svg.js
@@ -0,0 +1,70 @@
+function checkBrowser(name) {
+	return navigator.userAgent.toLowerCase().indexOf(name.toLowerCase())>-1;
+}  
+
+window.onload = function() {
+	if (!(checkBrowser("opera") || checkBrowser("webkit"))) {
+		var svgs = document.getElementsByClassName("svg");
+		for (var i = 0; i < svgs.length; ++i) {
+			if (svgs[i].localName == "img") {
+				svgs[i].style.display = "none";
+			} else if (svgs[i].localName == "object") {
+				svgs[i].style.display = "inline";
+			}
+		}
+	}
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/xsl/common.xsl b/xsl/common.xsl
new file mode 100644
index 0000000..7541576
--- /dev/null
+++ b/xsl/common.xsl
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+  version="1.0" 
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:s="https://beratung-franzke.de/web-tpl"
+  xmlns:html="http://www.w3.org/1999/xhtml">
+  
+  <xsl:include href="navi.xsl" />
+  <xsl:include href="svg.xsl" />
+  <xsl:include href="link.xsl" />
+
+  <xsl:strip-space elements="*"/>
+
+  <xsl:variable name="filename" select="/s:html/@name" />
+  <xsl:variable name="title" select="document('../main.xml')/s:site/s:page[@filename = $filename]/@title" />
+  <xsl:variable name="suffix" select="'.xhtml'" />
+
+  <xsl:output method="xml" indent="yes" name="html"
+    doctype-system="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"
+    doctype-public="-//W3C//DTD XHTML 1.1//EN"
+    cdata-section-elements="script style"
+    media-type="text/html"
+    encoding="UTF-8"
+  />
+
+  <xsl:template match="html:*" mode="html">
+    <xsl:copy copy-namespaces="no">
+    <!--<xsl:element name="{local-name()}">-->
+      <xsl:copy-of select="@*"/>
+      <xsl:apply-templates mode="html"/>
+    <!--</xsl:element>-->
+    </xsl:copy>
+  </xsl:template>
+</xsl:stylesheet>
diff --git a/xsl/layout.xsl b/xsl/layout.xsl
new file mode 100644
index 0000000..0edb720
--- /dev/null
+++ b/xsl/layout.xsl
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+  version="1.0" 
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:s="https://beratung-franzke.de/web-tpl">
+
+  <xsl:include href="common.xsl" />
+
+  <xsl:template match="s:html">
+      <html xmlns="http://www.w3.org/1999/xhtml">
+      <head>
+        <title>
+          <xsl:text disable-output-escaping="yes"><![CDATA[Beratung &amp; Controlling - Angelika Franzke - ]]></xsl:text>
+          <xsl:value-of select="$title"/>
+        </title>
+        <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
+        <link rel="stylesheet" type="text/css" href="style/style.css" />
+        <script type="text/javascript" src="svg.js"/>
+      </head>
+      <body>
+        <div id="header">
+          <div id="logo">
+            <xsl:call-template name="svg">
+              <xsl:with-param name="svg-file" select="'checkmark.svg'" />
+              <xsl:with-param name="svg-alt"  select="'Checkmark'" />
+            </xsl:call-template>
+          </div>
+          <h1><xsl:text disable-output-escaping="yes"><![CDATA[Beratung &amp; Controlling]]></xsl:text></h1>
+          <h2>Angelika Franzke</h2>
+        </div>
+        <div id="navi">
+          <ul>
+            <xsl:call-template name="navigation" />
+          </ul>
+        </div>
+        <div id="page">
+          <hr class="delimit" />
+          <xsl:apply-templates mode="html" />
+          <hr class="delimit" />
+        </div>
+        <div id="footer">
+          <p>
+            <xsl:text disable-output-escaping="yes"><![CDATA[&copy;]]></xsl:text>2007 All Rights Reserved.
+            Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.
+            <a href="impress{$suffix}">Impressum</a>
+          </p>
+        </div>
+      </body>
+      </html>
+  </xsl:template>
+</xsl:stylesheet>
diff --git a/xsl/link.xsl b/xsl/link.xsl
new file mode 100644
index 0000000..7d0832e
--- /dev/null
+++ b/xsl/link.xsl
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+  version="1.0" 
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:s="https://beratung-franzke.de/web-tpl">
+
+
+  <xsl:template match="s:a" mode="html">
+    <a>
+      <xsl:copy-of select="@*" />
+      <xsl:attribute name="href">
+        <xsl:value-of select="concat(@href, $suffix)" />
+      </xsl:attribute>
+      <xsl:apply-templates mode="html"/>
+    </a>
+  </xsl:template>
+
+</xsl:stylesheet>
diff --git a/xsl/navi.xsl b/xsl/navi.xsl
new file mode 100644
index 0000000..1130def
--- /dev/null
+++ b/xsl/navi.xsl
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+  version="1.0" 
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:s="https://beratung-franzke.de/web-tpl">
+
+  <xsl:template name="navigation">
+    <xsl:variable name="file" select="concat(substring-before(/s:html/@name, '.xml'), $suffix)" />
+
+    <xsl:for-each select="document('../main.xml')/s:site/s:page">
+      <xsl:variable name="url" select="concat(substring-before(@filename, '.xml'), $suffix)"/> 
+      <xsl:variable name="i">
+        <xsl:number />
+      </xsl:variable>
+      <xsl:if test="not(@visibility='hidden')">
+        <li>
+          <a href="{concat($url, @anchor)}">
+            <xsl:if test="$url = $file">
+              <xsl:attribute name="class">
+                <xsl:value-of select="'active'" />
+              </xsl:attribute>
+            </xsl:if>
+            <xsl:attribute name="accesskey">
+              <xsl:value-of select="$i" />
+            </xsl:attribute>
+            <xsl:value-of select="@title" />
+          </a>
+        </li>
+      </xsl:if>
+    </xsl:for-each>
+  </xsl:template>
+</xsl:stylesheet>
diff --git a/xsl/svg.xsl b/xsl/svg.xsl
new file mode 100644
index 0000000..2fc8778
--- /dev/null
+++ b/xsl/svg.xsl
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+  version="1.0" 
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:svg="http://www.w3.org/2000/svg"
+  xmlns:s="https://beratung-franzke.de/web-tpl">
+
+
+  <xsl:template match="s:svg" mode="html">
+    <xsl:call-template name="svg">
+      <xsl:with-param name="svg-file" select="@src" />
+      <xsl:with-param name="svg-alt"  select="@alt" />
+    </xsl:call-template>
+  </xsl:template>
+
+  <xsl:template name="svg">
+    <xsl:param name="svg-file" />
+    <xsl:param name="svg-alt" />
+    
+    <xsl:variable name="png-file" select="concat(substring-before($svg-file, '.svg'), '.png')" />
+    
+    <img src="{$svg-file}" alt="{$svg-alt}" class="svg" />
+
+    <object data="{$svg-file}" type="image/svg+xml" class="svg" style="display: none">
+      <xsl:attribute name="width">
+        <xsl:value-of select="ceiling(document(concat('../', $svg-file))/svg:svg/@width)" />
+      </xsl:attribute>
+      <xsl:attribute name="height">
+        <xsl:value-of select="ceiling(document(concat('../', $svg-file))/svg:svg/@height)" />
+      </xsl:attribute>
+      <param name="src" value="{$svg-file}" />
+      <img src="{$png-file}" alt="{$svg-alt}" />
+    </object>
+  </xsl:template>
+
+</xsl:stylesheet>
-- 
cgit