4 Commits

Author SHA1 Message Date
  Jérôme Chauveau c49c461130 header nav alignement 2 years ago
  Jérôme Chauveau afb9c90553 merge modifs footer / contact 2 years ago
  Jérôme Chauveau ffb2f47ca9 prise en compte remarque Dylan : images, layout, vidéos, css 2 years ago
  Jérôme Chauveau 4a8a2cd665 nettoyage images &vidéos, nouveaux nom, vidéos fullscreen 2 years ago
84 changed files with 336 additions and 126 deletions
Split View
  1. +4
    -0
      _category/artworks.md
  2. +0
    -4
      _category/clothes.md
  3. +0
    -4
      _category/luxury.md
  4. +7
    -5
      _includes/contact.html
  5. +1
    -1
      _includes/head.html
  6. +3
    -3
      _includes/header.html
  7. +1
    -1
      _layouts/category.html
  8. +32
    -9
      _layouts/home.html
  9. +0
    -29
      _posts/2020-04-10-luxury-ricochet.markdown
  10. +0
    -23
      _posts/2020-04-11-luxery-dolphin.markdown
  11. +0
    -19
      _posts/2020-04-12-lorem.markdown
  12. +0
    -19
      _posts/2020-04-13-Balevenie.markdown
  13. +13
    -0
      _posts/2021-04-04-cognac.markdown
  14. +14
    -0
      _posts/2021-04-09-givenchy.markdown
  15. +14
    -0
      _posts/2021-04-10-Poison.markdown
  16. +13
    -0
      _posts/2021-04-11-Tiger.markdown
  17. +19
    -0
      _posts/2021-04-13-Mantis.markdown
  18. +15
    -0
      _posts/2021-04-15-siege.markdown
  19. +14
    -0
      _posts/2021-04-18-pub.markdown
  20. +14
    -0
      _posts/2021-04-19-freak.markdown
  21. +15
    -0
      _posts/2021-04-20-statut.markdown
  22. +14
    -0
      _posts/2021-04-24-ToonGirl.markdown
  23. +14
    -0
      _posts/2021-04-25-snail.markdown
  24. +12
    -0
      _posts/2021-05-01-bluesman.markdown
  25. +45
    -9
      _sass/_layout.scss
  26. BIN
      assets/demoreel2020.webm
  27. BIN
      assets/images/Bluesman/bluesman_comp.jpg
  28. BIN
      assets/images/Bluesman/bluesman_thumb.jpg
  29. BIN
      assets/images/Clothes/lorem.jpg
  30. BIN
      assets/images/Clothes/lorem2.jpg
  31. BIN
      assets/images/Givenchy/Comb.jpg
  32. BIN
      assets/images/Givenchy/Givenchy_Compo.jpg
  33. BIN
      assets/images/Givenchy/givenchy.jpg
  34. BIN
      assets/images/Givenchy/givenchy_thumb.jpg
  35. BIN
      assets/images/Luxery/Dolphin/Dolphin_homepage.png
  36. BIN
      assets/images/Luxery/Dolphin/pers_hd.jpg
  37. BIN
      assets/images/Luxery/Dolphin/pers_zoom01.jpg
  38. BIN
      assets/images/Luxery/Dolphin/pers_zoom02.jpg
  39. BIN
      assets/images/Luxery/Ricochet/Ricochet_homepage.png
  40. BIN
      assets/images/Luxery/Ricochet/Table_Ricochet_fd_blanc_close_up.jpg
  41. BIN
      assets/images/Luxery/Ricochet/Table_Ricochet_pers01.jpg
  42. BIN
      assets/images/Luxery/Ricochet/table_Ricochet_pers02.jpg
  43. BIN
      assets/images/Luxery/The_Balvenie/The_Balvenie_Zoom.jpg
  44. BIN
      assets/images/Luxery/The_Balvenie/the_balvenie.jpg
  45. BIN
      assets/images/Mantis/mante.jpg
  46. BIN
      assets/images/Mantis/mante_thumb.jpg
  47. BIN
      assets/images/Peaky/Peaky1.jpg
  48. BIN
      assets/images/Peaky/Peaky2.jpg
  49. BIN
      assets/images/Peaky/Peaky3.jpg
  50. BIN
      assets/images/Peaky/Peaky_thumb.jpg
  51. BIN
      assets/images/Poison/poison01.jpg
  52. BIN
      assets/images/Poison/poison2.jpg
  53. BIN
      assets/images/Poison/poison3.jpg
  54. BIN
      assets/images/Poison/poison_thumb.jpg
  55. BIN
      assets/images/Poison/tissu.jpg
  56. BIN
      assets/images/Siege/Siege_02.jpg
  57. BIN
      assets/images/Siege/Siege_03.jpg
  58. BIN
      assets/images/Siege/Siege_04.jpg
  59. BIN
      assets/images/Siege/Siege_img_Main.jpg
  60. BIN
      assets/images/Siege/Siege_thumb.jpg
  61. BIN
      assets/images/Snail/Snail.jpg
  62. BIN
      assets/images/Snail/Snail_thumb.jpg
  63. BIN
      assets/images/Snail/snail_Zoom01.png
  64. BIN
      assets/images/Snail/snail_Zoom02.png
  65. BIN
      assets/images/Statut_orna/Statut_orna_01.jpg
  66. BIN
      assets/images/Statut_orna/Statut_orna_02.jpg
  67. BIN
      assets/images/Statut_orna/Statut_orna_03.jpg
  68. BIN
      assets/images/Statut_orna/Statut_orna_04.jpg
  69. BIN
      assets/images/Statut_orna/Statut_orna_thumb.jpg
  70. BIN
      assets/images/Tiger_drink/beauty_tiger.jpg
  71. BIN
      assets/images/Tiger_drink/beauty_tiger_thumb.jpg
  72. BIN
      assets/images/cognac/Cognac01.jpg
  73. BIN
      assets/images/cognac/Cognac02.jpg
  74. BIN
      assets/images/cognac/Cognac_thumb.jpg
  75. BIN
      assets/images/freak/Freak_zbrush.jpg
  76. BIN
      assets/images/freak/freak_comp.jpg
  77. BIN
      assets/images/freak/freak_thumb.jpg
  78. BIN
      assets/images/freak/freak_wire.jpg
  79. +60
    -0
      assets/images/times-solid-white.svg
  80. BIN
      assets/images/toon_girl/3d_model.jpg
  81. BIN
      assets/images/toon_girl/Zbrush_model.jpg
  82. BIN
      assets/images/toon_girl/marv_model.jpg
  83. BIN
      assets/images/toon_girl/toon_girl_thumb.jpg
  84. +12
    -0
      assets/js/dm.js

