<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="/transform-1-0.xsl"?>
<gabml xml:lang="en" lang="en">
	<head>
		<base href="http://www.wilduniverse.org/" />
		<title>Wild Universe Productions</title>
		<meta name="description" content="Wild Universe is a music label and propose some high quality music from many talented artists. Our goal is to promote copyright-free music and help our bands to gain visibility and to earn money for their music." />
		<meta http-equiv="Content-Language" content="en" />
		<meta http-equiv="Content-Script-Type" content="text/javascript" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

		<link rel="stylesheet" type="text/css" title="Wild blue" media="screen" href="main.css" />
		<link href='http://fonts.googleapis.com/css?family=Gruppo' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=Spinnaker' rel='stylesheet' type='text/css' />
		<style type="text/css">

			body {
				font-family: sans-serif;
			}

			p, span {
				font-family: 'Spinnaker', sans-serif;
			}

			h1, h2, h3, h4, #leftpanel ul li {
				font-family: 'Gruppo', sans-serif;
			}

		</style>


		<!-- Helps IE prior to version 9 to render CSS as it should -->
		<!--[if lt IE 7]>
		<style type="text/css">
			#header {
				height: 144px;
				width: 1024px;
			}

			#header h1 {
				width: 340px;
				height: 115px;
				position: relative;
				left: 342px;
				top: 15px;
			}
		</style>
		<![endif]-->
		<!--[if lt IE 9]>
		<style type="text/css">
			.boxshadow {
				filter:progid:DXImageTransform.Microsoft.Shadow(color='#060612', Direction=135, Strength=8);
				zoom: 1;
			}
		</style>
		<script src="scripts/IE9.js" type="text/javascript">IE7_PNG_SUFFIX=".png";</script>
		<![endif]-->

		<script type="text/javascript">
		//<![CDATA[

			//a function to get an element by its id regardless of the browser used
			function getElementByIdUniversal(id)
			{
				var elem;
				if(document.getElementById)
				{
					elem = document.getElementById( id );
				}
				else
				{
					elem = document.all[ id ];
				}
				return elem;
			}

			//register the header event handlers
			function registerEventHandler()
			{
				var elem = getElementByIdUniversal( "header" );
				if(elem)
				{
					elem.onclick     = clickevent;
					elem.onmouseover = mouseoverevent;
					elem.onmouseout  = mouseoutevent;
				}
			}

			function clickevent(e) //fired when the header is clicked
			{
				window.location="/home";
			}

			function mouseoverevent(e) //fired when the header is mouseovered
			{
				var elem = getElementByIdUniversal( "header" );
				if(elem)
				{
					elem.style.cursor="pointer";
				}
			}

			function mouseoutevent(e) //fired when the header is mouseouted
			{
				var elem = getElementByIdUniversal( "header" );
				if(elem)
				{
					elem.style.cursor="default";
				}
			}

			//start the move of the background image
			var bgheight;
			var offset;
			var elemHeader;
			var timerid;

			function movebg()
			{
				bgheight = 768;
				offset = bgheight;
				elemHeader = getElementByIdUniversal( "header" );

				timerid = setInterval ( "dowork()", 100 );
			}

			//move the background image in an infinite loop
			function dowork()
			{
				offset = (offset < 1) ? offset + (bgheight - 1) : offset - 1;
				elemHeader.style.backgroundPosition = "100% " + offset + "px";
			}


		//]]>
		</script>

		<meta name="google-site-verification" content="410MGV18y1gFUJGiC89D9BdQzftCAipc485dRLYkj2U" />

	</head>
	<body>

		<!--start of canvas -->
		<div id="canvas">

			<!--start of header -->
			<div id="header">
				<span class="banner-top-left-gradient">&#xA0;</span>
				<h1>Wild Universe</h1>
				<span class="banner-top-right-gradient">&#xA0;</span>
			</div>
			<!--end of header -->

			<!--start of leftpanel -->
			<div id="leftpanel">
				<ul class="boxshadow">
					<li><a href="home">Home</a></li>
					<li><a href="news">News</a></li>
					<li><a href="bands">Bands</a></li>
					<li><a href="albums">Albums</a></li>
					<li><a href="comingsoon">Coming soon</a></li>
					<li><a href="aboutus">About us</a></li>
					<li><a href="coollinks">Cool links</a></li>
					<li><a href="contact">Contact</a></li>
				</ul>

				<!--start of almostreleased -->
				<div id="almostreleased" class="boxshadow">
					<h2>Almost released</h2>

					
