230 lines
5.5 KiB
HTML
230 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<!--[if lt IE 7]> <html lang="en" class="no-js ie6 oldie"> <![endif]-->
|
|
<!--[if IE 7]> <html lang="en" class="no-js ie7 oldie"> <![endif]-->
|
|
<!--[if IE 8]> <html lang="en" class="no-js ie8 oldie"> <![endif]-->
|
|
<!--[if gt IE 8]><!-->
|
|
<html class='no-js' lang='fr'>
|
|
<!--<![endif]-->
|
|
<head>
|
|
<meta charset='utf-8'>
|
|
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
|
|
<title>Guerre de Corée</title>
|
|
<meta content='' name='description'>
|
|
<meta content='' name='author'>
|
|
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
|
|
<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville::400,400italic|Droid+Serif|Open+Sans' rel='stylesheet' type='text/css'>
|
|
<link href='css/unminified.css' rel='stylesheet'>
|
|
<script src='js/modernizr-2.0.6.min.js'></script>
|
|
</head>
|
|
|
|
<body id="coree">
|
|
|
|
<div style="position:absolute;z-index:999999;top:-10000px;">
|
|
<img src="img/burgernav_black.png">
|
|
<img src="img/creditnav_black.png">
|
|
</div>
|
|
|
|
<div id="burger"><img src="img/burgernav.png" alt="menu" height="40" width="40"></div>
|
|
<div id="credit">crédits<!-- <img src="img/creditnav.png" alt="menu" height="40" width="40"> --></div>
|
|
|
|
<nav id="menu">
|
|
<div class="ceb cef"> </div><div class="ceb">
|
|
<[include "/elements/menu.html" : _ /]>
|
|
</div>
|
|
</nav>
|
|
|
|
<nav id="cred">
|
|
<div class="ceb cef"> </div><div class="ceb">
|
|
|
|
<ul>
|
|
<li>
|
|
<span class="intitule">Conception Rédaction</span><br>
|
|
<span class="sstt">Cyrille Choupas</span><br>
|
|
<a href="http://www.cyrillechoupas.com" target="_blank">www.cyrillechoupas.com</a>
|
|
</li>
|
|
</ul>
|
|
<span class="sepnav"> </span>
|
|
<ul>
|
|
<li>
|
|
<span class="intitule">Photographie</span><br>
|
|
<span class="sstt">Cyrille Choupas</span><br>
|
|
<a href="http://www.cyrillechoupas.com" target="_blank">www.cyrillechoupas.com</a>
|
|
</li>
|
|
</ul>
|
|
<span class="sepnav"> </span>
|
|
<ul>
|
|
<li>
|
|
<span class="intitule">Design & Integration</span><br>
|
|
<span class="sstt">FITCH&</span><br>
|
|
<a href="http://www.ampersand.tm" target="_blank">www.ampersand.tm</a>
|
|
</li>
|
|
</ul>
|
|
<span class="sepnav"> </span>
|
|
<ul>
|
|
<li>
|
|
<span class="intitule">Developpment</span><br>
|
|
<span class="sstt">Abdelkader Belloundja</span><br>
|
|
<a href="http://www.syntessense.net" target="_blank">www.syntessense.net</a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</nav>
|
|
|
|
<div id="guerre" style="background: url('{annexe.image}') 50% 50% no-repeat scroll #000; background-size: cover; ">
|
|
<div id="pres">
|
|
<h1>{annexe.titre}</h1>
|
|
<p>
|
|
{annexe.chapo}
|
|
</p>
|
|
</div>
|
|
<audio id="audio" autoplay>
|
|
<source src="{annexe.audioAmbiance}" type='audio/mpeg; codecs="mp3"'>
|
|
</audio>
|
|
</div>
|
|
|
|
<div class="pi"> </div>
|
|
|
|
<div id="content">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="player">
|
|
<audio id="audio" autoplay>
|
|
<source src="{annexe.audioInterview}" type='audio/mpeg; codecs="mp3"'>
|
|
</audio>
|
|
<img src="img/play.png" alt="lecture" class="play" height="54" width="41">
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<[foreach 'invalides.annexesContents.crud'@Service->get().read(['annexe': annexe.id]) : item]>
|
|
<[if ( item.type === 'texte' )]>
|
|
|
|
<div class="desc">
|
|
<h3>{item.titre}</h3>
|
|
|
|
<p>
|
|
{item.texte}
|
|
</p>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<[elseif ( item.type === 'triptyque' )/]>
|
|
|
|
|
|
|
|
|
|
<div class="imggrid">
|
|
<div class="smallgrid">
|
|
<img src="{item.image1}" alt="corée 1" height="417" width="644">
|
|
<img src="{item.image2}" alt="corée 2" class="lastimggrid" height="417" width="644">
|
|
</div>
|
|
<img src="{item.image3}" alt="corée 3" height="860" width="1116">
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<[elseif ( item.type === 'image' )/]>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<img src="{item.image1}" alt="aviation coréenne" class="imgfull" height="1355" width="2560">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<[elseif ( item.type === 'texteimage' )/]>
|
|
|
|
|
|
|
|
<div class="desc">
|
|
<p>
|
|
{item.texte}
|
|
</p>
|
|
<img src="{item.image1}" alt="médailles Corée" height="423" width="962">
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<[/if]>
|
|
|
|
<[/foreach]>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
|
|
<script>
|
|
window.jQuery || document.write("<script src='js/jquery-1.11.1.min.js'>\x3C/script>")
|
|
</script>
|
|
<script src='js/TweenMax.min.js'></script>
|
|
<script src='js/plugins.js'></script>
|
|
<script src='js/script.js'></script>
|
|
<script>
|
|
var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"],["_trackPageLoadTime"]];
|
|
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
|
|
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
|
|
s.parentNode.insertBefore(g,s)}(document,"script"));
|
|
</script>
|
|
<!--[if lt IE 7]>
|
|
<script src='//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js'></script>
|
|
<script>
|
|
window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})});
|
|
</script>
|
|
<![endif]-->
|
|
</body>
|
|
</html> |