nettoyage images &vidéos, nouveaux nom, vidéos fullscreen

il y a 3 ans · 4a8a2cd665
--- a/_category/clothes.md
+++ b/_category/clothes.md
@@ -1,4 +0,0 @@
 ---
 tag: clothes
 permalink: "/category/clothes"
 ---
--- a/_category/luxury.md
+++ b/_category/luxury.md
@@ -1,4 +0,0 @@
 ---
 tag: luxury
 permalink: "/category/luxury"
 ---
--- a/_includes/contact.html
+++ b/_includes/contact.html
@@ -1,8 +1,11 @@
 <div id="contact-screen">
  <span onclick="document.getElementById('contact-screen').classList.toggle('shown')"><img src="{{site.baseurl}}/assets/images/times-solid.svg"/></span>
 <div>
  <span class="close" onclick="document.getElementById('contact-screen').classList.toggle('shown')">
    <!-- <img src="{{site.baseurl}}/assets/images/times-solid-white.svg"/> -->
    &times;
  </span>
 <div style="user-select:none;">
   <div class="text-uppercase">{{site.title}}</div>
   <div>{{site.email}}</div>
   <div>01 02 03 04 05 06</div>
   <div>06.71.88.26.64</div>
  </div>
 </div>
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -3,7 +3,7 @@
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  {%- seo -%}
  <!-- <script src="{{ "/assets/js/filter.js" | relative_url }}"></script> -->
  <script src="{{ "/assets/js/dm.js" | relative_url }}"></script>
  <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
  {%- feed_meta -%}
  {%- if jekyll.environment == 'production' and site.google_analytics -%}
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -3,7 +3,7 @@
  <div>
    {%- assign default_paths = site.pages | map: "path" -%}
    {%- assign page_paths = site.header_pages | default: default_paths -%}
    <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}  <span class="site-subtitle">{{site.subtitle | escape}}</span></a>
    <a class="site-title page-link" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}  <span class="site-subtitle">{{site.subtitle | escape}}</span></a>

    {%- if page_paths -%}
      <nav class="site-nav">
@@ -19,9 +19,9 @@
        <div class="trigger">
          <!--<a class="page-link" href="#" onclick="categoryFilter()">Works</a>-->

          {% assign catNames = "luxury, clothes" | split: ", " %}
          {% assign catNames = "artworks" | split: ", " %}
          {% for cat in catNames %}
            <a class="page-link" href="{{ site.baseurl }}/category/{{cat}}">{{cat | capitalize}}</a>
            <a class="page-link" href="{{ site.baseurl }}/category/{{cat}}.html">{{cat | capitalize}}</a>
          {%- endfor -%}

          {%- for page in site.pages -%}
--- a/_layouts/category.html
+++ b/_layouts/category.html
@@ -18,7 +18,7 @@ layout: default
      <a class="post-link" href="{{ post.url | relative_url }}"><img src="{{post.image}}"/></a>
      <h3>
          <!-- {{ post.title | escape }} -->
        <span class="home-tags">{{post.hometext}}</span>
        <!--<span class="home-tags">{{post.hometext}}</span>-->
      </h3>
      {%- if site.show_excerpts -%}
        {{ post.excerpt }}
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -1,13 +1,36 @@
 ---
 layout: default

 ---


 <main class="page-content" aria-label="Content">
  <video id="demo" src="/assets/demoreel2020.webm" type="video/webm" autoplay="true" muted="true">
  </video>
  <div class="wrapper">
    <div class="home">
    </div>
  </div>
 </main>
 <html lang="{{ page.lang | default: site.lang | default: "en" }}">

  {%- include head.html -%}

  <body>

    {%- include header.html -%}

    <main class="page-content video-container" aria-label="Content">
      <video id="demo" src="/assets/demoreel2020.webm" type="video/webm" autoplay="true" muted="true">
      </video>
      <button onclick="playShowReel()">Play showreel</button>

      <div id="fullscreen-showreel" class="hidden">
        <button onclick="leaveShowReel()" class="large">&times;</button>
        <video
          width="800px"
          autoplay="true"
          id="showreel"
          src="/assets/demoreel2020.webm"
          type="video/webm"
          controls>
        </video>
      <div>
    </main>
    {%- include contact.html -%}
    {%- include footer.html -%}

  </body>

 </html>
