Gecko [ marechal-agricole.fr ]

Name	Size	Permission
assets	[ DIR ]	drwx---r-x
.htaccess	420 B	-rw----r--
about.html	6.57 KB	-rw----r--
admin.php	1.49 KB	-rw----r--
index.html	6.51 KB	-rw----r--
portfolio.html	2.71 KB	-rw----r--

Code Editor : index.html

<body>

<div class="app wrap grid-12">
  <header class="col-2">
    <ul class="">
      <li><a href="http://dev.mbscom.fr/swupjs/index.html">Accueil</a></li>
      <li><a href="http://dev.mbscom.fr/swupjs/about.html">Presentation</a></li>
      <li><a href="http://dev.mbscom.fr/swupjs/portfolio.html">Nos réalisations</a></li>
    </ul>
  </header>

<main id="swup" class="swup transition-fade col-8">
      <h1>Accueil</h1>
      <p>
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam imperdiet eros quis neque dignissim, eget tristique felis aliquet. Suspendisse potenti. Aliquam auctor turpis quam, ac finibus est pellentesque nec. Pellentesque erat lorem, ullamcorper quis nisl in, viverra pretium nisi. Pellentesque aliquam gravida metus, et finibus ligula faucibus non. Aliquam egestas non nibh sit amet auctor. Duis in interdum velit, vel pellentesque risus.

<br>

In augue orci, condimentum id quam at, sodales placerat elit. Nulla rhoncus dictum turpis, sed lacinia augue fringilla ut. Fusce semper egestas metus a accumsan. Pellentesque est tellus, porttitor at ex vel, eleifend accumsan tortor. Nunc sit amet feugiat arcu. Nullam ac aliquam turpis. Aenean sed felis a lectus sodales venenatis vel nec erat.

Aliquam bibendum ipsum ut molestie convallis. Etiam tempus, justo ut maximus faucibus, est urna aliquam neque, a pellentesque mi velit id dui. Nam ac vestibulum metus, id porta enim. Sed sed volutpat dui. Praesent ut felis at magna sagittis facilisis a non leo. Sed nisl lectus, lacinia vel eros sed, hendrerit venenatis neque. In maximus ante non lacus tincidunt lacinia. Aenean et facilisis nunc, in fermentum sem. Mauris in tincidunt nunc. Suspendisse sit amet nisi sed est tincidunt congue ac vel nibh. Quisque id nulla elit.

Etiam maximus, libero quis gravida scelerisque, turpis dui fermentum ligula, nec porta augue ex id nisi. Etiam et ligula luctus, blandit quam vel, ultricies tellus. Phasellus id sagittis eros. Pellentesque vel fermentum eros. Pellentesque dapibus erat sed orci dictum, id vestibulum neque fermentum. Sed eget mattis urna. Pellentesque sagittis felis et mi mollis, vel cursus justo vestibulum. Sed luctus odio lacus, nec imperdiet felis scelerisque in. In elit diam, pellentesque non quam sodales, iaculis commodo massa. Phasellus rutrum ligula vulputate felis rhoncus faucibus. Duis mattis euismod aliquam. Nam finibus sem eget dolor tempor, vel eleifend sapien venenatis. Aenean ac rhoncus libero.

Pellentesque at ultricies lorem. Sed faucibus augue et risus finibus vulputate. Pellentesque nec tincidunt ex. Praesent sollicitudin lacus augue, tincidunt semper augue lobortis non. Aenean tincidunt ante ante, a sodales nulla venenatis nec. Nam dignissim eget nisl vel consectetur. Maecenas sed tellus iaculis, facilisis est ac, feugiat risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut eget ipsum ipsum. Duis varius maximus nisl nec tristique. Ut dictum leo nec ante finibus, at convallis magna hendrerit. Donec id nisl non urna dictum suscipit. Duis at elementum enim, nec scelerisque lectus. Morbi quam tellus, molestie a lobortis vitae, facilisis ac nunc.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam imperdiet eros quis neque dignissim, eget tristique felis aliquet. Suspendisse potenti. Aliquam auctor turpis quam, ac finibus est pellentesque nec. Pellentesque erat lorem, ullamcorper quis nisl in, viverra pretium nisi. Pellentesque aliquam gravida metus, et finibus ligula faucibus non. Aliquam egestas non nibh sit amet auctor. Duis in interdum velit, vel pellentesque risus.

// show status on swup => contentReplaced
    var statusDiv = document.querySelector('.status');
    swup.on("contentReplaced", function(event) {
    statusDiv.innerText = 'SWUP Status: content changed!';
    setTimeout(function(){
      statusDiv.innerText = 'SWUP Status:';
    }, 1000)
  });  
</script>

</div> 
</body>
</html>

${this.title}

Code Editor : index.html