<div class="rightpanelalbum">
	<h3><a href="album/3">Windpearl</a></h3>
	<h4><a href="album/3">"Fate"</a></h4>
	<a href="album/3"><img src="getimg.php?type=album&amp;width=150&amp;id=3&amp;field=COVER_FRONT" width="150" alt="Album thumbnail" /></a>
	<p>Not released yet...</p>
	<p><a href="album/3">Read&#xA0;more</a></p>
</div>

				</div>
				<!--end of almostreleased -->

			</div>
			<!--end of leftpanel -->

			<!--start of content -->
			<div id="content">

				<div id="band" class="boxshadow">
	<a href="getimg.php?type=band&amp;id=1&amp;field=PHOTO"><img src="getimg.php?type=band&amp;width=240&amp;id=1&amp;field=PHOTO" alt="Logo of Windpearl" width="240" class="boxshadow" /></a>
	<h1>Windpearl</h1>
	<ul>
		<li>Since: 2000</li>
		<li>Genre(s): electro, ambient, drum n' bass, hardtek, dub, chiptune, 8bits, classic</li>
		<li>Website: <a href="http://windpearl.wilduniverse.org">http://windpearl.wilduniverse.org</a></li>
		<li>Email: <hiddenmail username="&#119;&#x69;&#110;&#100;&#x70;&#101;&#97;&#114;&#x6c;" hostname="&#119;&#105;&#108;&#100;&#117;&#110;&#105;&#118;&#101;&#114;&#x73;&#x65;" tld="&#x6f;&#x72;&#x67;" caption="Click here to send an email to the band" /></li>
		<li>Members: <a href="member/1">Gabriel Hautclocq</a></li>
	</ul>
	<h2>Description:</h2>
	<p>
		The Windpearl band is mainly producing electronic music, and was founded in 2000 by its sole member Gabriel Hautclocq. Its music is very recognizable among the electro scene: dark, atmospheric, melancholic and cyber-punk tracks ranging from zero-beat ambient to speedy hardtek through some chiptune and drum &#38; bass tracks.</p>
<p></p>
<p>The first albums of Windpearl were never released to a vast audience and have only been distributed among family members and friends. This first serie of albums was known as &#34;GabMix&#34; followed by the year of release. Three albums and one single have been released: &#34;GabMix 2000&#34;, &#34;GabMix 2001&#34;, &#34;GabMix 2003&#34;, and the single &#34;Funky&#34;.</p>
<p></p>
<p>Conscious that the name &#34;GabMix&#34; did not sound very professional, a new name was chosen for the band: Windpearl. The first album released under that name was &#34;Echoes of Nothingness&#34; but once again, it was only reserved to friends and family, although it is likely that this album will be released to the public one day.</p>
<p></p>
<p>The next two albums were released to the public through various platforms on the web: Jamendo, Dogmazic and Bandcamp. The first album was &#34;I love you a bit...&#34; released in 2007 and the second was &#34;Mother Earth&#34; released in late 2008.</p>
<p></p>
<p>A new album is in progress but it is still not finished.
	</p>
</div>
<div id="releasedalbums">
<h2>Released albums</h2>

