this repo has no description
💄 Style the about page
+32
-14
+1
components/ui.templ
+1
components/ui.templ
+31
-14
pages/about.templ
+31
-14
pages/about.templ
···
3
3
import "github.com/ewen-lbh/portfolio/components"
4
4
5
5
templ english() {
6
-
<section><h2>arts</h2><p>Drawing at the school of fine arts in Nîmes, painting and sculpture workshops. Since I was 7 years old, I've been composing electronic music, taking piano and DJ lessons and participating in a music production masterclass. During my college years, I made many posters and logos using various software (3D, motion design, graphic design...)</p></section>
7
-
<section><h2>digital</h2><p>I learned to program in different computer languages: HTML, Python and JavaScript, which allowed me to create my website and, currently, a web application for students. All my programming projects are visible to everyone on my GitHub profile: all my projects are "Open Source".</p></section>
8
-
<section><h2>linguistics</h2><p>English being essential to read documentations, I have deepened this language (TOEIC Bridge: 176/180), conversed by mail with an American to realize a logo. I am also fascinated by writing since childhood: Cyrillic (hence my choice of <abbr title="Langue Vivante 3, an optional third language course available to high school students">LV3</abbr>, Russian), Greek (private lessons) and hiraganas and katakanas (Japanese, self-taught).</p></section>
9
-
<section><h2>science</h2><p>I'm also interested in mathematic's language: I chose to continue my scientific education after high school by enrolling in a "classe préparatoire aux grandes écoles", an intensive 2-year program that prepares students for the competitive entrance exams to the top engineering schools. I sometimes learn complex mathematical concepts by browsing on wikipedia or by watching videos from YouTube channels such as "3Blue1Brown" or "Numerphile".</p></section>
6
+
<h2>arts</h2>
7
+
<p>Drawing at the school of fine arts in Nîmes, painting and sculpture workshops. Since I was 7 years old, I've been composing electronic music, taking piano and DJ lessons and participating in a music production masterclass. During my college years, I made many posters and logos using various software (3D, motion design, graphic design...)</p>
8
+
<h2>digital</h2>
9
+
<p>I learned to program in different computer languages: HTML, Python and JavaScript, which allowed me to create my website and, currently, a web application for students. All my programming projects are visible to everyone on my GitHub profile: all my projects are "Open Source".</p>
10
+
<h2>linguistics</h2>
11
+
<p>English being essential to read documentations, I have deepened this language (TOEIC Bridge: 176/180), conversed by mail with an American to realize a logo. I am also fascinated by writing since childhood: Cyrillic (hence my choice of <abbr title="Langue Vivante 3, an optional third language course available to high school students">LV3</abbr>, Russian), Greek (private lessons) and hiraganas and katakanas (Japanese, self-taught).</p>
12
+
<h2>science</h2>
13
+
<p>I'm also interested in mathematic's language: I chose to continue my scientific education after high school by enrolling in a "classe préparatoire aux grandes écoles", an intensive 2-year program that prepares students for the competitive entrance exams to the top engineering schools. I sometimes learn complex mathematical concepts by browsing on wikipedia or by watching videos from YouTube channels such as "3Blue1Brown" or "Numerphile".</p>
10
14
}
11
15
12
16
templ french() {
13
-
<section><h2>artistique</h2><p>Dessin à l'école des beaux-arts de Nîmes, ateliers de peinture, de sculpture. Depuis mes 7 ans, je compose de la musique électronique, j'ai suivi des cours de piano et de DJ et participé à une masterclass de production musicale. Pendant mes années de collège, j'ai réalisé de nombreuses affiches et logos en utilisant divers logiciels (3D, motion design, graphisme…)</p></section>
14
-
<section><h2>numérique</h2><p>J'ai appris à programmer dans différents langages informatiques: HTML, Python et JavaScript, ce qui m'a permis de créer mon site et, actuellement, une application web pour étudiants. J'ai aussi pour projet la création de plusieurs langages de programmation.</p><p>Tout mes projets de programmation sont visibles par tous sur mon <a href="https://github.com/ewen-lbh">profil Github</a>: tout mes projets sont dits "Open Source".</p></section>
15
-
<section><h2>linguistique</h2><p>L'anglais étant indispensable à la lecture de documentations et plus généralement à l'autodidactie, j'ai approfondi cette langue (TOEIC: 950/990), conversé par mail avec un américain pour réaliser un logo. Je suis aussi fasciné depuis l'enfance par l'écriture: le cyrillique (d'où mon choix de LV3, le russe), le grec (cours particuliers) et les hiraganas et katakanas (japonais en autodidacte).</p></section>
16
-
<section><h2>scientifique</h2><p>Le langage mathématique m'intéresse tout autant: j'ai choisi de poursuivre mon éducation scientifique après le lycée en m'inscrivant en classe préparatoire aux grandes écoles, un cursus intensif en 2 ans préparant aux concours d'admissions à des grandes écoles d'ingénieur. Il m'arrive d'appréhender des concepts complexes mathématiques en naviguant sur wikipédia anglais ou en regardant des vidéos de chaînes YouTube telles que <a href="https://www.youtube.com/c/3blue1brown">3Blue1Brown</a> ou <a href="https://youtube.com/c/numberphile">Numerphile</a></p></section>
17
+
<h2>artistique</h2>
18
+
<p>Dessin à l'école des beaux-arts de Nîmes, ateliers de peinture, de sculpture. Depuis mes 7 ans, je compose de la musique électronique, j'ai suivi des cours de piano et de DJ et participé à une masterclass de production musicale. Pendant mes années de collège, j'ai réalisé de nombreuses affiches et logos en utilisant divers logiciels (3D, motion design, graphisme…)</p>
19
+
<h2>numérique</h2>
20
+
<p>J'ai appris à programmer dans différents langages informatiques: HTML, Python et JavaScript, ce qui m'a permis de créer mon site et, actuellement, une application web pour étudiants. J'ai aussi pour projet la création de plusieurs langages de programmation.</p>
21
+
<p>Tout mes projets de programmation sont visibles par tous sur mon <a href="https://github.com/ewen-lbh">profil Github</a>: tout mes projets sont dits "Open Source".</p>
22
+
<h2>linguistique</h2>
23
+
<p>L'anglais étant indispensable à la lecture de documentations et plus généralement à l'autodidactie, j'ai approfondi cette langue (TOEIC: 950/990), conversé par mail avec un américain pour réaliser un logo. Je suis aussi fasciné depuis l'enfance par l'écriture: le cyrillique (d'où mon choix de LV3, le russe), le grec (cours particuliers) et les hiraganas et katakanas (japonais en autodidacte).</p>
24
+
<h2>scientifique</h2>
25
+
<p>Le langage mathématique m'intéresse tout autant: j'ai choisi de poursuivre mon éducation scientifique après le lycée en m'inscrivant en classe préparatoire aux grandes écoles, un cursus intensif en 2 ans préparant aux concours d'admissions à des grandes écoles d'ingénieur. Il m'arrive d'appréhender des concepts complexes mathématiques en naviguant sur wikipédia anglais ou en regardant des vidéos de chaînes YouTube telles que <a href="https://www.youtube.com/c/3blue1brown">3Blue1Brown</a> ou <a href="https://youtube.com/c/numberphile">Numerphile</a></p>
17
26
}
18
27
19
28
css goBackSection() {
···
22
31
align-items: center;
23
32
}
24
33
34
+
css maxWidthSection() {
35
+
max-width: 800px;
36
+
margin: 0 auto;
37
+
padding: 0 1rem;
38
+
}
39
+
25
40
templ AboutPage(language string) {
26
41
@components.Intro() {
27
42
@components.ArrowLink("/resume") {
28
43
<i18n>Get my resume</i18n>
29
44
}
30
45
}
31
-
if language == "fr" {
32
-
@french()
33
-
} else {
34
-
@english()
35
-
}
36
-
<section class={ goBackSection() }>
46
+
<section class={ maxWidthSection() }>
47
+
if language == "fr" {
48
+
@french()
49
+
} else {
50
+
@english()
51
+
}
52
+
</section>
53
+
<section class={ goBackSection(), maxWidthSection() }>
37
54
@components.GoBackLink("/") {
38
55
<i18n>Go back</i18n>
39
56
}