Author | SHA1 | Message | Date |
---|---|---|---|
Jérôme Chauveau | c49c461130 | header nav alignement | 3 years ago |
Jérôme Chauveau | afb9c90553 | merge modifs footer / contact | 3 years ago |
Jérôme Chauveau | ffb2f47ca9 | prise en compte remarque Dylan : images, layout, vidéos, css | 3 years ago |
Jérôme Chauveau | 4a8a2cd665 | nettoyage images &vidéos, nouveaux nom, vidéos fullscreen | 3 years ago |
@@ -0,0 +1,4 @@ | |||||
--- | |||||
tag: artworks | |||||
permalink: "/category/artworks" | |||||
--- |
@@ -1,4 +0,0 @@ | |||||
--- | |||||
tag: clothes | |||||
permalink: "/category/clothes" | |||||
--- |
@@ -1,4 +0,0 @@ | |||||
--- | |||||
tag: luxury | |||||
permalink: "/category/luxury" | |||||
--- |
@@ -1,9 +1,11 @@ | |||||
<div id="contact-screen"> | <div id="contact-screen"> | ||||
<span class="close" onclick="document.getElementById('contact-screen').classList.toggle('shown')"><img src="{{site.baseurl}}/assets/images/times-solid.svg"/></span> | |||||
<div id="contact-content"> | |||||
<span class="close" onclick="document.getElementById('contact-screen').classList.toggle('shown')"> | |||||
<!-- <img src="{{site.baseurl}}/assets/images/times-solid-white.svg"/> --> | |||||
× | |||||
</span> | |||||
<div style="user-select:none;"> | |||||
<div class="text-uppercase">{{site.title}}</div> | <div class="text-uppercase">{{site.title}}</div> | ||||
<div>{{site.skills}}</div> | |||||
<div><span class="logo">🖂</span>{{site.email}}</div> | |||||
<div><span class="logo">☎</span>{{site.phone}}</div> | |||||
<div>{{site.email}}</div> | |||||
<div>06.71.88.26.64</div> | |||||
</div> | </div> | ||||
</div> | </div> |
@@ -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,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 -%} | ||||
@@ -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 }} | ||||
@@ -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">×</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> |
@@ -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) |
@@ -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) |
@@ -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) |
@@ -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) |
@@ -0,0 +1,13 @@ | |||||
--- | |||||
layout: post | |||||
title: "Cognac" | |||||
date: 2021-04-04 | |||||
description: | |||||
image: /assets/images/cognac/Cognac_thumb.jpg | |||||
author: Dylan Monin | |||||
category: artworks | |||||
hometext: Cognac · 2021 | |||||
--- | |||||
![Placeholder](/assets/images/cognac/Cognac01.jpg#full) | |||||
![Placeholder](/assets/images/cognac/Cognac02.jpg#full) |
@@ -0,0 +1,14 @@ | |||||
--- | |||||
layout: post | |||||
title: "Givenchy" | |||||
date: 2021-04-09 | |||||
description: | |||||
image: /assets/images/Givenchy/givenchy_thumb.jpg | |||||
author: Dylan Monin | |||||
category: artworks | |||||
hometext: Givenchy · 2021 | |||||
--- | |||||
![Placeholder](/assets/images/Givenchy/givenchy.jpg#full) | |||||
![Placeholder](/assets/images/Givenchy/Givenchy_Compo.jpg#full) | |||||
![Placeholder](/assets/images/Givenchy/Comb.jpg#full) |
@@ -0,0 +1,14 @@ | |||||
--- | |||||
layout: post | |||||
title: "Poison" | |||||
date: 2021-04-10 | |||||
description: | |||||
image: /assets/images/Poison/poison_thumb.jpg | |||||
author: Dylan Monin | |||||
category: artworks | |||||
hometext: Poison · 2021 | |||||
--- | |||||
![Placeholder](/assets/images/Poison/poison01.jpg#full) | |||||
![Placeholder](/assets/images/Poison/poison2.jpg#full) | |||||
![Placeholder](/assets/images/Poison/poison3.jpg#full) |
@@ -0,0 +1,13 @@ | |||||
--- | |||||
layout: post | |||||
title: "The Tiger drink" | |||||
date: 2021-04-11 | |||||
description: | |||||
image: /assets/images/Tiger_drink/beauty_tiger_thumb.jpg | |||||
author: Dylan Monin | |||||
category: artworks | |||||
hometext: Tiger Drink · 2021 | |||||
--- | |||||
![Placeholder](/assets/images/Tiger_drink/beauty_tiger.jpg#full) |
@@ -0,0 +1,19 @@ | |||||
--- | |||||
layout: post | |||||
title: "The Mantis" | |||||
date: 2021-04-13 | |||||
description: | |||||
image: /assets/images/Mantis/mante_thumb.jpg | |||||
author: Dylan Monin | |||||
category: artworks | |||||
#categories: | |||||
# - "luxury" | |||||
hometext: Mantis · 2021 | |||||
--- | |||||
![Placeholder](/assets/images/Mantis/mante.jpg#full) | |||||
<!-- <video width="600" controls="controls"> | |||||
<source src="/assets/images/Mantis/mantis.mp4"/> | |||||
</video> --> |
@@ -0,0 +1,15 @@ | |||||
--- | |||||
layout: post | |||||
title: "Siège" | |||||
date: 2021-04-15 | |||||
description: | |||||
image: /assets/images/Siege/Siege_thumb.jpg | |||||
author: Dylan Monin | |||||
category: artworks | |||||
hometext: Siège · 2021 | |||||
--- | |||||
![Placeholder](/assets/images/Siege/Siege_img_Main.jpg#full) | |||||
![Placeholder](/assets/images/Siege/Siege_02.jpg#full) | |||||
![Placeholder](/assets/images/Siege/Siege_03.jpg#full) | |||||
![Placeholder](/assets/images/Siege/Siege_04.jpg#full) |
@@ -0,0 +1,14 @@ | |||||
--- | |||||
layout: post | |||||
title: "Peaky Pub" | |||||
date: 2021-04-18 | |||||
description: | |||||
image: /assets/images/Peaky/Peaky_thumb.jpg | |||||
author: Dylan Monin | |||||
category: artworks | |||||
hometext: Peaky Pub · 2021 | |||||
--- | |||||
![Placeholder](/assets/images/Peaky/Peaky1.jpg#full) | |||||
![Placeholder](/assets/images/Peaky/Peaky2.jpg#full) | |||||
![Placeholder](/assets/images/Peaky/Peaky3.jpg#full) |
@@ -0,0 +1,14 @@ | |||||
--- | |||||
layout: post | |||||
title: "Freak" | |||||
date: 2021-04-19 | |||||
description: | |||||
image: /assets/images/freak/freak_thumb.jpg | |||||
author: Dylan Monin | |||||
category: artworks | |||||
hometext: Freak · 2021 | |||||
--- | |||||
![Placeholder](/assets/images/freak/freak_comp.jpg#full) | |||||
![Placeholder](/assets/images/freak/Freak_zbrush.jpg#full) | |||||
![Placeholder](/assets/images/freak/freak_wire.jpg#full) |
@@ -0,0 +1,15 @@ | |||||
--- | |||||
layout: post | |||||
title: "Statut Orna" | |||||
date: 2021-04-20 | |||||
description: | |||||
image: /assets/images/Statut_orna/Statut_orna_thumb.jpg | |||||
author: Dylan Monin | |||||
category: artworks | |||||
hometext: Statut Orna · 2021 | |||||
--- | |||||
![Placeholder](/assets/images/Statut_orna/Statut_orna_01.jpg#full) | |||||
![Placeholder](/assets/images/Statut_orna/Statut_orna_02.jpg#full) | |||||
![Placeholder](/assets/images/Statut_orna/Statut_orna_03.jpg#full) | |||||
![Placeholder](/assets/images/Statut_orna/Statut_orna_04.jpg#full) |
@@ -0,0 +1,14 @@ | |||||
--- | |||||
layout: post | |||||
title: "The Toon Girl" | |||||
date: 2021-04-24 | |||||
description: | |||||
image: /assets/images/toon_girl/toon_girl_thumb.jpg | |||||
author: Dylan Monin | |||||
category: artworks | |||||
hometext: Toon Girl | |||||
--- | |||||
![Placeholder](/assets/images/toon_girl/3d_model.jpg#full) | |||||
![Placeholder](/assets/images/toon_girl/Zbrush_model.jpg#full) | |||||
![Placeholder](/assets/images/toon_girl/marv_model.jpg#full) |
@@ -0,0 +1,14 @@ | |||||
--- | |||||
layout: post | |||||
title: "Snail" | |||||
date: 2021-04-25 | |||||
description: | |||||
image: /assets/images/Snail/Snail_thumb.jpg | |||||
author: Dylan Monin | |||||
category: artworks | |||||
hometext: Snail · 2021 | |||||
--- | |||||
![Placeholder](/assets/images/Snail/Snail.jpg#full) | |||||
![Placeholder](/assets/images/Snail/snail_Zoom01.png#full) | |||||
![Placeholder](/assets/images/Snail/snail_Zoom02.png#full) |
@@ -0,0 +1,12 @@ | |||||
--- | |||||
layout: post | |||||
title: "Blues man" | |||||
date: 2021-05-01 | |||||
description: | |||||
image: /assets/images/Bluesman/bluesman_thumb.jpg | |||||
author: Dylan Monin | |||||
category: artworks | |||||
hometext: Blues man · 2021 | |||||
--- | |||||
![Placeholder](/assets/images/Bluesman/bluesman_comp.jpg#full) |
@@ -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%; | ||||
@@ -49,8 +69,9 @@ video#demo{ | |||||
.site-nav { | .site-nav { | ||||
float: right; | float: right; | ||||
line-height: $base-line-height * $base-font-size * 2.25; | |||||
//line-height: $base-line-height * $base-font-size * 2.25 | |||||
line-height: $spacing-unit * 1.865; | |||||
padding: 0.5rem 0.75rem; | |||||
.nav-trigger { | .nav-trigger { | ||||
display: none; | display: none; | ||||
} | } | ||||
@@ -230,6 +251,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 { | ||||
@@ -307,26 +329,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.close{ | 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); | |||||
} | } | ||||
span.logo{ | span.logo{ | ||||
@@ -346,3 +368,17 @@ video#demo{ | |||||
} | } | ||||
#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; | |||||
} |
@@ -0,0 +1,60 @@ | |||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?> | |||||
<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" | |||||
aria-hidden="true" | |||||
focusable="false" | |||||
data-prefix="fas" | |||||
data-icon="times" | |||||
class="svg-inline--fa fa-times fa-w-11" | |||||
role="img" | |||||
viewBox="0 0 352 512" | |||||
version="1.1" | |||||
id="svg4" | |||||
sodipodi:docname="times-solid-white.svg" | |||||
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"> | |||||
<metadata | |||||
id="metadata10"> | |||||
<rdf:RDF> | |||||
<cc:Work | |||||
rdf:about=""> | |||||
<dc:format>image/svg+xml</dc:format> | |||||
<dc:type | |||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | |||||
<dc:title></dc:title> | |||||
</cc:Work> | |||||
</rdf:RDF> | |||||
</metadata> | |||||
<defs | |||||
id="defs8" /> | |||||
<sodipodi:namedview | |||||
pagecolor="#ffffff" | |||||
bordercolor="#666666" | |||||
borderopacity="1" | |||||
objecttolerance="10" | |||||
gridtolerance="10" | |||||
guidetolerance="10" | |||||
inkscape:pageopacity="0" | |||||
inkscape:pageshadow="2" | |||||
inkscape:window-width="1920" | |||||
inkscape:window-height="1019" | |||||
id="namedview6" | |||||
showgrid="false" | |||||
inkscape:zoom="1.6875" | |||||
inkscape:cx="176" | |||||
inkscape:cy="256" | |||||
inkscape:window-x="0" | |||||
inkscape:window-y="0" | |||||
inkscape:window-maximized="1" | |||||
inkscape:current-layer="svg4" /> | |||||
<path | |||||
fill="currentColor" | |||||
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" | |||||
id="path2" | |||||
style="fill:#ffffff" /> | |||||
</svg> |
@@ -0,0 +1,12 @@ | |||||
function playShowReel(){ | |||||
document.getElementById('fullscreen-showreel').classList.toggle('hidden'); | |||||
document.getElementById('showreel').requestFullscreen(); | |||||
document.getElementById('showreel').play(); | |||||
} | |||||
function leaveShowReel(){ | |||||
document.getElementById('showreel').pause(); | |||||
document.getElementById('fullscreen-showreel').classList.toggle('hidden'); | |||||
} |