fix default.nix

Revert "Update 'default.nix'"
This reverts commit dc74185c30.
2021-12-30 20:39:48 +01:00 · 2021-12-30 19:58:16 +01:00 · 2021-12-30 19:55:07 +01:00 · 2020-11-19 16:25:26 -05:00 · 2019-08-18 20:54:19 +02:00 · 2019-08-09 12:30:09 +02:00
1746 changed files with 144017 additions and 11617 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1,3 +1,5 @@
 .sass-cache
 node_modules
 bower_components
+css/creative.css
+css/creative.css.map
--- a/20
+++ b/20
@ -1,20 +0,0 @@
-FROM nginx:alpine
-RUN sed -i 's/#gzip/gzip/g' /etc/nginx/nginx.conf && \
-    sed -i '/gzip *on/ a gzip_types text/css application/javascript image/svg+xml;' /etc/nginx/nginx.conf && \
-    apk add --no-cache sassc nodejs build-base ffmpeg git coreutils bash && \
-    npm install -g svg-sprite-generator && \
-    
-    git clone https://github.com/gpac/gpac.git && \
-    cd gpac && \
-    ./configure --static-mp4box --use-zlib=no && \
-    make && \
-    make install
-
-COPY video/ /usr/share/nginx/html/video/
-WORKDIR /usr/share/nginx/html/video
-RUN ./mpd_generate.sh 1_Compilation_Graphique.webm
-    
-COPY . /usr/share/nginx/html
-WORKDIR /usr/share/nginx/html
-RUN sassc -m -t compressed scss/creative.scss css/creative.css && \
-    svg-sprite-generate -d vector/ -o vector/sprite.svg
--- a/css/font/Gravity-Light.woff
+++ b/css/font/Gravity-Light.woff
--- a/css/font/Gravity-Light.woff2
+++ b/css/font/Gravity-Light.woff2
--- a/css/font/NEOTERIC.woff
+++ b/css/font/NEOTERIC.woff
--- a/css/font/NEOTERIC.woff2
+++ b/css/font/NEOTERIC.woff2
--- a/default.nix
+++ b/default.nix
@ -0,0 +1,19 @@
+{ pkgs ? import <nixpkgs> {} }:
+
+pkgs.stdenv.mkDerivation rec {
+  name= "site-max";
+
+  inherit (pkgs) sassc;
+  inherit (pkgs) stdenv;
+
+  src = ./.;
+
+  buildPhase = ''
+    ${sassc}/bin/sassc --sourcemap=auto --style compressed scss/creative.scss css/creative.css
+  '';
+
+  installPhase = ''
+    mkdir -p $out/
+    cp -R . $out/
+  '';
+}
--- a/img/Carousel/stage/1.jpg
+++ b/img/Carousel/stage/1.jpg
--- a/img/Carousel/stage/10.jpg
+++ b/img/Carousel/stage/10.jpg
--- a/img/Carousel/stage/11.jpg
+++ b/img/Carousel/stage/11.jpg
--- a/img/Carousel/stage/12.jpg
+++ b/img/Carousel/stage/12.jpg
--- a/img/Carousel/stage/13.jpg
+++ b/img/Carousel/stage/13.jpg
--- a/img/Carousel/stage/2.jpg
+++ b/img/Carousel/stage/2.jpg
--- a/img/Carousel/stage/3.jpg
+++ b/img/Carousel/stage/3.jpg
--- a/img/Carousel/stage/4.jpg
+++ b/img/Carousel/stage/4.jpg
--- a/img/Carousel/stage/5.jpg
+++ b/img/Carousel/stage/5.jpg
--- a/img/Carousel/stage/6.jpg
+++ b/img/Carousel/stage/6.jpg
--- a/img/Carousel/stage/7.jpg
+++ b/img/Carousel/stage/7.jpg
--- a/img/Carousel/stage/8.jpg
+++ b/img/Carousel/stage/8.jpg
--- a/img/Carousel/stage/9.jpg
+++ b/img/Carousel/stage/9.jpg
--- a/img/portfolio/1.jpg
+++ b/img/portfolio/1.jpg
--- a/img/portfolio/Metal
+++ b/img/portfolio/Metal
--- a/img/portfolio/amp.jpg
+++ b/img/portfolio/amp.jpg
--- a/img/portfolio/an.jpg
+++ b/img/portfolio/an.jpg
--- a/img/portfolio/candle.jpg
+++ b/img/portfolio/candle.jpg
--- a/img/portfolio/cliff.jpg
+++ b/img/portfolio/cliff.jpg
--- a/img/portfolio/fen.jpg
+++ b/img/portfolio/fen.jpg
--- a/img/portfolio/final.jpg
+++ b/img/portfolio/final.jpg
--- a/img/portfolio/flo.jpg
+++ b/img/portfolio/flo.jpg
--- a/img/portfolio/fullsize/1.jpg
+++ b/img/portfolio/fullsize/1.jpg
--- a/img/portfolio/fullsize/2.jpg
+++ b/img/portfolio/fullsize/2.jpg
--- a/img/portfolio/fullsize/3.jpg
+++ b/img/portfolio/fullsize/3.jpg
--- a/img/portfolio/fullsize/4.jpg
+++ b/img/portfolio/fullsize/4.jpg
--- a/img/portfolio/fullsize/5.jpg
+++ b/img/portfolio/fullsize/5.jpg
--- a/img/portfolio/fullsize/6.jpg
+++ b/img/portfolio/fullsize/6.jpg
--- a/img/portfolio/girl.jpg
+++ b/img/portfolio/girl.jpg
--- a/img/portfolio/hand.jpg
+++ b/img/portfolio/hand.jpg
--- a/img/portfolio/home.jpg
+++ b/img/portfolio/home.jpg
--- a/img/portfolio/jar.jpg
+++ b/img/portfolio/jar.jpg
--- a/img/portfolio/land.jpg
+++ b/img/portfolio/land.jpg
--- a/img/portfolio/lant.jpg
+++ b/img/portfolio/lant.jpg
--- a/img/portfolio/loco.jpg
+++ b/img/portfolio/loco.jpg
--- a/img/portfolio/mist.jpg
+++ b/img/portfolio/mist.jpg
--- a/img/portfolio/mush.jpg
+++ b/img/portfolio/mush.jpg
--- a/img/portfolio/out.jpg
+++ b/img/portfolio/out.jpg
--- a/img/portfolio/roy.jpg
+++ b/img/portfolio/roy.jpg
--- a/img/portfolio/roy2.jpg
+++ b/img/portfolio/roy2.jpg
--- a/img/portfolio/st.jpg
+++ b/img/portfolio/st.jpg
--- a/img/portfolio/swamp.jpg
+++ b/img/portfolio/swamp.jpg
--- a/img/portfolio/thumbnails/1.jpg
+++ b/img/portfolio/thumbnails/1.jpg
--- a/img/portfolio/thumbnails/2.jpg
+++ b/img/portfolio/thumbnails/2.jpg
--- a/img/portfolio/thumbnails/3.jpg
+++ b/img/portfolio/thumbnails/3.jpg
--- a/img/portfolio/thumbnails/4.jpg
+++ b/img/portfolio/thumbnails/4.jpg
--- a/img/portfolio/thumbnails/5.jpg
+++ b/img/portfolio/thumbnails/5.jpg
--- a/img/portfolio/thumbnails/6.jpg
+++ b/img/portfolio/thumbnails/6.jpg
--- a/img/portfolio/thund.jpg
+++ b/img/portfolio/thund.jpg
--- a/img/portfolio/tmp.jpg
+++ b/img/portfolio/tmp.jpg
--- a/img/portfolio/venise.jpg
+++ b/img/portfolio/venise.jpg
--- a/img/portfolio/watch.jpg
+++ b/img/portfolio/watch.jpg
--- a/img/portfolio/wo.jpg
+++ b/img/portfolio/wo.jpg
--- a/img/whitfoxvecto.svg
+++ b/img/whitfoxvecto.svg
--- a/index.html
+++ b/index.html
@ -1,14 +1,15 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="fr">

 <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="description" content="">
-    <meta name="author" content="">
+    <meta name="description" content="Welcome, my name is Max SPIEGEL. I'm a CGI/VFX artist at your service. 2D/3D Animation, Compositing, Authoring Blu-Ray, Sculpting 3D.">
+    <meta name="author" content="Max SPIEGEL, Paul TREHIOU">
+  	<meta name="google-site-verification" content="hA8zslIULO9eYfwLMGrvy-O9H0beEKK6JirwLOto2H4" />

-    <title>Max SPIEGEL - Motion Designer</title>
+    <title>Max SPIEGEL - CG Artist</title>
    
    <link rel="icon" type="image/jpg" href="img/favicon.jpg" />

@ -16,7 +17,7 @@
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom fonts for this template -->
-    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+    <link href="vendor/font-awesome/css/all.min.css" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>

@ -26,68 +27,59 @@
    <!-- Custom styles for this template -->
    <link href="css/creative.css" rel="stylesheet">

-    <!-- Temporary navbar container fix -->
-    <style>
-    .navbar-toggler {
-        z-index: 1;
-    }
-    
-    @media (max-width: 576px) {
-        nav > .container {
-            width: 100%;
-        }
-    }
-    </style>
-
 </head>

 <body id="page-top">

    <!-- Navigation -->
-    <nav class="navbar fixed-top navbar-toggleable-md navbar-light" id="mainNav">
-        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarExample" aria-controls="navbarExample" aria-expanded="false" aria-label="Toggle navigation">
+    <nav class="navbar fixed-top navbar-expand-lg navbar-light" id="mainNav">
+        <a class="navbar-brand" href="#page-top">Max Spiegel<small> - CG Artist</small></a>
+        
+        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
-        <div class="container">
-            <a class="navbar-brand" href="#page-top">Max Spiegel<small> - Motion Designer</small></a>
-            <div class="collapse navbar-collapse" id="navbarExample">
-                <ul class="navbar-nav ml-auto">
-                    <li class="nav-item">
-                        <a class="nav-link" href="#about">Portfolio</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#contact">Contact</a>
-                    </li>
-                </ul>
-            </div>
+            
+        <div class="collapse navbar-collapse" id="navbarMain">
+            <ul class="navbar-nav ml-auto">
+                <li class="nav-item">
+                    <a class="nav-link" href="#about">Portfolio</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#contact">Contact</a>
+                </li>
+            </ul>
        </div>
    </nav>

    <header class="masthead">
-        <video id="masthead-video" loop></video>
+	<div class="video-container">
+          <div id="player"></div>
+        </div>

-        <a class="btn btn-default btn-xl" href="#about">
+        <a class="master_button" href="#about">
            <i class="fa fa-angle-down fa-2x" aria-hidden="true"></i>
        </a>
        