+ 4
- 0
_category/artworks.md View File

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

+ 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"
---

+ 7
- 5
_includes/contact.html View File

@@ -1,9 +1,11 @@
<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"/> -->
&times;
</span>
<div style="user-select:none;">
<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>

+ 1
- 1
_includes/head.html View File

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

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

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

+ 13
- 0
_posts/2021-04-04-cognac.markdown View File

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

+ 14
- 0
_posts/2021-04-09-givenchy.markdown View File

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

+ 14
- 0
_posts/2021-04-10-Poison.markdown View File

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

+ 13
- 0
_posts/2021-04-11-Tiger.markdown View File

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

+ 19
- 0
_posts/2021-04-13-Mantis.markdown View File

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

+ 15
- 0
_posts/2021-04-15-siege.markdown View File

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

+ 14
- 0
_posts/2021-04-18-pub.markdown View File

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

+ 14
- 0
_posts/2021-04-19-freak.markdown View File

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

+ 15
- 0
_posts/2021-04-20-statut.markdown View File

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

+ 14
- 0
_posts/2021-04-24-ToonGirl.markdown View File

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

+ 14
- 0
_posts/2021-04-25-snail.markdown View File

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

+ 12
- 0
_posts/2021-05-01-bluesman.markdown View File

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

+ 45
- 9
_sass/_layout.scss View File

@@ -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%;
@@ -49,8 +69,9 @@ video#demo{

.site-nav {
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 {
display: none;
}
@@ -230,6 +251,7 @@ video#demo{

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

.post-list-heading {
@@ -307,26 +329,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.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);
}

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;
}

BIN
assets/demoreel2020.webm View File


BIN
assets/images/Bluesman/bluesman_comp.jpg View File

Before After
Width: 1666  |  Height: 2500  |  Size: 3.0 MiB

BIN
assets/images/Bluesman/bluesman_thumb.jpg View File

Before After
Width: 1024  |  Height: 1024  |  Size: 311 KiB

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/Givenchy/Comb.jpg View File

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

BIN
assets/images/Givenchy/Givenchy_Compo.jpg View File

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

BIN
assets/images/Givenchy/givenchy.jpg View File

Before After
Width: 2450  |  Height: 1378  |  Size: 712 KiB

BIN
assets/images/Givenchy/givenchy_thumb.jpg View File

