Add 2 Projects

index.html

@@ -88,15 +88,20 @@
 
     <section id="portfolio">
         <div class="d-flex flex-wrap">
+			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="471790771?autoplay=1&loop=1&autopause=0" data-comment="Another projetc I made this summer. This is the north Cliff." data-artstationid="ZGJ4w1" data-artstationtext="More details on ArtStation">
+                <video loop muted poster="img/portfolio/cliff.jpg">
+                    <source src="video/portfolio/cliff.webm" type="video/webm">
+                </video>
+            </div>
+			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="464585586?autoplay=1&loop=1&autopause=0" data-comment="One of the projects I made during this summer. A swampy place with a mushroom village." data-artstationid="3dLoLJ" data-artstationtext="More details on ArtStation">
+                <video loop muted poster="img/portfolio/swamp.jpg">
+                    <source src="video/portfolio/swamp.webm" type="video/webm">
+                </video>
+            </div>
 			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="311415375?autoplay=1&loop=1&autopause=0" data-comment="My favorite project of 2018. Two creatures in a snowy landscape. Made during the last two weeks of December 2018." data-artstationid="QzYEmx" data-artstationtext="More details on ArtStation">
                 <video loop muted poster="img/portfolio/flo.jpg">
                     <source src="video/portfolio/flo.webm" type="video/webm">
                 </video>
-            </div>
-			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="311415149?autoplay=1&loop=1&autopause=0" data-comment="I created a rigged fox and a snake, I used Xgen for the fur. This project taked the first two weeks of December 2018." data-artstationid="3oDoNA" data-artstationtext="More details on ArtStation">
-                <video loop muted poster="img/portfolio/an.jpg">
-                    <source src="video/portfolio/an.webm" type="video/webm">
-                </video>
             </div>
 			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="311414971?autoplay=1&loop=1&autopause=0" data-comment="Made during the last two weeks of November 2018. Inspired by Ghost in the Shell and Cowboy Bebop." data-artstationid="qARrYN" data-artstationtext="More details on ArtStation">
                 <video loop muted poster="img/portfolio/out.jpg">
@@ -107,30 +112,45 @@
                 <video loop muted poster="img/portfolio/venise.jpg">
                     <source src="video/portfolio/venise.webm" type="video/webm">
                 </video>
-            </div>
-			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="311414675?autoplay=1&loop=1&autopause=0" data-comment="Created during the last two weeks of October 2018 showing a character in a mountain landscape." data-artstationid="JlzJAm" data-artstationtext="More details on ArtStation">
-                <video loop muted poster="img/portfolio/girl.jpg">
-                    <source src="video/portfolio/girl.webm" type="video/webm">
-                </video>
             </div>
 			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="311414306?autoplay=1&loop=1&autopause=0" data-comment="Project created during the first two weeks of October 2018 showing a small robot walking in a windy forest." data-artstationid="A9KoB5" data-artstationtext="More details on ArtStation">
                 <video loop muted poster="img/portfolio/roy2.jpg">
                     <source src="video/portfolio/roy2.webm" type="video/webm">
                 </video>
             </div>
-			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="348853315" data-comment="An other video for the music group PVLSAR, a teaser this time. I created several rigged robots who fight on their motor bikes. Made with Cinema 4D, the renderer Redshift and After Effects." data-artstationid="w848YO" data-artstationtext="See more details of this teaser on ArtStation">
+			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802506?autoplay=1&loop=1&autopause=0" data-comment="My lanterns. Made with Cinema 4D and Redshift." data-artstationid="OyR0XJ" data-artstationtext="See more details on ArtStation">
-                <video loop muted poster="img/portfolio/wo.jpg">
+                <video loop muted poster="img/portfolio/lant.jpg">
-                    <source src="video/portfolio/wo.webm" type="video/webm">
+                    <source src="video/portfolio/lant.webm" type="video/webm">
                 </video>
             </div>
-			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="74qqbfkdnrM" data-comment="This is my video for the music group PVLSAR. I spent two weeks doing it with Cinema 4D and After Effects." data-artstationid="2xQJlB" data-artstationtext="See the project on ArtStation">
+			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802488?autoplay=1&loop=1&autopause=0" data-comment="A mountain view. Made with Forester and Redshift Proxies." data-artstationid="aR6a09" data-artstationtext="More details on ArtStation">
+                <video loop muted poster="img/portfolio/land.jpg">
+                    <source src="video/portfolio/land.webm" type="video/webm">
+                </video>
+            </div>
+			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802445?autoplay=1&loop=1&autopause=0" data-comment="An interior modeling." data-artstationid="Yaow0V" data-artstationtext="More details on ArtStation">
+                <video loop muted poster="img/portfolio/home.jpg">
+                    <source src="video/portfolio/home.webm" type="video/webm">
+                </video>
+            </div>
+			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="311414675?autoplay=1&loop=1&autopause=0" data-comment="Created during the last two weeks of October 2018 showing a character in a mountain landscape." data-artstationid="JlzJAm" data-artstationtext="More details on ArtStation">
+                <video loop muted poster="img/portfolio/girl.jpg">
+                    <source src="video/portfolio/girl.webm" type="video/webm">
+                </video>
+            </div>
+			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="311415149?autoplay=1&loop=1&autopause=0" data-comment="I created a rigged fox and a snake, I used Xgen for the fur. This project taked the first two weeks of December 2018." data-artstationid="3oDoNA" data-artstationtext="More details on ArtStation">
+                <video loop muted poster="img/portfolio/an.jpg">
+                    <source src="video/portfolio/an.webm" type="video/webm">
+                </video>
+            </div>
+			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="74qqbfkdnrM" data-comment="I spent two weeks doing it with Cinema 4D and After Effects." data-artstationid="2xQJlB" data-artstationtext="See the project on ArtStation">
                 <video loop muted poster="img/portfolio/thund.jpg">
                     <source src="video/portfolio/thund.webm" type="video/webm">
                 </video>
             </div>
