Merge pull request #31 from theophane-girard/develop

migrate to esbuild and update email

angular.json

@@ -27,20 +27,15 @@
       "prefix": "cv",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
             "outputPath": "dist",
             "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
+            "browser": "src/main.ts",
+            "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
             "styles": [
               "node_modules/font-awesome/css/font-awesome.min.css",
               "src/styles.scss"
@@ -64,9 +59,7 @@
               "outputHashing": "all"
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
               "namedChunks": true

src/app/app.component.ts

@@ -24,12 +24,16 @@ import { WaveBackground } from './wave-separator/data/wave.types';
       [backgroundColor]="homeBackgroundColor"
       [colors]="firstColors"
     />
-    <cv-xp [backgroundColor]="secondBackgroundColor"/>
-    <cv-wave-separator
-      [backgroundColor]="secondBackgroundColor"
-      [colors]="secondColors"
-    />
-    <cv-hobbies [backgroundColor]="homeBackgroundColor"/>
+    @defer() {
+      <cv-xp [backgroundColor]="secondBackgroundColor"/>
+      <cv-wave-separator
+        [backgroundColor]="secondBackgroundColor"
+        [colors]="secondColors"
+      />
+    }
+    @defer() {
+      <cv-hobbies [backgroundColor]="homeBackgroundColor"/>
+    }
   `,
   standalone: true,
   styleUrls: ['./app.component.scss'],

src/app/hobbies/features/scouting-picture/scouting-picture.component.scss

@@ -1,6 +1,6 @@
 @use "sass:math";
 
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 
 #scout-picture {
   $scouting-picture-width: 40em;

src/app/hobbies/hobbies.component.scss

@@ -1,4 +1,4 @@
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 
 section {
   overflow: hidden;

src/app/hobbies/ui/components/cliff/cliff.component.scss

@@ -1,4 +1,4 @@
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 
 #cliff-top {
   z-index: 2;

src/app/hobbies/ui/components/grass/grass.component.scss

@@ -1,4 +1,4 @@
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 
 $dark-grass-blade-background: #00642d;
 $light-grass-blade-background: #009a46;

src/app/hobbies/ui/components/pine-tree/pine-tree.component.scss

@@ -1,4 +1,4 @@
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 
 #container {
   width: global.$pine-tree-width;

src/app/hobbies/ui/components/sky/sky.component.scss

@@ -1,4 +1,4 @@
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 
 .star {
   border-radius: 50%;

src/app/hobbies/ui/components/tent/tent.component.scss

@@ -1,4 +1,4 @@
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 
 #tent {
   width: global.$tent-width;

src/app/home/feature/home-picture/home-picture.component.scss

@@ -1,6 +1,6 @@
 @use "sass:math";
 
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 
 section {
   flex-direction: row;

src/app/home/home.component.scss

@@ -1,4 +1,4 @@
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 
 #content {
   display: flex;

src/app/home/ui/clock/clock.component.scss

@@ -1,6 +1,6 @@
 @use "sass:math";
 
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 
 $hand-color: black;
 $clock-width: 2.66em;

src/app/home/ui/laptop/laptop.component.scss

@@ -1,4 +1,4 @@
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 @use 'sass:math';
 
 $html-logo-glow: white;

src/app/home/ui/me/me.component.scss

@@ -1,4 +1,4 @@
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 
 #left-arm {
   transform-origin: center;

src/app/home/ui/mug/mug.component.scss

@@ -1,6 +1,6 @@
 @use "sass:math";
 
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 
 #mug {
   width: global.$mug-width;

src/app/home/ui/plant/plant.component.scss

@@ -1,4 +1,4 @@
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 @use "sass:math";
 
 $jar-background: orange;

src/app/home/ui/socials/socials.component.ts

@@ -9,7 +9,7 @@ import { FlexDirective } from '@shared/ui/directives/flex.directive';
   template: `
     <div id="contact-container" flex>
       <a
-        href="mailto:theophane.girard@pm.me"
+        href="mailto:girard[email protected]"
         class="contact-logo margin-1em justify-content-center align-items-center"
         id="mail-logo-container"
         target="_blank"
@@ -21,7 +21,7 @@ import { FlexDirective } from '@shared/ui/directives/flex.directive';
           priority
           width="50"
           height="25"
-          alt="theophane.girard@pm.me"
+          alt="girard[email protected]"
         />
       </a>
       <div class="margin-1em">

src/app/xp/xp.component.scss

@@ -1,4 +1,4 @@
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 
 #timeline-container {
   flex-direction: column;

src/styles.scss

@@ -1,5 +1,5 @@
 /* You can add global styles to this file, and also import other style files */
-@use './src/assets/global';
+@use 'src/assets/global.scss';
 
 div {
   margin: 0;