From 5359bc96a5f8a535422bd5e3e3e3533e9b07ace8 Mon Sep 17 00:00:00 2001 From: Gianmarco Pettinato Date: Sun, 8 May 2022 22:17:51 +0200 Subject: [PATCH] fixed performance issues --- src/app.scss | 19 ----------------- src/elements/Contacts.svelte | 17 +++++++++++++++ src/elements/JobElement.svelte | 38 ++++++++++++++++++--------------- src/elements/Jobs.svelte | 11 ++++------ src/elements/Menu.svelte | 32 +++++++++++---------------- src/elements/Training.svelte | 7 ++++-- src/model/jobs.json | 4 ++-- src/model/portfolio.json | 12 +++++------ src/routes/index.svelte | 9 +++++++- static/DGCServerVerifier.webp | Bin 0 -> 61758 bytes static/LatexMulticompiler.webp | Bin 0 -> 50976 bytes static/SWL.webp | Bin 0 -> 23838 bytes static/spellCheck.webp | Bin 0 -> 35132 bytes static/tenners.webp | Bin 0 -> 26554 bytes static/unraid.webp | Bin 0 -> 9132 bytes 15 files changed, 75 insertions(+), 74 deletions(-) create mode 100644 static/DGCServerVerifier.webp create mode 100644 static/LatexMulticompiler.webp create mode 100644 static/SWL.webp create mode 100644 static/spellCheck.webp create mode 100644 static/tenners.webp create mode 100644 static/unraid.webp diff --git a/src/app.scss b/src/app.scss index bc31fb5..911fde4 100644 --- a/src/app.scss +++ b/src/app.scss @@ -1,21 +1,5 @@ -// $basecolor:#CDCBD6; -// $basecolor2:#E3F5E7; -// $accent2: #E3E8F5; -// $contrast: #E3E8F5; -// $contrast2: #F5E3F1; -// $img-contrast: #F5E3F1; -// @media (prefers-color-scheme: dark) { -// $basecolor:#140a0a; -// $basecolor2:#E3F5E7; -// $accent2: #E3E8F5; -// $contrast: #E3E8F5; -// $contrast2: #F5E3F1; -// $img-contrast:#00000000; -// } - $basecolor:#E5E5E5; $basecolor2:#FFFFFF; -// $basecolor2:#FCA311; $accent2: #256EFF; $contrast: #14213D; $contrast2: #000000; @@ -43,9 +27,6 @@ $default-border-radius:5px; .default{ margin: auto; - // margin-top: 50px; - // margin-bottom: 50px; - // text-align: center; @media (min-width: $min-tablet) { width: 80%; max-width: 1024px; diff --git a/src/elements/Contacts.svelte b/src/elements/Contacts.svelte index 0f9a014..2977185 100644 --- a/src/elements/Contacts.svelte +++ b/src/elements/Contacts.svelte @@ -26,6 +26,7 @@ diff --git a/src/elements/JobElement.svelte b/src/elements/JobElement.svelte index 5ac4261..a68d3d0 100644 --- a/src/elements/JobElement.svelte +++ b/src/elements/JobElement.svelte @@ -14,15 +14,13 @@

{job.title[currentLanguage]}

-
-
- {#each job.images as image} - {image} - {/each} -
-
- {@html md.render(job.content[currentLanguage])} -
+
+ {#each job.images as image} + {image} + {/each} +
+
+ {@html md.render(job.content[currentLanguage])}
{#if job.year.lenght != 0} @@ -60,6 +58,10 @@ diff --git a/src/elements/Jobs.svelte b/src/elements/Jobs.svelte index fd8eb5d..fb2da70 100644 --- a/src/elements/Jobs.svelte +++ b/src/elements/Jobs.svelte @@ -13,12 +13,9 @@ diff --git a/src/elements/Menu.svelte b/src/elements/Menu.svelte index 9d9c1c9..30c192a 100644 --- a/src/elements/Menu.svelte +++ b/src/elements/Menu.svelte @@ -12,33 +12,21 @@
- + {menu.home[currentLanguage]} - {menu.job[currentLanguage]} - {menu.school[currentLanguage]} - {menu.portfolio[currentLanguage]} @@ -52,7 +40,14 @@ @import '../app.scss'; @import '/node_modules/@fortawesome/fontawesome-free/css/all.css'; .hide { - display: none; + @media (max-width: $min-tablet) { + position: absolute; + left: -10000px; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; + } } .div-menu { width: 100%; @@ -79,9 +74,6 @@ } @media (min-width: $min-tablet) { - .hide { - display: unset; - } a { width: 130px; i { diff --git a/src/elements/Training.svelte b/src/elements/Training.svelte index 266fc5f..abfbacc 100644 --- a/src/elements/Training.svelte +++ b/src/elements/Training.svelte @@ -16,7 +16,7 @@
school logo
-

{school.title[currentLanguage]}

+

{school.title[currentLanguage]}

{school.content[currentLanguage]}

{school.year.start} - {school.year.end}

@@ -27,7 +27,10 @@