-			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802506?autoplay=1&loop=1&autopause=0" data-comment="My lanterns. Made with Cinema 4D and Redshift." data-artstationid="OyR0XJ" data-artstationtext="See more details on ArtStation">
+			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="348853315" data-comment="I created several rigged robots who fight on their motor bikes. Made with Cinema 4D, the renderer Redshift and After Effects." data-artstationid="w848YO" data-artstationtext="See more details of this teaser on ArtStation">
-                <video loop muted poster="img/portfolio/lant.jpg">
+                <video loop muted poster="img/portfolio/wo.jpg">
-                    <source src="video/portfolio/lant.webm" type="video/webm">
+                    <source src="video/portfolio/wo.webm" type="video/webm">
                 </video>
             </div>
             <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802458?autoplay=1&loop=1&autopause=0" data-comment="Jupiter in the mist." data-artstationid="nQO0d4" data-artstationtext="See more details on ArtStation">
@@ -163,31 +183,11 @@
                     <source src="video/portfolio/loco.webm" type="video/webm">
                 </video>
             </div>
-            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802445?autoplay=1&loop=1&autopause=0" data-comment="An interior modeling." data-artstationid="Yaow0V" data-artstationtext="More details on ArtStation">
-                <video loop muted poster="img/portfolio/home.jpg">
-                    <source src="video/portfolio/home.webm" type="video/webm">
-                </video>
-            </div>
-            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802488?autoplay=1&loop=1&autopause=0" data-comment="A mountain view. Made with Forester and Redshift Proxies." data-artstationid="aR6a09" data-artstationtext="More details on ArtStation">
-                <video loop muted poster="img/portfolio/land.jpg">
-                    <source src="video/portfolio/land.webm" type="video/webm">
-                </video>
-            </div>
-            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802425?autoplay=1&loop=1&autopause=0" data-comment="Hotel in the dark." data-artstationid="XBY8oa" data-artstationtext="See the project on ArtStation">
-                <video loop muted poster="img/portfolio/hotel.jpg">
-                    <source src="video/portfolio/host.webm" type="video/webm">
-                </video>
-            </div>
             <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802572?autoplay=1&loop=1&autopause=0" data-comment="A temple in the forest." data-artstationid="PmBZl8" data-artstationtext="The project on ArtStation">
                 <video loop muted poster="img/portfolio/tmp.jpg">
                     <source src="video/portfolio/temple.webm" type="video/webm">
                 </video>
             </div>
-            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802555?autoplay=1&loop=1&autopause=0" data-comment="An example of soda advertising. I used Realflow for the liquid animation.">
-                <video loop muted poster="img/portfolio/tea.jpg">
-                    <source src="video/portfolio/tea.webm" type="video/webm">
-                </video>
-            </div>
             <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802354?autoplay=1&loop=1&autopause=0" data-comment="Inside. Made with Cinema 4D and Arnold." data-artstationid="58oO5P" data-artstationtext="See the project on ArtStation">
                 <video loop muted poster="img/portfolio/fen.jpg">
                     <source src="video/portfolio/fen.webm" type="video/webm">
@@ -198,11 +198,6 @@
                     <source src="video/portfolio/final.webm" type="video/webm">
                 </video>
             </div>
-            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802346?autoplay=1&loop=1&autopause=0" data-comment="The moon keeps a close look on the city.">
-                <video loop muted poster="img/portfolio/eye.jpg">
-                    <source src="video/portfolio/eye.webm" type="video/webm">
-                </video>
-            </div>
             <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="282742025" data-comment="This is the story of a special mushroom who will, during some adventures, meet an old friend again. Released in 2017." data-artstationid="RYBKxm" data-artstationtext="See more details of this short film on ArtStation">
                 <video loop muted poster="img/portfolio/mush.jpg">
                     <source src="video/portfolio/champi.webm" type="video/webm">
@@ -217,11 +212,6 @@
                 <video loop muted poster="img/portfolio/st.jpg">
                     <source src="video/portfolio/st.webm" type="video/webm">
                 </video>
-            </div>
-			<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="195989917" data-comment="Movie opening exercise for a meeting with GOBELINS's students. I composed the music.">
-                <video loop muted poster="img/portfolio/pomp.jpg">
-                    <source src="video/portfolio/pomp.webm" type="video/webm">
-                </video>
             </div>
 			<div class="element-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-sketchfabid="7507e61126754169937a24858981b185">
                 <div class="portfolio-container">
@@ -468,14 +458,14 @@
       var player;
       function onYouTubeIframeAPIReady() {
         player = new YT.Player('player', {
-          videoId: '-IH7vC_Kaj8',
+          videoId: 'R_zL0aCv3co',
 	  playerVars: {
 	    autoplay: 1,
 	    controls: 0,
 	    disablekb: 1,
 	    loop: 1,
 	    modestbranding: 1,
-	    playlist: '-IH7vC_Kaj8',
+	    playlist: 'R_zL0aCv3co',
 	    rel: 0,
 	    showinfo: 0
           },