commit 9ab67318ec2fdad7d8387b243a3d868020002b96 Author: Louis Vallat Date: Sat Sep 18 18:28:38 2021 +0200 Initial commit diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..266e453 --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,104 @@ +@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap'); + +:root { + --eerie-black: #141414ff; + --royal-purple: #724e91ff; + --saffron: #f8c630ff; + --tea-green: #c5ebc3ff; + --international-orange-engineering: #b80c09ff; +} + +body { + min-height: 100vh; +} + +#call-to-action { + margin-top: 8vh; +} + +#call-to-action > button { + width: 150px; + height: 45px; + font-size: 1em; + border-radius: 8px; + background-color: white; + border: none; + transition: cubic-bezier(0.215, 0.610, 0.355, 1) 200ms; +} + +#call-to-action > button:hover { + background-color: lightgrey; + box-shadow: 0px 0px 6px 0px lightblue; +} + +#call-to-action > button:first-child { + margin-right: 10px; + +} + +button:hover { + cursor: pointer; +} + +#landing-zone { + background-color: var(--eerie-black); + padding: 0px 10% 0px 10%; + height: 100vh; + display: flex; + align-items: center; +} + +.white { + color: white; +} + +h1 { + font-family: 'Roboto', sans-serif; + font-weight: 500; + font-size: 6rem; +} + +#name { + font-family: 'Roboto', sans-serif; + font-weight: 500; + font-size: 1.8rem; +} + +#subtitle { + font-family: 'Roboto', sans-serif; + font-weight: 500; + font-size: 4.5rem; + letter-spacing: 3px; + word-spacing: 4px; + line-height: 1.35em; + margin-top: 55px; + margin-bottom: 25px; +} + +#profile-picture { + border-radius: 100%; + height: 70px; + width: 70px; + margin: 10px; +} + +.center-align-inline { + display: flex; + align-items: center; +} + +#additional-information > svg { + fill: lightgrey; + margin-right: 8px; +} + +#additional-information { + font-family: 'Roboto', sans-serif; + font-weight: 400; + font-size: 1.3em; + color: lightgrey; +} + +#additional-information > p { + margin-right: 50px; +} diff --git a/assets/css/reset.css b/assets/css/reset.css new file mode 100644 index 0000000..af94440 --- /dev/null +++ b/assets/css/reset.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/assets/images/square_pp.jpg b/assets/images/square_pp.jpg new file mode 100644 index 0000000..4e04353 Binary files /dev/null and b/assets/images/square_pp.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..ee804db --- /dev/null +++ b/index.html @@ -0,0 +1,32 @@ + + + + + + + + + Louis Vallat + + +
+
+
+ +

Louis Vallat

+
+

Un étudiant développeur, passionné de technologies, quelles qu'elles soient.

+
+ +

Étudiant ingénieur en informatique

+ +

Bordeaux — France

+
+
+ + +
+
+
+ +