-        <a id="video-sound" class="btn btn-default">
-            <svg class="icone icone-son" aria-hidden="true">
-                <use xlink:href="/vector/sprite.svg#sound-off"></use>
-            </svg>
+        <a id="video-sound" class="master_button" href="#">
+            <img class="icone icone-son" aria-hidden="true" src="vector/sound-off.svg">
        </a>
        
-        <a id="youtube-link" class="btn btn-default" href="https://youtube.com">
-            <i class="fa fa-youtube fa-2x" aria-hidden="true"></i>
+        <a id="vimeo-link" class="master_button" href="https://vimeo.com/user59930690">
+            <i class="fab fa-vimeo-v fa-2x" aria-hidden="true"></i>
        </a>

+        <a id="artstation-link" class="master_button" href="https://www.artstation.com/maxspiegel">
+            <i class="fab fa-artstation fa-2x" aria-hidden="true"></i>
+        </a>
    </header>
    
    <section class="bg-primary" id="about">
-        <img class="vecto1" src="img/vecto1.svg">
-        <img class="vecto2" src="img/vecto2.svg">
+        <img id="renard" src="img/whitfoxvecto.svg">
+        <hr id="hr_left" />
+        <hr id="hr_right" />
        <div class="container">
-            <div class="row">
-                <div class="col-lg-8 offset-lg-2 text-center">
+            <div class="row justify-content-center">
+                <div class="col-lg-8 text-center">
                    <h1 class="section-heading text-white">Portfolio</h1>
                </div>
            </div>
@ -95,92 +87,265 @@
    </section>

    <section id="portfolio">
-        <div class="container-fluid">
-            <div class="row">
-                <div class="video-portfolio col-lg-4 col-sm-6">
-                    <video loop muted poster="img/portfolio/1.jpg">
-                        <source src="video/portfolio/1.webm" type="video/webm">
-                    </video>
-                </div>
-                <div class="video-portfolio col-lg-4 col-sm-6">
-                    <video loop muted poster="img/portfolio/1.jpg">
-                        <source src="video/portfolio/1.webm" type="video/webm">
-                    </video>
-                </div>
-                <div class="video-portfolio col-lg-4 col-sm-6">
-                    <video loop muted poster="img/portfolio/1.jpg">
-                        <source src="video/portfolio/1.webm" type="video/webm">
-                    </video>
+        <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="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">
+                    <source src="video/portfolio/out.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="311414804?autoplay=1&loop=1&autopause=0" data-comment="Released at the end of the first two weeks of November 2018 showing an animal character in an Italian city." data-artstationid="DxK6l0" data-artstationtext="More details on ArtStation">
+                <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="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="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/lant.jpg">
+                    <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-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="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/wo.jpg">
+                    <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">
+                <video loop muted poster="img/portfolio/mist.jpg">
+                    <source src="video/portfolio/mist.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="287802401?autoplay=1&loop=1&autopause=0" data-comment="This key can open all the treasures." data-artstationid="rRd8d2" data-artstationtext="See the project on ArtStation">
+                <video loop muted poster="img/portfolio/hand.jpg">
+                    <source src="video/portfolio/hand.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="287796820?autoplay=1&loop=1&autopause=0" data-comment="An Orange guitar amp followed by a Voronoi Fracture animation." data-artstationid="nQO1wO" data-artstationtext="More details on ArtStation">
+                <video loop muted poster="img/portfolio/amp.jpg">
+                    <source src="video/portfolio/amp.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="287802323?autoplay=1&loop=1&autopause=0" data-comment="For this one I wanted to mix cloner and gravity." data-artstationid="dOR9XJ" data-artstationtext="More details on ArtStation">
+                <video loop muted poster="img/portfolio/candle.jpg">
+                    <source src="video/portfolio/candle.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="287802590?autoplay=1&loop=1&autopause=0" data-comment="An advertisement for a watch.">
+                <video loop muted poster="img/portfolio/watch.jpg">
+                    <source src="video/portfolio/watch.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="287802537?autoplay=1&loop=1&autopause=0" data-comment="When a train leaves the earth..." data-artstationid="xzKzvX" data-artstationtext="More details on ArtStation">
+                <video loop muted poster="img/portfolio/loco.jpg">
+                    <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="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="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">
+                </video>
+            </div>
+            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802369?autoplay=1&loop=1&autopause=0" data-comment="Made with Cinema 4D, Turbulence FD and Redshift." data-artstationid="XB20nl" data-artstationtext="See more details on ArtStation">
+                <video loop muted poster="img/portfolio/final.jpg">
+                    <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="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">
+                </video>
+            </div>
+            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="282034965" data-comment="Here is my graduation film at Ecole Supérieure de l'AudioVisuel (ESAV). Seven days before my defense, I was burglarized and I made this alternative ending in three days. Released in June 2017.">
+                <video loop muted poster="img/portfolio/roy.jpg">
+                    <source src="video/portfolio/roy.webm" type="video/webm">
+                </video>
+            </div>
+            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#carouselSculptingModal">
+                <video loop muted poster="img/portfolio/st.jpg">
+                    <source src="video/portfolio/st.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">
+                    <img class="dynamic-zoom" src="img/portfolio/Metal Carrot1.jpg" />
                </div>
            </div>
-            <div class="row">
-                <div class="video-portfolio col-lg-4 col-sm-6">
-                    <video loop muted poster="img/portfolio/1.jpg">
-                        <source src="video/portfolio/1.webm" type="video/webm">
-                    </video>
-                </div>
-                <div class="video-portfolio col-lg-4 col-sm-6">
-                    <video loop muted poster="img/portfolio/1.jpg">
-                        <source src="video/portfolio/1.webm" type="video/webm">
-                    </video>
-                </div>
-                <div class="video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#vimeoModal" data-vimeoid="195989917">
-                    <video loop muted poster="img/portfolio/1.jpg">
-                        <source src="video/portfolio/1.webm" type="video/webm">
-                    </video>
-                </div>
-            </div>
-            <div class="row">
-                <div class="video-portfolio clickable offset-lg-4 col-lg-4 col-sm-6" data-toggle="modal" data-target="#youtubeModal" data-youtubeid="RV0M18MpDtQ">
-                    <video loop muted poster="img/portfolio/1.jpg">
-                        <source src="video/portfolio/1.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="202941724" data-comment="A painting by Santiago Rusiñol y Prat, animated with Clémentine Meriadec for the Goya Museum">
+                <video loop muted poster="img/portfolio/jar.jpg">
+                    <source src="video/portfolio/jar.webm" type="video/webm">
+                </video>
            </div>
        </div>
    </section>

    <section id="contact">
        <div class="container">
-            <div class="row">
-                <div class="col-lg-8 offset-lg-2 text-center">
-                    <h2 class="section-heading">Contactez moi !</h2>
+            <div class="row justify-content-center">
+                <div class="col-8 text-center">
+                    <h2 class="section-heading">Contact</h2>
                    <hr class="primary">
-                    <p>Je m'appelle pelle</p>
                </div>
-                <div class="col-lg-4 offset-lg-2 text-center">
-                    <i class="fa fa-phone fa-3x sr-contact"></i>
-                    <p>07 22 22 22 22</p>
+            </div>
+            <div class="row justify-content-center">
+                <div class="col-lg-4 text-center">
+                    <i class="fas fa-phone-alt fa-3x sr-contact"></i>
+                    <p class="mt-2">0033 (0) 6 44 26 78 84</p>
                </div>
                <div class="col-lg-4 text-center">
-                    <i class="fa fa-envelope-o fa-3x sr-contact"></i>
-                    <p><a href="mailto:your-email@your-domain.com">max@swag.fr</a></p>
+                    <i class="fas fa-envelope fa-3x sr-contact"></i>
+                    <p class="mt-2"><a href="mailto:spiegel.max1996@gmail.com">spiegel.max1996@gmail.com</a></p>
                </div>
            </div>
        </div>
    </section>
    
-    <div class="modal fade" id="youtubeModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal fade" id="iframeModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
-                <div class="modal-body">
+                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
-                    <iframe width="100%" height="480" src="" frameborder="0" allowfullscreen></iframe>
+                </div>
+                <div class="modal-body">
+                    <div class="embed-responsive embed-responsive-16by9">
+                        <iframe class="embed-responsive-item" src=""></iframe>
+                    </div>
+                    <div class="modal-comment">
+                    </div>
                </div>
            </div>
        </div>
    </div>
    
-    <div class="modal fade" id="vimeoModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal fade" id="carouselSculptingModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
-                <div class="modal-body">
+                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
-                    <iframe width="100%" height="480" src="" frameborder="0" allowfullscreen></iframe>
+                </div>
+                <div class="modal-body">
+                    <div id="carouselSculpting" class="carousel slide" data-ride="carousel">
+                        <ol class="carousel-indicators">
+                            <li data-target="#carouselSculpting" data-slide-to="0" class="active"></li>
+                            <li data-target="#carouselSculpting" data-slide-to="1"></li>
+                            <li data-target="#carouselSculpting" data-slide-to="2"></li>
+                            <li data-target="#carouselSculpting" data-slide-to="3"></li>
+                            <li data-target="#carouselSculpting" data-slide-to="4"></li>
+                            <li data-target="#carouselSculpting" data-slide-to="5"></li>
+                            <li data-target="#carouselSculpting" data-slide-to="6"></li>
+                            <li data-target="#carouselSculpting" data-slide-to="7"></li>
+                            <li data-target="#carouselSculpting" data-slide-to="8"></li>
+                            <li data-target="#carouselSculpting" data-slide-to="9"></li>
+                            <li data-target="#carouselSculpting" data-slide-to="10"></li>
+                            <li data-target="#carouselSculpting" data-slide-to="11"></li>
+                            <li data-target="#carouselSculpting" data-slide-to="12"></li>
+                        </ol>
+                        <div class="carousel-inner" role="listbox">
+                            <div class="carousel-item active">
+                                <img class="d-block img-fluid" src="img/Carousel/stage/1.jpg" alt="1">
+                            </div>
+                            <div class="carousel-item">
+                                <img class="d-block img-fluid" src="img/Carousel/stage/2.jpg" alt="2">
+                            </div>
+                            <div class="carousel-item">
+                                <img class="d-block img-fluid" src="img/Carousel/stage/3.jpg" alt="3">
+                            </div>
+                            <div class="carousel-item">
+                                <img class="d-block img-fluid" src="img/Carousel/stage/4.jpg" alt="4">
+                            </div>
+                            <div class="carousel-item">
+                                <img class="d-block img-fluid" src="img/Carousel/stage/5.jpg" alt="5">
+                            </div>
+                            <div class="carousel-item">
+                                <img class="d-block img-fluid" src="img/Carousel/stage/6.jpg" alt="6">
+                            </div>
+                            <div class="carousel-item">
+                                <img class="d-block img-fluid" src="img/Carousel/stage/7.jpg" alt="7">
+                            </div>
+                            <div class="carousel-item">
+                                <img class="d-block img-fluid" src="img/Carousel/stage/8.jpg" alt="8">
+                            </div>
+                            <div class="carousel-item">
+                                <img class="d-block img-fluid" src="img/Carousel/stage/9.jpg" alt="9">
+                            </div>
+                            <div class="carousel-item">
+                                <img class="d-block img-fluid" src="img/Carousel/stage/10.jpg" alt="10">
+                            </div>
+                            <div class="carousel-item">
+                                <img class="d-block img-fluid" src="img/Carousel/stage/11.jpg" alt="11">
+                            </div>
+                            <div class="carousel-item">
+                                <img class="d-block img-fluid" src="img/Carousel/stage/12.jpg" alt="12">
+                            </div>
+                            <div class="carousel-item">
+                                <img class="d-block img-fluid" src="img/Carousel/stage/13.jpg" alt="13">
+                            </div>
+                        </div>
+                        <a class="carousel-control-prev" role="button" data-slide="prev" data-target="#carouselSculpting">
+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                            <span class="sr-only">Previous</span>
+                        </a>
+                        <a class="carousel-control-next" role="button" data-slide="next" data-target="#carouselSculpting">
+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                            <span class="sr-only">Next</span>
+                        </a>
+                    </div>
+                    <div class="modal-comment">
+                    <hr>
+                    <p>Here is some images of 3D projects I did with a view to the creation of jewels for 2 Saints from the foundry Solyfonte.
+                    </p>
+                    </div>
                </div>
            </div>
        </div>