--- a/_posts/2020-04-10-luxury-ricochet.markdown
+++ b/_posts/2020-04-10-luxury-ricochet.markdown
@@ -1,29 +0,0 @@
 ---
 layout: post
 title: "Ricochet"
 date: 2020-04-10
 description:
 image: /assets/images/Luxery/Ricochet/Ricochet_homepage.png
 author: Dylan Monin
 tags:
  - plop
 category: luxury   
 hometext: Ricochet · 2020

 ---

 <video controls style="width:100%;">
  <source src="/assets/images/Luxery/Ricochet/table_ricochet.mp4" type="video/mp4">
 </video>

 Pellentesque scelerisque diam non vulputate consequat. Curabitur lectus eros, vestibulum in fringilla et, rutrum in felis. Nam eu blandit nisl. Nullam sed scelerisque turpis. Vestibulum sagittis lacus dignissim, hendrerit mi ut, congue odio. Aenean sed lectus augue. Mauris placerat tellus nulla, nec posuere neque pulvinar tristique. Cras ultricies, felis eu consectetur faucibus, sem nibh pretium dolor, vel viverra nisl risus sed leo. Aliquam aliquet neque ut fringilla mollis. Aliquam risus massa, molestie ut gravida id, lacinia ut elit. Nullam ac gravida lacus, at eleifend tellus.

 ![Placeholder](/assets/images/Luxery/Ricochet/Table_Ricochet_pers02.jpg)

 Quisque vel quam nibh. Maecenas nec sagittis ligula. Proin vitae nisi pharetra, pharetra nisi ac, scelerisque metus. Duis eleifend tortor sit amet nunc lacinia tempus. Nullam vulputate mi in tellus semper, faucibus convallis velit venenatis. In eget libero ac lorem tincidunt pharetra. Integer posuere vehicula elementum.


 ![Placeholder](/assets/images/Luxery/Ricochet/Table_Ricochet_pers01.jpg)


 ![Placeholder](/assets/images/Luxery/Ricochet/Table_Ricochet_fd_blanc_close_up.jpg)
--- a/_posts/2020-04-11-luxery-dolphin.markdown
+++ b/_posts/2020-04-11-luxery-dolphin.markdown
@@ -1,23 +0,0 @@
 ---
 layout: post
 title: "Doplhin"
 date: 2020-04-11
 description:
 image: /assets/images/Luxery/Dolphin/Dolphin_homepage.png
 author: Dylan Monin
 tags:
  - plip
  - plop
 category: luxury
 hometext: Doplhin · 2020
 ---
 Etiam accumsan ligula vel velit mattis molestie. Aenean hendrerit risus sed orci cursus consequat. Proin sed leo at eros molestie ullamcorper. Suspendisse faucibus augue vulputate odio tristique, quis interdum ex lobortis. Nullam nec feugiat metus, in pellentesque leo.  

 ![Placeholder](/assets/images/Luxery/Dolphin/pers_hd2.jpg)
 ![Placeholder](/assets/images/Luxery/Dolphin/pers_hd.jpg)
 Ut a massa vel tortor luctus sollicitudin ut in diam. Suspendisse metus nibh, feugiat eget nisl eget, elementum interdum nulla. Nam vel nisl risus.

 ![Placeholder](/assets/images/Luxery/Dolphin/pers_zoom01.jpg)
 ![Placeholder](/assets/images/Luxery/Dolphin/pers_zoom02.jpg)
 ![Placeholder](/assets/images/Luxery/Dolphin/pers2_zoom01.jpg)
 ![Placeholder](/assets/images/Luxery/Dolphin/pers2_zoom02.jpg)