Before After
Width: 1024  |  Height: 1024  |  Size: 346 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

BIN
assets/images/Mantis/mante.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 1.0 MiB

BIN
assets/images/Mantis/mante_thumb.jpg View File

Before After
Width: 1024  |  Height: 1024  |  Size: 251 KiB

BIN
assets/images/Peaky/Peaky1.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 1.5 MiB

BIN
assets/images/Peaky/Peaky2.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 1.1 MiB

BIN
assets/images/Peaky/Peaky3.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 1.3 MiB

BIN
assets/images/Peaky/Peaky_thumb.jpg View File

Before After
Width: 1024  |  Height: 1024  |  Size: 736 KiB

BIN
assets/images/Poison/poison01.jpg View File

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

BIN
assets/images/Poison/poison2.jpg View File

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

BIN
assets/images/Poison/poison3.jpg View File

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

BIN
assets/images/Poison/poison_thumb.jpg View File

Before After
Width: 1024  |  Height: 1024  |  Size: 161 KiB

BIN
assets/images/Poison/tissu.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 1.4 MiB

BIN
assets/images/Siege/Siege_02.jpg View File

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

BIN
assets/images/Siege/Siege_03.jpg View File

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

BIN
assets/images/Siege/Siege_04.jpg View File

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

BIN
assets/images/Siege/Siege_img_Main.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 1.1 MiB

BIN
assets/images/Siege/Siege_thumb.jpg View File

Before After
Width: 1024  |  Height: 1024  |  Size: 750 KiB

BIN
assets/images/Snail/Snail.jpg View File

Before After
Width: 2059  |  Height: 2500  |  Size: 1.9 MiB

BIN
assets/images/Snail/Snail_thumb.jpg View File

Before After
Width: 1024  |  Height: 1024  |  Size: 308 KiB

BIN
assets/images/Snail/snail_Zoom01.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 3.2 MiB

BIN
assets/images/Snail/snail_Zoom02.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 3.5 MiB

BIN
assets/images/Statut_orna/Statut_orna_01.jpg View File

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

BIN
assets/images/Statut_orna/Statut_orna_02.jpg View File

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

BIN
assets/images/Statut_orna/Statut_orna_03.jpg View File

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

BIN
assets/images/Statut_orna/Statut_orna_04.jpg View File

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

BIN
assets/images/Statut_orna/Statut_orna_thumb.jpg View File

Before After
Width: 1024  |  Height: 1024  |  Size: 191 KiB

BIN
assets/images/Tiger_drink/beauty_tiger.jpg View File

Before After
Width: 5250  |  Height: 7000  |  Size: 12 MiB

BIN
assets/images/Tiger_drink/beauty_tiger_thumb.jpg View File

Before After
Width: 1024  |  Height: 1024  |  Size: 1.0 MiB

BIN
assets/images/cognac/Cognac01.jpg View File

Before After
Width: 1923  |  Height: 1077  |  Size: 748 KiB

BIN
assets/images/cognac/Cognac02.jpg View File

Before After
Width: 1923  |  Height: 1077  |  Size: 1.2 MiB

BIN
assets/images/cognac/Cognac_thumb.jpg View File

Before After
Width: 1024  |  Height: 1024  |  Size: 246 KiB

BIN
assets/images/freak/Freak_zbrush.jpg View File

Before After
Width: 1475  |  Height: 920  |  Size: 307 KiB

BIN
assets/images/freak/freak_comp.jpg View File

Before After
Width: 1664  |  Height: 1900  |  Size: 1.2 MiB

BIN
assets/images/freak/freak_thumb.jpg View File

Before After
Width: 1024  |  Height: 1024  |  Size: 294 KiB

BIN
assets/images/freak/freak_wire.jpg View File

Before After
Width: 1664  |  Height: 1900  |  Size: 1.5 MiB

+ 60
- 0
assets/images/times-solid-white.svg View File

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

BIN
assets/images/toon_girl/3d_model.jpg View File

Before After
Width: 2174  |  Height: 1132  |  Size: 600 KiB

BIN
assets/images/toon_girl/Zbrush_model.jpg View File

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

BIN
assets/images/toon_girl/marv_model.jpg View File

Before After
Width: 1376  |  Height: 883  |  Size: 334 KiB

BIN
assets/images/toon_girl/toon_girl_thumb.jpg View File

Before After
Width: 1024  |  Height: 1024  |  Size: 164 KiB

+ 12
- 0
assets/js/dm.js View File

@@ -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');
}

Loading…
Cancel
Save