diff options
Revamped layout to be more minimalistic and readable
* removed background image and as such it's fixed pixel width
** i.e. the layout is now completely dependent on the basic font size and scales accordingly
* revamped master template and CSS to allow for nodes with varying lengths instead of truncating everything depending on the background width
* increased font size of tag and archive pages
* increased overall line height to improve readability
* improved CSS to e.g. make use of `last-child` instead of adding `last` classes during static site generation
* removed _microblog_ entries from archive as I have more or less stopped using _Twitter_
Diffstat (limited to 'utility')
| -rw-r--r-- | utility/master.xsl | 102 |
1 files changed, 50 insertions, 52 deletions
diff --git a/utility/master.xsl b/utility/master.xsl index f805df5..0fc400e 100644 --- a/utility/master.xsl +++ b/utility/master.xsl @@ -16,14 +16,6 @@ <xsl:variable name="root" select="datasource"/> -<xsl:template match="meta/tags/entry" mode="master"> - <li> - <a href="/tag/{@handle}"> - <xsl:value-of select="@handle"/> - </a> - </li> -</xsl:template> - <xsl:template match="/"> <html> <head> @@ -41,60 +33,66 @@ </title> </head> <body> - <div id="wrapper"> - <div id="content"> - <div id="navigation"> - <h1> - <xsl:value-of select="$root/meta/title"/> - </h1> + <div id="header" class="full border_bottom"> + <div id="navigation" class="center"> + <h1> + <xsl:value-of select="$root/meta/title"/> + </h1> - <ul class="buttonlist"> - <li> - <a href="/0">Start</a> - </li> - <li> - <a href="/archive">Archive</a> - </li> - <li> - <a href="/category/projects">Projects</a> - </li> - <li> - <a href="/page/contact">Contact</a> - </li> - <li> - <a href="/atom.xml">Feed</a> - </li> - </ul> - </div> + <ul class="buttonlist"> + <li> + <a href="/0">Start</a> + </li> + <li> + <a href="/archive">Archive</a> + </li> + <li> + <a href="/category/projects">Projects</a> + </li> + <li> + <a href="/page/contact">Contact</a> + </li> + <li> + <a href="/atom.xml">Feed</a> + </li> + </ul> + </div> + </div> - <div id="main"> - <xsl:apply-templates /> - </div> + <div id="content" class="center"> + <xsl:apply-templates /> + </div> - <div id="tags"> - <ul class="buttonlist"> - <xsl:apply-templates select="datasource/meta/tags/entry" mode="master"/> - </ul> - </div> + <div id="tags" class="center border_top border_bottom"> + <ul class="buttonlist"> + <xsl:apply-templates select="datasource/meta/tags/entry" mode="master"/> + </ul> + </div> - <div id="footer"> - <a href="/page/static_xslt/">Made with XSLT</a> + <div id="footer" class="center"> + <a href="/page/static_xslt/">Made with XSLT</a> - <ul class="buttonlist"> - <li> - <a href="/page/contact">Contact</a> - </li> - <li> - <a href="/atom.xml">Feed</a> - </li> - </ul> - </div> - </div> + <ul class="buttonlist"> + <li> + <a href="/page/contact">Contact</a> + </li> + <li> + <a href="/atom.xml">Feed</a> + </li> + </ul> </div> </body> </html> </xsl:template> +<xsl:template match="meta/tags/entry" mode="master"> + <li> + <a href="/tag/{@handle}"> + <xsl:value-of select="@handle"/> + </a> + </li> +</xsl:template> + <xsl:template match="text()|@*"/> </xsl:stylesheet> |