--- a/_posts/2020-04-12-lorem.markdown
+++ b/_posts/2020-04-12-lorem.markdown
@@ -1,19 +0,0 @@
 ---
 layout: post
 title: "Lorem"
 date: 2020-04-12
 description:
 image: /assets/images/Clothes/lorem.jpg
 author: Dylan Monin
 tags:
  - clothes
 category: clothes   
 hometext: Plop · 2020
 ---
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin cursus urna et eros condimentum tincidunt id ac turpis. Donec vulputate, lectus sed vulputate blandit, massa est dictum diam, vulputate aliquam turpis nunc sed velit. Fusce accumsan blandit mauris a porta. Sed ac tincidunt nulla. Morbi odio purus, condimentum quis lectus at, hendrerit blandit libero. In quis dictum dolor, et lacinia purus. Proin consequat nisi ut nibh sollicitudin tristique. Suspendisse gravida tellus vitae dictum ultricies. In vestibulum odio dui, sed ultricies lorem aliquet quis. Phasellus mollis tempus lacinia. Nulla tortor arcu, ornare consectetur ligula sit amet, dapibus porttitor urna. Donec et augue quis neque placerat porta. Nulla rutrum quam odio, quis fringilla mi tincidunt quis. Integer sodales scelerisque dictum. Suspendisse non nisi id eros ornare viverra vitae sed justo. In nisl nibh, tempor sed vestibulum sit amet, porta vel arcu.

 ![Placeholder](/assets/images/Clothes/lorem.jpg)

 Vestibulum finibus eros sapien, nec dignissim risus laoreet vel. Suspendisse in mi vitae dui tincidunt interdum vel porta enim. Nam in faucibus urna. Morbi eget massa et enim luctus placerat. Nulla sed aliquam nisi. Donec auctor in lorem id efficitur. Fusce molestie nulla quis mauris gravida, in varius lacus imperdiet. Sed elit erat, finibus eu lorem in, ultrices consectetur turpis. Suspendisse molestie a nulla sit amet volutpat. Nulla at volutpat libero, feugiat auctor diam. Sed malesuada finibus massa et cursus. Phasellus vitae erat quis odio placerat condimentum a nec eros. Nam at nulla sed quam egestas finibus ut quis lorem. Aliquam non tristique arcu, et condimentum sem. Proin condimentum, nibh accumsan volutpat vehicula, enim nisi suscipit purus, tempor venenatis elit arcu ac turpis. In iaculis commodo volutpat.

 ![Placeholder](/assets/images/Clothes/lorem2.jpg)
--- a/_posts/2020-04-13-Balevenie.markdown
+++ b/_posts/2020-04-13-Balevenie.markdown
@@ -1,19 +0,0 @@
 ---
 layout: post
 title: "The Balvenie"
 date: 2020-04-13
 description:
 image: /assets/images/Luxery/The_Balvenie/the_balvenie.jpg
 author: Dylan Monin
 #category: luxury
 categories:
  - "luxury"   
 hometext: The Balvenie · 2020
 ---
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin cursus urna et eros condimentum tincidunt id ac turpis. Donec vulputate, lectus sed vulputate blandit, massa est dictum diam, vulputate aliquam turpis nunc sed velit. Fusce accumsan blandit mauris a porta. Sed ac tincidunt nulla. Morbi odio purus, condimentum quis lectus at, hendrerit blandit libero. In quis dictum dolor, et lacinia purus. Proin consequat nisi ut nibh sollicitudin tristique. Suspendisse gravida tellus vitae dictum ultricies. In vestibulum odio dui, sed ultricies lorem aliquet quis. Phasellus mollis tempus lacinia. Nulla tortor arcu, ornare consectetur ligula sit amet, dapibus porttitor urna. Donec et augue quis neque placerat porta. Nulla rutrum quam odio, quis fringilla mi tincidunt quis. Integer sodales scelerisque dictum. Suspendisse non nisi id eros ornare viverra vitae sed justo. In nisl nibh, tempor sed vestibulum sit amet, porta vel arcu.

 ![Placeholder](/assets/images/lorem.jpg)

 Vestibulum finibus eros sapien, nec dignissim risus laoreet vel. Suspendisse in mi vitae dui tincidunt interdum vel porta enim. Nam in faucibus urna. Morbi eget massa et enim luctus placerat. Nulla sed aliquam nisi. Donec auctor in lorem id efficitur. Fusce molestie nulla quis mauris gravida, in varius lacus imperdiet. Sed elit erat, finibus eu lorem in, ultrices consectetur turpis. Suspendisse molestie a nulla sit amet volutpat. Nulla at volutpat libero, feugiat auctor diam. Sed malesuada finibus massa et cursus. Phasellus vitae erat quis odio placerat condimentum a nec eros. Nam at nulla sed quam egestas finibus ut quis lorem. Aliquam non tristique arcu, et condimentum sem. Proin condimentum, nibh accumsan volutpat vehicula, enim nisi suscipit purus, tempor venenatis elit arcu ac turpis. In iaculis commodo volutpat.

 ![Placeholder](/assets/images/lorem2.jpg#full)
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -9,6 +9,26 @@
  background-color: $background-color;
 }

 .page-link{
  border :none;
 }
 .video-container {
   position: relative;

   button{
     position: absolute;
     bottom: 10px;
     right:10px;
     background-color: #333;
     color:white;
     border:none;
     padding: 4px;
     &.large{
       @include relative-font-size(3);
       padding: 15px;
     }
   }
 }
 video#demo{
  position: fixed;
  top: 50%;
