@@ -21,7 +21,11 @@ | |||
title: Dylan Monin | |||
subtitle: cg artist | |||
email: dylan.monin@gmail.com | |||
author: Allella | |||
skills: Production 3D · VFX · Post production | |||
phone: 06 71 88 26 64 | |||
author: | |||
label: Allella | |||
site: https://allella.fr | |||
description: >- # this means to ignore newlines until "baseurl:" | |||
Dylan Monin website - CG Artist - France | |||
baseurl: "" # the subpath of your site, e.g. /blog | |||
@@ -44,7 +48,7 @@ defaults: | |||
type: category | |||
values: | |||
layout: "category" | |||
plugins: | |||
- jekyll-feed | |||
- jekyll-seo-tag | |||
@@ -1,8 +1,9 @@ | |||
<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.svg"/></span> | |||
<div id="contact-content"> | |||
<div class="text-uppercase">{{site.title}}</div> | |||
<div>{{site.email}}</div> | |||
<div>01 02 03 04 05 06</div> | |||
<div>{{site.skills}}</div> | |||
<div><span class="logo">🖂</span>{{site.email}}</div> | |||
<div><span class="logo">☎</span>{{site.phone}}</div> | |||
</div> | |||
</div> |
@@ -3,40 +3,39 @@ | |||
<div class="wrapper"> | |||
<h2 class="footer-heading">{{ site.title | escape }}</h2> | |||
<div class="footer-col-wrapper"> | |||
<div class="footer-col footer-col-1"> | |||
<ul class="contact-list"> | |||
{%- if site.email -%} | |||
<li><a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a></li> | |||
<a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a> | |||
{%- endif -%} | |||
<li class="p-name"> | |||
{%- if site.author -%} | |||
{{ site.author | escape }} | |||
{%- else -%} | |||
{{ site.title | escape }} | |||
{%- endif -%} | |||
</li> | |||
</ul> | |||
</div> | |||
<div class="footer-col footer-col-2"> | |||
{%- include social.html -%} | |||
</div> | |||
<div class="footer-col footer-col-3"> | |||
<p class="text-center">{{- site.description | escape -}}</p> | |||
<div class="text-center"> | |||
<p class="text-center">{{- site.description | escape -}} | |||
<a href="https://www.linkedin.com/in/dylan-monin-339a7150" target="_blank"> | |||
<img class="social-nw" src="{{site.baseurl}}/assets/images/linkedin-24.png"/> | |||
</a> | |||
<a href="https://nirvred.artstation.com" target="_blank"> | |||
<img class="social-nw" src="{{site.baseurl}}/assets/images/artstation-32.png"/> | |||
</a> | |||
</div> | |||
</p> | |||
</div> | |||
<div class="footer-col footer-col-1 footer-author text-right"> | |||
{%- if site.author -%} | |||
<a href="{{site.author.site}}" class="author"> | |||
<img title="copyleft" alt="copyleft logo" src="{{site.baseurl}}/assets/images/copyleft.png"/> | |||
{{ site.author.label | escape }} | |||
</a> | |||
{%- endif -%} | |||
</div> | |||
</div> | |||
</div> | |||
@@ -1,54 +0,0 @@ | |||
<!DOCTYPE html> | |||
<html lang="{{ page.lang | default: site.lang | default: "en" }}"> | |||
{%- include head.html -%} | |||
<body> | |||
{%- include header.html -%} | |||
<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"> | |||
{%- if page.title -%} | |||
<h1 class="page-heading">{{ page.title }}</h1> | |||
{%- endif -%} | |||
{{ content }} | |||
{%- if site.posts.size > 0 -%} | |||
<!-- <h2 class="post-list-heading">{{ page.list_title | default: "Posts" }}</h2> --> | |||
<ul class="post-list row"> | |||
{%- for post in site.posts -%} | |||
<li class="col-xl-4 col-lg-4 post-card d-none" data-category="{{post.category}}"> | |||
{%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%} | |||
<!-- <span class="post-meta">{{ post.date | date: date_format }}</span> --> | |||
<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> | |||
</h3> | |||
{%- if site.show_excerpts -%} | |||
{{ post.excerpt }} | |||
{%- endif -%} | |||
</li> | |||
{%- endfor -%} | |||
</ul> | |||
<!-- | |||
<p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p> | |||
--> | |||
{%- endif -%} | |||
</div> | |||
</div> | |||
</main> | |||
{%- include contact.html -%} | |||
{%- include footer.html -%} | |||
</body> | |||
</html> |
@@ -36,7 +36,7 @@ video#demo{ | |||
text-transform: uppercase; | |||
&,&:visited { | |||
color: $grey-color-dark; | |||
color: black;//$grey-color-dark; | |||
} | |||
.site-subtitle { | |||
@@ -138,6 +138,15 @@ video#demo{ | |||
padding: calc(#{$spacing-unit}/2) 0; | |||
background-color: $background-color; | |||
a { | |||
text-decoration: none; | |||
color: $grey-color-dark; | |||
&:hover{ | |||
color: $grey-color; | |||
} | |||
} | |||
} | |||
.footer-heading { | |||
@@ -152,32 +161,41 @@ video#demo{ | |||
} | |||
.footer-col-wrapper { | |||
display: flex; | |||
@include relative-font-size(0.9375); | |||
color: $grey-color; | |||
margin-left: -$spacing-unit / 2; | |||
@extend %clearfix; | |||
p { | |||
margin: 0; | |||
} | |||
align-items: center; | |||
justify-content: center; | |||
} | |||
.footer-col { | |||
float: left; | |||
margin-bottom: $spacing-unit / 2; | |||
padding-left: $spacing-unit / 2; | |||
} | |||
// .footer-col { | |||
// float: left; | |||
// padding-left: $spacing-unit / 2; | |||
// } | |||
// | |||
.footer-col-1 { | |||
width: -webkit-calc(35% - (#{$spacing-unit} / 2)); | |||
width: calc(35% - (#{$spacing-unit} / 2)); | |||
flex: 1; | |||
} | |||
// | |||
// .footer-col-2 { | |||
// width: -webkit-calc(20% - (#{$spacing-unit} / 2)); | |||
// width: calc(20% - (#{$spacing-unit} / 2)); | |||
// } | |||
// | |||
.footer-col-3 { | |||
flex: 3; | |||
.footer-col-2 { | |||
width: -webkit-calc(20% - (#{$spacing-unit} / 2)); | |||
width: calc(20% - (#{$spacing-unit} / 2)); | |||
img{ | |||
margin-left: 15px; | |||
} | |||
} | |||
.footer-col-3 { | |||
width: -webkit-calc(45% - (#{$spacing-unit} / 2)); | |||
width: calc(45% - (#{$spacing-unit} / 2)); | |||
} | |||
@include media-query($on-laptop) { | |||
.footer-col-1, | |||
@@ -299,7 +317,7 @@ video#demo{ | |||
font-size: 26px; | |||
line-height: 200%; | |||
font-weight: 600; | |||
span{ | |||
span.close{ | |||
position:fixed; | |||
top:10px; | |||
right: 10px; | |||
@@ -310,10 +328,21 @@ video#demo{ | |||
height:24px; | |||
} | |||
} | |||
span.logo{ | |||
display: inline-block; | |||
margin-right:5px; | |||
} | |||
.text-uppercase{ | |||
@include relative-font-size(2); | |||
} | |||
&.shown{ | |||
z-index: 100; | |||
display : flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
} |