<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl"
>
  <xsl:output method="xml" encoding="utf-8" indent="yes" omit-xml-declaration="yes" />
  <xsl:param name="partialPath" />
  <xsl:param name="includeScripts" />
  <xsl:param name="backToUrl" />
  <xsl:param name="mainClass" select="''"/>
  <xsl:param name="baseUrl" select="''"/>
  
  <!-- Contenuto extra per la sidebar -->
  <xsl:template mode="aside" match="*">
    <xsl:apply-templates mode="aside-events" select="." />
  </xsl:template>
  
  <!-- 
    Area laterale dei contenuti della pagina:
    possono esserci aggiunte a seconda della pagina
  -->

  <xsl:template mode="aside-social" match="*">
    <xsl:call-template name="area">
      <xsl:with-param name="name" select="'Seguici'"/>
    </xsl:call-template>
    <h3>Miscela è anche su</h3>
    <ul class="social-networks">
      <li class="myspace">
        <a href="http://www.myspace.com/miscelarockfestival" rel="friend" target="_blank">Myspace</a>
      </li>
      <li class="facebook">
        <a href="http://www.facebook.com/pages/Romano-Canavese-Torino/MISCELA-ROCK-FESTIVAL/85135214846?ref=ts" rel="friend" target="_blank">Facebook</a>
      </li>
      <li class="twitter">
        <a href="http://www.twitter.com/miscelarock" rel="friend" target="_blank">Twitter</a>
      </li>
    </ul>
  </xsl:template>
  <xsl:template mode="aside-events" match="*">
    <xsl:call-template name="area">
          <xsl:with-param name="name" select="'Eventi'"/>
      </xsl:call-template>
    <div class="headline mrf" xmlns="http://www.w3.org/1999/xhtml">
      <a href="{$partialPath}mrf.htm">
        <div class="placeholder">
          <h4>Miscela Rock Festival</h4>
        </div>
      </a>
    </div>
    <div class="headline jmc" xmlns="http://www.w3.org/1999/xhtml">
      <a href="{$partialPath}jmc.htm">
        <div class="placeholder">
          <h4>JMC</h4>
        </div>
      </a>
    </div>
    <div class="headline pd" xmlns="http://www.w3.org/1999/xhtml">
      <a href="{$partialPath}pd.htm">
        <div class="placeholder">
          <h4>Portami il diario!</h4>
        </div>
      </a>
    </div>
  </xsl:template>
  <!-- 
    Area centrale dei contenuti della pagina: 
    deve essere sempre presente nei template che
    ereditano Layout.xsl
  -->
  <xsl:template name="main" />
  <xsl:template name="area" />
  <xsl:template name="navigation" />

  <!-- 
    Scheletro della pagina: chiama i tempalte principali
    - main (area centrale)
    - navigation (area sx)
  -->
  <xsl:template match="/">
	<xsl:text disable-output-escaping="yes">&lt;!DOCTYPE html&gt;</xsl:text>
    <html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta http-equiv="Content-Language" content="it" />
  <title>Miscela Rock Festival</title>
  <meta name="description" content="Il sito ufficiale del Miscela Rock Festival.
" />

  <link href="img/miscela.ico" rel="icon" type="image/vnd.microsoft.icon" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.1/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/pure-min.css" type="text/css" />
  <xsl:comment>[if lte IE 8]>
    &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/grids-responsive-old-ie-min.css" type="text/css" />
  &lt;![endif]</xsl:comment>
  <xsl:comment>[if gt IE 8]>&lt;!</xsl:comment>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/grids-responsive-min.css" type="text/css" />
  <xsl:comment>&lt;![endif]</xsl:comment>
  <link rel="stylesheet" href="{$partialPath}css/miscela.css" type="text/css" />
  <xsl:value-of disable-output-escaping="yes" select="$includeScripts"/>

  <xsl:comment>[if lt IE 9]>
      &lt;script src="/js/vendor/html5shiv.js">&lt;/script>
  &lt;![endif]</xsl:comment>
  <link rel="canonical" href="http://www.miscelarockfestival.it/Layout.xsl" />
