summaryrefslogtreecommitdiff
path: root/xsl
diff options
context:
space:
mode:
authorBenjamin Franzke <benjaminfranzke@googlemail.com>2016-07-03 11:57:58 +0200
committerBenjamin Franzke <benjaminfranzke@googlemail.com>2016-07-03 12:00:54 +0200
commit909b7ebba9f4441c3a72428cf3cc89cba560c9e0 (patch)
tree2bf79bf52c96613ca9c20d9cc1ea2bc3e6740b1f /xsl
parent9205580d0636d2b55e77cad60bec0fece47b6696 (diff)
downloadmutti-web-909b7ebba9f4441c3a72428cf3cc89cba560c9e0.tar.gz
mutti-web-909b7ebba9f4441c3a72428cf3cc89cba560c9e0.tar.bz2
mutti-web-909b7ebba9f4441c3a72428cf3cc89cba560c9e0.zip
Rework styling to be responsive and more "wide"
Diffstat (limited to 'xsl')
-rw-r--r--xsl/common.xsl7
-rw-r--r--xsl/layout.xsl78
-rw-r--r--xsl/svg.xsl49
3 files changed, 96 insertions, 38 deletions
diff --git a/xsl/common.xsl b/xsl/common.xsl
index f2e00ec..b0fa8b1 100644
--- a/xsl/common.xsl
+++ b/xsl/common.xsl
@@ -1,13 +1,14 @@
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
- version="1.0"
+ version="1.0"
exclude-result-prefixes="s"
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="link.xsl" />
+ <xsl:include href="svg.xsl" />
<xsl:strip-space elements="*"/>
@@ -15,7 +16,7 @@
<xsl:variable name="title" select="document('../main.xml')/s:site/s:page[@filename = $filename]/@title" />
<xsl:param name="suffix" select="'.xml'" />
- <xsl:output method="xml" indent="yes" encoding="utf-8"
+ <xsl:output method="xml" indent="no" encoding="utf-8"
cdata-section-elements="script style"
media-type="application/xhtml+xml"
doctype-system="about:legacy-compat"
diff --git a/xsl/layout.xsl b/xsl/layout.xsl
index 980fd4a..8de607f 100644
--- a/xsl/layout.xsl
+++ b/xsl/layout.xsl
@@ -2,6 +2,8 @@
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
version="1.0"
xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:svg="http://www.w3.org/2000/svg"
xmlns:s="https://beratung-franzke.de/web-tpl">
<xsl:include href="common.xsl" />
@@ -20,18 +22,23 @@
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>
- <div id="header">
- <img src="checkmark.png" alt="Checkmark"/>
+ <header>
+ <xsl:apply-templates select="document('../checkmark.svg')" mode="inline-svg"/>
<h1>Unternehmensberatung &amp; Controlling</h1>
<h2>Angelika Franzke</h2>
- </div>
- <ul id="navi">
- <xsl:call-template name="navigation" />
- <li style="display: none"><a href="#page" accesskey="S" /></li>
- </ul>
- <div id="container">
- <div id="page">
- <div id="info">
+ </header>
+ <nav>
+ <ul id="navi">
+ <xsl:call-template name="navigation" />
+ <li style="display: none"><a href="#page" accesskey="S" /></li>
+ </ul>
+ </nav>
+ <div class="outer">
+ <main>
+ <article>
+ <xsl:apply-templates mode="html" />
+ </article>
+ <aside id="info">
<strong>
Es berät Sie gern:<br/>
Angelika Franzke<br/>
@@ -40,50 +47,51 @@
Fax: 038461/599811<br/>
Mobil: 0172/9302774<br/>
E-Mail: <a href="mailto:info@beratung-franzke.de">info@beratung-franzke.de</a>
+ <br/>
+ <br/>
- <a href="https://www.facebook.com/pages/Beratung-Controlling-Angelika-Franzke/619857168040817">
- <img src="img/facebook.jpg" style="width: 30px; height:30px;" alt="Facebook" />
- </a>
- <a href="https://plus.google.com/112211240794067152603">
- <img src="img/gplus.png" style="width: 30px; height:30px;" alt="Google Plus" />
- </a>
+ <a href="https://www.facebook.com/pages/Beratung-Controlling-Angelika-Franzke/619857168040817">
+ <img src="img/facebook.jpg" class="social-icon" alt="Facebook" />
+ </a>
+ <a href="https://plus.google.com/112211240794067152603">
+ <img src="img/gplus.png" class="social-icon" alt="Google Plus" />
+ </a>
- <hr style="margin-top: 3px; margin-bottom: 10px;"/>
+ <br/>
<a href="contact{$suffix}" class="redbox">
<strong>Kostenlose Analyse Ihrer Gründungsidee.</strong>
<br/>
Die Kostenlose Analyse schafft Klarheit darüber, welches Umsatzpotential Ihre Idee bietet.
</a>
- <a style="margin-left: -5px"
- href="http://www.idz-zertifikat.de/voraussetzung-fachberater-existenzgruender">
- <img src="idz-siegel.jpg"
- alt="Fachberaterin für Existenzgründer - Institut für Dienstleistungszertifizierung" />
- </a>
- <a href="http://www.mikrokredit.net/">
- <img src="kapitalinstitut.png" alt="Kapitalinstitut" />
- </a>
- <a style="display: block; text-align: center;"
- href="http://www.fuer-gruender.de/beratung/dienstleister-finden/firma/beratung-controlling/">
- <img src="fuer-gruender.de-siegel.png" alt="Für-Gründer.de" />
- </a>
<a class="redbox" style="text-align: center; font-size: 14px"
href="https://beraterboerse.kfw.de/index.php?ac=consultant_projects&amp;id=100021">
Referenzen
</a>
- </div>
- <xsl:apply-templates mode="html" />
- </div>
+ </aside>
+ </main>
</div>
- <div id="footer">
+ <div class="logos">
+ <a href="http://www.idz-zertifikat.de/voraussetzung-fachberater-existenzgruender" target="_blank">
+ <img src="idz-siegel.jpg"
+ alt="Fachberaterin für Existenzgründer - Institut für Dienstleistungszertifizierung" />
+ </a>
+ <a href="http://www.mikrokredit.net/" target="_blank">
+ <img src="kapitalinstitut.png" alt="Kapitalinstitut" />
+ </a>
+ <a href="http://www.fuer-gruender.de/beratung/dienstleister-finden/firma/beratung-controlling/" target="_blank">
+ <img src="fuer-gruender.de-siegel.png" alt="Für-Gründer.de" />
+ </a>
+ </div>
+ <footer>
<p>
<xsl:text disable-output-escaping="yes"><![CDATA[© 2007 All Rights Reserved.]]></xsl:text>
<xsl:text>Designed by </xsl:text>
- <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>
+ <a href="http://www.freecsstemplates.org/" target="_blank">Free CSS Templates</a>
<xsl:text>. </xsl:text>
<a href="impress{$suffix}">Impressum</a>
</p>
- </div>
+ </footer>
</body>
</html>
</xsl:template>
diff --git a/xsl/svg.xsl b/xsl/svg.xsl
new file mode 100644
index 0000000..dd18d72
--- /dev/null
+++ b/xsl/svg.xsl
@@ -0,0 +1,49 @@
+<?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-img">
+ <xsl:with-param name="svg-file" select="@src" />
+ <xsl:with-param name="svg-alt" select="@alt" />
+ </xsl:call-template>
+ </xsl:template>
+ -->
+ <xsl:template match="s:svg" mode="html">
+ <xsl:call-template name="svg-inline">
+ <xsl:with-param name="svg-file" select="@file" />
+ </xsl:call-template>
+ </xsl:template>
+
+ <xsl:template name="svg-img">
+ <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:template mode="inline-svg" match="svg:*">
+ <xsl:copy>
+ <xsl:copy-of select="@*"/>
+ <xsl:apply-templates mode="inline-svg"/>
+ </xsl:copy>
+ </xsl:template>
+
+</xsl:stylesheet>
generated by cgit (git 2.34.1) at 2024-05-06 20:43:25 +0000