@ -189,6 +354,7 @@
    <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/tether/tether.min.js"></script>
+    <script src="vendor/popper/popper.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
@ -199,26 +365,9 @@
    <!-- Custom scripts for this template -->
    <script src="js/creative.min.js"></script>
    
-    <script src="https://cdn.dashjs.org/latest/dash.all.min.js"></script>
-    
    <script>
-        var masthead_video = document.getElementById("masthead-video");
        var video_button = document.getElementById("video-sound");
-
-        video_button.onclick = function () {
-            if (masthead_video.muted) {
-                masthead_video.muted = false;
-                video_button.children[0].children[0].setAttribute("xlink:href", "/vector/sprite.svg#sound-on");
-            } else {
-                masthead_video.muted = true;
-                video_button.children[0].children[0].setAttribute("xlink:href", "/vector/sprite.svg#sound-off");
-            }
-        };
-        
-        var url = "video/1_Compilation_Graphique/1_Compilation_Graphique.mpd";
-        var player = dashjs.MediaPlayer().create();
-        player.initialize(document.querySelector("#masthead-video"), url, true);
-        player.setMute(true);
+        var fullscreen_button = document.getElementById("fullscreen-video");
        
        var portfolio_videos = document.getElementsByClassName('video-portfolio');
        
@ -227,29 +376,130 @@
            video_div.onmouseout = function() {this.children[0].load()};
        }
        
-        $('#youtubeModal').on('show.bs.modal', function (event) {
-            document.getElementById("masthead-video").muted = false;
-            var button = $(event.relatedTarget);
-            var youtube_id = button.data('youtubeid');
+        
+        $('#iframeModal').on('show.bs.modal', function (event) {
            var modal = $(this);
-            modal.find('.modal-body iframe')[0].src = 'https://www.youtube.com/embed/' + youtube_id + "?modestbranding=1&rel=0&html5=1";
-        });
-        $('#youtubeModal').on('hidden.bs.modal', function () {
-            $(this).find('.modal-body iframe')[0].src = "";
+            var button = $(event.relatedTarget);
+            var iframe = modal.find('.modal-body iframe')[0];
+            
+            var youtube_id = button.data('youtubeid');
+            var vimeo_id = button.data('vimeoid');
+            var sketchfab_id = button.data('sketchfabid');
+            var artstation_id = button.data('artstationid');
+            var artstation_text = button.data('artstationtext');
+            
+            var comment = button.data('comment');
+            var options = button.data('options');
+            
+            var url = "";
+            
+            if (youtube_id) {
+                
+                url = 'https://www.youtube.com/embed/' + youtube_id + "?modestbranding=1&rel=0&html5=1";
+                
+                if (options) {
+                    url += '&' + options;
+                }
+                
+                iframe.setAttribute("allowfullscreen", "");
+                iframe.src = url;
+                
+            } else if (vimeo_id) {
+            
+                url = 'https://player.vimeo.com/video/' + vimeo_id;
+                
+                iframe.setAttribute("allowfullscreen", "");
+                iframe.src = url;
+
+            } else if (sketchfab_id) {
+            
+                url = 'https://sketchfab.com/models/' + sketchfab_id + '/embed?autostart=1';
+                
+                iframe.setAttribute("allowfullscreen", "");
+                iframe.setAttribute("allowvr", "");
+                iframe.setAttribute("onmousewheel", "");
+                iframe.src = url;
+            
+            }
+
+            var modal_comment = modal.find('.modal-body .modal-comment')[0];
+
+            if (comment || artstation_id) {
+                modal_comment.appendChild(document.createElement('hr'));
+            }
+
+            if (comment) {
+                var comment_object = document.createElement('p');
+                comment_object.innerText = comment;
+                modal_comment.appendChild(comment_object);
+            }
+
+            if (artstation_id) {
+                var artstation_link = document.createElement('a');
+                artstation_link.text = artstation_text;
+                artstation_link.href = "https://www.artstation.com/artwork/" + artstation_id;
+                modal_comment.appendChild(artstation_link);
+            }
        });
        
-        $('#vimeoModal').on('show.bs.modal', function (event) {
-            document.getElementById("masthead-video").muted = false;
-            var button = $(event.relatedTarget);
-            var vimeo_id = button.data('vimeoid');
-            var modal = $(this);
-            modal.find('.modal-body iframe')[0].src = 'https://player.vimeo.com/video/' + vimeo_id;
-        });
-        $('#vimeoModal').on('hidden.bs.modal', function () {
+        $('#iframeModal').on('hidden.bs.modal', function () {
            $(this).find('.modal-body iframe')[0].src = "";
+            $(this).find('.modal-body .modal-comment')[0].innerHTML = "";
        });
+
+      var tag = document.createElement('script');
+
+      tag.src = "https://www.youtube.com/iframe_api";
+      var firstScriptTag = document.getElementsByTagName('script')[0];
+      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+
+      // 3. This function creates an <iframe> (and YouTube player)
+      //    after the API code downloads.
+      var player;
+      function onYouTubeIframeAPIReady() {
+        player = new YT.Player('player', {
+          videoId: 'R_zL0aCv3co',
+	  playerVars: {
+	    autoplay: 1,
+	    controls: 0,
+	    disablekb: 1,
+	    loop: 1,
+	    modestbranding: 1,
+	    playlist: 'R_zL0aCv3co',
+	    rel: 0,
+	    showinfo: 0
+          },
+	  events: {
+            'onReady': onPlayerReady,
+          }
+        });
+      }
+
+      var iframe
+
+      function onPlayerReady(event) {
+        event.target.mute();
+        iframe = document.getElementById('player');
+	document.getElementById('video-sound').addEventListener('click', playMute);
+      }
+
+      function playMute(){
+	var video_button = document.getElementById('video-sound');
+	if(player.isMuted()){
+	  player.unMute();
+	  video_button.children[0].setAttribute("src", "vector/sound-on.svg");
+	} else {
+          player.mute();
+	  video_button.children[0].setAttribute("src", "vector/sound-off.svg");
+	}
+      }
+
    </script>

+    <footer>
+  <small>MANY thanks to Paul TREHIOU, inspired by <a href="https://startbootstrap.com/template-overviews/creative/">Creative</a> <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png"></a></small>
+</footer>
+    
 </body>

 </html>
--- a/scss/_about.scss
+++ b/scss/_about.scss
@ -2,19 +2,39 @@
    padding: 50px 0;
    position: relative;
    overflow: hidden;
+    background-color: $background-baniere !important;
    h1 {
-        font-family: descuadrado;
-        font-size: 4rem;
+        font-family: NEOTERIC;
+        font-size: 3rem;
+        text-transform: uppercase;
+    }
+    hr {
+        position: absolute;
+        max-width: 100%;
+        width: 30%;
+        top: 50%;
+        margin: 0;
+        border-color: white;
+        border-width: 2px;
+        &#hr_left{
+
+        }
+        &#hr_right{
+            right: 0;
+        }
    }
    img { 
        position: absolute;
-        &.vecto1 {
-            left: -70rem;
-            top: -70rem;
-        }
-        &.vecto2 {
-            right: -60rem;
-            top: -20rem;
+        width: 100%;
+        &#renard {
+            height: 170%;
+            opacity: 0.15;
+            position: absolute;
+            top: -9999px;
+            bottom: -9999px;
+            left: -9999px;
+            right: -9999px;
+            margin: auto;
        }
    }
 }
--- a/scss/_global.scss
+++ b/scss/_global.scss
@ -1,7 +1,7 @@
 // Global styling for this template

@font-face {
-    font-family: 'descuadrado';
+    font-family: 'descuadrado-webfont';
    src: url('font/descuadrado-webfont.woff2') format('woff2'),
         url('font/descuadrado-webfont.woff') format('woff');
    font-weight: normal;
@ -9,6 +9,14 @@

 }

+@font-face {
+    font-family: 'NEOTERIC';
+    src: url('font/NEOTERIC.woff2') format('woff2'),
+        url('font/NEOTERIC.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
 html,
 body {
    width: 100%;
@ -67,7 +75,7 @@ p {
 }

 section {
-    padding: 100px 0;
+    padding: 125px 0;
 }

 .section-heading {
--- a/scss/_masthead.scss
+++ b/scss/_masthead.scss
@ -15,63 +15,72 @@ header.masthead {
        background-size: cover;
        overflow: hidden;
    }
-    .header-content {
-        position: relative;
-        width: 100%;
-        padding: 100px 15px 100px;
-        text-align: center;
-        .header-content-inner {
-            h1 {
-                font-size: 30px;
-                font-weight: 700;
-                margin-top: 0;
-                margin-bottom: 0;
-                text-transform: uppercase;
-            }
-            hr {
-                margin: 30px auto;
-            }
-            p {
-                font-size: 16px;
-                font-weight: 300;
-                margin-bottom: 50px;
-                color: fade-out(white, .3);
-            }
-        }
-    }
    a {
        position: absolute;
        bottom: 2rem;
    }
    #video-sound {
-        right: 4rem;
+        right: 2rem;
    }
-    #youtube-link {
-        right: 9rem;
+    #vimeo-link {
+        left: 2rem;
    }
+    #artstation-link {
+        left: 5rem;
+    }
+    .icone {
+        width: 1.1rem;
+        height: 1rem;
+    }
+    .fa-2x {
+        font-size: inherit;
+    }
+    .btn-xl {
+        padding: .5rem 1rem;
+    }
+    .master_button {
+        color: white;
+        opacity: 0.5;
+        &:hover {
+            opacity: 1;
+        }
+    }
+
+    .video-container, iframe {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+    }
+    @media (min-aspect-ratio: 16/9) {
+      .video-container { height: 300%; top: -100%; }
+    }
+    @media (max-aspect-ratio: 16/9) {
+      .video-container { width: 300%; left: -100%; }
+    }
+
    @media (min-width: 768px) {
        height: 100%;
-        .header-content {
-            position: absolute;
-            top: 50%;
-            padding: 0 50px;
-            -webkit-transform: translateY(-50%);
-            -ms-transform: translateY(-50%);
-            transform: translateY(-50%);
-            .header-content-inner {
-                max-width: 1000px;
-                margin-right: auto;
-                margin-left: auto;
-                h1 {
-                    font-size: 50px;
-                }
-                p {
-                    font-size: 18px;
-                    max-width: 80%;
-                    margin-right: auto;
-                    margin-left: auto;
-                }
-            }
+        #video-sound {
+            right: 4rem;
+        }
+        #vimeo-link {
+            left: 4rem;
+        }
+        #artstation-link {
+            left: 7.5rem;
+        }
+        .icone {
+            width: 2.2rem;
+            height: 2rem;
+        }
+        .fa-2x {
+            font-size: 2em;
+        }
+        .btn-xl {
+            padding: 15px 30px;
        }
    }
 }
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@ -56,6 +56,10 @@
            &:focus {
                color: white;
            }
