Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@ThomasRAYNAUD
ThomasRAYNAUD authored Nov 2, 2022
0 parents commit 69dda16
Show file tree
Hide file tree
Showing 37 changed files with 2,342 additions and 0 deletions.
Binary file added 1-01.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added BD.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added CVE.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added GOPR0326.mp4
Binary file not shown.
Binary file added IMG_0825.jfif
Binary file not shown.
Binary file added IUT.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added MITM.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Raynaud-CV.pdf
Binary file not shown.
Binary file added allemagne.jfif
Binary file not shown.
Binary file added anglais.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
395 changes: 395 additions & 0 deletions assets/css/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,395 @@
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:700,900|Fira+Sans:400,400italic");

ol,
ul {
list-style: none;
}

:root {
--space-unit: 1em;
--space-xxxxs: calc(0.125*var(--space-unit));
--space-xxxs: calc(0.25*var(--space-unit));
--space-xxs: calc(0.375*var(--space-unit));
--space-xs: calc(0.5*var(--space-unit));
--space-sm: calc(0.75*var(--space-unit));
--space-md: calc(1.25*var(--space-unit));
--space-lg: calc(2*var(--space-unit));
--space-xl: calc(3.25*var(--space-unit));
--space-xxl: calc(5.25*var(--space-unit));
--space-xxxl: calc(8.5*var(--space-unit));
--space-xxxxl: calc(13.75*var(--space-unit));
--component-padding: var(--space-md);
}

.container {
width: calc(100% - 1.5em);
width: calc(100% - 2*var(--component-padding));
margin-right: auto;
margin-left: auto;
}

.text-replace { /*obligé sinon pas de bouton*/
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
color: transparent;
}



:root {
--font-primary: sans-serif;
--text-base-size: 1em;
--text-scale-ratio: 1.2;
--text-xs: calc(1em/var(--text-scale-ratio) /var(--text-scale-ratio));
--text-sm: calc(var(--text-xs) *var(--text-scale-ratio));
--text-md: calc(var(--text-sm) *var(--text-scale-ratio) *var(--text-scale-ratio));
--text-lg: calc(var(--text-md) *var(--text-scale-ratio));
--text-xl: calc(var(--text-lg) *var(--text-scale-ratio));
--text-xxl: calc(var(--text-xl) *var(--text-scale-ratio));
--text-xxxl: calc(var(--text-xxl) *var(--text-scale-ratio));
--body-line-height: 1.4;
--heading-line-height: 1.2;
--font-primary-capital-letter: 1;
}

:root {
--cd-color-1: hsl(0,0%,22%);
--cd-color-1-h: 0;
--cd-color-1-s: 0%;
--cd-color-1-l: 22%;
--cd-color-2: #1D1D1D;
--cd-color-2-h: 74;
--cd-color-2-s: 93%;
--cd-color-2-l: 32%;
--cd-color-3: hsl(0,0%,97%);
--cd-color-3-h: 0;
--cd-color-3-s: 0%;
--cd-color-3-l: 97%;
--font-primary: 'Fira Sans',sans-serif;
--font-secondary: 'Playfair Display',serif;
}


.js .cd-h-timeline__container {
position: relative;
height: 100px;
max-width: 800px;
}

.js .cd-h-timeline__dates {
position: relative;
height: 100%;
margin: 0 40px;
overflow: hidden;
}

.js .cd-h-timeline__dates::after,
.js .cd-h-timeline__dates::before {
content: '';
z-index: 2;
position: absolute;
top: 0;
width: 20px;
height: 100%;
}

.js .cd-h-timeline__dates::before {
left: 0;
background: linear-gradient(to right, hsl(0, 0%, 97%), hsla(0,0%,97%,0) );
background: linear-gradient(to right, var(--cd-color-3), hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l) ,0) );
}

.js .cd-h-timeline__dates::after {
right: 0;
background: linear-gradient(to left, hsl(0, 0%, 97%), hsla(0,0%,97%,0) );
background: linear-gradient(to left, var(--cd-color-3), hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l) ,0) );
}

.js .cd-h-timeline__line {
z-index: 1;
position: absolute;
top: 49px;
left: 0;
height: 2px;
background-color: hsl(0,0%,87.3%);
background-color: hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l) *0.9) );
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s,-webkit-transform 0.4s;
}

