From c507c341387845e4170178611ad66708e02cd717 Mon Sep 17 00:00:00 2001 From: Gianmarco Pettinato Date: Sat, 30 Apr 2022 01:19:30 +0200 Subject: [PATCH] add new images and css --- src/app.scss | 12 ++++++++---- src/elements/Contacts.svelte | 2 +- src/elements/JobElement.svelte | 19 +++++++++++++++---- src/elements/Jobs.svelte | 15 ++++++++------- src/elements/Menu.svelte | 8 ++------ src/model/jobs.json | 10 +++++----- src/model/portfolio.json | 12 ++++++------ src/model/training.json | 4 ++-- src/routes/index.svelte | 20 ++++++++++++-------- static/3dprinter.jpg | Bin 313669 -> 0 bytes static/3dprinter.webp | Bin 0 -> 113352 bytes static/ALTEN.jpg | Bin 54869 -> 0 bytes static/ALTEN.webp | Bin 0 -> 6908 bytes static/QContainer.png | Bin 28405 -> 0 bytes static/QContainer.webp | Bin 0 -> 10764 bytes static/alternative-studio.png | Bin 10499 -> 0 bytes static/alternative-studio.webp | Bin 0 -> 1404 bytes static/custom-keyboard.jpg | Bin 312071 -> 0 bytes static/custom-keyboard.webp | Bin 0 -> 111066 bytes static/favicon.webp | Bin 0 -> 608 bytes static/logo-athesys.png | Bin 7536 -> 0 bytes static/logo-athesys.webp | Bin 0 -> 3926 bytes static/logo-jatus-tech.png | Bin 52767 -> 0 bytes static/logo-jatus-tech.webp | Bin 0 -> 4770 bytes static/logoSeveri.png | Bin 19533 -> 0 bytes static/logoSeveri.webp | Bin 0 -> 3432 bytes static/profile_pic.jpg | Bin 20058 -> 0 bytes static/profile_pic.webp | Bin 0 -> 9450 bytes static/saxonhilllogo.jpg | Bin 26369 -> 0 bytes static/saxonhilllogo.webp | Bin 0 -> 6834 bytes static/techweb.png | Bin 1138997 -> 0 bytes static/techweb.webp | Bin 0 -> 118206 bytes static/unipd-universita-di-padova.png | Bin 32187 -> 0 bytes static/unipd-universita-di-padova.webp | Bin 0 -> 94740 bytes static/webpage.png | Bin 287925 -> 0 bytes static/webpage.webp | Bin 0 -> 80054 bytes static/workstation.jpg | Bin 239048 -> 0 bytes static/workstation.webp | Bin 0 -> 76390 bytes 38 files changed, 59 insertions(+), 43 deletions(-) delete mode 100644 static/3dprinter.jpg create mode 100644 static/3dprinter.webp delete mode 100644 static/ALTEN.jpg create mode 100644 static/ALTEN.webp delete mode 100644 static/QContainer.png create mode 100644 static/QContainer.webp delete mode 100644 static/alternative-studio.png create mode 100644 static/alternative-studio.webp delete mode 100644 static/custom-keyboard.jpg create mode 100644 static/custom-keyboard.webp create mode 100644 static/favicon.webp delete mode 100644 static/logo-athesys.png create mode 100644 static/logo-athesys.webp delete mode 100644 static/logo-jatus-tech.png create mode 100644 static/logo-jatus-tech.webp delete mode 100644 static/logoSeveri.png create mode 100644 static/logoSeveri.webp delete mode 100644 static/profile_pic.jpg create mode 100644 static/profile_pic.webp delete mode 100644 static/saxonhilllogo.jpg create mode 100644 static/saxonhilllogo.webp delete mode 100644 static/techweb.png create mode 100644 static/techweb.webp delete mode 100644 static/unipd-universita-di-padova.png create mode 100644 static/unipd-universita-di-padova.webp delete mode 100644 static/webpage.png create mode 100644 static/webpage.webp delete mode 100644 static/workstation.jpg create mode 100644 static/workstation.webp diff --git a/src/app.scss b/src/app.scss index b129a22..bc31fb5 100644 --- a/src/app.scss +++ b/src/app.scss @@ -16,14 +16,14 @@ $basecolor:#E5E5E5; $basecolor2:#FFFFFF; // $basecolor2:#FCA311; -$accent2: #FCA311; +$accent2: #256EFF; $contrast: #14213D; $contrast2: #000000; $img-contrast: #14213D; $text-color: #011936; -$border-color: #D77A61; -$button-border-color: #D77A61; +$border-color: #256EFF; +$button-border-color: #256EFF; $min-tablet: 768px; $min-desktop: 1024px; @@ -67,6 +67,8 @@ $default-border-radius:5px; } } + + a { text-decoration:none; color: $text-color; @@ -76,4 +78,6 @@ button{ color: $text-color; } -h1, h2, h3 {} \ No newline at end of file +h1, h2, h3 { + font-weight: normal; +} \ No newline at end of file diff --git a/src/elements/Contacts.svelte b/src/elements/Contacts.svelte index d25d012..0f9a014 100644 --- a/src/elements/Contacts.svelte +++ b/src/elements/Contacts.svelte @@ -1,7 +1,7 @@
- profile + profile
  • diff --git a/src/elements/JobElement.svelte b/src/elements/JobElement.svelte index 6a7e0d7..5ac4261 100644 --- a/src/elements/JobElement.svelte +++ b/src/elements/JobElement.svelte @@ -14,7 +14,7 @@

    {job.title[currentLanguage]}

    -
    +
    {#each job.images as image} {image} @@ -65,15 +65,26 @@ text-align: justify; } .added-info { - margin-top: 50px; text-align: left; font-size: smaller; } + .content{ + margin-top: 0; + } .job-container { + img { + background-color: $text-color; + } + display: flex; + flex-direction: column; + justify-content: space-evenly; background-color: $basecolor2; - // border: solid 1px $border-color; border-radius: $default-border-radius; padding: 30px; - margin: 30px; + margin:30px; + + @media (min-width: 1250px) { + width: 38%; + } } diff --git a/src/elements/Jobs.svelte b/src/elements/Jobs.svelte index 2f0cd22..fd8eb5d 100644 --- a/src/elements/Jobs.svelte +++ b/src/elements/Jobs.svelte @@ -7,17 +7,18 @@
    {#each jobs as job} -
    + {/each}
    diff --git a/src/elements/Menu.svelte b/src/elements/Menu.svelte index b84e194..9d9c1c9 100644 --- a/src/elements/Menu.svelte +++ b/src/elements/Menu.svelte @@ -15,7 +15,6 @@ {menu.home[currentLanguage]} @@ -24,7 +23,6 @@ use:scrollto={{ element: '#jobs', offset: -70 }} class="menu-element" href="#jobs" - alt={menu.job[currentLanguage]} >{menu.job[currentLanguage]} @@ -32,7 +30,6 @@ use:scrollto={{ element: '#training', offset: -70 }} class="menu-element" href="#training" - alt={menu.school[currentLanguage]} >{menu.school[currentLanguage]}{menu.portfolio[currentLanguage]} @@ -67,7 +63,6 @@ display: flex; } a { - border: solid $button-border-color 1px; border-radius: $default-border-radius; width: 50px; margin: auto; @@ -79,7 +74,8 @@ } } a:hover { - background-color: $accent2; + background-color: $text-color; + color: white; } @media (min-width: $min-tablet) { diff --git a/src/model/jobs.json b/src/model/jobs.json index e6e65d7..ba4c6e6 100644 --- a/src/model/jobs.json +++ b/src/model/jobs.json @@ -26,7 +26,7 @@ "Docker", "AWS" ], - "images":["/ALTEN.jpg"] + "images":["/ALTEN.webp"] }, { "year": { @@ -54,7 +54,7 @@ "GitLab", "Nativescript" ], - "images":["/logo-jatus-tech.png"] + "images":["/logo-jatus-tech.webp"] }, { "year": { @@ -78,7 +78,7 @@ "Nuxt", "Docker" ], - "images":["/logo-athesys.png"] + "images":["/logo-athesys.webp"] }, { "year": { @@ -99,7 +99,7 @@ "Composer", "Docker" ], - "images":["/alternative-studio.png"] + "images":["/alternative-studio.webp"] }, { "year": { @@ -114,6 +114,6 @@ "collaborators": [], "languages": [], "tecnologies": [], - "images":["/saxonhilllogo.jpg"] + "images":["/saxonhilllogo.webp"] } ] diff --git a/src/model/portfolio.json b/src/model/portfolio.json index 9c7eec8..08e0d36 100644 --- a/src/model/portfolio.json +++ b/src/model/portfolio.json @@ -18,7 +18,7 @@ "Svelte", "Node.js" ], - "images":["/webpage.png"] + "images":["/webpage.webp"] }, { "year":{ @@ -50,7 +50,7 @@ "tecnologies": [ "QMK" ], - "images":["/custom-keyboard.jpg"] + "images":["/custom-keyboard.webp"] }, { "year":{ @@ -64,7 +64,7 @@ "collaborators":[], "languages":["bash","python"], "tecnologies":["raspberry"], - "images":["/3dprinter.jpg"] + "images":["/3dprinter.webp"] },{ "year":{ "start":"2021-09-15", @@ -91,7 +91,7 @@ "collaborators":[], "languages":[], "tecnologies":[], - "images":["/workstation.jpg"] + "images":["/workstation.webp"] }, { "year":{ @@ -147,7 +147,7 @@ "collaborators":[], "languages":["C++"], "tecnologies":["Qt"], - "images":["/QContainer.png"] + "images":["/QContainer.webp"] }, { "year":{ @@ -160,7 +160,7 @@ "collaborators":[{"name":"Giuseppe Vito","surname":"Bitetti","ref":"https://www.linkedin.com/in/giuseppe-vito-bitetti-587751200"}, {"name":"Enrico","surname":"Buratto","ref":"https://www.linkedin.com/in/enrico-buratto-04104b151"},{"name":"Mariano","surname":"Sciacco","ref":"https://www.linkedin.com/in/marianosciacco/"}], "languages":["PHP","SQL"], "tecnologies":["Apache","MariaDB"], - "images":["/techweb.png"] + "images":["/techweb.webp"] }, { "year":{ diff --git a/src/model/training.json b/src/model/training.json index cee9444..0166200 100644 --- a/src/model/training.json +++ b/src/model/training.json @@ -10,7 +10,7 @@ "collaborators": [], "languages": [], "tecnologies": [], - "images":["unipd-universita-di-padova.png"] + "images":["unipd-universita-di-padova.webp"] }, { "year": { @@ -24,6 +24,6 @@ "collaborators": [], "languages": [], "tecnologies": [], - "images":["logoSeveri.png"] + "images":["logoSeveri.webp"] } ] diff --git a/src/routes/index.svelte b/src/routes/index.svelte index c27fcd6..20e21a6 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -3,7 +3,6 @@ import Jobs from '$elem/Jobs.svelte'; import Menu from '$elem/Menu.svelte'; import Training from '$elem/Training.svelte'; - import Contacts from '$elem/Contacts.svelte'; import Data_jobs from '../model/jobs.json'; import Data_portfolio from '../model/portfolio.json'; import type { Schema } from 'src/model/job'; @@ -12,8 +11,8 @@ let currentLanguage: string = 'it'; let titles = { home: { - it: 'Gianmarco Pettinato \n Software Developer', - en: 'Gianmarco Pettinato \n Software Developer' + it: 'Gianmarco Pettinato', + en: 'Gianmarco Pettinato' }, job: { it: 'Esperienze', en: 'Experiences' }, school: { it: 'Formazione', en: 'Training' }, @@ -44,6 +43,7 @@

    {titles.home[currentLanguage]}

    +

    Software developer

    @@ -63,15 +63,16 @@