robe

Jenkinsfile

@@ -1,13 +0,0 @@
-pipeline {
-    agent any
-    stages {
-        stage('Build') {
-            npm run build
-        }
-        stage('Deploy') {
-            steps {
-                echo 'Deploying....'
-            }
-        }
-    }
-}

package.json

@@ -43,8 +43,6 @@
     "@fortawesome/fontawesome-free": "^5.15.4",
     "json-schema-to-typescript": "^10.1.5",
     "markdown-it": "^12.2.0",
-    "material-components-web": "^13.0.0",
-    "milligram": "^1.4.1",
     "punycode": "^2.1.1"
   }
 }

src/elements/AboutMe.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import Contacts from './Contacts.svelte';
+	import Skills from './Skills.svelte';
 	export let currentLanguage = 'it';
 	const whoIt =
 		"Ciao! Sono Gianmarco Pettinato, mi sono laureato in scienze informatiche e sono uno sviluppatore full-stack.\
@@ -41,6 +42,7 @@
 			</a>
 		</div>
 	</div>
+	<Skills />
 </div>
 
 <style lang="scss">

src/elements/Jobs.svelte

@@ -37,5 +37,6 @@
 		@media (min-width: 1400px) {
 			width: 400px;
 		}
+		display: inline;
 	}
 </style>

src/elements/Skills copy.svelte

@@ -0,0 +1,37 @@
+<script lang="ts"></script>
+
+<div>
+	Hello
+	<div>
+		<h4>HTML</h4>
+		<div class="round_base">
+			<div class="inside"><div>percentage</div></div>
+		</div>
+	</div>
+</div>
+
+<style lang="scss">
+	.round_base {
+		width: 100px;
+		height: 100px;
+		background-color: yellow;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		outline: 0.1px solid black;
+		background-image: linear-gradient(to right, #000000 2px, blue 100%);
+	}
+	.inside {
+		width: 80px;
+		height: 80px;
+		background-color: white;
+		border-radius: 50%;
+		text-align: center;
+		vertical-align: middle;
+		outline: 0.1px solid black;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+</style>

src/elements/Skills.svelte

@@ -0,0 +1,37 @@
+<script lang="ts"></script>
+
+<div>
+	<div class="round_base">
+		<div class="inside"><p>HTML</p></div>
+	</div>
+</div>
+
+<style lang="scss">
+	p {
+		font-weight: 600;
+	}
+	.round_base {
+		width: 100px;
+		height: 100px;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		outline: 0.1px solid black;
+		background-image: linear-gradient(to right, red 5px 5px, black 5px 5px, red 1px);
+		// background-size: 1px 20px;
+		// background-repeat: no-repeat;
+	}
+	.inside {
+		width: 70px;
+		height: 70px;
+		// background-color: white;
+		border-radius: 50%;
+		text-align: center;
+		vertical-align: middle;
+		outline: 0.1px solid black;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+</style>

src/model/jobs.json

@@ -37,6 +37,8 @@
     "content": {
       "en":"In 2021, I worked to open a start-up with an app idea.\n To do so, I learned a lot of different skills, including how to set up a server with all my services running in **Docker**, set up a **GitLab** server, **design and build** an application infrastructure, and set up a private registry for **npm** and **docker images**.\n  Furthermore, I configured all the **automation pipelines** to streamline the software distribution in virtualized environments and build the application **proof of concept** to demo to potential customers.",
       "it":"Nel corso del 2021 ho lavorato, per avviare una attività indipendente che si basa su una mia idea di servizio. Per far ciò, durante questo periodo ho imparato a creare un'infrastruttura di lavoro, su un server **GNU\/Linux** dove centralizzare le risorse con **GitLab** in container  **Docker**.\n Per semplificare la distribuzione di elementi di sviluppo ho integrato un *repository* privato di pacchetti **npm** e immagini **Docker**. Oltre alle mansioni da sistemista e devops ho progettato e scritto il **Proof of concept** del mio servizio per dimostrarlo a potenziali clienti"
+      "en":"In 2021, I worked to open a start-up with an app idea.\nTo do so, I acquired skills in design and developing a software solution for the problem. I learnt how to set up a **CI/CD** pipeline with **Docker** and **Gitlab** and took confidence in **serverless** technologies like AWS.",
+      "it":"Nel corso del 2021 ho lavorato per avviare una mia attività indipendente, basata su un’idea per una app che ritenevo, e ritengo, fattibile. In questo periodo ho dovuto ricoprire diversi ruoli per portar avanti quest’iniziativa. Di conseguenza ho imparato a svolgere le mansioni di analista e architetto, **devops** e sviluppo. \n In particolare, ho acquisito dimestichezza con i sistemi di **CI/CD** basati su **Docker** e nell’uso di tecnologie **serverless**."
     },
     "collaborators": [],
     "languages": [