.js .cd-h-timeline__filling-line {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #1D1D1D;
background-color: var(--cd-color-2);
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s,-webkit-transform 0.3s;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
transform-origin: left center;
-ms-transform-origin: left center;
}


.js .cd-h-timeline__date {
z-index: 2;
position: absolute;
bottom: 0;
padding-bottom: 0.75em;
padding-bottom: var(--space-sm);
text-align: center;
text-decoration: none;
font-size: 0.8em;
color: hsl(0,0%,22%);
color: var(--cd-color-1);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-ms-user-select: none;
}

.js .cd-h-timeline__date::after {
content: '';
position: absolute;
bottom: -5px;
left: 50%;
width: 12px;
height: 12px;
border: 2px solid hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l) *0.9) );
border-color: hsl(0,0%,87.3%);
border-radius: 50%;
background-color: hsl(0,0%,97%);
background-color: var(--cd-color-3);
transition: background-color 0.3s,border-color .3s;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

.js .cd-h-timeline__date:hover::after {
border-color: #1D1D1D;
border-color: var(--cd-color-2);
background-color: #1D1D1D;
background-color: var(--cd-color-2);
}

@media (min-width:64rem) {
.js .cd-h-timeline__date {
font-size: 0.7em;
}
}

.js .cd-h-timeline__date--selected {
pointer-events: none;
}

.js .cd-h-timeline__date--selected::after {
border-color: #1D1D1D;
border-color: var(--cd-color-2);
background-color: #1D1D1D;
background-color: var(--cd-color-2);
}

.js .cd-h-timeline__date--older-event::after {
border-color: #1D1D1D;
border-color: var(--cd-color-2);
}

.js .cd-h-timeline__navigation {
z-index: 1;
position: absolute;
top: 50%;
width: 34px;
height: 34px;
border: 2px solid hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l) *0.9) );
border-color: hsl(0,0%,87.3%);
border-radius: 50%;
transition: border-color 0.3s;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.js .cd-h-timeline__navigation::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
background: url(../img/cd-arrow.svg) no-repeat 0 0;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

.js .cd-h-timeline__navigation:hover {
border-color: #1D1D1D;
border-color: var(--cd-color-2);
}

.js .cd-h-timeline__navigation--prev {
left: 0;
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}

.js .cd-h-timeline__navigation--next {
right: 0;
}

.js .cd-h-timeline__navigation--inactive {
cursor: not-allowed;
}

.js .cd-h-timeline__navigation--inactive::after {
background-position: 0 -16px;
}

.js .cd-h-timeline__navigation--inactive:hover {
border-color: hsl(0,0%,87.3%);
border-color: hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l) *0.9) );
}

.js .cd-h-timeline__events {
position: relative;
width: 100%;
overflow: hidden;
transition: height .4s;
}

.js .cd-h-timeline__event {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 1px 5%;
opacity: 0;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}

.js .cd-h-timeline__event--selected {
z-index: 2;
position: relative;
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}

.js .cd-h-timeline__event--enter-right,
.js .cd-h-timeline__event--leave-right {
-webkit-animation-name: cd-enter-right;
animation-name: cd-enter-right;
}

.js .cd-h-timeline__event--enter-left,
.js .cd-h-timeline__event--leave-left {
-webkit-animation-name: cd-enter-left;
animation-name: cd-enter-left;
}

.js .cd-h-timeline__event--leave-right,
.js .cd-h-timeline__event--leave-left {
animation-direction: reverse;
}

.js .cd-h-timeline__event-content {
max-width: 800px;
}

.js .cd-h-timeline__event-title {
font-size: 30px;
font-weight: 700;
color: hsl(0,0%,22%);
color: var(--cd-color-1);
}

.js .cd-h-timeline__event-date {
display: block;
margin: 0.5em auto;
margin: var(--space-xs) auto;
font-style: italic;
}

.js .cd-h-timeline__event-date::before {
content: '- ';
}

@-webkit-keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}

100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}

@keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}

100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}

@-webkit-keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}

100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}

@keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}

100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}

html:not(.js) .cd-h-timeline__dates,
html:not(.js) .cd-h-timeline__navigation {
display: none;
}
Loading

0 comments on commit 69dda16

Please sign in to comment.