<div class="boxshadow albumcadre">

  <a href="album/2">
    <img src="getimg.php?type=album&amp;width=80&amp;id=2&amp;field=COVER_FRONT" width="80" alt="Thumbnail of Mother Earth front cover" />
  </a>



  <h3><a href="album/2">Mother Earth</a></h3>


  <h4>by <a href="band/1">Windpearl</a></h4>

  <h5>Release date: 2008-12-18 | Genres : electro, ambient, drum n' bass, jungle, house, classical</h5>

  <p>&#34;Mother Earth&#34; is the second album released by Windpearl late 2008.

A few words of the artist:
&#34;While I was in France, I thought that my next albu... <a href="album/2">Read more</a></p>

</div>

<div class="boxshadow albumcadre">

  <a href="album/1">
    <img src="getimg.php?type=album&amp;width=80&amp;id=1&amp;field=COVER_FRONT" width="80" alt="Thumbnail of I love you a bit... front cover" />
  </a>



  <h3><a href="album/1">I love you a bit...</a></h3>


  <h4>by <a href="band/1">Windpearl</a></h4>

  <h5>Release date: 2007-04-05 | Genres : electro, ambient, drum n' bass, hardtek</h5>

  <p>&#34;I love you a bit...&#34; is the first album of Windpearl released to the public.

Some few words of the artist Gabriel Hautclocq:
&#34;With calm ambient t... <a href="album/1">Read more</a></p>

</div>

<div class="boxshadow albumcadre">

  <a href="album/4">
    <img src="getimg.php?type=album&amp;width=80&amp;id=4&amp;field=COVER_FRONT" width="80" alt="Thumbnail of Echoes of Nothingness front cover" />
  </a>



  <h3><a href="album/4">Echoes of Nothingness</a></h3>


  <h4>by <a href="band/1">Windpearl</a></h4>

  <h5>Release date: 2001-01-01 | Genres : Electro</h5>

  <p>First album ever released by Windpearl, there has been only 10 copies of &#34;Echoes of Nothingness&#34; distributed among family and friends. This album coul... <a href="album/4">Read more</a></p>

</div>
</div>
<div id="bandhtml">
  <h2>Custom band content</h2>
  <div id="bandhtmlcontent" class="boxshadow">

    <div style="margin:3px;">
<a rel="rdfs:seeAlso" href="">
<img style="border:0;" alt="Jamendo : Free music" src="http://imgjam.com/ext/jamendo1.png" />
</a>
</div>

  </div>
</div>

<div id="comments">
  <h2>Comments</h2>
  <a href="/artist/1#commentform" class="postcommentlink">Post a comment</a>
  <div id="commentscontent">

    <div id="nocomment">
      <p><strong>No comment has been posted yet.</strong> Be the first to comment! Note: HTML content is NOT allowed and will be automaticaly stripped down.</p>
    </div>


  </div>
  <div id="commentformdiv" class="boxshadow">
    <form id="commentform" action="/artist/1" method="post" accept-charset="utf-8">
      <fieldset id="commentformfieldset">
        <legend>Post a comment</legend>

        <!-- author -->
        <label for="commentauthor">Author:</label>
        <input type="text" id="commentauthor" name="CommentAuthor" maxlength="32" value="" /><br />

        <!-- email -->
        <label for="commentemail">Email:</label>
        <input type="text" id="commentemail" name="CommentEmail" maxlength="160" value="" /><br />

        <!-- allowemail -->
        <label for="commentallowemail">My email is public</label>
        <input type="checkbox" id="commentallowemail" name="CommentAllowEmail" value="" /><br />

        <!-- website -->
        <label for="commentwebsite">Website:</label>
        <input type="text" id="commentwebsite" name="CommentWebsite" maxlength="256" value="" /><br />

        <!-- title -->
        <label for="commenttitle">Title:</label>
        <input type="text" id="commenttitle" name="CommentTitle" maxlength="256" value="" /><br />

        <!-- content -->
        <label for="commentcontent">Your comment:</label>
        <textarea id="commentcontent" name="CommentContent" rows="" cols=""></textarea><br />

        <!-- Turing test -->
        <p>Prove that you are Human by typing the emphasized characters:</p>
        <label for="commentturing"><span class="gabcaptchai">I</span><strong class="gabcaptchav">C</strong><span class="gabcaptchai">G</span><span class="gabcaptchai">V</span><strong class="gabcaptchav">F</strong><span class="gabcaptchai">W</span><span class="gabcaptchai">W</span><span class="gabcaptchai">J</span><strong class="gabcaptchav">V</strong><span class="gabcaptchai">E</span><strong class="gabcaptchav">G</strong><span class="gabcaptchai">K</span><span class="gabcaptchai">Z</span><span class="gabcaptchai">A</span><span class="gabcaptchai">J</span><span class="gabcaptchai">F</span></label>
        <input type="text" id="commentturing" name="CommentTuring" maxlength="4" /><br />
        <input type="hidden" id="commentsecret" name="CommentSecret" value="NTBhNWNjODMxNzAwNjdhNzQxYzlkODBlMmFiOTQ0MzQ=" />

        <input type="submit" id="btnsubmitcomment" value="Send" />

      </fieldset>
    </form>
  </div>
