Add initial layout + pages

17 files changed, 596 insertions, 0 deletions

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>