</head>


      <body class="{$mainClass}">
        <div class="container">

      <header class="header pure-g" itemscope="" itemtype="http://schema.org/Event">
        <div class="aside pure-u-1-1 pure-u-sm-1-2 pure-u-md-9-24">
          <h1>
            <a href="http://www.miscelarockfestival.it" itemprop="url">
              Miscela
            </a>
          </h1>
          <div class="hashtags">#mrf2019 #backtotheorigins</div>
          <div class="bottom" itemprop="description">rock festival free music ///</div>
          <div itemprop="offers" itemscope="" itemtype="http://schema.org/AggregateOffer" style="display: none">
            <span itemprop="lowPrice">0</span> - <span itemprop="highPrice">0</span>
          </div>
        </div>
        <div class="logo pure-u-1-1 pure-u-md-6-24">
          <a href="http://www.miscelarockfestival.it">
            <img alt="Miscela Rock Festival" src="/img/uomo.jpg" />
          </a>
        </div>
        <div class="mrf_info pure-u-1-1 pure-u-sm-1-2 pure-u-md-9-24">
          <div id="menu">
            <input type="checkbox" id="toggle-nav"/>
            <label id="open-nav-label" for="toggle-nav" class="open-nav-label">
              <i class="fa fa-bars" aria-hidden="true"></i>
            </label>
            <div class="box">
              <div class="">
                <nav class="pages">
                  <label id="close-nav-label" for="toggle-nav" class="close-nav-label">
                    <i class="fa fa-close" aria-hidden="true"></i>
                  </label>
                  <ul>
                    <li><a href="http://www.miscelarockfestival.it">HOME</a></li>
                    <li><a href="/mrfsubscription.aspx">CALL FOR ARTISTS</a></li>
                    <li><a href="/festival-2017.html">FESTIVAL 2017</a></li>
                    <li><a href="/news.aspx">NEWS</a></li>
                    <li><a href="/charity.html">CHARITY</a></li>
                    <li><a href="/admin/admin.aspx">AMMINISTRAZIONE</a></li>
                  </ul>
                </nav>
                <div class="location_map">
                  <h2>Miscela Rock Festival Map</h2>
                  <div class="location_googlemap_outer">
                    <div class="location_googlemap">
                      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3327.392597379863!2d7.933274868695983!3d45.46995485157404!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4788832faa2aaf65%3A0xb3d2499ca726b5f3!2sJamaica!5e0!3m2!1sit!2sit!4v1560327758466!5m2!1sit!2sit" width="600" height="450" frameborder="0" style="border:0" allowfullscreen=""></iframe>
                    </div>
                    <div class="location" itemprop="location" itemscope="" itemtype="http://schema.org/Place">
                      <span itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
                        <span itemprop="streetAddress">Jamaica Pub, strada Allaas</span>
                        <span itemprop="postalCode">10012</span>
                        <span itemprop="addressLocality">Bollengo <abbr title="Torino">TO</abbr></span>
                        <span itemprop="addressRegion" style="display: none">Italia</span>
                      </span>
                    </div>
                  </div>
                </div>
                <div class="contact_us">
                  <h2>Vuoi dirci qualcosa?</h2>
                  <div>
                    <form id="contact" action="ContactUs.aspx" method="post" target="contact_response">
                      <div>
                        <label for="name">Nome</label>
                        <input name="name" placeholder="&#xf040; il tuo nome" />
                      </div>
                      <div>
                        <label for="email">Email*</label>
                        <input name="email" placeholder="&#xf0e0; il tuo indirizzo email*" required="required" />
                      </div>
                      <div>
                        <label for="query">Domanda*</label>
                        <textarea name="query" rows="3" cols="30" placeholder="&#xf040; il tuo commento o la tua richiesta*" required="required"></textarea>
                      </div>
                      <div>
                        <button type="submit" class="pure-button pure-button-primary">Invia</button>
                      </div>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <meta itemprop="startDate" content="2019-06-29T18:00"/>
          <meta itemprop="endDate" content="2019-06-29T24:00"/>
          <div class="top">17th Edition</div>
          <div class="bottom">29 JUNE 2019</div>
          <div class="location" itemprop="location" itemscope="" itemtype="http://schema.org/Place">
            <a itemprop="url" href="https://www.facebook.com/jamaicapubbollengo/" target="_blank">Jamaica Pub</a>,
            <span itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
              <span itemprop="addressLocality">Bollengo - Torino</span> <span itemprop="addressRegion" style="display: none">Italia</span>
            </span>
          </div>
        </div>
      </header>


          <div class="main">
             <xsl:call-template name="main" />
          </div>


      <footer class="footer">
        <address class="vcard">
          <a href="http://www.associazionemiscela.it" class="fn org url">ASSOCIAZIONE CULTURALE MISCELA</a>
          SEDE LEGALE
          <span class="adr">
            <span class="street-address">Via Castelletto 26</span>,
            <span class="locality">ROMANO CANAVESE</span>
          (<abbr class="region" title="Torino">TO</abbr>)
          </span>
		  <span>PI 10046370010</span>
        </address>
      </footer>
      <div id="fb-root"></div>


        </div>
      </body>
    </html>
  </xsl:template>
</xsl:stylesheet>