+            margin-left: 6rem;
+        }
+        .navbar-nav {
+            margin-right: 9rem;
        }
        .navbar-nav > li.nav-item > a.nav-link,
        .navbar-nav > li.nav-item > a.nav-link:focus {
--- a/scss/_portfolio.scss
+++ b/scss/_portfolio.scss
@ -1,73 +1,28 @@
 // Styling for the portfolio section
 #portfolio {
    padding: 0;
-    .video-portfolio {
-        padding-right: 3px;
-        padding-left: 3px;
+    .element-portfolio {
+        padding: 3px;
+        line-height: 0;
        video {
            width: 100%;
        }
+        img {
+            width: 100%;
+        }
+        .dynamic-zoom {
+            transition: 1s;
+        }
        &.clickable {
            cursor: pointer;
        }
-    }
-}
-
-.portfolio-box {
-    position: relative;
-    display: block;
-    max-width: 650px;
-    margin: 0 auto;
-    .portfolio-box-caption {
-        position: absolute;
-        bottom: 0;
-        display: block;
-        width: 100%;
-        height: 100%;
-        text-align: center;
-        opacity: 0;
-        color: white;
-        background: fade-out($theme-primary, .1);
-        @include transition-all;
-        .portfolio-box-caption-content {
-            position: absolute;
-            top: 50%;
-            width: 100%;
-            transform: translateY(-50%);
-            text-align: center;
-            .project-category,
-            .project-name {
-                padding: 0 15px;
-                @include sans-serif-font;
-            }
-            .project-category {
-                font-size: 14px;
-                font-weight: 600;
-                text-transform: uppercase;
-            }
-            .project-name {
-                font-size: 18px;
+        &:hover {
+            .dynamic-zoom {
+                transform: scale(1.5);
            }
        }
-    }
-    &:hover {
-        .portfolio-box-caption {
-            opacity: 1;
-        }
-    }
-    &:focus {
-        outline: none;
-    }
-    @media (min-width: 768px) {
-        .portfolio-box-caption {
-            .portfolio-box-caption-content {
-                .project-category {
-                    font-size: 16px;
-                }
-                .project-name {
-                    font-size: 22px;
-                }
-            }
+        .portfolio-container {
+            overflow: hidden;
        }
    }
 }
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@ -3,6 +3,7 @@
 // Gray and Brand Colors for use across theme

 $theme-primary:    #F04B12;
+$background-baniere: #210A0B;

 $gray-base:        #000 !default;
 $gray-darker:	   lighten($gray-base, 13.5%) !default; // #222
--- a/update.sh
+++ b/update.sh
@ -1,8 +0,0 @@
-#!/bin/bash
-
-docker build -t site-max .
-
-docker stop some-nginx
-docker rm some-nginx
-
-docker run --name some-nginx -d -p 80:80 site-max
--- a/vector/sound-off.svg
+++ b/vector/sound-off.svg
@ -1,43 +1,84 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 1024 768" style="enable-background:new 0 0 1024 768;" xml:space="preserve">
-<g>
-	<path d="M302.8,252.3c4.3,3.7,8.3,7.2,12.4,10.7c65.8,56.9,131.7,113.8,197.5,170.7c1.8,1.6,2.7,3.3,2.7,5.8
-		c0,58.1,0,116.2,0,174.2c0,11.4-0.1,22.7-0.2,34.1c-0.1,8.4-0.9,16.6-3.8,24.5c-0.8,2.1-1.7,4.2-2.8,6.1
-		c-5.8,10.1-16.2,14.1-27.3,10.5c-5.9-1.9-11.1-5-15.8-9c-5.5-4.7-10.7-9.6-15.8-14.7c-24.4-23.8-48.7-47.7-73-71.5
-		C360.4,578,344.2,562,328,546.1c-14.5-14.3-29.1-28.6-43.6-42.9c-4.2-4.1-9.3-5.7-15.1-5.6c-27.4,0.1-54.9,0.2-82.3,0.2
-		c-3.4,0-6.9-0.4-10.2-1.1c-11.4-2.3-18.6-9.7-20.5-21.3c-0.6-3.8-1-7.6-1-11.4c-0.1-36.9-0.1-73.8-0.1-110.6
-		c0-15.6,0-31.2,0.1-46.8c0-3.6,0.6-7.2,1.5-10.7c2.8-10.7,10.1-16.8,20.8-18.7c3.5-0.6,7.1-1,10.7-1c25.4-0.1,50.9,0,76.3,0
-		c1.9,0,3.8,0.1,5.8,0c5.7-0.1,10.5-2.3,14.6-6.3c5.1-5.2,10.3-10.2,15.5-15.4C301.2,253.8,301.9,253.1,302.8,252.3z"/>
-	<path d="M162,97.8c0.1-21.8,15.2-38.4,34.9-40.3c11.1-1.1,20.9,2.1,29.3,9.3c42.5,36.5,84.9,73.1,127.3,109.6
-		c61.4,52.9,122.8,105.7,184.2,158.6c59.7,51.4,119.3,102.7,179,154.1c51.8,44.6,103.6,89.1,155.3,133.7
-		c9.2,7.9,13.9,18.1,13.7,30.2c-0.2,19.5-15,35.6-34.4,37.8c-11.1,1.2-20.9-1.8-29.4-9c-13.5-11.4-26.8-23-40.2-34.6
-		c-61.4-52.9-122.8-105.7-184.2-158.6c-59.7-51.4-119.3-102.7-179-154.1C343.1,269.7,267.8,204.9,192.4,140
-		c-5.6-4.9-11.3-9.7-16.9-14.6C166.6,117.6,162.2,107.7,162,97.8z"/>
-	<path d="M820.8,562.8c-14.3-12.3-28.4-24.5-42.6-36.7c0.6-0.9,1-1.6,1.5-2.4c17.1-25.7,29.1-53.6,35.4-83.9
-		c2.4-11.6,3.8-23.3,4.6-35.2c0.8-12.2,0.7-24.5-0.2-36.7c-4-56.7-24.6-106.3-63.3-148.1c-12.5-13.5-26.2-25.6-40.9-36.5
-		c-7.4-5.5-15.4-10-23.4-14.5c-3.1-1.8-6.2-3.6-9.3-5.5c-4.8-3-8.6-6.9-11.2-12c-5.7-11.1-3.6-23.6,5.8-32.2
-		c8-7.4,17.3-9.3,27.6-5.8c2.3,0.8,4.6,1.9,6.8,3C751,137.4,785,165,812.2,200.6c22.3,29.3,39.2,61.4,49.9,96.7
-		c4.5,14.7,7.4,29.8,9.5,45c2.4,17.4,3.7,34.8,4,52.4c0.2,11.9-1,23.8-2.6,35.6c-2.4,18.3-6.4,36.2-12.1,53.7
-		c-8.8,27.3-21.5,52.6-38.1,76.1C822.2,560.9,821.6,561.7,820.8,562.8z"/>
-	<path d="M739.1,492.5c-14.6-12.6-29.2-25.1-43.8-37.7c0.4-1,0.8-1.9,1.2-2.9c6.8-16.1,11-32.9,12.6-50.3
-		c2.8-30.9-2.8-60.4-16.4-88.2c-14.3-29.2-35.3-52.3-63.1-69.3c-5.1-3.1-9.7-6.9-14.1-11.1c-7.4-7.1-9-15.5-6.3-25.1
-		c3.6-12.7,15.9-20.8,29-19.3c2.4,0.3,4.8,1.1,7.1,2c11.7,4.8,22.2,11.6,32.2,19.3c23.8,18.7,43.7,40.7,58.4,67.3
-		c11.2,20.1,18.7,41.5,23.3,63.9c3.7,18.2,5.6,36.7,5.7,55.3c0.1,16.2-2.3,32.2-6.3,47.9c-4.1,16-10,31.2-17.8,45.7
-		c-0.3,0.6-0.7,1.3-1.1,1.9C739.6,492.1,739.4,492.2,739.1,492.5z"/>
-	<path d="M515.1,299.6c-46.2-39.8-92.4-79.5-138.8-119.4c0.6-0.6,1-1.2,1.5-1.7c25.2-24.7,50.4-49.4,75.6-74c3.9-3.8,8-7.7,12.3-11
-		c3.4-2.7,7.3-4.9,11.2-6.9c5.5-2.8,11.3-3.9,17.5-2.5c7.4,1.7,12.8,5.9,16.4,12.6c2.3,4.2,3.6,8.8,3.9,13.5
-		c0.4,5.6,0.8,11.2,0.8,16.8c0.1,56.5,0,113.1,0,169.6c0,0.9,0,1.9,0,2.8C515.4,299.5,515.3,299.6,515.1,299.6z"/>
-	<path d="M650,415.7c-0.8-0.7-1.5-1.2-2.2-1.8c-16.9-14.5-33.7-29-50.6-43.5c-1-0.9-1.7-1.8-2.2-3.1c-6.3-15.7-17.2-26.6-33.2-32.5
-		c-3.6-1.3-7.1-3-10.5-4.7c-3.4-1.7-6.3-4.2-8.7-7.1c-4.7-5.7-6.2-12.5-5.6-19.8c0.9-11.5,9.7-21.3,23-23.4
-		c4.7-0.7,9.3-0.4,13.8,0.9c30.7,9.1,53.2,28.1,68.1,56.3c6.3,12,9.7,25,11.2,38.4c1.3,12.7,0.6,25.2-2.4,37.6
-		C650.5,413.9,650.3,414.6,650,415.7z"/>
-	<path d="M703.3,598.5c14.3,12.4,28.4,24.6,42.6,37c-0.7,0.6-1.1,1.1-1.7,1.5c-10.9,7.6-22.2,14.6-33.8,20.9
-		c-6.8,3.7-13.9,5.1-21.5,3.2c-10.3-2.5-18.6-11.7-20-22.2c-1.5-11.5,2.4-20.9,12.2-27.3C688.2,606.9,695.8,602.9,703.3,598.5z"/>
-	<path d="M625.5,531.2c14.6,12.6,28.9,25,43.4,37.6c-0.9,0.7-1.6,1.4-2.4,1.9c-4.9,3.1-9.8,6.3-14.8,9.4c-5.2,3.2-10.8,4.8-16.9,4.7
-		c-13-0.4-25-11-26-24.3c-0.8-9.5,2.2-17.3,9.4-23.5C620.4,534.9,622.9,533.2,625.5,531.2z"/>
-	<path d="M539.3,456.7c13.4,11.5,26.4,22.9,39.8,34.4c-3.5,1.4-6.8,2.3-10.3,2.9c-16.9,3-32.5-10.7-31.8-27.8
-		C537.1,463.1,537.6,459.9,539.3,456.7z"/>
-</g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Calque_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 1024 768"
+   style="enable-background:new 0 0 1024 768;"
+   xml:space="preserve"
+   sodipodi:docname="sound-off.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+   id="metadata27"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+   id="defs25" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1600"
+   inkscape:window-height="833"
+   id="namedview23"
+   showgrid="false"
+   inkscape:zoom="0.30729167"
+   inkscape:cx="512"
+   inkscape:cy="384"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Calque_1" />
+<g
+   id="g20"
+   style="fill:#ffffff">
+	<path
+   d="M302.8,252.3c4.3,3.7,8.3,7.2,12.4,10.7c65.8,56.9,131.7,113.8,197.5,170.7c1.8,1.6,2.7,3.3,2.7,5.8   c0,58.1,0,116.2,0,174.2c0,11.4-0.1,22.7-0.2,34.1c-0.1,8.4-0.9,16.6-3.8,24.5c-0.8,2.1-1.7,4.2-2.8,6.1   c-5.8,10.1-16.2,14.1-27.3,10.5c-5.9-1.9-11.1-5-15.8-9c-5.5-4.7-10.7-9.6-15.8-14.7c-24.4-23.8-48.7-47.7-73-71.5   C360.4,578,344.2,562,328,546.1c-14.5-14.3-29.1-28.6-43.6-42.9c-4.2-4.1-9.3-5.7-15.1-5.6c-27.4,0.1-54.9,0.2-82.3,0.2   c-3.4,0-6.9-0.4-10.2-1.1c-11.4-2.3-18.6-9.7-20.5-21.3c-0.6-3.8-1-7.6-1-11.4c-0.1-36.9-0.1-73.8-0.1-110.6   c0-15.6,0-31.2,0.1-46.8c0-3.6,0.6-7.2,1.5-10.7c2.8-10.7,10.1-16.8,20.8-18.7c3.5-0.6,7.1-1,10.7-1c25.4-0.1,50.9,0,76.3,0   c1.9,0,3.8,0.1,5.8,0c5.7-0.1,10.5-2.3,14.6-6.3c5.1-5.2,10.3-10.2,15.5-15.4C301.2,253.8,301.9,253.1,302.8,252.3z"
+   id="path2"
+   style="fill:#ffffff" />
+	<path
+   d="M162,97.8c0.1-21.8,15.2-38.4,34.9-40.3c11.1-1.1,20.9,2.1,29.3,9.3c42.5,36.5,84.9,73.1,127.3,109.6   c61.4,52.9,122.8,105.7,184.2,158.6c59.7,51.4,119.3,102.7,179,154.1c51.8,44.6,103.6,89.1,155.3,133.7   c9.2,7.9,13.9,18.1,13.7,30.2c-0.2,19.5-15,35.6-34.4,37.8c-11.1,1.2-20.9-1.8-29.4-9c-13.5-11.4-26.8-23-40.2-34.6   c-61.4-52.9-122.8-105.7-184.2-158.6c-59.7-51.4-119.3-102.7-179-154.1C343.1,269.7,267.8,204.9,192.4,140   c-5.6-4.9-11.3-9.7-16.9-14.6C166.6,117.6,162.2,107.7,162,97.8z"
+   id="path4"
+   style="fill:#ffffff" />
+	<path
+   d="M820.8,562.8c-14.3-12.3-28.4-24.5-42.6-36.7c0.6-0.9,1-1.6,1.5-2.4c17.1-25.7,29.1-53.6,35.4-83.9   c2.4-11.6,3.8-23.3,4.6-35.2c0.8-12.2,0.7-24.5-0.2-36.7c-4-56.7-24.6-106.3-63.3-148.1c-12.5-13.5-26.2-25.6-40.9-36.5   c-7.4-5.5-15.4-10-23.4-14.5c-3.1-1.8-6.2-3.6-9.3-5.5c-4.8-3-8.6-6.9-11.2-12c-5.7-11.1-3.6-23.6,5.8-32.2   c8-7.4,17.3-9.3,27.6-5.8c2.3,0.8,4.6,1.9,6.8,3C751,137.4,785,165,812.2,200.6c22.3,29.3,39.2,61.4,49.9,96.7   c4.5,14.7,7.4,29.8,9.5,45c2.4,17.4,3.7,34.8,4,52.4c0.2,11.9-1,23.8-2.6,35.6c-2.4,18.3-6.4,36.2-12.1,53.7   c-8.8,27.3-21.5,52.6-38.1,76.1C822.2,560.9,821.6,561.7,820.8,562.8z"
+   id="path6"
+   style="fill:#ffffff" />
+	<path
+   d="M739.1,492.5c-14.6-12.6-29.2-25.1-43.8-37.7c0.4-1,0.8-1.9,1.2-2.9c6.8-16.1,11-32.9,12.6-50.3   c2.8-30.9-2.8-60.4-16.4-88.2c-14.3-29.2-35.3-52.3-63.1-69.3c-5.1-3.1-9.7-6.9-14.1-11.1c-7.4-7.1-9-15.5-6.3-25.1   c3.6-12.7,15.9-20.8,29-19.3c2.4,0.3,4.8,1.1,7.1,2c11.7,4.8,22.2,11.6,32.2,19.3c23.8,18.7,43.7,40.7,58.4,67.3   c11.2,20.1,18.7,41.5,23.3,63.9c3.7,18.2,5.6,36.7,5.7,55.3c0.1,16.2-2.3,32.2-6.3,47.9c-4.1,16-10,31.2-17.8,45.7   c-0.3,0.6-0.7,1.3-1.1,1.9C739.6,492.1,739.4,492.2,739.1,492.5z"
+   id="path8"
+   style="fill:#ffffff" />
+	<path
+   d="M515.1,299.6c-46.2-39.8-92.4-79.5-138.8-119.4c0.6-0.6,1-1.2,1.5-1.7c25.2-24.7,50.4-49.4,75.6-74c3.9-3.8,8-7.7,12.3-11   c3.4-2.7,7.3-4.9,11.2-6.9c5.5-2.8,11.3-3.9,17.5-2.5c7.4,1.7,12.8,5.9,16.4,12.6c2.3,4.2,3.6,8.8,3.9,13.5   c0.4,5.6,0.8,11.2,0.8,16.8c0.1,56.5,0,113.1,0,169.6c0,0.9,0,1.9,0,2.8C515.4,299.5,515.3,299.6,515.1,299.6z"
+   id="path10"
+   style="fill:#ffffff" />
+	<path
+   d="M650,415.7c-0.8-0.7-1.5-1.2-2.2-1.8c-16.9-14.5-33.7-29-50.6-43.5c-1-0.9-1.7-1.8-2.2-3.1c-6.3-15.7-17.2-26.6-33.2-32.5   c-3.6-1.3-7.1-3-10.5-4.7c-3.4-1.7-6.3-4.2-8.7-7.1c-4.7-5.7-6.2-12.5-5.6-19.8c0.9-11.5,9.7-21.3,23-23.4   c4.7-0.7,9.3-0.4,13.8,0.9c30.7,9.1,53.2,28.1,68.1,56.3c6.3,12,9.7,25,11.2,38.4c1.3,12.7,0.6,25.2-2.4,37.6   C650.5,413.9,650.3,414.6,650,415.7z"
+   id="path12"
+   style="fill:#ffffff" />
+	<path
+   d="M703.3,598.5c14.3,12.4,28.4,24.6,42.6,37c-0.7,0.6-1.1,1.1-1.7,1.5c-10.9,7.6-22.2,14.6-33.8,20.9   c-6.8,3.7-13.9,5.1-21.5,3.2c-10.3-2.5-18.6-11.7-20-22.2c-1.5-11.5,2.4-20.9,12.2-27.3C688.2,606.9,695.8,602.9,703.3,598.5z"
+   id="path14"
+   style="fill:#ffffff" />
+	<path
+   d="M625.5,531.2c14.6,12.6,28.9,25,43.4,37.6c-0.9,0.7-1.6,1.4-2.4,1.9c-4.9,3.1-9.8,6.3-14.8,9.4c-5.2,3.2-10.8,4.8-16.9,4.7   c-13-0.4-25-11-26-24.3c-0.8-9.5,2.2-17.3,9.4-23.5C620.4,534.9,622.9,533.2,625.5,531.2z"
+   id="path16"
+   style="fill:#ffffff" />
+	<path
+   d="M539.3,456.7c13.4,11.5,26.4,22.9,39.8,34.4c-3.5,1.4-6.8,2.3-10.3,2.9c-16.9,3-32.5-10.7-31.8-27.8   C537.1,463.1,537.6,459.9,539.3,456.7z"
+   id="path18"
+   style="fill:#ffffff" />
+</g>
+</svg>
--- a/vector/sound-on.svg
+++ b/vector/sound-on.svg
@ -1,22 +1,64 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 1024 768" style="enable-background:new 0 0 1024 768;" xml:space="preserve">
-<g>
-	<path d="M513.7,382.1c0,87.7,0.1,175.5-0.2,263.2c0,8.8-1.2,17.9-4,26.2c-5.6,16.3-20.5,22-35.7,14c-6.7-3.5-12.9-8.6-18.3-14
-		c-57.7-56.4-115.3-112.9-172.8-169.6c-4-3.9-8-5.5-13.6-5.5c-27.7,0.3-55.4,0.2-83.1,0.1c-21.6,0-32.3-10.9-32.3-32.6
-		c0-52.3,0-104.6,0-157c0-21.1,10.9-32,32.2-32c27.7-0.1,55.4-0.2,83.1,0.1c5.6,0.1,9.6-1.6,13.6-5.5
-		C340.1,212.8,397.8,156,455.8,99.5C461.4,94,468,89,475,85.6c16.4-8,32.8,0.2,37,17.9c1.3,5.6,1.6,11.6,1.6,17.4
-		C513.7,208,513.7,295,513.7,382.1z"/>
-	<path d="M874.1,399.9c-4.8,106.3-58.1,197.5-164.6,256.4c-10.4,5.8-21,6.3-31.1-0.8c-9.9-7-13.1-16.8-10.7-28.4
-		c2-9.8,8.9-15.7,17.3-20.1c27.5-14.4,51.6-33.2,72-56.7c37.5-43.2,58.9-93.4,61.4-150.6c3.9-90.9-31.9-163.4-104.7-217.6
-		c-9.7-7.2-20.7-12.8-31.2-19c-18.4-11-21.1-33.4-5.1-46.3c9.9-8,20.9-7.4,31.6-1.8c56.5,29.5,99.9,72.4,129.9,128.6
-		C862.3,287.9,873.6,335.4,874.1,399.9z"/>
-	<path d="M763,399.8c-3,70.3-39.5,135.2-112.5,178.7c-12.3,7.3-23.9,6.5-34-1.5c-8.2-6.5-11.6-17.9-8.4-28.6c2.6-9,9.3-14.2,17-18.7
-		c42.1-25.1,68.7-61.5,79.3-109.4c15.3-68.8-16.7-141.6-77.2-177.6c-6.4-3.8-12.6-9-17.1-15c-6.2-8.2-4.4-22.1,2.3-30.2
-		c7.1-8.6,19.2-12.5,29.1-8.6c20.4,8.1,37.3,21.6,52.9,36.5C738.6,267.5,763,324.9,763,399.8z"/>
-	<path d="M652,385.8c0.2,53.7-38.4,97.2-84.7,107.1c-12.8,2.7-25.3-4.8-30.1-17.3c-4.6-12.2-0.1-25.7,11.2-32.2
-		c3.8-2.2,8-3.9,12.1-5.4c22-8,36.7-29.1,36.6-52.5c-0.1-23.1-14.7-44.1-36.6-51.6c-12-4.1-21.9-10-24.6-23.3
-		c-4.2-21,15.3-37,36.9-30.7C619.8,293.7,652,336.7,652,385.8z"/>
-</g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Calque_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 1024 768"
+   style="enable-background:new 0 0 1024 768;"
+   xml:space="preserve"
+   sodipodi:docname="sound-on.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+   id="metadata17"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+   id="defs15" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="640"
+   inkscape:window-height="480"
+   id="namedview13"
+   showgrid="false"
+   inkscape:zoom="0.30729167"
+   inkscape:cx="512"
+   inkscape:cy="384"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Calque_1" />
+<g
+   id="g10"
+   style="fill:#ffffff">
+	<path
+   d="M513.7,382.1c0,87.7,0.1,175.5-0.2,263.2c0,8.8-1.2,17.9-4,26.2c-5.6,16.3-20.5,22-35.7,14c-6.7-3.5-12.9-8.6-18.3-14   c-57.7-56.4-115.3-112.9-172.8-169.6c-4-3.9-8-5.5-13.6-5.5c-27.7,0.3-55.4,0.2-83.1,0.1c-21.6,0-32.3-10.9-32.3-32.6   c0-52.3,0-104.6,0-157c0-21.1,10.9-32,32.2-32c27.7-0.1,55.4-0.2,83.1,0.1c5.6,0.1,9.6-1.6,13.6-5.5   C340.1,212.8,397.8,156,455.8,99.5C461.4,94,468,89,475,85.6c16.4-8,32.8,0.2,37,17.9c1.3,5.6,1.6,11.6,1.6,17.4   C513.7,208,513.7,295,513.7,382.1z"
+   id="path2"
+   style="fill:#ffffff" />
+	<path
+   d="M874.1,399.9c-4.8,106.3-58.1,197.5-164.6,256.4c-10.4,5.8-21,6.3-31.1-0.8c-9.9-7-13.1-16.8-10.7-28.4   c2-9.8,8.9-15.7,17.3-20.1c27.5-14.4,51.6-33.2,72-56.7c37.5-43.2,58.9-93.4,61.4-150.6c3.9-90.9-31.9-163.4-104.7-217.6   c-9.7-7.2-20.7-12.8-31.2-19c-18.4-11-21.1-33.4-5.1-46.3c9.9-8,20.9-7.4,31.6-1.8c56.5,29.5,99.9,72.4,129.9,128.6   C862.3,287.9,873.6,335.4,874.1,399.9z"
+   id="path4"
+   style="fill:#ffffff" />
+	<path
+   d="M763,399.8c-3,70.3-39.5,135.2-112.5,178.7c-12.3,7.3-23.9,6.5-34-1.5c-8.2-6.5-11.6-17.9-8.4-28.6c2.6-9,9.3-14.2,17-18.7   c42.1-25.1,68.7-61.5,79.3-109.4c15.3-68.8-16.7-141.6-77.2-177.6c-6.4-3.8-12.6-9-17.1-15c-6.2-8.2-4.4-22.1,2.3-30.2   c7.1-8.6,19.2-12.5,29.1-8.6c20.4,8.1,37.3,21.6,52.9,36.5C738.6,267.5,763,324.9,763,399.8z"
+   id="path6"
+   style="fill:#ffffff" />
+	<path
+   d="M652,385.8c0.2,53.7-38.4,97.2-84.7,107.1c-12.8,2.7-25.3-4.8-30.1-17.3c-4.6-12.2-0.1-25.7,11.2-32.2   c3.8-2.2,8-3.9,12.1-5.4c22-8,36.7-29.1,36.6-52.5c-0.1-23.1-14.7-44.1-36.6-51.6c-12-4.1-21.9-10-24.6-23.3   c-4.2-21,15.3-37,36.9-30.7C619.8,293.7,652,336.7,652,385.8z"
+   id="path8"
+   style="fill:#ffffff" />
+</g>
+</svg>
--- a/vendor/bootstrap/css/bootstrap-grid.css
+++ b/vendor/bootstrap/css/bootstrap-grid.css
--- a/vendor/bootstrap/css/bootstrap-grid.css.map
+++ b/vendor/bootstrap/css/bootstrap-grid.css.map
--- a/vendor/bootstrap/css/bootstrap-grid.min.css
+++ b/vendor/bootstrap/css/bootstrap-grid.min.css
--- a/vendor/bootstrap/css/bootstrap-grid.min.css.map
+++ b/vendor/bootstrap/css/bootstrap-grid.min.css.map
--- a/vendor/bootstrap/css/bootstrap-reboot.css
+++ b/vendor/bootstrap/css/bootstrap-reboot.css
@ -1,284 +1,57 @@
-/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
-html {
-  font-family: sans-serif;
-  line-height: 1.15;
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
-}
-
-body {
-  margin: 0;
-}
-
-article,
-aside,
-footer,
-header,
-nav,
-section {
-  display: block;
-}
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-figcaption,
-figure,
-main {
-  display: block;
-}
-
-figure {
-  margin: 1em 40px;
-}
-
-hr {
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-}
-
-pre {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
-a {
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-}
-
-a:active,
-a:hover {
-  outline-width: 0;
-}
-
-abbr[title] {
-  border-bottom: none;
-  text-decoration: underline;
-  text-decoration: underline dotted;
-}
-
-b,
-strong {
-  font-weight: inherit;
-}
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-code,
-kbd,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
-dfn {
-  font-style: italic;
-}
-
-mark {
-  background-color: #ff0;
-  color: #000;
-}
-
-small {
-  font-size: 80%;
-}
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-audio,
-video {
-  display: inline-block;
-}
-
-audio:not([controls]) {
-  display: none;
-  height: 0;
-}
-
-img {
-  border-style: none;
-}
-
-svg:not(:root) {
-  overflow: hidden;
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-}
-
-button,
-input {
-  overflow: visible;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-button,
-html [type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-}
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-fieldset {
-  border: 1px solid #c0c0c0;
-  margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em;
-}
-
-legend {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  color: inherit;
-  display: table;
-  max-width: 100%;
-  padding: 0;
-  white-space: normal;
-}
-
-progress {
-  display: inline-block;
-  vertical-align: baseline;
-}
-
-textarea {
-  overflow: auto;
-}
-
-[type="checkbox"],
-[type="radio"] {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  padding: 0;
-}
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-[type="search"] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
-}
-
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
-}
-
-details,
-menu {
-  display: block;
-}
-
-summary {
-  display: list-item;
-}
-
-canvas {
-  display: inline-block;
-}
-
-template {
-  display: none;
-}
-
-[hidden] {
-  display: none;
-}
-
-html {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-
+/*!
+ * Bootstrap Reboot v4.1.0 (https://getbootstrap.com/)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
 *,
 *::before,
 *::after {
-  -webkit-box-sizing: inherit;
-          box-sizing: inherit;
+  box-sizing: border-box;
+}
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: transparent;
 }

@-ms-viewport {
  width: device-width;
 }

-html {
-  -ms-overflow-style: scrollbar;
-  -webkit-tap-highlight-color: transparent;
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block;
 }

 body {
-  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
-  font-weight: normal;
+  font-weight: 400;
  line-height: 1.5;
-  color: #292b2c;
+  color: #212529;
+  text-align: left;
  background-color: #fff;
 }

 [tabindex="-1"]:focus {
-  outline: none !important;
+  outline: 0 !important;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
 }

 h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
 }

 p {
@ -288,7 +61,11 @@ p {

 abbr[title],
 abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
  cursor: help;
+  border-bottom: 0;
 }

 address {
@ -312,7 +89,7 @@ ul ol {
 }

 dt {
-  font-weight: bold;
+  font-weight: 700;
 }

 dd {
@ -324,13 +101,44 @@ blockquote {
  margin: 0 0 1rem;
 }

-a {
-  color: #0275d8;
-  text-decoration: none;
+dfn {
+  font-style: italic;
 }

-a:focus, a:hover {
-  color: #014c8c;
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -.25em;
+}
+
+sup {
+  top: -.5em;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+}
+
+a:hover {
+  color: #0056b3;
  text-decoration: underline;
 }

@ -339,7 +147,7 @@ a:not([href]):not([tabindex]) {
  text-decoration: none;
 }

-a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
+a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
 }
@ -348,10 +156,19 @@ a:not([href]):not([tabindex]):focus {
  outline: 0;
 }

+pre,
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
 pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
+  -ms-overflow-style: scrollbar;
 }

 figure {
@ -360,45 +177,36 @@ figure {

 img {
  vertical-align: middle;
+  border-style: none;
 }

-[role="button"] {
-  cursor: pointer;
-}
-
-a,
-area,
-button,
-[role="button"],
-input,
-label,
-select,
-summary,
-textarea {
-  -ms-touch-action: manipulation;
-      touch-action: manipulation;
+svg:not(:root) {
+  overflow: hidden;
 }

 table {
  border-collapse: collapse;
-  background-color: transparent;
 }

 caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
-  color: #636c72;
+  color: #6c757d;
  text-align: left;
  caption-side: bottom;
 }

 th {
-  text-align: left;
+  text-align: inherit;
 }

 label {
  display: inline-block;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
+}
+
+button {
+  border-radius: 0;
 }

 button:focus {
@ -409,13 +217,43 @@ button:focus {
 input,
 button,
 select,
+optgroup,
 textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
  line-height: inherit;
 }

-input[type="radio"]:disabled,
-input[type="checkbox"]:disabled {
-  cursor: not-allowed;
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
 }

 input[type="date"],
@ -426,6 +264,7 @@ input[type="month"] {
 }

 textarea {
+  overflow: auto;
  resize: vertical;
 }

@ -439,20 +278,52 @@ fieldset {
 legend {
  display: block;
  width: 100%;
+  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
+  color: inherit;
+  white-space: normal;
 }

-input[type="search"] {
+progress {
+  vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  outline-offset: -2px;
  -webkit-appearance: none;
 }

+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
 output {
  display: inline-block;
 }

+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+template {
+  display: none;
+}
+
 [hidden] {
  display: none !important;
 }
--- a/vendor/bootstrap/css/bootstrap-reboot.css.map
+++ b/vendor/bootstrap/css/bootstrap-reboot.css.map
--- a/vendor/bootstrap/css/bootstrap-reboot.min.css
+++ b/vendor/bootstrap/css/bootstrap-reboot.min.css
@ -1 +1,8 @@
-/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}@-ms-viewport{width:device-width}html{-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{cursor:help}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}a{color:#0275d8;text-decoration:none}a:focus,a:hover{color:#014c8c;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle}[role=button]{cursor:pointer}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse;background-color:transparent}caption{padding-top:.75rem;padding-bottom:.75rem;color:#636c72;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{line-height:inherit}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit}input[type=search]{-webkit-appearance:none}output{display:inline-block}[hidden]{display:none!important}/*# sourceMappingURL=bootstrap-reboot.min.css.map */
+/*!
+ * Bootstrap Reboot v4.1.0 (https://getbootstrap.com/)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
+/*# sourceMappingURL=bootstrap-reboot.min.css.map */
--- a/vendor/bootstrap/css/bootstrap-reboot.min.css.map
+++ b/vendor/bootstrap/css/bootstrap-reboot.min.css.map
--- a/vendor/bootstrap/css/bootstrap.css
+++ b/vendor/bootstrap/css/bootstrap.css
--- a/vendor/bootstrap/css/bootstrap.css.map
+++ b/vendor/bootstrap/css/bootstrap.css.map
--- a/vendor/bootstrap/css/bootstrap.min.css
+++ b/vendor/bootstrap/css/bootstrap.min.css
--- a/vendor/bootstrap/css/bootstrap.min.css.map
+++ b/vendor/bootstrap/css/bootstrap.min.css.map
--- a/vendor/bootstrap/js/bootstrap.bundle.js
+++ b/vendor/bootstrap/js/bootstrap.bundle.js
--- a/vendor/bootstrap/js/bootstrap.bundle.js.map
+++ b/vendor/bootstrap/js/bootstrap.bundle.js.map
--- a/vendor/bootstrap/js/bootstrap.bundle.min.js
+++ b/vendor/bootstrap/js/bootstrap.bundle.min.js
--- a/vendor/bootstrap/js/bootstrap.bundle.min.js.map
+++ b/vendor/bootstrap/js/bootstrap.bundle.min.js.map
--- a/vendor/bootstrap/js/bootstrap.js
+++ b/vendor/bootstrap/js/bootstrap.js
--- a/vendor/bootstrap/js/bootstrap.js.map
+++ b/vendor/bootstrap/js/bootstrap.js.map
--- a/vendor/bootstrap/js/bootstrap.min.js
+++ b/vendor/bootstrap/js/bootstrap.min.js
--- a/vendor/bootstrap/js/bootstrap.min.js.map
+++ b/vendor/bootstrap/js/bootstrap.min.js.map
--- a/vendor/font-awesome/LICENSE.txt
+++ b/vendor/font-awesome/LICENSE.txt
@ -0,0 +1,34 @@
+Font Awesome Free License
+-------------------------
+
+Font Awesome Free is free, open source, and GPL friendly. You can use it for
+commercial projects, open source projects, or really almost whatever you want.
+Full Font Awesome Free license: https://fontawesome.com/license/free.
+
+# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
+In the Font Awesome Free download, the CC BY 4.0 license applies to all icons
+packaged as SVG and JS file types.
+
+# Fonts: SIL OFL 1.1 License (https://scripts.sil.org/OFL)
+In the Font Awesome Free download, the SIL OFL license applies to all icons
+packaged as web and desktop font files.
+
+# Code: MIT License (https://opensource.org/licenses/MIT)
+In the Font Awesome Free download, the MIT license applies to all non-font and
+non-icon files.
+
+# Attribution
+Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
+Awesome Free files already contain embedded comments with sufficient
+attribution, so you shouldn't need to do anything additional when using these
+files normally.
+
+We've kept attribution comments terse, so we ask that you do not actively work
+to remove them from files, especially code. They're a great way for folks to
+learn about Font Awesome.
+
+# Brand Icons
+All brand icons are trademarks of their respective owners. The use of these
+trademarks does not indicate endorsement of the trademark holder by Font
+Awesome, nor vice versa. **Please do not use brand logos for any purpose except
+to represent the company, product, or service to which they refer.**
--- a/vendor/font-awesome/css/all.css
+++ b/vendor/font-awesome/css/all.css
--- a/vendor/font-awesome/css/all.min.css
+++ b/vendor/font-awesome/css/all.min.css
--- a/vendor/font-awesome/css/brands.css
+++ b/vendor/font-awesome/css/brands.css
@ -0,0 +1,14 @@
+/*!
+ * Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face {
+  font-family: 'Font Awesome 5 Brands';
+  font-style: normal;
+  font-weight: normal;
+  font-display: auto;
+  src: url("../webfonts/fa-brands-400.eot");
+  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
+
+.fab {
+  font-family: 'Font Awesome 5 Brands'; }
--- a/vendor/font-awesome/css/brands.min.css
+++ b/vendor/font-awesome/css/brands.min.css
@ -0,0 +1,5 @@
+/*!
+ * Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}
--- a/vendor/font-awesome/css/fontawesome.css
+++ b/vendor/font-awesome/css/fontawesome.css
--- a/vendor/font-awesome/css/fontawesome.min.css
+++ b/vendor/font-awesome/css/fontawesome.min.css
--- a/vendor/font-awesome/css/regular.css
+++ b/vendor/font-awesome/css/regular.css
@ -0,0 +1,15 @@
+/*!
+ * Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face {
+  font-family: 'Font Awesome 5 Free';
+  font-style: normal;
+  font-weight: 400;
+  font-display: auto;
+  src: url("../webfonts/fa-regular-400.eot");
+  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
+
+.far {
+  font-family: 'Font Awesome 5 Free';
+  font-weight: 400; }
--- a/vendor/font-awesome/css/regular.min.css
+++ b/vendor/font-awesome/css/regular.min.css
@ -0,0 +1,5 @@
+/*!
+ * Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
nyanloutre	0aaa59b7e2	fix default.nix	2021-12-30 20:39:48 +01:00
nyanloutre	084efa4a39	Revert "Update 'default.nix'" This reverts commit `dc74185c30`.	2021-12-30 19:58:16 +01:00
nyanloutre	dc74185c30	Update 'default.nix'	2021-12-30 19:55:07 +01:00
Max	1af666a0d1	Add 2 Projects	2020-11-19 16:25:26 -05:00
Max	9521bf83d9	Add 3 last maya projects	2019-08-18 20:54:19 +02:00
Max	29ed547783	Add 3 First Maya Projects	2019-08-09 12:30:09 +02:00
Max	8637905618	add watchout	2019-07-30 23:25:03 +02:00
Max	80aee0d566	Add Thunder	2019-07-30 23:21:16 +02:00
Max	717a14baa9	add lantern link	2019-07-24 20:39:27 +02:00
Max	c882fd30cc	add fire link	2019-07-23 16:38:34 +02:00
Max	e8a0590b55	Add amp link	2019-07-19 19:14:37 +02:00
Max	6e51bf1b40	Add landscape link	2019-07-18 14:18:23 +02:00
Max	903284746d	Add artsation link on some projects	2019-07-16 14:09:16 +02:00
nyanloutre	3f8f4c9a6f	augmentation marge texte contacts	2019-07-14 12:40:11 +02:00
nyanloutre	b170d96546	ajout variable texte lien ArtStation	2019-07-14 12:33:35 +02:00
nyanloutre	3a329b42ef	corrections font-awesome 3 -> 4	2019-07-14 12:28:22 +02:00
nyanloutre	665125e0dd	Ajout lien ArtStation modal	2019-07-14 12:28:07 +02:00
nyanloutre	c212523ebc	corrections font-awesome 3 -> 4	2019-07-14 11:54:08 +02:00
nyanloutre	8515c71261	MAJ font-awesome	2019-07-14 11:47:10 +02:00
nyanloutre	7688d1d8d9	ajout bouton artstation	2019-07-14 11:44:46 +02:00
Max	d51f0627cc	Text Mushroom changes	2019-06-30 14:40:08 +02:00
nyanloutre	aa2c01b42d	vérification console Google	2019-04-27 19:17:25 +02:00
nyanloutre	89b8bfd1a3	Modification style boutons	2019-02-10 17:42:09 +01:00
nyanloutre	63674b2145	Modification titre portfolio	2019-02-10 16:22:40 +01:00
Maxanator	5a2d951eff	Add last projects	2019-02-08 13:14:10 +01:00
Maxanator	6cd0ccfda2	Changement vidéo principale	2019-01-22 22:27:03 +01:00
Paul TREHIOU	ef88b1950e	Delete update.sh	2018-11-06 01:03:06 +01:00
Paul TREHIOU	903a7092ae	Delete .drone.yml	2018-11-06 01:02:50 +01:00
Paul TREHIOU	cdd6044c98	Delete Dockerfile	2018-11-06 01:02:42 +01:00
Maxanator	edd7bd1013	Merge branch 'master' of https://github.com/nyanloutre/site-max	2018-09-28 20:29:26 +02:00
Maxanator	bcbbd72cc6	Correction keepS	2018-09-28 20:29:13 +02:00
nyanloutre	297dc0c195	Correction lien mailto	2018-09-16 17:08:44 +02:00
Maxanator	bd08200291	correction image temple	2018-09-16 15:55:42 +02:00
Maxanator	1d2b0dd6f1	police	2018-09-16 15:39:13 +02:00
Maxanator	64b22e26c5	police de base	2018-09-16 15:38:25 +02:00
Maxanator	eeb8eb1c77	Vimeo movies	2018-09-16 14:56:36 +02:00
Maxanator	e18276ba67	mise a jour mosaiq	2018-09-16 14:50:05 +02:00
Maxanator	8e021df738	font	2018-09-16 14:01:11 +02:00
Maxanator	8329920d94	Test loop vimeo	2018-09-16 13:41:43 +02:00
nyanloutre	726fb93ab2	Build nix	2018-09-16 11:08:11 +02:00
Maxanator	4d479699ec	some	2018-09-01 15:07:28 +02:00
Maxanator	c519b7d21e	Langue anglaise	2018-09-01 14:52:03 +02:00
nyanloutre	85e3045729	Simplification svg son vidéo	2018-05-10 19:05:08 +02:00
nyanloutre	d867dc8828	Plus de fullscreen	2018-04-28 19:15:55 +02:00
nyanloutre	03bc7d98fb	Pas de barre noire YouTube	2018-04-28 19:08:52 +02:00
nyanloutre	b18a8c1085	Player Youtube amélioré	2018-04-28 18:46:00 +02:00
nyanloutre	b3767fdf57	Video fond YouTube	2018-04-28 17:57:11 +02:00
nyanloutre	3aa505636a	MAJ bootstrap	2018-04-28 17:02:52 +02:00
Maxanator	ec3a413b71	Correction coordonnées	2018-04-06 20:05:21 +02:00
Maxanator	7905ecadf8	Fix image	2017-12-03 16:31:22 +01:00
Maxanator	6a62a5f561	Add Mushroom Dreams	2017-12-03 16:09:56 +01:00
Maxanator	4afd098993	ajout son pour desintegration et box	2017-08-17 17:05:54 +02:00
Maxanator	8114e5f9f3	Ajout de son à Mushroom dreams (lien youtube)	2017-08-16 16:40:49 +02:00
Maxanator	4aeb7cd0d7	J'ai oublié d'enlever clickable	2017-08-16 16:29:26 +02:00
Maxanator	1aba64b592	Suppression lien Youtube pour ALL et STAR	2017-08-16 16:25:30 +02:00
Maxanator	e536a11f3a	Video2	2017-08-15 22:38:07 +02:00
Maxanator	d1d5bb8d02	Video	2017-08-15 21:48:32 +02:00
Maxanator	bfac5130f1	OUVERTURE DU SITE	2017-08-15 20:29:20 +02:00
Maxanator	a58b4d8d30	ajout box et padding contact	2017-08-15 12:14:36 +02:00
Maxanator	5d7d7a693b	Modif Marges	2017-08-12 22:20:41 +02:00
nyanloutre	38d5e9ce4b	Ajout marges	2017-08-12 21:10:12 +02:00
nyanloutre	994c1f7ec1	Mise à jour Bootstrap V4 Beta	2017-08-12 17:47:21 +02:00
Maxanator	5474fe56e9	redimentionnement image	2017-08-12 17:04:21 +02:00
nyanloutre	d321d1fd3b	Images manquantes	2017-08-12 16:49:25 +02:00
nyanloutre	b64971a018	Compression images caroussel	2017-08-12 16:43:07 +02:00
Maxanator	9bed9934b6	Correction carousel	2017-08-12 16:39:46 +02:00
Maxanator	ea4a294265	images carousel	2017-08-12 16:31:18 +02:00
nyanloutre	c40a8b3ffd	Ajout caroussel popup	2017-08-12 15:33:06 +02:00
Maxanator	f89251cca8	correction	2017-08-12 15:11:28 +02:00
Maxanator	87ac7b90df	Remerciements	2017-08-12 15:05:47 +02:00
Maxanator	844757b03d	Description	2017-08-12 14:40:45 +02:00
Maxanator	5bf6ae3f87	Préparation de la mosaique qui acceuillera le carousel	2017-08-12 13:09:05 +02:00
Maxanator	4fe793c166	Ajout d'une vidéo et réarangement mosaique	2017-08-11 20:42:18 +02:00
Maxanator	9e96f53746	Modif image herisson	2017-08-08 11:56:15 +02:00
Maxanator	bc8c91f320	Ajout du herisson	2017-08-07 20:53:45 +02:00
Maxanator	70b92c0c81	Ajout de All	2017-08-07 16:18:57 +02:00
Maxanator	dd02403d20	Ajout de The Door	2017-08-06 15:34:20 +02:00
nyanloutre	d37c7f11cd	Carousel dans portfolio	2017-07-27 19:34:08 +02:00
nyanloutre	fa0758cb8a	Restauration son vidéo fermeture fenetre modale	2017-07-27 19:01:23 +02:00
nyanloutre	75d0767ee9	Correction cadre d'or modal	2017-07-27 18:56:53 +02:00
nyanloutre	a804c6caa8	Simplification fenetres modales	2017-07-27 18:44:42 +02:00
Maxanator	83bd656a91	Ajout du cadre d'or	2017-07-27 18:39:46 +02:00
Maxanator	a8c068f911	Ajout du voyage de roy	2017-07-27 18:04:06 +02:00
Maxanator	abd8591092	Ajout de plein de contenu vidéo	2017-07-27 17:35:42 +02:00
nyanloutre	3a022f178a	Pas de mute avec sketchfab	2017-07-27 17:15:33 +02:00
Maxanator	5c3b916e81	Ajout d'images	2017-07-27 17:14:52 +02:00
Maxanator	f43dd6da7b	Ajout de City	2017-07-27 15:19:28 +02:00
nyanloutre	f738eb8773	Typo dans le sass	2017-07-26 23:47:27 +02:00
nyanloutre	a097e07c62	Correctif Firefox	2017-07-26 22:47:30 +02:00
nyanloutre	c786f1c72b	Boutons responsive	2017-07-24 23:20:00 +02:00
nyanloutre	06d53ebd75	Faute de frappe	2017-07-24 22:54:25 +02:00
nyanloutre	b0f813d3bb	Pas de <hr> si pas de commentaire	2017-07-24 22:52:08 +02:00
nyanloutre	865794f209	Effet de zoom images	2017-07-24 22:33:29 +02:00
Maxanator	984cc93f24	fix carrot	2017-07-24 21:52:15 +02:00
Maxanator	eed82db066	Habillage miniature Carotte	2017-07-24 21:50:12 +02:00
nyanloutre	7008c9e420	CSS image portfolio	2017-07-24 17:14:59 +02:00
nyanloutre	8102192410	Sketchfab iframe	2017-07-24 17:10:31 +02:00
Maxanator	2e130a2526	Changement du language du site en Français	2017-07-22 12:01:22 +02:00
Maxanator	97aa19cef2	Amélioration miniature Champi	2017-07-21 20:17:12 +02:00
nyanloutre	3894adfcf5	CDN en HTTPs	2017-07-21 19:30:31 +02:00
nyanloutre	46562a54f8	Nettoyage	2017-07-21 19:24:49 +02:00
Maxanator	45c561ef1a	habillage miniature champi	2017-07-21 19:14:49 +02:00
Maxanator	648897e645	Ajout d'une nouvelle vidéo	2017-07-21 18:35:19 +02:00
Maxanator	95ceeebd63	Changement des texts dans CONTACTS	2017-07-21 18:27:47 +02:00
nyanloutre	1f09e250cb	Nouvelle vidéo YouTube	2017-07-21 16:37:27 +02:00
nyanloutre	08d431699b	Script drone custom pour le déploiement	2017-07-21 16:29:26 +02:00
nyanloutre	8f7997c152	Correction nom image script drone	2017-07-21 15:55:48 +02:00
nyanloutre	c5756ff093	Correction script drone	2017-07-21 15:20:49 +02:00
nyanloutre	db7770390d	Automatisation avec drone	2017-07-21 15:01:53 +02:00
nyanloutre	1db17fcc7c	Texte contact	2017-07-21 13:19:14 +02:00
nyanloutre	62bf95cb12	Bug loop vidéo youtube	2017-07-20 20:24:59 +02:00
nyanloutre	50100ad949	Options possibles pour youtube	2017-07-20 20:13:40 +02:00
nyanloutre	cf7b61c777	Test vidéo youtube portfolio	2017-07-20 14:16:35 +02:00
nyanloutre	36075dee12	Nettoyage commentaire quand on ferme la vidéo	2017-07-20 14:12:54 +02:00
nyanloutre	b97b1e04e2	Responsive video embeded	2017-07-20 14:09:52 +02:00
nyanloutre	7aa8753905	Flexbox pour le portfolio	2017-07-20 14:02:35 +02:00
nyanloutre	9977ec89b7	Bouton plein écran	2017-07-20 13:37:09 +02:00
nyanloutre	989c159aa9	Emplacement croix portfolio	2017-07-19 20:10:21 +02:00
nyanloutre	3ad9687ef7	Ajout commentaire portfolio	2017-07-19 19:40:51 +02:00
nyanloutre	c3d5dcd338	Erreur MP4Box strip	2017-07-19 19:17:42 +02:00
nyanloutre	30d312975c	Redémarage vidéo début	2017-07-19 19:17:22 +02:00
nyanloutre	366bf09ee4	Typo	2017-07-19 19:07:39 +02:00
nyanloutre	5ad57ec665	Changement encodage	2017-07-19 19:02:29 +02:00
nyanloutre	7f2152295f	Lien https	2017-07-19 18:13:31 +02:00
nyanloutre	00b8f32928	Utilisation nightly	2017-07-19 18:11:39 +02:00
nyanloutre	d92e0af59f	Pas de parametre loop sur la vidéo	2017-07-19 18:01:56 +02:00
nyanloutre	45a1545531	mute sur l'élément dash	2017-07-19 17:59:37 +02:00
nyanloutre	6a9ffd244e	Loop vidéo principale	2017-07-19 17:51:41 +02:00
nyanloutre	5dc3b15fe6	Bug javascript	2017-07-19 17:01:30 +02:00
nyanloutre	94928f98cd	Fonction pour couper le son	2017-07-19 15:30:24 +02:00
nyanloutre	497f0dd9cc	La son s'active au lieu de se couper	2017-07-19 15:24:51 +02:00