浏览代码

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

master
Jérôme Chauveau 2 年前
父节点
当前提交
4a8a2cd665
共有 25 个文件被更改,包括 86 次插入123 次删除
  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. 二进制
      assets/demoreel2020.webm
  14. 二进制
      assets/images/Clothes/lorem.jpg
  15. 二进制
      assets/images/Clothes/lorem2.jpg
  16. 二进制
      assets/images/Luxery/Dolphin/Dolphin_homepage.png
  17. 二进制
      assets/images/Luxery/Dolphin/pers_hd.jpg
  18. 二进制
      assets/images/Luxery/Dolphin/pers_zoom01.jpg
  19. 二进制
      assets/images/Luxery/Dolphin/pers_zoom02.jpg
  20. 二进制
      assets/images/Luxery/Ricochet/Ricochet_homepage.png
  21. 二进制
      assets/images/Luxery/Ricochet/Table_Ricochet_fd_blanc_close_up.jpg
  22. 二进制
      assets/images/Luxery/Ricochet/Table_Ricochet_pers01.jpg
  23. 二进制
      assets/images/Luxery/Ricochet/table_Ricochet_pers02.jpg
  24. 二进制
      assets/images/Luxery/The_Balvenie/The_Balvenie_Zoom.jpg
  25. 二进制
      assets/images/Luxery/The_Balvenie/the_balvenie.jpg

+ 0
- 4
_category/clothes.md 查看文件

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

+ 0
- 4
_category/luxury.md 查看文件

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

+ 6
- 3
_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>

+ 1
- 1
_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 -%}


+ 3
- 3
_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 -%}


+ 1
- 1
_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 }}


+ 32
- 9
_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>

+ 0
- 29
_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)

+ 0
- 23
_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)

+ 0
- 19
_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)

+ 0
- 19
_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)

+ 43
- 8
_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;
}

二进制
assets/demoreel2020.webm 查看文件


二进制
assets/images/Clothes/lorem.jpg 查看文件

之前 之后
宽度: 1126  |  高度: 1200  |  大小: 61 KiB

二进制
assets/images/Clothes/lorem2.jpg 查看文件

之前 之后
宽度: 1126  |  高度: 1200  |  大小: 36 KiB

二进制
assets/images/Luxery/Dolphin/Dolphin_homepage.png 查看文件

之前 之后
宽度: 989  |  高度: 1294  |  大小: 481 KiB

二进制
assets/images/Luxery/Dolphin/pers_hd.jpg 查看文件

之前 之后
宽度: 1920  |  高度: 1080  |  大小: 56 KiB

二进制
assets/images/Luxery/Dolphin/pers_zoom01.jpg 查看文件

之前 之后
宽度: 1920  |  高度: 1080  |  大小: 72 KiB

二进制
assets/images/Luxery/Dolphin/pers_zoom02.jpg 查看文件

之前 之后
宽度: 1920  |  高度: 1080  |  大小: 59 KiB

二进制
assets/images/Luxery/Ricochet/Ricochet_homepage.png 查看文件

之前 之后
宽度: 2919  |  高度: 3120  |  大小: 901 KiB

二进制
assets/images/Luxery/Ricochet/Table_Ricochet_fd_blanc_close_up.jpg 查看文件

之前 之后
宽度: 4200  |  高度: 2352  |  大小: 143 KiB

二进制
assets/images/Luxery/Ricochet/Table_Ricochet_pers01.jpg 查看文件

之前 之后
宽度: 4200  |  高度: 2352  |  大小: 166 KiB

二进制
assets/images/Luxery/Ricochet/table_Ricochet_pers02.jpg 查看文件

之前 之后
宽度: 4200  |  高度: 2352  |  大小: 154 KiB

二进制
assets/images/Luxery/The_Balvenie/The_Balvenie_Zoom.jpg 查看文件

之前 之后
宽度: 1920  |  高度: 1080  |  大小: 106 KiB

二进制
assets/images/Luxery/The_Balvenie/the_balvenie.jpg 查看文件

之前 之后
宽度: 840  |  高度: 1080  |  大小: 52 KiB

正在加载...
取消
保存