Compare commits
No commits in common. "8ab9ee04ff2fc071a82e4c2cea38891f142e7763" and "2e7239e7a6949e5156afcb461d1b844496fa40ed" have entirely different histories.
8ab9ee04ff
...
2e7239e7a6
|
|
@ -1,8 +1,8 @@
|
|||
<section id="{{ subpage.data.title | slug }}" class="wrapper-full hero">
|
||||
<section id="{{ subpage.data.title | slug }}" class="{{ subpage.data.classes }} wrapper-full hero-section">
|
||||
<div>
|
||||
<h1 class="hero-title">{% if subpage.data.displayedTitle %}{{ subpage.data.displayedTitle }}{% else %}{{ subpage.data.title }}{% endif %}</h1>
|
||||
<p>{{subpage.data.description}}</p>
|
||||
{{ subpage.templateContent }}
|
||||
{% render 'partials/components/socials', socials: author.socials, mail: author.mail, showLabel: true %}
|
||||
{% render 'partials/components/socials.liquid', socials: author.socials, mail: author.mail, showLabel: true %}
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -4,7 +4,7 @@
|
|||
{% include "partials/metas.html" %}
|
||||
</head>
|
||||
<body>
|
||||
{% include "partials/header.liquid" %}
|
||||
{% include "partials/header.html" %}
|
||||
|
||||
<main tabindex="-1" id="main-content">
|
||||
{% block content %}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,9 @@
|
|||
<section id="{{ subpage.data.title | slug }}" class="{{ subpage.data.classes }} wrapper-full">
|
||||
{% if subpage.data.img %}
|
||||
<img src="{{subpage.data.img.src}}" alt="{{subpage.data.img.alt}}">
|
||||
{% endif %}
|
||||
{% if subpage.data.showTitle != false %}
|
||||
<h2>{% if subpage.data.displayedTitle %}{{ subpage.data.displayedTitle }}{% else %}{{ subpage.data.title }}{% endif %}</h2>
|
||||
<h2>{{ subpage.data.title }}</h2>
|
||||
{% endif %}
|
||||
{{ subpage.templateContent }}
|
||||
</section>
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
<li>
|
||||
<article class="card" {% if background %}style="--background: {{ background }}"{% endif %}>
|
||||
<div class="top">
|
||||
<span></span>
|
||||
<div class="links">
|
||||
{%- for link in links -%}
|
||||
<a href="{{ link.link }}" target="_blank" title="{{ link.title }}" class="{{ link.icon }}"></a>
|
||||
{%- endfor -%}
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<h3>{{ title }}</h3>
|
||||
<p>{{ description }}</p>
|
||||
</div>
|
||||
</article>
|
||||
</li>
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
{% if projects %}
|
||||
<ul class="project-grid">
|
||||
{%- for project in projects -%}
|
||||
{% assign data = project.data %}
|
||||
{% render "partials/components/card",
|
||||
background: data.background,
|
||||
links: data.links,
|
||||
title: data.title,
|
||||
description: data.description %}
|
||||
{%- endfor -%}
|
||||
</ul>
|
||||
{% endif %}
|
||||
|
|
@ -1,4 +1,3 @@
|
|||
{% if timeline %}
|
||||
<ol class="timeline">
|
||||
{%- for elements in timeline -%}
|
||||
{% assign data = elements.data %}
|
||||
|
|
@ -11,4 +10,3 @@
|
|||
description: data.description %}
|
||||
{%- endfor -%}
|
||||
</ol>
|
||||
{% endif %}
|
||||
|
|
@ -7,6 +7,6 @@
|
|||
{% endif %}
|
||||
</ul>
|
||||
|
||||
{% render 'partials/components/socials', socials: author.socials, mail: author.mail, showLabel: false %}
|
||||
{% render 'partials/components/socials.liquid', socials: author.socials, mail: author.mail, showLabel: false %}
|
||||
</div>
|
||||
</footer>
|
||||
17
src/_includes/partials/header.html
Normal file
17
src/_includes/partials/header.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
{% include "partials/skip-link.html" %}
|
||||
<header id="site-header">
|
||||
<span></span>
|
||||
<div>
|
||||
<nav>
|
||||
<ul>
|
||||
{% for item in collections.subpages %}
|
||||
{% if item.data.excludeFromNav != true %}
|
||||
<li>
|
||||
<a href="#{{ item.data.title | slug }}">{{ item.data.title }}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
{% include "partials/skip-link.html" %}
|
||||
<header id="site-header">
|
||||
<span></span>
|
||||
<div>
|
||||
{% include "partials/navigation" %}
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
<nav>
|
||||
<ul>
|
||||
{% for item in collections.subpages %}
|
||||
{% if item.data.excludeFromNav != true %}
|
||||
<li>
|
||||
<a href="#{{ item.data.title | slug }}">{{ item.data.title }}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
20
src/_includes/partials/project.liquid
Normal file
20
src/_includes/partials/project.liquid
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<ul>
|
||||
{%- for project in projects -%}
|
||||
<li>
|
||||
<article {% if project.data.background %}style="--background: {{ project.data.background }}"{% endif %}>
|
||||
<div class="top">
|
||||
<span></span>
|
||||
<div class="links">
|
||||
{%- for link in project.data.links -%}
|
||||
<a href="{{ link.link }}" target="_blank" title="{{ link.title }}" class="{{ link.icon }}"></a>
|
||||
{%- endfor -%}
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<h3>{{ project.data.title }}</h3>
|
||||
<p>{{ project.data.description }}</p>
|
||||
</div>
|
||||
</article>
|
||||
</li>
|
||||
{%- endfor -%}
|
||||
</ul>
|
||||
|
|
@ -7,9 +7,9 @@ permalink: /
|
|||
{% for subpage in collections.subpages %}
|
||||
{% if subpage.data.excludeFromList != true %}
|
||||
{% if subpage.data.template == 'hero' %}
|
||||
{% include 'hero' %}
|
||||
{% include 'hero.liquid' %}
|
||||
{% else %}
|
||||
{% include 'page' %}
|
||||
{% include 'page.liquid' %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
|
@ -21,9 +21,12 @@ classes: 'competences-section langues-section'
|
|||
<div class="col">
|
||||
<h2>Langues</h2>
|
||||
<ul style="list-style-type: initial">
|
||||
<li>Français (langue maternelle)</li>
|
||||
<li>Anglais</li>
|
||||
<li>Allemand (Connaissance scolaires)</li>
|
||||
<li>HTML</li>
|
||||
<li>CSS</li>
|
||||
<li>Bootstrap</li>
|
||||
<li>Javascript</li>
|
||||
<li>jQuery</li>
|
||||
<li>Eleventy</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -2,9 +2,10 @@
|
|||
title: Download
|
||||
showTitle: false
|
||||
order: 4
|
||||
classes: 'download-section'
|
||||
---
|
||||
|
||||
<div class="flex-container justify-center download">
|
||||
<div class="flex-container justify-center">
|
||||
<p>You want to print this document ?</p>
|
||||
<i>--></i>
|
||||
<button type="button" onclick="window.print()" class="btn btn-download icon--right icon-download">Download as PDF</button>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
---
|
||||
title: Experiences
|
||||
order: 3
|
||||
classes: 'experiences-section'
|
||||
---
|
||||
|
||||
{% assign experiences = collections.experiences %}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,8 @@
|
|||
---
|
||||
title: Projects
|
||||
order: 2
|
||||
classes: 'projects-section'
|
||||
---
|
||||
|
||||
{% assign projects = collections.projects %}
|
||||
{% include 'partials/components/project-grid' %}
|
||||
{% include 'partials/project.liquid' %}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
:root {
|
||||
--bg-gradient: linear-gradient(180deg, rgb(var(--brand-primary-medium)) 0%, rgb(var(--brand-primary-medium)) 5%, rgb(var(--brand-primary-low)) 30%, rgb(var(--brand-primary-lower)) 50%, rgb(var(--brand-secondary-lower)) 51%, rgb(var(--brand-secondary-low)) 65%, rgb(var(--brand-secondary-medium)) 98%, rgb(var(--brand-secondary-medium)) 100%);
|
||||
|
||||
--background: rgb(var(--brand-primary-medium));
|
||||
--background: rgb(var(--brand-primary-low));
|
||||
--text: rgb(var(--neutral-highest));
|
||||
--text-2: rgba(var(--neutral-highest), .8);
|
||||
|
||||
|
|
|
|||
|
|
@ -85,7 +85,7 @@ i {
|
|||
}
|
||||
}
|
||||
|
||||
.hero {
|
||||
.hero-section {
|
||||
height: 90vh;
|
||||
height: 90svh;
|
||||
|
||||
|
|
@ -116,17 +116,17 @@ i {
|
|||
}
|
||||
}
|
||||
|
||||
.project-grid {
|
||||
.projects-section {
|
||||
ul {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
|
||||
gap: 1rem;
|
||||
|
||||
}
|
||||
li {
|
||||
border-radius: var(--border-radius);
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
.card {
|
||||
article {
|
||||
--background: url('https://placehold.co/200x150'); // Default background
|
||||
position: relative;
|
||||
height: 100%;
|
||||
|
|
@ -139,6 +139,7 @@ i {
|
|||
background: var(--background);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
a {
|
||||
&:hover {
|
||||
|
|
@ -169,7 +170,11 @@ i {
|
|||
}
|
||||
}
|
||||
|
||||
section {
|
||||
.about-section,
|
||||
.competences-section,
|
||||
.projects-section,
|
||||
.experiences-section,
|
||||
.download-section {
|
||||
padding-block: 2rem;
|
||||
margin-block: 3.5rem;
|
||||
}
|
||||
|
|
@ -288,9 +293,19 @@ section {
|
|||
}
|
||||
}
|
||||
|
||||
.experiences-section {
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.download {
|
||||
.download-section {
|
||||
text-align: center;
|
||||
|
||||
> div {
|
||||
gap: .8rem;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue