From 233dfa7b0f762fa4658e699c94cc941d9b909e3d Mon Sep 17 00:00:00 2001
From: Gianmarco Pettinato <gianmarco@pettinato.eu>
Date: Tue, 19 Oct 2021 11:17:45 +0200
Subject: [PATCH] removed portfolio component

---
 src/elements/Portfolio.svelte | 120 ----------------------------------
 1 file changed, 120 deletions(-)
 delete mode 100644 src/elements/Portfolio.svelte

diff --git a/src/elements/Portfolio.svelte b/src/elements/Portfolio.svelte
deleted file mode 100644
index f67d148..0000000
--- a/src/elements/Portfolio.svelte
+++ /dev/null
@@ -1,120 +0,0 @@
-<script lang="ts">
-  import MarkdownIt from 'markdown-it'
-  const md = new MarkdownIt({
-    html:true,
-    xhtmlOut:true,
-    typographer:  true,
-    linkify:      true
-  });
-  import data from '../model/portfolio.json'
-  import type { Schema } from 'src/model/job';
-  export let currentLanguage = 'it'
-  let portfolio:Schema[] = data as Schema[];
-
-  export function changeLanguage(language = 'it'){
-    currentLanguage = language
-  }
-</script>
-<div class="portfolioContainer">
-  {#each portfolio as element }
-    <div class="element">
-      <h3>{element.title[currentLanguage]}</h3>
-      <div class="content">
-        <div class="images">
-          {#each element.images as image}
-            <img src={image} alt="{element.title[currentLanguage].toString()}" />
-          {/each}
-        </div>
-        <div class="element-text">
-          {@html md.render(element.content[currentLanguage])}
-        </div>
-        <div class="added-info">
-          <p>{#each element.languages as language,index }
-            {language}{index!=element.languages.length-1?', ':''}
-          {/each}</p>
-          
-          <p>{#each element.tecnologies as tecnology, index }
-            {tecnology}{index!=element.tecnologies.length-1?', ':''}
-          {/each}</p>
-        </div>
-        <div class="added-info">
-          <p>{#each element.collaborators as collaborator, index }
-             <a href="{collaborator.ref}">{collaborator.name} {collaborator.surname}</a>{index!=element.collaborators.length-1?', ':''}
-          {/each}</p>
-        </div>
-      </div>
-    </div>
-  {/each}
-</div>
-<style lang="scss">
-  @import '/node_modules/@fortawesome/fontawesome-free/css/all.css';
-  @import './static/colors.scss';
-  .portfolioContainer{
-    margin: auto;
-    background-color:$steel-blue;
-    display: flex;
-    flex-wrap: wrap;
-    border-radius: 10px;
-    width: 90%;
-    border-radius: 10px;
-    box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
-    -webkit-box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
-    -moz-box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
-    padding: 1vh;
-  }
-
-  .element{
-    background-color: $cultured;
-    text-align: center;
-    width: 98%;
-    border-radius: 10px;
-    margin-bottom: 1vh;
-    padding: 1vh;
-    background-color: $cultured;
-    border-style: solid;
-    border-width: 0.1px;
-  }
-
-  .element:last-child{
-    margin-bottom: 0px;
-  }
-
-  .images{
-    width: 90%;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-evenly;
-    align-items: center;
-    margin: auto;
-  }
-
-  .images>img{
-    margin: auto;
-    margin-bottom: 2vh;
-    max-width: 100%;
-    
-  }
-
-  .content{
-    width: 90%;
-    margin: auto;
-    text-align: center;
-  }
-
-  .added-info{
-    font-size: 15px;
-  }
-
-  .element-text{
-    text-align: justify;
-  }
-
-  @media screen and (min-width: 600px) {
-    .portfolioContainer{
-      display: flex;
-      height: auto;
-      max-width: $cv-max-width;
-      width: 80vw;
-    }
-  }
-</style>
\ No newline at end of file