commit 2b0f9b67d7c177a143d33649ea750c54f21c932d Author: Valentin Date: Wed Mar 27 04:14:50 2024 +0100 first commit diff --git a/favicon.png b/favicon.png new file mode 100644 index 0000000..da6eb64 Binary files /dev/null and b/favicon.png differ diff --git a/fonts/AeonikPro-Regular.woff b/fonts/AeonikPro-Regular.woff new file mode 100644 index 0000000..42581c8 Binary files /dev/null and b/fonts/AeonikPro-Regular.woff differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..5734d39 --- /dev/null +++ b/index.html @@ -0,0 +1,95 @@ + + + + + + Valentin Le Moign — Portfolio + + + + +
+

Hello! 👋
I'm Valentin Le Moign,
a graphic designer and front-end developper from France.

+

As a member of the Paris based collective Figures Libres, I build custom-made web experiences and visual universes.

+

My keen eye for visuals allows me to translate UI design into production applications, benefiting the artistic direction of any project.

+

I mainly like to work with the Nuxt framework and have already used Wordpress and Drupal.
I am willing to discover new technologies !

+

I am familiar with Git and Docker, using these daily.
I also like to tinkle the server side from time to time.

+
+
+

Selected projects

+ +
+
+ Send me an email + Instagram + Linkedin +
+ + \ No newline at end of file diff --git a/media/images/poster-accrochage.png b/media/images/poster-accrochage.png new file mode 100644 index 0000000..3a0a71a Binary files /dev/null and b/media/images/poster-accrochage.png differ diff --git a/media/images/poster-carnet-atterrissage.png b/media/images/poster-carnet-atterrissage.png new file mode 100644 index 0000000..86b6d8a Binary files /dev/null and b/media/images/poster-carnet-atterrissage.png differ diff --git a/media/images/poster-citation.png b/media/images/poster-citation.png new file mode 100644 index 0000000..dfe2496 Binary files /dev/null and b/media/images/poster-citation.png differ diff --git a/media/images/poster-erable.png b/media/images/poster-erable.png new file mode 100644 index 0000000..d54b815 Binary files /dev/null and b/media/images/poster-erable.png differ diff --git a/media/images/poster-figures-libres.png b/media/images/poster-figures-libres.png new file mode 100644 index 0000000..f69c6ed Binary files /dev/null and b/media/images/poster-figures-libres.png differ diff --git a/media/images/poster-immersion.png b/media/images/poster-immersion.png new file mode 100644 index 0000000..be7887c Binary files /dev/null and b/media/images/poster-immersion.png differ diff --git a/media/images/poster-mahee.png b/media/images/poster-mahee.png new file mode 100644 index 0000000..7990495 Binary files /dev/null and b/media/images/poster-mahee.png differ diff --git a/media/images/poster-mehdi.png b/media/images/poster-mehdi.png new file mode 100644 index 0000000..87b23f0 Binary files /dev/null and b/media/images/poster-mehdi.png differ diff --git a/media/videos/erable.mp4 b/media/videos/erable.mp4 new file mode 100644 index 0000000..ced58c6 Binary files /dev/null and b/media/videos/erable.mp4 differ diff --git a/media/videos/figureslibres.mp4 b/media/videos/figureslibres.mp4 new file mode 100644 index 0000000..cef86ca Binary files /dev/null and b/media/videos/figureslibres.mp4 differ diff --git a/media/videos/immersion.mp4 b/media/videos/immersion.mp4 new file mode 100644 index 0000000..aa1fafc Binary files /dev/null and b/media/videos/immersion.mp4 differ diff --git a/media/videos/mahee.mp4 b/media/videos/mahee.mp4 new file mode 100644 index 0000000..6933ccc Binary files /dev/null and b/media/videos/mahee.mp4 differ diff --git a/media/videos/mehdi.mp4 b/media/videos/mehdi.mp4 new file mode 100644 index 0000000..a1b0461 Binary files /dev/null and b/media/videos/mehdi.mp4 differ diff --git a/media/videos/partition.mp4 b/media/videos/partition.mp4 new file mode 100644 index 0000000..21a590d Binary files /dev/null and b/media/videos/partition.mp4 differ diff --git a/pictos/instagram.svg b/pictos/instagram.svg new file mode 100644 index 0000000..27b7b68 --- /dev/null +++ b/pictos/instagram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/pictos/linkedin.svg b/pictos/linkedin.svg new file mode 100644 index 0000000..a9cff8a --- /dev/null +++ b/pictos/linkedin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/pictos/mail.svg b/pictos/mail.svg new file mode 100644 index 0000000..60e2ac3 --- /dev/null +++ b/pictos/mail.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..ee2d436 --- /dev/null +++ b/style.css @@ -0,0 +1,135 @@ +/* RESET */ +html { + box-sizing: border-box; + font-size: 16px; +} + +*, *:before, *:after { + box-sizing: inherit; +} + +body, h1, h2, h3, h4, h5, h6, p, ol, ul { + margin: 0; + padding: 0; + font-weight: normal; +} + +ol, ul { + list-style: none; +} + +img { + max-width: 100%; + height: auto; +} + +a, a:visited, a:focus, a:active { + color: blue; +} + +/* FONTS */ + +@font-face { + font-family: 'Aeonik'; + src: url('./fonts/AeonikPro-Regular.woff') format('woff') +} + +/* CASCADE */ + +body { + font-family: 'Aeonik', Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + margin-top: 10vh; + margin-bottom: 10vh; + background-color: #eee; + padding: 0 2rem; +} + +h2 { + font-size: 2.8rem; +} + +body > div:first-of-type { + margin-bottom: 6vh; +} + +body > div:first-of-type p { + margin-bottom: 2vh; +} + +body > div:first-of-type p:first-of-type { + margin-top: 4vh; +} + +h3 { + font-size: 1.7rem; + text-align: center; +} + +h4 { + margin-bottom: 0.3rem; +} + +h5 { + font-size: 1.4rem; +} + +video { + margin-top: 2.5vh; + margin-bottom: 2.5vh; + width: 100%; +} + +body > div:last-of-type { + width: 100%; +} + +ul { + width: 100%; +} + +ul { + display: flex; + flex-direction: column; +} + +li { + margin-top: 8vh; +} + +li > div { + margin-top: 0.3rem; + text-align: right; +} + +li > div > a { + display: block; +} + +body > div:last-of-type { + margin-top: 12vh; + display: flex; + width: 100%; + justify-content: space-between; +} + +@media screen and (min-width: 960px) { + body { + margin-left: 25vw; + width: 50vw; + } + + div:first-of-type p { + width: 60%; + } + + li:nth-child(even) { + align-self: flex-end; + } + + li { + width: 60%; + } + +} \ No newline at end of file