@@ -212,6 +232,7 @@ video#demo{

 .page-heading {
  @include relative-font-size(2);
  padding-left: 15px;
 }

 .post-list-heading {
@@ -289,26 +310,26 @@ video#demo{
 }

 #contact-screen{
  @include relative-font-size(2.0);
  text-align: center;
  position:fixed;
  background-color: white;
  color:white;
  background-color: black;
  top: 0px;
  left:0px;
  width: 100vw;
  height: 100vh;
  display: none;
  font-size: 26px;
  line-height: 200%;
  font-weight: 600;
  span{
  span.close{
    position:fixed;
    top:10px;
    top:5px;
    right: 10px;
    z-index: 200;
    cursor: pointer;
    img{
      width: 24px;
      height:24px;
    }
    color: white;
    @include relative-font-size(5.0);
  }
  &.shown{
    z-index: 100;
@@ -317,3 +338,17 @@ video#demo{
    align-items: center;
  }
 }

 #fullscreen-showreel{
  &.hidden{display:none;}
  display: flex;
  position:fixed;
  justify-content: center;
  align-items: center;
  background-color: black;
  top:0;
  left:0;
  z-index: 100;
  width: 100%;
  height: 100vh;
 }
--- a/assets/demoreel2020.webm
+++ b/assets/demoreel2020.webm
--- a/assets/images/Clothes/lorem.jpg
+++ b/assets/images/Clothes/lorem.jpg
--- a/assets/images/Clothes/lorem2.jpg
+++ b/assets/images/Clothes/lorem2.jpg
--- a/assets/images/Luxery/Dolphin/Dolphin_homepage.png
+++ b/assets/images/Luxery/Dolphin/Dolphin_homepage.png
--- a/assets/images/Luxery/Dolphin/pers_hd.jpg
+++ b/assets/images/Luxery/Dolphin/pers_hd.jpg
--- a/assets/images/Luxery/Dolphin/pers_zoom01.jpg
+++ b/assets/images/Luxery/Dolphin/pers_zoom01.jpg
--- a/assets/images/Luxery/Dolphin/pers_zoom02.jpg
+++ b/assets/images/Luxery/Dolphin/pers_zoom02.jpg
--- a/assets/images/Luxery/Ricochet/Ricochet_homepage.png
+++ b/assets/images/Luxery/Ricochet/Ricochet_homepage.png
--- a/assets/images/Luxery/Ricochet/Table_Ricochet_fd_blanc_close_up.jpg
+++ b/assets/images/Luxery/Ricochet/Table_Ricochet_fd_blanc_close_up.jpg
--- a/assets/images/Luxery/Ricochet/Table_Ricochet_pers01.jpg
+++ b/assets/images/Luxery/Ricochet/Table_Ricochet_pers01.jpg
--- a/assets/images/Luxery/Ricochet/table_Ricochet_pers02.jpg
+++ b/assets/images/Luxery/Ricochet/table_Ricochet_pers02.jpg
--- a/assets/images/Luxery/The_Balvenie/The_Balvenie_Zoom.jpg
+++ b/assets/images/Luxery/The_Balvenie/The_Balvenie_Zoom.jpg
--- a/assets/images/Luxery/The_Balvenie/the_balvenie.jpg
+++ b/assets/images/Luxery/The_Balvenie/the_balvenie.jpg