add discord link

add about page
change email address
2024-09-18 17:15:56 +02:00 · 2024-09-18 17:15:47 +02:00 · 2024-09-18 16:11:21 +02:00 · 2024-09-18 16:08:28 +02:00 · 2024-09-18 15:31:30 +02:00 · 2024-09-18 15:31:20 +02:00
6 changed files with 89 additions and 10 deletions
--- a/flake.nix
+++ b/flake.nix
@ -29,9 +29,16 @@
          name = "website";
          src = ./src;
          dontUnpack = true;
+          buildInputs = [pkgs.minify];
          installPhase = ''
-            mkdir -p $out
-            cp -r $src/* $out
+            mkdir workspace                     # create workspace directory
+            cp -v -r $src/* workspace           # copy all files to workspace
+            chmod -v -R u+w workspace           # enable write permissions
+            mkdir -v minified                   # create minified directory
+            minify -v -r -o minified workspace  # minify all compatible files
+            mkdir -v -p $out                    # create output directory
+            cp -v -r workspace/* $out           # copy files to output directory
+            cp -v -r minified/workspace/* $out  # copy minified files to output directory
          '';
        };
      };
--- a/src/about.html
+++ b/src/about.html
@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Laurent Fainsin</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <meta name="description" content="Laurent Fainsin">
+  <link rel="canonical" href="https://laurent.fainsin.bzh">
+
+  <meta property="og:title" content="Laurent Fainsin" />
+  <meta property="og:url" content="https://laurent.fainsin.bzh" />
+  <meta property="og:type" content="website" />
+
+  <link rel="icon" type="image/png" href="favicon.ico">
+  <link href="style.css" rel="stylesheet" type="text/css" media="screen">
+
+</head>
+
+<body>
+
+  <h1 class="title">About Me</h1>
+
+  <p>
+    👋 I'm Laurent Fainsin. I'm a French
+    <a href="https://repertoire.iesf.fr/#profile/b8700af3e7bcb0f7c3983528561a972f">graduate</a>
+    <a href="https://www.francecompetences.fr/recherche/rncp/35713/">engineer</a>
+    from <a href="https://www.enseeiht.fr/">ENSEEIHT</a>.
+  </p>
+
+  <p>
+    I've studied
+    <a href="https://prepas.org/index.php?rubrique=53">Engineering (PCSI & PSI)</a> and
+    <a href="https://www.enseeiht.fr/en/training/full-time-engineering-program/sn/program-sn.html">Computer Science</a>
+    for 5 years.
+  </p>
+
+  <p>
+    I'm interested in
+    Software Development,
+    Machine Learning and
+    Computer Graphics.
+  </p>
+
+  <p>
+    I love Free and Open Source Software (FOSS), I've volunteered for
+    <a href="https://capitoledulibre.org/">Capitole du Libre</a> and
+    <a href="https://thcon.party/">Toulouse Hacking Convention</a>.
+  </p>
+
+
+</body>
+
+</html>
--- a/src/img/discord.svg
+++ b/src/img/discord.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"><path fill="#5865f2" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></svg>
--- a/src/img/twitter.svg
+++ b/src/img/twitter.svg
@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="300" height="271" xmlns="http://www.w3.org/2000/svg">
+ <path d="m236 0h46l-101 115 118 156h-92.6l-72.5-94.8-83 94.8h-46l107-123-113-148h94.9l65.5 86.6zm-16.1 244h25.5l-165-218h-27.4z"/>
+</svg>
--- a/src/index.html
+++ b/src/index.html
@ -21,19 +21,21 @@

 <body>

-  <div class="title">
+  <div class="center title">
    <h1>Laurent Fainsin</h1>
-    <h2>Machine Learning Research Engineer</h2>
+    <h2>Junior Machine Learning Engineer</h2>
  </div>

  <div class="social">
-    <a href="about"><img src="img/info.svg" alt="Info" /></a>
+    <a href="about.html"><img src="img/info.svg" alt="Info" /></a>
    <a href="https://github.com/Laurent2916" rel="me"><img src="img/github.svg" alt="GitHub" /></a>
    <a href="https://git.fainsin.bzh/Laurent" rel="me"><img src="img/forgejo.svg" alt="Forgejo" /></a>
    <a href="https://huggingface.co/1aurent" rel="me"><img src="img/huggingface.svg" alt="HuggingFace" /></a>
    <a href="https://www.linkedin.com/in/laurent-fainsin/" rel="me"><img src="img/linkedin.svg" alt="LinkedIn" /></a>
    <a href="https://sigmoid.social/@laurent" rel="me"><img src="img/mastodon.svg" alt="Mastodon" /></a>
-    <a href="mailto:laurent@fainsin.bzh"><img src="img/mail.svg" alt="Email" /></a>
+    <a href="https://x.com/LFainsin" rel="me"><img src="img/twitter.svg" alt="Twitter" /></a>
+    <a href="https://discord/users/149925867659853825" rel="me"><img src="img/discord.svg" alt="Discord" /></a>
+    <a href="mailto:laurent.contact@fainsin.bzh"><img src="img/mail.svg" alt="Email" /></a>
    <a href="https://resume.laurent.fainsin.bzh"><img src="img/resume.svg" alt="Resume" /></a>
  </div>

--- a/src/style.css
+++ b/src/style.css
@ -1,17 +1,18 @@
@font-face {
  font-family: "Inter";
-  src: url("fonts/Inter-Regular.tff");
+  src: url("fonts/Inter-Regular.ttf");
  font-weight: normal;
  font-style: normal;
 }

 body {
+  max-width: 70vw;
+  font-size: 1.2rem;
+  margin: auto;
  font-family: "Inter", "Helvetica", serif;
  text-rendering: optimizelegibility;
  display: flex;
  flex-direction: column;
-  align-items: center;
-  justify-content: center;
  background-image: url("img/bg.png");
  background-position: -20vh -15vh;
  background-size: 200vh;
@ -19,9 +20,16 @@ body {
  background-attachment: fixed;
 }

+p {
+  line-height: 0.7;
+}
+
+.center {
+  text-align: center;
+}
+
 .title {
  margin-top: 10vh;
-  text-align: center;
 }

 .social {
@ -33,6 +41,7 @@ body {

 .social img {
  width: 1.5rem;
+  height: 1.5rem;
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
Author	SHA1	Message	Date
Laureηt	a1e9ee384f	add discord link	2024-09-18 17:15:56 +02:00
Laureηt	784f81750d	add about page	2024-09-18 17:15:47 +02:00
Laureηt	c94901dba2	change email address	2024-09-18 16:11:21 +02:00
Laureηt	1670bde76a	add minification	2024-09-18 16:08:28 +02:00
Laureηt	3ff42319df	add twitter link	2024-09-18 15:31:30 +02:00
Laureηt	25f230e8c6	typo in font extension	2024-09-18 15:31:20 +02:00
				`@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"><path fill="#5865f2" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></svg>