<?xml version="1.0" encoding="UTF-8" ?>

<!--
    Document   : newstylesheet.xsl
    Created on : 22. červenec 2007, 17:11
    Author     : Mrozsz
    Description:
        Purpose of transformation follows.
-->

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
    <xsl:output method="xml" 
                doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" 
                doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN"
                indent="yes" />
    
    <xsl:template match="/">
        <html>
            <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <meta http-equiv="Content-Language" content="en" />
                <meta name="description" content="Ondrej Frinta - Portfolio - Webdesign, Design, Photo, Flash Games, Flash Aplications, Animation, ... | All rights reserved" />
                <meta name="Author" content="Ondrej Frinta" />
                <meta name="Email" content="mrozsz@centrum.cz" />
                <meta http-equiv="cache-control" content="no-cache" />
                <meta name="Robots" content="index, follow" />
                <title>Portfolio - Ondřej Frinta</title>
                <link href="images/ico.gif" rel="shortcut icon" type="image/ico" />
                <style type="text/css">
                    body {
                    margin:10px 30px 15px;
                    font-family: Verdana; Helvetica, Arial, Geneva, sans-serif;
                    font-size: small;
                    color: #444;
                    background-color:#fff;
                    line-height:150%;
                    } 
                    *{margin:0; padding:0;}   
                    h1{font-size:180%; margin-bottom:0.5em;}
                    h2{font-size:170%; color:#990000; margin:1em 0 0.8em; padding:8px 20px 12px; border:1px dashed #ccc; background-color:#f3f3f3;}
                    h3{font-size:120%;}
                    a {color:#666;}
                    a:hover {color:#000; border-bottom:1px solid #999;}                    
                    #menu a:hover {color:#990000; border:none;} 
                    .kontakt {margin-bottom:0.6em; color:#888; font-size:90%;}
                    .kontakt span{color:#666;}                    
                    .kontakt:hover {color:#990000;}
                    .name {font-weight:bold;}
                    .polozka {
                    padding-bottom:1.8em;
                    margin-bottom:1.5em; 
                    height:170px; 
                    border-bottom:1px dashed #ccc;
                    position:relative
                    }
                    .polozka .img {
                    position:relative;
                    border:1px solid #bbb; 
                    float:left;
                    margin-right:25px;
                    margin-left:7px
                    width:330px; height:170px;
                    overflow:hidden;
                    }
                    .polozka span {
                    color:#990000;
                    }
                    .polozka h3 {padding-top:0.6em;padding-bottom:0.6em; }
                    .cleaner {clear:both;}
                    .top {position:absolute; right:5px; bottom:0px; font-size:90%; text-decoration:none;}
                    .top a {color:#aaa; text-decoration:none;}
                    .top a:hover {color:#444; border-bottom:none; text-decoration:overline;}
                    #patka {text-align:center; font-size:85%; color:#777;}
                    #patka a"hover{border:none;}
                </style>                
            </head>
            <body>
                <div id="top"></div>
                <div class="kontakt">Bc. Ondřej Frinta, Náchod/Brno, <span>email:</span> mrozsz@centrum.cz, <span>tel:</span> +420 605 150 928, <span>icq:</span> 301 938 199</div>
                <h1>Webové prezentace, Flashové hry a Aplikace, Grafika</h1>
                <div id="menu">
                    <a href="#web">Webové Stránky</a> | 
                    <a href="#design">Design, Písmo &amp; Typografie</a> | 
                    <a href="#foto">Fotografie</a> | 
                    <a href="#ostatni">Ostatní</a>
                </div>
                <h2 id="web">Webové Stránky</h2>
                <xsl:apply-templates  select="//web/item" mode="web" />
                <h2 id="design">Design, Písmo &amp; Typografie</h2>
                <xsl:apply-templates  select="//design/item" mode="design" />
                <h2 id="foto">Fotografie</h2>
                <xsl:apply-templates  select="//photo/item" mode="foto" />
                <h2 id="ostatni">Ostatní (animace, flashové aplikace, spořiče, ...)</h2>
                <xsl:apply-templates  select="//other/item" mode="other" />
                <div id="patka">
                    (c) <a href="http://mrozsz.czweb.org">Mrozsz</a> 07 | 
                    Transformováno ze <a href="files/data.xml">zdrojového XML dokumentu</a> pomocí <a href="files/trans.xsl">XSL transformací</a> | 
                    přejít na <a href="index2.html">Flash prezentaci</a></div>
            </body>
        </html>
    </xsl:template>
    
    <xsl:template match="item" mode="web">
        <div class="polozka">
            <div class="img">
                <img widh="330"> 
                    <xsl:attribute name="src">files/f0/<xsl:value-of select="@id" />.jpg</xsl:attribute>
                    <xsl:attribute name="alt">Položka <xsl:value-of select="@id" /></xsl:attribute>
                </img>
            </div>
            <h3><xsl:value-of select="name" /></h3>
            <span>Rok: </span><xsl:value-of select="year" /><br />
            <span>Popis: </span><xsl:value-of select="description" /><br />
            <span>URL: </span><a target="_blank"><xsl:attribute name="href"><xsl:value-of select="url" /></xsl:attribute><xsl:value-of select="url" /></a>               
            <div class="top"><a href="#top">nahoru</a></div>
        </div>
        <div class="cleaner"> </div>
    </xsl:template>    
    <xsl:template match="item" mode="design">
        <div class="polozka">
            <div class="img">
                <img widh="330"> 
                    <xsl:attribute name="src">files/f1/<xsl:value-of select="@id" />.jpg</xsl:attribute>
                    <xsl:attribute name="alt">Položka <xsl:value-of select="@id" /></xsl:attribute>
                </img>
            </div>
            <h3><xsl:value-of select="name" /></h3>
            <span>Rok: </span><xsl:value-of select="year" /><br />
            <span>Popis: </span><xsl:value-of select="description" /><br />
            <span>Detail: </span><a target="_blank"><xsl:attribute name="href">files/f1/<xsl:value-of select="@id" />.jpg</xsl:attribute><xsl:value-of select="@id" />.jpg</a><br />
            <span>URL: </span><a target="_blank"><xsl:attribute name="href"><xsl:value-of select="url" /></xsl:attribute><xsl:value-of select="url" /></a>               
            <div class="top"><a href="#top">nahoru</a></div>    
        </div>
        <div class="cleaner"> </div>
    </xsl:template> 
    <xsl:template match="item" mode="foto">
        <div class="polozka">
            <div class="img">
                <img widh="330"> 
                    <xsl:attribute name="src">files/f2/<xsl:value-of select="@id" />.jpg</xsl:attribute>
                    <xsl:attribute name="alt">Položka <xsl:value-of select="@id" /></xsl:attribute>
                </img>
            </div>
            <h3><xsl:value-of select="name" /></h3>
            <span>Rok: </span><xsl:value-of select="year" /><br />
            <span>Popis: </span><xsl:value-of select="description" /><br />
            <span>URL: </span><a target="_blank"><xsl:attribute name="href"><xsl:value-of select="url" /></xsl:attribute><xsl:value-of select="url" /></a>               
            <div class="top"><a href="#top">nahoru</a></div>
        </div>
        <div class="cleaner"> </div>
    </xsl:template> 
    <xsl:template match="item" mode="other">
        <div class="polozka">
            <div class="img">
                <img widh="330"> 
                    <xsl:attribute name="src">files/f3/<xsl:value-of select="@id" />.jpg</xsl:attribute>
                    <xsl:attribute name="alt">Položka <xsl:value-of select="@id" /></xsl:attribute>
                </img>
            </div>
            <h3><xsl:value-of select="name" /></h3>
            <span>Rok: </span><xsl:value-of select="year" /><br />
            <span>Popis: </span><xsl:value-of select="description" /><br />
            <span>URL: </span><a target="_blank"><xsl:attribute name="href"><xsl:value-of select="url" /></xsl:attribute><xsl:value-of select="url" /></a>               
            <div class="top"><a href="#top">nahoru</a></div>
        </div>
        <div class="cleaner"> </div>
    </xsl:template>     
</xsl:stylesheet>
