magcms/example/build/first_gallery/index.html

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta charset="UTF-8">
  <link type="text/css" rel="stylesheet" href="../static/css/style-page.css"  media="screen,projection"/>
  <link type="text/css" rel="stylesheet" href="../static/css/baguetteBox.min.css"  media="screen,projection"/>

  <!--Let browser know website is optimized for mobile-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>my first gallery | Example gallery</title>
</head>

<body>
  
    
<section class="full-picture" style="background: transparent url('stuff.png') no-repeat scroll center top / cover;">
    
        <div class="picture-text">
            <div class="picture-text-column">
                <h1>Beautiful Title</h1>
                <h2>pouet pouet</h2>
                <div class="datetime">08 December 2015</div>
            </div>
        </div>
    
</section>
  
    
<section class="bordered-picture baguette">
    <a href="stuff.png">
        <img src="stuff.png">
    </a>
</section>
  
    <section class="text">
  « voici plein de blabla à rajouter et <b>ceci est du gras</b> et encore plein plein plein plein de text car je veux voir comment ça va wrapper car c'est important et il faut pas que j'oublie de mettre des margins en % sinon ça va pas le faire alala là ça devrait aller »
</section>
  
    <section class="pictures-group baguette">
    
        <div class="pictures-line">
            
                
                <div class="picture">
                    <a href="stuff.png">
                        <img src="stuff-small.png">
                    </a>
                </div>
            
                <div class="separator"></div>
            
            
                
                <div class="picture">
                    <a href="stuff.png">
                        <img src="stuff-small.png">
                    </a>
                </div>
            
                <div class="separator"></div>
            
            
                
                <div class="picture">
                    <a href="stuff.png">
                        <img src="stuff-small.png">
                    </a>
                </div>
            
            
        </div>
    
        <div class="pictures-line">
            
                
                <div class="picture">
                    <a href="stuff.png">
                        <img src="stuff-small.png">
                    </a>
                </div>
            
                <div class="separator"></div>
            
            
                
                <div class="picture">
                    <a href="stuff.png">
                        <img src="stuff-small.png">
                    </a>
                </div>
            
            
        </div>
    
</section>
  
    
<section class="full-picture" style="background: transparent url('stuff.png') no-repeat scroll center top / cover;">
    
</section>
  

  <div class="back-to-home">
      <hr>
      <a href="../">
          <div id="logo" src="./../static/img/logo.svg"/>
              HOME
          </div>
      </a>
  </div>

  <script type="text/javascript" src="../static/js/baguetteBox.min.js" charset="utf-8"></script>
  <script type="text/javascript" charset="utf-8">
    baguetteBox.run(".baguette", {});
  </script>
  <footer>
      <p>Generate using <a href="https://github.com/psycojoker/prosopopee">Prosopopée</a> · content under <a href="CC-BY-SA">CC-BY-SA</a></p>
  </footer>
</body>
</html>
add example 2015-12-09 09:33:17 +01:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
			`<meta charset="UTF-8">`
			`<link type="text/css" rel="stylesheet" href="../static/css/style-page.css" media="screen,projection"/>`
			`<link type="text/css" rel="stylesheet" href="../static/css/baguetteBox.min.css" media="screen,projection"/>`

			`<!--Let browser know website is optimized for mobile-->`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0"/>`
			`<title>my first gallery \| Example gallery</title>`
			`</head>`

			`<body>`


			`<section class="full-picture" style="background: transparent url('stuff.png') no-repeat scroll center top / cover;">`

			`<div class="picture-text">`
			`<div class="picture-text-column">`
			`<h1>Beautiful Title</h1>`
			`<h2>pouet pouet</h2>`
			`<div class="datetime">08 December 2015</div>`
			`</div>`
			`</div>`

			`</section>`


			`<section class="bordered-picture baguette">`
			`<a href="stuff.png">`
			`<img src="stuff.png">`
			`</a>`
			`</section>`

			`<section class="text">`
			`« voici plein de blabla à rajouter et <b>ceci est du gras</b> et encore plein plein plein plein de text car je veux voir comment ça va wrapper car c'est important et il faut pas que j'oublie de mettre des margins en % sinon ça va pas le faire alala là ça devrait aller »`
			`</section>`

			`<section class="pictures-group baguette">`

			`<div class="pictures-line">`


			`<div class="picture">`
			`<a href="stuff.png">`
			`<img src="stuff-small.png">`
			`</a>`
			`</div>`

			`<div class="separator"></div>`



			`<div class="picture">`
			`<a href="stuff.png">`
			`<img src="stuff-small.png">`
			`</a>`
			`</div>`

			`<div class="separator"></div>`



			`<div class="picture">`
			`<a href="stuff.png">`
			`<img src="stuff-small.png">`
			`</a>`
			`</div>`


			`</div>`

			`<div class="pictures-line">`


			`<div class="picture">`
			`<a href="stuff.png">`
			`<img src="stuff-small.png">`
			`</a>`
			`</div>`

			`<div class="separator"></div>`



			`<div class="picture">`
			`<a href="stuff.png">`
			`<img src="stuff-small.png">`
			`</a>`
			`</div>`


			`</div>`

			`</section>`


			`<section class="full-picture" style="background: transparent url('stuff.png') no-repeat scroll center top / cover;">`

			`</section>`


			`<div class="back-to-home">`
			`<hr>`
[fix] reverse order for dates 2015-12-10 00:51:21 +01:00			`<a href="../">`
add example 2015-12-09 09:33:17 +01:00			`<div id="logo" src="./../static/img/logo.svg"/>`
			`HOME`
			`</div>`
			`</a>`
			`</div>`

			`<script type="text/javascript" src="../static/js/baguetteBox.min.js" charset="utf-8"></script>`
			`<script type="text/javascript" charset="utf-8">`
			`baguetteBox.run(".baguette", {});`
			`</script>`
			`<footer>`
			`<p>Generate using <a href="https://github.com/psycojoker/prosopopee">Prosopopée</a> · content under <a href="CC-BY-SA">CC-BY-SA</a></p>`
			`</footer>`
			`</body>`
			`</html>`