dje
/
dylanmonin
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

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

master
Jérôme Chauveau 3 years ago
parent
734ec620c0
commit
4a8a2cd665
25 changed files with 86 additions and 123 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +0
    -4
      _category/clothes.md
  2. +0
    -4
      _category/luxury.md
  3. +6
    -3
      _includes/contact.html
  4. +1
    -1
      _includes/head.html
  5. +3
    -3
      _includes/header.html
  6. +1
    -1
      _layouts/category.html
  7. +32
    -9
      _layouts/home.html
  8. +0
    -29
      _posts/2020-04-10-luxury-ricochet.markdown
  9. +0
    -23
      _posts/2020-04-11-luxery-dolphin.markdown
  10. +0
    -19
      _posts/2020-04-12-lorem.markdown
  11. +0
    -19
      _posts/2020-04-13-Balevenie.markdown
  12. +43
    -8
      _sass/_layout.scss
  13. BIN
      assets/demoreel2020.webm
  14. BIN
      assets/images/Clothes/lorem.jpg
  15. BIN
      assets/images/Clothes/lorem2.jpg
  16. BIN
      assets/images/Luxery/Dolphin/Dolphin_homepage.png
  17. BIN
      assets/images/Luxery/Dolphin/pers_hd.jpg
  18. BIN
      assets/images/Luxery/Dolphin/pers_zoom01.jpg
  19. BIN
      assets/images/Luxery/Dolphin/pers_zoom02.jpg
  20. BIN
      assets/images/Luxery/Ricochet/Ricochet_homepage.png
  21. BIN
      assets/images/Luxery/Ricochet/Table_Ricochet_fd_blanc_close_up.jpg
  22. BIN
      assets/images/Luxery/Ricochet/Table_Ricochet_pers01.jpg
  23. BIN
      assets/images/Luxery/Ricochet/table_Ricochet_pers02.jpg
  24. BIN
      assets/images/Luxery/The_Balvenie/The_Balvenie_Zoom.jpg
  25. BIN
      assets/images/Luxery/The_Balvenie/the_balvenie.jpg

+ 0
- 4
_category/clothes.md View File

@@ -1,4 +0,0 @@
---
tag: clothes
permalink: "/category/clothes"
---

+ 0
- 4
_category/luxury.md View File

@@ -1,4 +0,0 @@
---
tag: luxury
permalink: "/category/luxury"
---

+ 6
- 3
_includes/contact.html View File

@@ -1,8 +1,11 @@
<div id="contact-screen"> <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 class="text-uppercase">{{site.title}}</div>
<div>{{site.email}}</div> <div>{{site.email}}</div>
<div>01 02 03 04 05 06</div>
<div>06.71.88.26.64</div>
</div> </div>
</div> </div>

+ 1
- 1
_includes/head.html View File

@@ -3,7 +3,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
{%- seo -%} {%- 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 }}"> <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
{%- feed_meta -%} {%- feed_meta -%}
{%- if jekyll.environment == 'production' and site.google_analytics -%} {%- if jekyll.environment == 'production' and site.google_analytics -%}


+ 3
- 3
_includes/header.html View File

@@ -3,7 +3,7 @@
<div> <div>
{%- assign default_paths = site.pages | map: "path" -%} {%- assign default_paths = site.pages | map: "path" -%}
{%- assign page_paths = site.header_pages | default: default_paths -%} {%- 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 -%} {%- if page_paths -%}
<nav class="site-nav"> <nav class="site-nav">
@@ -19,9 +19,9 @@
<div class="trigger"> <div class="trigger">
<!--<a class="page-link" href="#" onclick="categoryFilter()">Works</a>--> <!--<a class="page-link" href="#" onclick="categoryFilter()">Works</a>-->


{% assign catNames = "luxury, clothes" | split: ", " %}
{% assign catNames = "artworks" | split: ", " %}
{% for cat in catNames %} {% 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 -%} {%- endfor -%}


{%- for page in site.pages -%} {%- for page in site.pages -%}


+ 1
- 1
_layouts/category.html View File

@@ -18,7 +18,7 @@ layout: default
<a class="post-link" href="{{ post.url | relative_url }}"><img src="{{post.image}}"/></a> <a class="post-link" href="{{ post.url | relative_url }}"><img src="{{post.image}}"/></a>
<h3> <h3>
<!-- {{ post.title | escape }} --> <!-- {{ post.title | escape }} -->
<span class="home-tags">{{post.hometext}}</span>
<!--<span class="home-tags">{{post.hometext}}</span>-->
</h3> </h3>
{%- if site.show_excerpts -%} {%- if site.show_excerpts -%}
{{ post.excerpt }} {{ post.excerpt }}


+ 32
- 9
_layouts/home.html View File

@@ -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>

+ 0
- 29
_posts/2020-04-10-luxury-ricochet.markdown View File

@@ -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)

+ 0
- 23
_posts/2020-04-11-luxery-dolphin.markdown View File

@@ -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)

+ 0
- 19
_posts/2020-04-12-lorem.markdown View File

@@ -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)

+ 0
- 19
_posts/2020-04-13-Balevenie.markdown View File

@@ -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)

+ 43
- 8
_sass/_layout.scss View File

@@ -9,6 +9,26 @@
background-color: $background-color; 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{ video#demo{
position: fixed; position: fixed;
top: 50%; top: 50%;
@@ -212,6 +232,7 @@ video#demo{


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


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


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

BIN
assets/demoreel2020.webm View File


BIN
assets/images/Clothes/lorem.jpg View File

Before After
Width: 1126  |  Height: 1200  |  Size: 61 KiB

BIN
assets/images/Clothes/lorem2.jpg View File

Before After
Width: 1126  |  Height: 1200  |  Size: 36 KiB

BIN
assets/images/Luxery/Dolphin/Dolphin_homepage.png View File

Before After
Width: 989  |  Height: 1294  |  Size: 481 KiB

BIN
assets/images/Luxery/Dolphin/pers_hd.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 56 KiB

BIN
assets/images/Luxery/Dolphin/pers_zoom01.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 72 KiB

BIN
assets/images/Luxery/Dolphin/pers_zoom02.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 59 KiB

BIN
assets/images/Luxery/Ricochet/Ricochet_homepage.png View File

Before After
Width: 2919  |  Height: 3120  |  Size: 901 KiB

BIN
assets/images/Luxery/Ricochet/Table_Ricochet_fd_blanc_close_up.jpg View File

Before After
Width: 4200  |  Height: 2352  |  Size: 143 KiB

BIN
assets/images/Luxery/Ricochet/Table_Ricochet_pers01.jpg View File

Before After
Width: 4200  |  Height: 2352  |  Size: 166 KiB

BIN
assets/images/Luxery/Ricochet/table_Ricochet_pers02.jpg View File

Before After
Width: 4200  |  Height: 2352  |  Size: 154 KiB

BIN
assets/images/Luxery/The_Balvenie/The_Balvenie_Zoom.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 106 KiB

BIN
assets/images/Luxery/The_Balvenie/the_balvenie.jpg View File

Before After
Width: 840  |  Height: 1080  |  Size: 52 KiB

Write Preview
Loading…
Cancel
Save