</div>


			</div>
			<!--end of content -->

			<!--start of rightpanel -->
			<div id="rightpanel">

				<!--start of newreleases -->
				<div id="newreleases" class="boxshadow">
					<h2>New releases</h2>

					
<div class="rightpanelalbum">
	<h3><a href="album/2">Windpearl</a></h3>
	<h4><a href="album/2">"Mother Earth"</a></h4>
	<a href="album/2"><img src="getimg.php?type=album&amp;width=150&amp;id=2&amp;field=COVER_FRONT" width="150" alt="Album thumbnail" /></a>
	<p>&#34;Mother Earth&#34; is the second album released by Windpearl late 2008.

A few words of the artist:
&#34;While I was in France, I thought that my next album will have Asian sonorities. When I arrived in As...</p>
	<p><a href="album/2">Read&#xA0;more</a></p>
</div>

<div class="rightpanelalbum">
	<h3><a href="album/1">Windpearl</a></h3>
	<h4><a href="album/1">"I love you a bit..."</a></h4>
	<a href="album/1"><img src="getimg.php?type=album&amp;width=150&amp;id=1&amp;field=COVER_FRONT" width="150" alt="Album thumbnail" /></a>
	<p>&#34;I love you a bit...&#34; is the first album of Windpearl released to the public.

Some few words of the artist Gabriel Hautclocq:
&#34;With calm ambient tracks, catchy chip tunes, some experimental hardte...</p>
	<p><a href="album/1">Read&#xA0;more</a></p>
</div>

				</div>
				<!--end of newreleases -->

			</div>
			<!--end of rightpanel -->

		</div>
		<!--end of canvas -->

		<!-- start of footer -->
		<div id="footer">
						<p>Copyright (c) Wild Universe 2009-2012</p>
			<p><a href="sitemap" title="Click here to view the site map.">Site map</a></p>
			<p><a href="http://validator.w3.org/check?uri=referer" title="">Valid GABML 1.0 transformed in XHTML 1.1</a></p>
			<p>Website by <a href="http://www.gabsoftware.com" title="Click here to visit the webmaster website.">GabSoftware</a></p>
			<p>Contact us: <hiddenmail username="&#105;&#x6e;&#x66;&#x6f;" hostname="&#119;&#x69;&#x6c;&#x64;&#117;&#x6e;&#x69;&#x76;&#x65;&#x72;&#115;&#x65;" tld="&#111;&#x72;&#x67;" caption="Click here to send us an email" /></p>
		</div>
		<!-- end of footer -->

		<!--[if lt IE 7]>
		<script type="text/javascript">
		//<![CDATA[
			movebg = function() { return false; }; //do not scroll the background with IE prior to 7
		//]]>
		</script>
		<![endif]-->
		<script type="text/javascript">
		//<![CDATA[
			registerEventHandler(); //registers event handlers when the page is loaded
			movebg(); //begins to scroll the header space background
		//]]>
		</script>
	</body>
</gabml>

