Home page #2
35 changed files with 484 additions and 351 deletions
87
package-lock.json
generated
87
package-lock.json
generated
|
|
@ -10466,6 +10466,11 @@
|
|||
"integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
|
||||
"dev": true
|
||||
},
|
||||
"add-subtract-date": {
|
||||
"version": "1.0.15",
|
||||
"resolved": "https://registry.npmjs.org/add-subtract-date/-/add-subtract-date-1.0.15.tgz",
|
||||
"integrity": "sha512-MiL4wnMyM999meyCrSA3LME9uZ/b5ptSd0ACDVUoTfutFwvkMyIN7nG7gjrU56WEk5RlFLBghabcgdYwY8s+nQ=="
|
||||
},
|
||||
"adjust-sourcemap-loader": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz",
|
||||
|
|
@ -12076,6 +12081,11 @@
|
|||
"integrity": "sha512-39BOQLs9ZjKh0/patS9nrT8wc3ioX3/eA/zgbKNopnF2wCqJEoxywwwElATYvRsXdnOxA/OQeQoFZ3rFjVajhg==",
|
||||
"dev": true
|
||||
},
|
||||
"days": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/days/-/days-1.1.1.tgz",
|
||||
"integrity": "sha512-vzeIwVsEIyA35GH4+mPd4hjVDNI87wYANyZFs0BHjBr5kIBH5zEl7LfD6Wr4SFZca4D3CU9IH1w4DuZLlXzKRw=="
|
||||
},
|
||||
"debounce-promise": {
|
||||
"version": "3.1.2",
|
||||
"resolved": "https://registry.npmjs.org/debounce-promise/-/debounce-promise-3.1.2.tgz",
|
||||
|
|
@ -12420,6 +12430,15 @@
|
|||
"integrity": "sha512-1n7zWYh8eS0L9Uy+GskE0lkBUNK83cXTVJI0pU3mGprFsbfSdAc15VTFbo+A+Bq4pwstmL30AVcEU3Fo463lNg==",
|
||||
"dev": true
|
||||
},
|
||||
"elly": {
|
||||
"version": "1.1.11",
|
||||
"resolved": "https://registry.npmjs.org/elly/-/elly-1.1.11.tgz",
|
||||
"integrity": "sha512-WFKVcEKEOjdSOhNYFKWQoJDk0Sb0re6v0fIsGkePn97dmPpKM/YoOKRdYIb34T1R13KPRNzDBDmT/Flb/54NXg==",
|
||||
"requires": {
|
||||
"iterate-object": "^1.3.2",
|
||||
"sliced": "^1.0.1"
|
||||
}
|
||||
},
|
||||
"emoji-regex": {
|
||||
"version": "8.0.0",
|
||||
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
|
||||
|
|
@ -12980,6 +12999,11 @@
|
|||
"to-regex-range": "^5.0.1"
|
||||
}
|
||||
},
|
||||
"fillo": {
|
||||
"version": "1.0.14",
|
||||
"resolved": "https://registry.npmjs.org/fillo/-/fillo-1.0.14.tgz",
|
||||
"integrity": "sha512-XLFFqNMeODV7pEH70lDla0SdOOW2T34X+2VmtCLWC1TyhtTEvX5IddIwBqlZhVb1K8bOOB0EuOM00FMZ+Njmtg=="
|
||||
},
|
||||
"finalhandler": {
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
|
||||
|
|
@ -13069,6 +13093,17 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"formatoid": {
|
||||
"version": "1.2.4",
|
||||
"resolved": "https://registry.npmjs.org/formatoid/-/formatoid-1.2.4.tgz",
|
||||
"integrity": "sha512-9wWHOPJvbIheSpiHGl0xaBwdszlzPaeh2KqHVexGQnKpO85xrMoKvuf6M3q0B4uC3I9lkXjH6+8ipQC8PQ/7Gw==",
|
||||
"requires": {
|
||||
"days": "^1.0.1",
|
||||
"fillo": "^1.0.0",
|
||||
"months": "^1.0.0",
|
||||
"parse-it": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"formdata-polyfill": {
|
||||
"version": "4.0.10",
|
||||
"resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
|
||||
|
|
@ -13227,6 +13262,30 @@
|
|||
"resolve-pkg-maps": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"github-calendar": {
|
||||
"version": "2.3.2",
|
||||
"resolved": "https://registry.npmjs.org/github-calendar/-/github-calendar-2.3.2.tgz",
|
||||
"integrity": "sha512-PZWDI4kcOG2vFCOUzLhUL5xA1Vu4ZF5qJ653CWyr/Q/8yLiTEDjNenhG7djlHoza9u/unnPtrhnHDiNLY9kTlQ==",
|
||||
"requires": {
|
||||
"add-subtract-date": "^1.0.15",
|
||||
"elly": "^1.1.11",
|
||||
"formatoid": "^1.2.4",
|
||||
"github-calendar-parser": "^1.2.2"
|
||||
}
|
||||
},
|
||||
"github-calendar-legend": {
|
||||
"version": "1.0.11",
|
||||
"resolved": "https://registry.npmjs.org/github-calendar-legend/-/github-calendar-legend-1.0.11.tgz",
|
||||
"integrity": "sha512-V7AkszKw2fMeU+g6W5dQ7vDGzJ3giSaukdOUEdUqhcHhQDVYcQf7c0Q3korbQzJsh+Wh3MqyPtN+ZSAuEnHP2A=="
|
||||
},
|
||||
"github-calendar-parser": {
|
||||
"version": "1.2.2",
|
||||
"resolved": "https://registry.npmjs.org/github-calendar-parser/-/github-calendar-parser-1.2.2.tgz",
|
||||
"integrity": "sha512-lA47NHVu5lTH0kZf71W+NXhqr3hvsHLwMRqUxTNsopLDQNCQTAgyhzHwi5iJegq2cTTn4p1ZeqmHyt8RbbhPOw==",
|
||||
"requires": {
|
||||
"github-calendar-legend": "^1.0.11"
|
||||
}
|
||||
},
|
||||
"glob": {
|
||||
"version": "7.2.3",
|
||||
"resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
|
||||
|
|
@ -14217,6 +14276,11 @@
|
|||
"istanbul-lib-report": "^3.0.0"
|
||||
}
|
||||
},
|
||||
"iterate-object": {
|
||||
"version": "1.3.4",
|
||||
"resolved": "https://registry.npmjs.org/iterate-object/-/iterate-object-1.3.4.tgz",
|
||||
"integrity": "sha512-4dG1D1x/7g8PwHS9aK6QV5V94+ZvyP4+d19qDv43EzImmrndysIl4prmJ1hWWIGCqrZHyaHBm6BSEWHOLnpoNw=="
|
||||
},
|
||||
"jackspeak": {
|
||||
"version": "2.3.6",
|
||||
"resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
|
||||
|
|
@ -15114,6 +15178,11 @@
|
|||
"integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
|
||||
"dev": true
|
||||
},
|
||||
"months": {
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmjs.org/months/-/months-1.2.0.tgz",
|
||||
"integrity": "sha512-zFM7hUpziSYGk2DNObYGWgHdRRxAOgjl8CC1Rbl50p/q0rGDsREfk0nbxxmSIquVi/lEAuUY8nwbwkZ8biNCOQ=="
|
||||
},
|
||||
"mrmime": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz",
|
||||
|
|
@ -15711,6 +15780,14 @@
|
|||
"integrity": "sha512-RmVuCHWsfu0QPNW+mraxh/xjQVw/lhUCUru8Zni3Ctq3AoMhpDTq0OVdKS6iesd6Kqb7viCV3isAL43dciOSog==",
|
||||
"dev": true
|
||||
},
|
||||
"parse-it": {
|
||||
"version": "1.0.10",
|
||||
"resolved": "https://registry.npmjs.org/parse-it/-/parse-it-1.0.10.tgz",
|
||||
"integrity": "sha512-VAG4EuoNd2TT2wSRUuKyLEkZR3MhdWc+3UPp5CDQzqSt/FiniG+yJ5RXyJYiuzVAMEKL4d97gx6O3LR5jEB3uQ==",
|
||||
"requires": {
|
||||
"regex-escape": "^3.4.0"
|
||||
}
|
||||
},
|
||||
"parse-json": {
|
||||
"version": "5.2.0",
|
||||
"resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
|
||||
|
|
@ -16311,6 +16388,11 @@
|
|||
"@babel/runtime": "^7.8.4"
|
||||
}
|
||||
},
|
||||
"regex-escape": {
|
||||
"version": "3.4.10",
|
||||
"resolved": "https://registry.npmjs.org/regex-escape/-/regex-escape-3.4.10.tgz",
|
||||
"integrity": "sha512-qEqf7uzW+iYcKNLMDFnMkghhQBnGdivT6KqVQyKsyjSWnoFyooXVnxrw9dtv3AFLnD6VBGXxtZGAQNFGFTnCqA=="
|
||||
},
|
||||
"regex-parser": {
|
||||
"version": "2.2.11",
|
||||
"resolved": "https://registry.npmjs.org/regex-parser/-/regex-parser-2.2.11.tgz",
|
||||
|
|
@ -17038,6 +17120,11 @@
|
|||
"integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
|
||||
"dev": true
|
||||
},
|
||||
"sliced": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/sliced/-/sliced-1.0.1.tgz",
|
||||
"integrity": "sha512-VZBmZP8WU3sMOZm1bdgTadsQbcscK0UM8oKxKVBs4XAhUo2Xxzm/OFMGBkPusxw9xL3Uy8LrzEqGqJhclsr0yA=="
|
||||
},
|
||||
"smart-buffer": {
|
||||
"version": "4.2.0",
|
||||
"resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@ import {PortfolioPage} from "./pages/portfolio/portfolio.page";
|
|||
import {ContactMePage} from "./pages/contact-me/contact-me.page";
|
||||
import {PageComponent} from "./page/page.component";
|
||||
import {LikeDislikePage} from "./pages/like-dislike/like-dislike.page";
|
||||
import {DisclaimerComponent as PortfolioDisclaimerComponent} from "./pages/portfolio/disclaimer/disclaimer.component";
|
||||
|
||||
export const routes: Routes = [
|
||||
{
|
||||
|
|
@ -23,7 +24,17 @@ export const routes: Routes = [
|
|||
},
|
||||
{
|
||||
path : 'portfolio',
|
||||
component: PortfolioPage,
|
||||
component: PageComponent,
|
||||
children: [
|
||||
{
|
||||
path: '',
|
||||
component: PortfolioPage,
|
||||
},
|
||||
{
|
||||
path: 'disclaimer',
|
||||
component: PortfolioDisclaimerComponent,
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: 'projects',
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="relative bg-clip-border rounded-2xl shadow-2xl shadow-accent bg-white text-gray-700 w-full items-center text-center">
|
||||
<div class="relative bg-clip-border {{borderRounded ? 'rounded-2xl' : 'rounded-0'}} shadow-2xl shadow-accent bg-white text-gray-700 w-full items-center text-center">
|
||||
<div class="grid grid-cols-3 justify-items-center bg-slate-100 p-4">
|
||||
<div class="text-2xl font-bold text-center self-center">
|
||||
<ng-content select="[left]"></ng-content>
|
||||
|
|
|
|||
|
|
@ -14,4 +14,5 @@ export class CardCtaComponent {
|
|||
|
||||
@Input() color: 'light' | 'dark' = 'light';
|
||||
@Input() ctaUrl: string = '';
|
||||
@Input() borderRounded: boolean = true;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@ svg.fish{
|
|||
width: 235px;
|
||||
height: 104px;
|
||||
left: -235px;
|
||||
margin-top: 8rem;
|
||||
position: absolute;
|
||||
animation: swim 20s;
|
||||
-webkit-animation: swim 20s;
|
||||
|
|
|
|||
|
|
@ -1,30 +1,32 @@
|
|||
<div class="static bottom-0 bg-secondary w-full flex flex-col">
|
||||
<div class="block bottom-0 bg-secondary w-full">
|
||||
<iov-fish></iov-fish>
|
||||
<iov-card [ctaUrl]="'hello'"
|
||||
<iov-card [ctaUrl]="'mailto:thisloke@gmail.com'"
|
||||
[borderRounded]="false"
|
||||
class="mr-8 ml-8 relative -top-12">
|
||||
<span left>
|
||||
<span class="text-accent"> Talk is cheap</span>
|
||||
</span>
|
||||
<span center>
|
||||
Interested in working together? <br/> We should queue up a <b class="text-accent">time to chat</b>. <br/>I’ll buy the coffee :)
|
||||
Interested in working together? <br/> We should schedule a <b class="text-accent">time to chat</b>. <br/>I’ll bring the tea :)
|
||||
</span>
|
||||
<span right>
|
||||
Let's Talk!
|
||||
</span>
|
||||
</iov-card>
|
||||
<div class="text-right text-xs text-white p-4">
|
||||
<div class="">Made with Angular
|
||||
<a href="https://angular.io/">
|
||||
<img class="h-6 w-6 mx-1 inline-grid" ngSrc="/assets/angular.svg" height="16" width="16">
|
||||
<div class="text-right text-xs text-white p-4 leading-tight">
|
||||
<div class="">Made with Angular
|
||||
<a href="https://angular.io/">
|
||||
<img class="h-6 w-6 mx-1 inline-grid" ngSrc="/assets/angular.svg" height="16" width="16">
|
||||
</a>
|
||||
and TailwindCSS
|
||||
<a href="https://tailwindcss.com/">
|
||||
<img class="h-6 w-6 mx-1 inline-grid" ngSrc="/assets/tailwind.svg" height="16" width="16">
|
||||
</a>
|
||||
and TailwindCSS
|
||||
<a href="https://tailwindcss.com/">
|
||||
<img class="h-6 w-6 mx-1 inline-grid" ngSrc="/assets/tailwind.svg" height="16" width="16">
|
||||
</a>
|
||||
<br/>
|
||||
<br/>
|
||||
<a href="https://github.com/lokenxo/loreiov.com">
|
||||
Check the source code <img ngSrc="/assets/github.svg" class="h-6 w-6 mx-1 inline-block" alt="" height="800"
|
||||
width="800"></a>
|
||||
<br/>
|
||||
<br/>
|
||||
<a href="https://github.com/lokenxo/loreiov.com">
|
||||
Check the source code <img ngSrc="/assets/github.svg" class="h-6 w-6 mx-1 inline-block" alt="" height="800"
|
||||
width="800"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<iov-post-card [post]="post">
|
||||
</iov-post-card>
|
||||
</div>
|
||||
<a class="font-bold text-primary ring-secondary border-l-8" routerLink="/blog">View all posts</a>
|
||||
<a class="font-bold text-primary ring-secondary border-l-8 px-2" routerLink="/blog">View all posts</a>
|
||||
</div>
|
||||
<div class="text-center" *ngIf="posts.length === 0">
|
||||
<p class="text-base">No posts yet.</p>
|
||||
|
|
|
|||
|
|
@ -8,25 +8,25 @@
|
|||
<a href="biography" class="block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white mr-4">
|
||||
Bio
|
||||
</a>
|
||||
<a href="portfolio" class="block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white mr-4">
|
||||
<a href="portfolio/disclaimer" class="block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white mr-4">
|
||||
Portfolio
|
||||
</a>
|
||||
<a href="projects" class="block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white mr-4">
|
||||
Projects
|
||||
</a>
|
||||
<a href="like-dislike" class="block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white mr-4">
|
||||
<!--<a href="like-dislike" class="block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white mr-4">
|
||||
Like/Dislike
|
||||
</a>
|
||||
<a href="links" class="block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white mr-4">
|
||||
Links
|
||||
</a>
|
||||
</a>-->
|
||||
<!--<a href="blog" class="block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white mr-4">
|
||||
Blog
|
||||
</a>-->
|
||||
</div>
|
||||
<div class="">
|
||||
<iov-button-cta
|
||||
[url]="'hello'">
|
||||
[url]="'mailto:thisloke@gmail.com'">
|
||||
Say Hello
|
||||
</iov-button-cta>
|
||||
</div>
|
||||
|
|
|
|||
7
src/app/models/job.ts
Normal file
7
src/app/models/job.ts
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
export interface Job {
|
||||
website: string | undefined
|
||||
image: string | undefined;
|
||||
description: string;
|
||||
role: string;
|
||||
name: string;
|
||||
}
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
export interface Work {
|
||||
website: string;
|
||||
image: string;
|
||||
description: string;
|
||||
name: string;
|
||||
content: string;
|
||||
date: {
|
||||
start: Date;
|
||||
end: Date;
|
||||
};
|
||||
}
|
||||
|
|
@ -1,166 +1,163 @@
|
|||
<iov-section [title]="'About me'"
|
||||
[titleColor]="'light'"
|
||||
[backgroundImageUrl]="'/assets/cloud.JPG'">
|
||||
<div class="container mx-auto flex flex-col items-center justify-center">
|
||||
<div class="mb-10">
|
||||
<h2 class="font-bold text-4xl mt-8 mb-4">Hello world!</h2>
|
||||
<p class="text-lg">
|
||||
Greetings! I'm Lorenzo Iovino, and i hope that i would be something more that only a "Software Engineer" (that's my job and one of my passions)<br/>
|
||||
I'm embarking on an exhilarating journey that began back in December 1988 and continues to evolve with each passing day.
|
||||
<br />
|
||||
Join me on this riveting expedition where technology meets creativity, thoughts are shared, and passions are pursued. That's my life.
|
||||
</p>
|
||||
<div class="mb-10">
|
||||
<h2 class="font-bold text-4xl mt-8 mb-4">Hello world!</h2>
|
||||
<p class="text-lg">
|
||||
Greetings! I'm Lorenzo Iovino, and i hope that i would be something more that only a "Software Engineer" (that's my job and one of my passions)<br/>
|
||||
I'm embarking on an exhilarating journey that began back in December 1988 and continues to evolve with each passing day.
|
||||
<br />
|
||||
Join me on this riveting expedition where technology meets creativity, thoughts are shared, and passions are pursued. That's my life.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-10">
|
||||
<h2 class="font-bold text-4xl mt-8 mb-4">Childhood Nostalgia 🧒</h2>
|
||||
<div class="text-lg">
|
||||
|
||||
My love affair with technology sparked at the tender age of four when I delved into the realms of Prince of Persia on the Apple II.
|
||||
<div class="float-right mt-4 mb-2 ml-8">
|
||||
<img ngSrc="/assets/photos/me-baby.jpg" alt="Super young software developer with an Apple II" class="w-64 rounded-2xl shadow-lg"
|
||||
height="1415" width="1001"/>
|
||||
<em class="text-sm">Super young software developer with an Apple II</em>
|
||||
</div>
|
||||
|
||||
<div class="mb-10">
|
||||
<h2 class="font-bold text-4xl mt-8 mb-4">Childhood Nostalgia 🧒</h2>
|
||||
<div class="text-lg">
|
||||
|
||||
My love affair with technology sparked at the tender age of four when I delved into the realms of Prince of Persia on the Apple II.
|
||||
<div class="float-right mt-4 mb-2 ml-8">
|
||||
<img ngSrc="/assets/photos/me-baby.jpg" alt="Super young software developer with an Apple II" class="w-64 rounded-2xl shadow-lg"
|
||||
height="1415" width="1001"/>
|
||||
<em class="text-sm">Super young software developer with an Apple II</em>
|
||||
</div>
|
||||
Fast forward to the present, and computers have seamlessly woven into the fabric of my professional life, while everything IT-related has become the heartbeat of my passion.<br/>
|
||||
Rewind to my childhood in Ispica, where I initially balanced my time between studying, playing video games, and kicking a football around with friends, it was a simple life, but it was a happy one. <br/>
|
||||
The town of Ispica is located in the south of sicily, and it's a place where time seems to stand still. The unhurried pace of life, the warmth of the people, and the breathtaking landscapes create a serene backdrop for my childhood memories. But it was something that i really hated when i was child, infact i was always dreaming to live in a big city, where i could find more opportunities.<br/><br/><br/><br/>
|
||||
<div class="float-left mb-2 mr-8">
|
||||
<img ngSrc="/assets/photos/pokemon.JPG" alt="Pokemon Yellow" class="w-64 rounded-2xl shadow-lg"
|
||||
height="1496" width="2256"/>
|
||||
<em class="text-sm">Pokemon Yellow and Game Boy Advance</em>
|
||||
</div>
|
||||
The gaming sessions with friends extended to the world of Pokemon and Nintendo consoles, a phase that not only provided joy but also unraveled the mysteries of computer programming.<br/>
|
||||
At the age of 15, the discovery of rock music sparked a new passion, and I eagerly picked up a guitar to learn its rhythmic language and stunning solos.
|
||||
<br />
|
||||
<div class="float-right mb-2 mt-4 ml-8">
|
||||
<img ngSrc="/assets/photos/me-guitar-17.JPG" alt="Guitarist" class="w-64 rounded-2xl shadow-lg"
|
||||
height="1944" width="2592"/>
|
||||
<em class="text-sm">My dream guitar "Fender stratocaster"</em>
|
||||
</div>
|
||||
The gaming and music universe made me a "nerd," leading to my fascination with understanding the intricacies of computers, programming languages, and the magic beneath the hood.<br/>
|
||||
At 17, I ventured into the realm of Magic: The Gathering, further enriching my interests. To this day, I continue to enjoy occasional matches in my spare time.
|
||||
</div>
|
||||
Fast forward to the present, and computers have seamlessly woven into the fabric of my professional life, while everything IT-related has become the heartbeat of my passion.<br/>
|
||||
Rewind to my childhood in Ispica, where I initially balanced my time between studying, playing video games, and kicking a football around with friends, it was a simple life, but it was a happy one. <br/>
|
||||
The town of Ispica is located in the south of sicily, and it's a place where time seems to stand still. The unhurried pace of life, the warmth of the people, and the breathtaking landscapes create a serene backdrop for my childhood memories. But it was something that i really hated when i was child, infact i was always dreaming to live in a big city, where i could find more opportunities.<br/><br/><br/><br/>
|
||||
<div class="float-left mb-2 mr-8">
|
||||
<img ngSrc="/assets/photos/pokemon.JPG" alt="Pokemon Yellow" class="w-64 rounded-2xl shadow-lg"
|
||||
height="1496" width="2256"/>
|
||||
<em class="text-sm">Pokemon Yellow and Game Boy Advance</em>
|
||||
</div>
|
||||
|
||||
<div class="mb-10">
|
||||
<h2 class="font-bold text-4xl mt-8 mb-4">University and Personal Growth 🏫</h2>
|
||||
<div class="text-lg">
|
||||
Educationally, I've left no stone unturned. <br/>
|
||||
I've immersed myself in the intricacies of computer science attending the Computer Science course at the University of Pisa, devouring books (not exactly the suggested ones for the class), retry
|
||||
<div class="float-right mt-4 mb-2 ml-8">
|
||||
<img ngSrc="/assets/photos/me-cc.jpg" alt="Me in Pisa" class="w-64 rounded-2xl shadow-lg"
|
||||
height="1944" width="2592"/>
|
||||
<em class="text-sm">Me burning out studying Computability and <br/>Complexity exam</em>
|
||||
</div>
|
||||
<span class="italic">N-times</span> the same exam and engaging in online courses and workshops in order to understand better what it's exactly computer science
|
||||
<span class="italic">(and i've still have a lot of doubdts regarding Computability and Complexity topic)</span>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
It's this insatiable appetite for knowledge and networking that fuels my perpetual quest for growth and it did it never surrender despite my long journey as a student (i took just 12 years to get my Bachelor of Arts).<br/><br/>
|
||||
Anyway, embarking on the journey that led me to the picturesque city of Pisa was not merely a pursuit of knowledge in computer science (the University of Pisa, with its rich history and academic excellence, provided the perfect backdrop for me to immerse myself in this world of endless possibilities); it was a harmonious convergence of two profound needs: computer science and the curiosity about the world (the non-digital one).
|
||||
<div class="float-left mt-4 mb-2 mr-8">
|
||||
<img ngSrc="/assets/photos/goliardia.jpg" alt="My goliardo" class="w-64 rounded-2xl shadow-lg"
|
||||
height="1944" width="2592"/>
|
||||
<em class="text-sm">My student hat (that's not an hat) "goliardo"</em>
|
||||
</div>
|
||||
<br/><br/>
|
||||
During my university years, I not only delved into the world of computer science but also embraced the richness of life's experiences; I spent considerable time getting to know people, immersing myself in the Goliardia culture, honing my taste buds through a wine Sommelier course, attending concert and meet all kind of people in music club borderline (that one I really loved to do), unlimited speech with perfect stranger during my "Aperitivo" around the city, sharing experience and learning everyday something new. <br/> This period of exploration ignited a passion for travel, opening my eyes to diverse cultures and expanding my horizons.
|
||||
</div>
|
||||
The gaming sessions with friends extended to the world of Pokemon and Nintendo consoles, a phase that not only provided joy but also unraveled the mysteries of computer programming.<br/>
|
||||
At the age of 15, the discovery of rock music sparked a new passion, and I eagerly picked up a guitar to learn its rhythmic language and stunning solos.
|
||||
<br />
|
||||
<div class="float-right mb-2 mt-4 ml-8">
|
||||
<img ngSrc="/assets/photos/me-guitar-17.JPG" alt="Guitarist" class="w-64 rounded-2xl shadow-lg"
|
||||
height="1944" width="2592"/>
|
||||
<em class="text-sm">My dream guitar "Fender stratocaster"</em>
|
||||
</div>
|
||||
The gaming and music universe made me a "nerd," leading to my fascination with understanding the intricacies of computers, programming languages, and the magic beneath the hood.<br/>
|
||||
At 17, I ventured into the realm of Magic: The Gathering, further enriching my interests. To this day, I continue to enjoy occasional matches in my spare time.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-10">
|
||||
<h2 class="font-bold text-4xl mt-8 mb-4">Embarking on Hackathon Adventures 🚀</h2>
|
||||
<div class="text-lg">
|
||||
<div class="float-right mt-4 mb-2 ml-8">
|
||||
<img ngSrc="/assets/photos/me-moverio.jpg" alt="Me with moverio smart glasses" class="w-48 rounded-2xl shadow-lg"
|
||||
height="1280" width="960"/>
|
||||
<em class="text-sm">Me wearing moverio smart glasses</em>
|
||||
</div>
|
||||
My journey into the world of hackathons began with one organized by <a class="underline text-accent" href="https://www.vargroup.it/">Vargroup</a>.<br/>
|
||||
The whole team was completly created there, nobody of us will know each other, but we all have shared a passion for technology, and together,
|
||||
we crafted a Proof of Concept software and a business plan (in 24 hours) for a revolutionary retail application focused on furniture sales.<br/>
|
||||
The application, designed for Epson Moverio Smartglass, allowed customers to virtually furnish their homes, creating a unique and immersive shopping experience.
|
||||
<br/><br/>
|
||||
This inaugural hackathon experience ignited my enthusiasm, leading me to participate in various other hackathons, including Hackaton Toscana for mobility and engaging in many other game jams. Each hackathon presented new challenges, fostering collaboration and pushing the boundaries of my skills. <br/>
|
||||
<div class="mb-2 w-full mt-4">
|
||||
<img ngSrc="/assets/photos/game-jam.jpg" alt="Me at global game jam presenting our game" class="w-full h-80 rounded-2xl shadow-lg object-cover"
|
||||
height="612" width="612"/>
|
||||
<em class="text-sm">Me and the team presenting the game developed. <br/>Gameplay of our game "Oh No My Husband is coming" developed for GGJ 2015: <a href="https://www.youtube.com/embed/z1Kn6agAujI" class="text-accent underline">Youtube link</a></em>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-10">
|
||||
<h2 class="font-bold text-4xl mt-8 mb-4">University and Personal Growth 🏫</h2>
|
||||
<div class="text-lg">
|
||||
Educationally, I've left no stone unturned. <br/>
|
||||
I've immersed myself in the intricacies of computer science attending the Computer Science course at the University of Pisa, devouring books (not exactly the suggested ones for the class), retry
|
||||
<div class="float-right mt-4 mb-2 ml-8">
|
||||
<img ngSrc="/assets/photos/me-cc.jpg" alt="Me in Pisa" class="w-64 rounded-2xl shadow-lg"
|
||||
height="1944" width="2592"/>
|
||||
<em class="text-sm">Me burning out studying Computability and <br/>Complexity exam</em>
|
||||
</div>
|
||||
<span class="italic">N-times</span> the same exam and engaging in online courses and workshops in order to understand better what it's exactly computer science
|
||||
<span class="italic">(and i've still have a lot of doubdts regarding Computability and Complexity topic)</span>
|
||||
|
||||
<div class="mb-10">
|
||||
<h2 class="font-bold text-4xl mt-8 mb-4">Erasmus Project in Valencia 🌍</h2>
|
||||
<div class="text-lg">
|
||||
A pivotal chapter in my journey unfolded during my Erasmus project in the vibrant city of Valencia. I continued study Computer Science in the Universidad Politecnica
|
||||
<div class="mb-2 mt-4 ml-8 float-right">
|
||||
<img ngSrc="/assets/photos/valencia-turia.jpg" alt="Valencia turia" class="w-96 rounded-2xl shadow-lg"
|
||||
height="450" width="800"/>
|
||||
<em class="text-sm">Beautiful sunny day in Valencia</em>
|
||||
</div>
|
||||
where i also meet a lot of people from all over the world, and i had the opportunity to learn a lot of things about different cultures and languages.<br/><br/>
|
||||
The IT environment in Valencia was a stark contrast to the Italian landscape, offering a unique perspective on the world of technology, new startups and innovative companies were emerging in that period, and the city was a hotbed of innovation.<br/>
|
||||
Surrounded by the stunning blend of modern architecture and traditional Spanish charm, this cultural immersion not only enriched my academic pursuits but also offered a canvas for personal growth.
|
||||
</div>
|
||||
<br/>
|
||||
<br/>
|
||||
It's this insatiable appetite for knowledge and networking that fuels my perpetual quest for growth and it did it never surrender despite my long journey as a student (i took just 12 years to get my Bachelor of Arts).<br/><br/>
|
||||
Anyway, embarking on the journey that led me to the picturesque city of Pisa was not merely a pursuit of knowledge in computer science (the University of Pisa, with its rich history and academic excellence, provided the perfect backdrop for me to immerse myself in this world of endless possibilities); it was a harmonious convergence of two profound needs: computer science and the curiosity about the world (the non-digital one).
|
||||
<div class="float-left mt-4 mb-2 mr-8">
|
||||
<img ngSrc="/assets/photos/goliardia.jpg" alt="My goliardo" class="w-64 rounded-2xl shadow-lg"
|
||||
height="1944" width="2592"/>
|
||||
<em class="text-sm">My student hat (that's not an hat) "goliardo"</em>
|
||||
</div>
|
||||
<br/><br/>
|
||||
During my university years, I not only delved into the world of computer science but also embraced the richness of life's experiences; I spent considerable time getting to know people, immersing myself in the Goliardia culture, honing my taste buds through a wine Sommelier course, attending concert and meet all kind of people in music club borderline (that one I really loved to do), unlimited speech with perfect stranger during my "Aperitivo" around the city, sharing experience and learning everyday something new. <br/> This period of exploration ignited a passion for travel, opening my eyes to diverse cultures and expanding my horizons.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-10">
|
||||
<h2 class="font-bold text-4xl mt-8 mb-4">Embracing the Tranquility of Sicily 🏡</h2>
|
||||
<div class="text-lg">
|
||||
Nestled in the heart of Sicily, my decision to return to my hometown wasn't just a homecoming; it was a deliberate choice to create a life where the pace of time mirrors the gentle ebb and flow of the Mediterranean waves. <br/>
|
||||
<div class="mb-2 mt-4 mr-8 float-left">
|
||||
<img ngSrc="/assets/photos/remote.jpg" alt="Remote working" class="w-64 rounded-2xl shadow-lg"
|
||||
height="2160" width="3840"/>
|
||||
<em class="text-sm">Working remote watching the sea</em>
|
||||
</div>
|
||||
|
||||
Transitioning from the bustling tech hubs to the serene landscapes of Sicily has been a profound and intentional shift. Rediscover the beauty of slowness and the joy of doing "nothing special" every day, and i've found a new balance between my professional and personal life.
|
||||
When the "nothing special" turn in "something special" and you can enjoy the beauty of the nature that surround you.<br/><br/>
|
||||
As a remote worker, I've found solace in the unhurried rhythm of life here. The island's charm lies not only in its breathtaking landscapes but also in the unhurried passage of time. <br/>
|
||||
Sicily has a unique way of making each moment feel like an eternity, a welcome departure from the frenetic pace of urban life. <br/>It's a place where the clock seems to pause, allowing me to savor every nuance of existence.<br/>
|
||||
<div class="mb-2 mt-4 w-full">
|
||||
<img ngSrc="/assets/photos/dogs.jpg" alt="Dogs watch wineyard" class="w-full h-80 rounded-2xl shadow-lg object-cover"
|
||||
height="2160" width="3840"/>
|
||||
<em class="text-sm">My wineyard</em>
|
||||
</div>
|
||||
Family plays a central role in my Sicilian life, in the pursuit of passions beyond the realms of technology, I embarked on a delightful side project alongside my sister (she's the agronomist).
|
||||
Together, we decided to make our wine, planting and growing up a wineyard in a waste terrain near the sea, so it birth <a href="https://netum.it/" class="text-accent underline">www.netum.it</a>, that's the culmination of our shared love for winemaking, and with only 1 hectar of wineyard, we produce a limited amount of bottles of a unique wine.
|
||||
<div class="mb-2 mt-4 ml-8 float-right">
|
||||
<img ngSrc="/assets/photos/wine.jpg" alt="Dogs watch wineyard" class="w-48 rounded-2xl shadow-lg"
|
||||
height="2160" width="3840"/>
|
||||
<em class="text-sm">The wine produced "Zia Lina"</em>
|
||||
</div>
|
||||
<br/><br/>
|
||||
And then, of course, there's the food. Sicilian cuisine is a symphony of flavors that dance on the taste buds. Each bite is a celebration of the island's rich culinary heritage. The slow food movement isn't just a trend here; it's a way of life.<br/>Dining is an experience, a time to savor and appreciate the artistry that goes into every dish.<br/>
|
||||
<span class="italic">(i will not post any photo of food, because i'm not a food blogger, but trust me, it's really good).</span><br/><br/>
|
||||
|
||||
In the midst of vineyards and olive groves, my life as a remote worker in Sicily is a testament to the beauty of simplicity.
|
||||
|
||||
<br/>It's a daily reminder that success isn't just measured in code lines but also in the quality of life we cultivate. Sicily, with its unhurried pace, has become more than a backdrop for my career; it's a canvas on which I paint the vibrant tapestry of my life. Here, time may move slowly, but the impact is timeless. 🌿🍷🌞<br/>
|
||||
<div class="mb-2 mt-4 w-full">
|
||||
<img ngSrc="/assets/photos/modica.jpg" alt="Modica view" class="w-full h-80 rounded-2xl shadow-lg"
|
||||
height="2160" width="3840"/>
|
||||
<em class="text-sm">Modica view from my house</em>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-10">
|
||||
<h2 class="font-bold text-4xl mt-8 mb-4">Embarking on Hackathon Adventures 🚀</h2>
|
||||
<div class="text-lg">
|
||||
<div class="float-right mt-4 mb-2 ml-8">
|
||||
<img ngSrc="/assets/photos/me-moverio.jpg" alt="Me with moverio smart glasses" class="w-48 rounded-2xl shadow-lg"
|
||||
height="1280" width="960"/>
|
||||
<em class="text-sm">Me wearing moverio smart glasses</em>
|
||||
</div>
|
||||
|
||||
<div class="mb-10">
|
||||
<h2 class="font-bold text-4xl mt-8 mb-4">Life at 35</h2>
|
||||
<div class="text-lg">
|
||||
Fast forward to the present day, where I've embraced the roles of a husband to my wonderful wife, Amanda, and a proud father of a little joy named Leonardo. <br/>Life's journey has woven a tapestry of experiences, blending the worlds of technology, family, and personal passions.<br/>
|
||||
From here i'm starting sharing my experience and my knowledge with the world using this old-fashioned and anachronistic <a class="text-accent underline" href="blog">blog</a>, and i'm really excited to see what the future will bring to me.
|
||||
|
||||
<div class="mb-2 mt-4 w-full">
|
||||
<img ngSrc="/assets/photos/me-amanda.jpg" alt="Me and my wife" class="w-full h-80 rounded-2xl shadow-lg object-cover"
|
||||
height="2160" width="3840"/>
|
||||
<em class="text-sm">Me and my wife Amanda</em>
|
||||
</div>
|
||||
</div>
|
||||
My journey into the world of hackathons began with one organized by <a class="underline text-accent" href="https://www.vargroup.it/">Vargroup</a>.<br/>
|
||||
The whole team was completly created there, nobody of us will know each other, but we all have shared a passion for technology, and together,
|
||||
we crafted a Proof of Concept software and a business plan (in 24 hours) for a revolutionary retail application focused on furniture sales.<br/>
|
||||
The application, designed for Epson Moverio Smartglass, allowed customers to virtually furnish their homes, creating a unique and immersive shopping experience.
|
||||
<br/><br/>
|
||||
This inaugural hackathon experience ignited my enthusiasm, leading me to participate in various other hackathons, including Hackaton Toscana for mobility and engaging in many other game jams. Each hackathon presented new challenges, fostering collaboration and pushing the boundaries of my skills. <br/>
|
||||
<div class="mb-2 w-full mt-4">
|
||||
<img ngSrc="/assets/photos/game-jam.jpg" alt="Me at global game jam presenting our game" class="w-full h-80 rounded-2xl shadow-lg object-cover"
|
||||
height="612" width="612"/>
|
||||
<em class="text-sm">Me and the team presenting the game developed. <br/>Gameplay of our game "Oh No My Husband is coming" developed for GGJ 2015: <a href="https://www.youtube.com/embed/z1Kn6agAujI" class="text-accent underline">Youtube link</a></em>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-10">
|
||||
<h2 class="font-bold text-4xl mt-8 mb-4">Erasmus Project in Valencia 🌍</h2>
|
||||
<div class="text-lg">
|
||||
A pivotal chapter in my journey unfolded during my Erasmus project in the vibrant city of Valencia. I continued study Computer Science in the Universidad Politecnica
|
||||
<div class="mb-2 mt-4 ml-8 float-right">
|
||||
<img ngSrc="/assets/photos/valencia-turia.jpg" alt="Valencia turia" class="w-96 rounded-2xl shadow-lg"
|
||||
height="450" width="800"/>
|
||||
<em class="text-sm">Beautiful sunny day in Valencia</em>
|
||||
</div>
|
||||
where i also meet a lot of people from all over the world, and i had the opportunity to learn a lot of things about different cultures and languages.<br/><br/>
|
||||
The IT environment in Valencia was a stark contrast to the Italian landscape, offering a unique perspective on the world of technology, new startups and innovative companies were emerging in that period, and the city was a hotbed of innovation.<br/>
|
||||
Surrounded by the stunning blend of modern architecture and traditional Spanish charm, this cultural immersion not only enriched my academic pursuits but also offered a canvas for personal growth.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-10">
|
||||
<h2 class="font-bold text-4xl mt-8 mb-4">Embracing the Tranquility of Sicily 🏡</h2>
|
||||
<div class="text-lg">
|
||||
Nestled in the heart of Sicily, my decision to return to my hometown wasn't just a homecoming; it was a deliberate choice to create a life where the pace of time mirrors the gentle ebb and flow of the Mediterranean waves. <br/>
|
||||
<div class="mb-2 mt-4 mr-8 float-left">
|
||||
<img ngSrc="/assets/photos/remote.jpg" alt="Remote working" class="w-64 rounded-2xl shadow-lg"
|
||||
height="2160" width="3840"/>
|
||||
<em class="text-sm">Working remote watching the sea</em>
|
||||
</div>
|
||||
|
||||
Transitioning from the bustling tech hubs to the serene landscapes of Sicily has been a profound and intentional shift. Rediscover the beauty of slowness and the joy of doing "nothing special" every day, and i've found a new balance between my professional and personal life.
|
||||
When the "nothing special" turn in "something special" and you can enjoy the beauty of the nature that surround you.<br/><br/>
|
||||
As a remote worker, I've found solace in the unhurried rhythm of life here. The island's charm lies not only in its breathtaking landscapes but also in the unhurried passage of time. <br/>
|
||||
Sicily has a unique way of making each moment feel like an eternity, a welcome departure from the frenetic pace of urban life. <br/>It's a place where the clock seems to pause, allowing me to savor every nuance of existence.<br/>
|
||||
<div class="mb-2 mt-4 w-full">
|
||||
<img ngSrc="/assets/photos/dogs.jpg" alt="Dogs watch wineyard" class="w-full h-80 rounded-2xl shadow-lg object-cover"
|
||||
height="2160" width="3840"/>
|
||||
<em class="text-sm">My wineyard</em>
|
||||
</div>
|
||||
Family plays a central role in my Sicilian life, in the pursuit of passions beyond the realms of technology, I embarked on a delightful side project alongside my sister (she's the agronomist).
|
||||
Together, we decided to make our wine, planting and growing up a wineyard in a waste terrain near the sea, so it birth <a href="https://netum.it/" class="text-accent underline">www.netum.it</a>, that's the culmination of our shared love for winemaking, and with only 1 hectar of wineyard, we produce a limited amount of bottles of a unique wine.
|
||||
<div class="mb-2 mt-4 ml-8 float-right">
|
||||
<img ngSrc="/assets/photos/wine.jpg" alt="Dogs watch wineyard" class="w-48 rounded-2xl shadow-lg"
|
||||
height="2160" width="3840"/>
|
||||
<em class="text-sm">The wine produced "Zia Lina"</em>
|
||||
</div>
|
||||
<br/><br/>
|
||||
And then, of course, there's the food. Sicilian cuisine is a symphony of flavors that dance on the taste buds. Each bite is a celebration of the island's rich culinary heritage. The slow food movement isn't just a trend here; it's a way of life.<br/>Dining is an experience, a time to savor and appreciate the artistry that goes into every dish.<br/>
|
||||
<span class="italic">(i will not post any photo of food, because i'm not a food blogger, but trust me, it's really good).</span><br/><br/>
|
||||
|
||||
In the midst of vineyards and olive groves, my life as a remote worker in Sicily is a testament to the beauty of simplicity.
|
||||
|
||||
<br/>It's a daily reminder that success isn't just measured in code lines but also in the quality of life we cultivate. Sicily, with its unhurried pace, has become more than a backdrop for my career; it's a canvas on which I paint the vibrant tapestry of my life. Here, time may move slowly, but the impact is timeless. 🌿🍷🌞<br/>
|
||||
<div class="mb-2 mt-4 w-full">
|
||||
<img ngSrc="/assets/photos/modica.jpg" alt="Modica view" class="w-full h-80 rounded-2xl shadow-lg"
|
||||
height="2160" width="3840"/>
|
||||
<em class="text-sm">Modica view from my house</em>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-10">
|
||||
<h2 class="font-bold text-4xl mt-8 mb-4">Life at 35</h2>
|
||||
<div class="text-lg">
|
||||
Fast forward to the present day, where I've embraced the roles of a husband to my wonderful wife, Amanda, and a proud father of a little joy named Leonardo. <br/>Life's journey has woven a tapestry of experiences, blending the worlds of technology, family, and personal passions.<br/>
|
||||
From here i'm starting sharing my experience and my knowledge with the world using this old-fashioned and anachronistic <a class="text-accent underline" href="blog">blog</a>, and i'm really excited to see what the future will bring to me.
|
||||
|
||||
<div class="mb-2 mt-4 w-full">
|
||||
<img ngSrc="/assets/photos/me-amanda.jpg" alt="Me and my wife" class="w-full h-80 rounded-2xl shadow-lg object-cover"
|
||||
height="2160" width="3840"/>
|
||||
<em class="text-sm">Me and my wife Amanda</em>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</iov-section>
|
||||
|
|
|
|||
|
|
@ -2,13 +2,13 @@
|
|||
<iov-hero></iov-hero>
|
||||
</div>
|
||||
|
||||
<iov-arrow-scroll-down></iov-arrow-scroll-down>
|
||||
<!--<iov-arrow-scroll-down></iov-arrow-scroll-down>
|
||||
<div class="mx-auto pb-24">
|
||||
<iov-section
|
||||
[backgroundColor]="'dark'">
|
||||
</iov-section>
|
||||
<iov-highlight></iov-highlight>
|
||||
</div>
|
||||
</div>-->
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
13
src/app/pages/portfolio/disclaimer/disclaimer.component.html
Normal file
13
src/app/pages/portfolio/disclaimer/disclaimer.component.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<iov-section [title]="'Portfolio'"
|
||||
[backgroundImageUrl]="'/assets/green.JPG'">
|
||||
|
||||
<a href="https://imgflip.com/i/8aw8ki"><img alt="" ngSrc="https://i.imgflip.com/8aw8ki.jpg"
|
||||
width="500" height="500" class="mx-auto"
|
||||
title=""/></a>
|
||||
<div class="items-center text-center flex flex-col">
|
||||
<h2 class="text-warning text-2xl font-bold mt-4">⚠️I accept the risk to get a non-complete portfolio experience ⚠️</h2>
|
||||
<a href="/portfolio" class="text-lg px-12 py-4 rounded-full mt-4 font-bold
|
||||
ring-white text-white bg-secondary ring-2
|
||||
hover:ring-accent hover:text-accent hover:bg-transparent hover:ring-2">I've no fear! Bring me to Mordor</a>
|
||||
</div>
|
||||
</iov-section>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { DisclaimerComponent } from './disclaimer.component';
|
||||
|
||||
describe('DisclaimerComponent', () => {
|
||||
let component: DisclaimerComponent;
|
||||
let fixture: ComponentFixture<DisclaimerComponent>;
|
||||
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
imports: [DisclaimerComponent]
|
||||
})
|
||||
.compileComponents();
|
||||
|
||||
fixture = TestBed.createComponent(DisclaimerComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
17
src/app/pages/portfolio/disclaimer/disclaimer.component.ts
Normal file
17
src/app/pages/portfolio/disclaimer/disclaimer.component.ts
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
import { Component } from '@angular/core';
|
||||
import {SectionComponent} from "../../../section/section.component";
|
||||
import {NgOptimizedImage} from "@angular/common";
|
||||
|
||||
@Component({
|
||||
selector: 'iov-disclaimer',
|
||||
standalone: true,
|
||||
imports: [
|
||||
SectionComponent,
|
||||
NgOptimizedImage
|
||||
],
|
||||
templateUrl: './disclaimer.component.html',
|
||||
styleUrl: './disclaimer.component.scss'
|
||||
})
|
||||
export class DisclaimerComponent {
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<div class="bg-white shadow-md border border-primary rounded-lg mb-4 p-4 max-h-80 min-h-80 overflow-hidden flex flex-col flex-wrap">
|
||||
<img class="rounded-t-lg float-left max-h-32 min-h-32 object-contain {{expanded ? 'object-left max-w-32' : ''}}" ngSrc="{{job?.image}}" alt="" width="300" height="100">
|
||||
<h5 class="text-gray-900 text-xl tracking-tight mb-2 justify-left" *ngIf="expanded">{{job?.name}} <br/> <em class="text-lg"><i>{{job?.role}}</i></em></h5>
|
||||
<div class="flex {{expanded ? 'max-w-96 flex-col -ml-1/5' : 'items-center'}} flex-1">
|
||||
<h5 class="text-gray-900 text-xl tracking-tight mb-2 justify-left" *ngIf="!expanded">{{job?.name}} <br/> <em class="text-lg"><i>{{job?.role}}</i></em></h5>
|
||||
<div class="font-normal text-gray-700 mb-3" *ngIf="expanded" [innerHTML]="job?.description"></div>
|
||||
<a *ngIf="expanded" class="text-sm px-6 py-2 rounded-full font-bold
|
||||
ring-white text-white bg-secondary ring-2
|
||||
cursor-pointer
|
||||
text-center
|
||||
max-w-48
|
||||
self-end
|
||||
hover:ring-accent hover:text-accent hover:bg-transparent hover:ring-2"
|
||||
href="{{job?.website}}">
|
||||
Visit Website
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex items-center justify-center flex-1" *ngIf="!expanded" >
|
||||
<a class="text-sm px-6 py-2 rounded-full font-bold relative ring-white text-white bg-secondary ring-2
|
||||
hover:ring-accent hover:text-accent hover:bg-transparent hover:ring-2
|
||||
cursor-pointer"
|
||||
(click)="expand.emit()">
|
||||
Show more
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -1,18 +1,18 @@
|
|||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { PortfolioCardComponent } from './portfolio-card.component';
|
||||
import { PortfolioItemCardComponent } from './portfolio-item-card.component';
|
||||
|
||||
describe('PortfolioCardComponent', () => {
|
||||
let component: PortfolioCardComponent;
|
||||
let fixture: ComponentFixture<PortfolioCardComponent>;
|
||||
let component: PortfolioItemCardComponent;
|
||||
let fixture: ComponentFixture<PortfolioItemCardComponent>;
|
||||
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
imports: [PortfolioCardComponent]
|
||||
imports: [PortfolioItemCardComponent]
|
||||
})
|
||||
.compileComponents();
|
||||
|
||||
fixture = TestBed.createComponent(PortfolioCardComponent);
|
||||
fixture = TestBed.createComponent(PortfolioItemCardComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
import {Component, EventEmitter, Input, Output} from '@angular/core';
|
||||
import {Job} from "../../../models/job";
|
||||
import {NgIf, NgOptimizedImage} from "@angular/common";
|
||||
|
||||
@Component({
|
||||
selector: 'iov-portfolio-item-card',
|
||||
standalone: true,
|
||||
imports: [
|
||||
NgOptimizedImage,
|
||||
NgIf
|
||||
],
|
||||
templateUrl: './portfolio-item-card.component.html',
|
||||
styleUrl: './portfolio-item-card.component.scss'
|
||||
})
|
||||
export class PortfolioItemCardComponent {
|
||||
@Output() expand: EventEmitter<void> = new EventEmitter<void>();
|
||||
@Input() job: Job | undefined
|
||||
@Input() expanded: boolean = false;
|
||||
}
|
||||
|
|
@ -1,120 +1,11 @@
|
|||
<iov-section [title]="'Professional Odissey'"
|
||||
[backgroundImageUrl]="'/assets/plane.JPG'">
|
||||
<iov-section [title]="'Portfolio'"
|
||||
[backgroundImageUrl]="'/assets/green.JPG'">
|
||||
<div class="mb-10">
|
||||
<div class="grid grid-cols-3 bg-slate-100 p-4">
|
||||
<div *ngFor="let job of jobs; index as i" class="m-4 {{expandedJob == i ? 'col-span-3' : 'col-span-1'}}">
|
||||
<iov-portfolio-item-card [job]="job" (expand)="expand(i)" [expanded]="i == expandedJob">
|
||||
</iov-portfolio-item-card>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</iov-section>
|
||||
|
||||
Ah ah! This is not a real Portfolio page, a fullstack dev like me doesnt have just a list of website to show (even if I have a lot of them). I have a lot of experience in a lot of different fields, and I want to share with you my professional journey.
|
||||
|
||||
I started my career as a mobile developer, and I worked on a lot of different projects, from games to museum apps, from 3D printing to AR. I worked on a lot of different platforms, from Android to iOS, from Windows Phone to Windows 8.1, from Unity3D to Xamarin.
|
||||
|
||||
After that I started to work on web development, and I worked on a lot of different projects, from a 3D printing cloud service to a GDPR crawler, from a football infotainment platform to a vision portal. I worked on a lot of different technologies, from .NET to NodeJS, from Vue to React, from Nuxt to Next, from MongoDB to SQL Server.
|
||||
|
||||
I worked in a lot of different companies, from small startups to big enterprises, from small teams to big teams, from local companies to international companies.
|
||||
|
||||
I worked in a lot of different roles, from mobile developer to fullstack developer, from frontend developer to backend developer, from lead developer to CTO.
|
||||
|
||||
I worked in a lot of different countries, from Italy to Belgium, from Germany to Switzerland, from Spain to UK.
|
||||
|
||||
I worked in a lot of different languages, from Italian to English, from Spanish to French.
|
||||
|
||||
I worked in a lot of different fields, from 3D printing to GDPR, from football to vision, from AR to museum.
|
||||
|
||||
I worked in a lot of different technologies, from .NET to NodeJS, from Vue to React, from Nuxt to Next, from MongoDB to SQL Server.
|
||||
|
||||
I worked in a lot of different frameworks, from Xamarin to Unity3D, from .NET to NodeJS, from Vue to React, from Nuxt to Next.
|
||||
|
||||
I worked in a lot of different platforms, from Android to iOS, from Windows Phone to Windows 8.1, from Unity3D to Xamarin.
|
||||
|
||||
I worked in a lot of different tools, from Visual Studio to Visual Studio Code, from Git to SVN, from Jira to Trello.
|
||||
|
||||
I worked in a lot of different methodologies, from Agile to Scrum, from Kanban to Waterfall.
|
||||
|
||||
I worked in a lot of different environments, from local to remote, from office to home.
|
||||
|
||||
I worked in a lot of different roles, from mobile developer to fullstack developer, from frontend developer to backend developer, from lead developer to CTO.
|
||||
|
||||
I worked in a lot of different projects, from small to big, from simple to complex, from local to international.
|
||||
|
||||
I worked in a lot of different teams, from small to big, from local to international.
|
||||
|
||||
In the end, I worked in a lot of different ways, from small to big, from local to international.
|
||||
|
||||
|
||||
"Tuttifrutti", this is how i explain my professional journey, and this is how I explain my professional skills.
|
||||
|
||||
Professional Odyssey:
|
||||
|
||||
<b>ChiamarsiBomber | CTO | 2023 - Present</b>
|
||||
|
||||
As the CTO of ChiamarsiBomber, I lead the charge in developing a cutting-edge web platform for football infotainment. Navigating the intricacies of real-time data integration and ensuring high availability during peak periods, I orchestrate the IT team to deliver a seamless experience.
|
||||
|
||||
<b>Iubenda | Lead Backend Engineer | 2022 - 2023</b>
|
||||
|
||||
At Iubenda, I assumed the role of Lead Backend Engineer, steering a small team in the maintenance and evolution of the critical Radar code product. This crawler identifies GDPR non-compliant websites, playing a pivotal role in revenue generation.
|
||||
|
||||
<b>Alcon | Frontend Developer | 2021 - 2022</b>
|
||||
|
||||
Contributing to a colossal remote team spanning continents, I served as a Frontend Developer for Alcon, shaping the Alcon Vision portal.
|
||||
|
||||
<b>Welance | Lead Frontend Developer | 2021 - 2022</b>
|
||||
|
||||
As the Lead Frontend Developer at Welance, I spearheaded the development of acker.co, an educational website for a green kids project. Balancing speed and optimization, I made architectural decisions, utilizing Nuxt (a Vue framework), and collaborated on crafting a captivating user experience.
|
||||
|
||||
<b>CsProject | Fullstack Developer | 2017 - 2021</b>
|
||||
|
||||
My leadership role at CsProject involved creating a new web-based product, rejuvenating a legacy .NET system. Through strategic planning and team collaboration, we successfully bridged the past and future.
|
||||
|
||||
<b>Inn3D | Fullstack Developer | 2015 - 2017</b>
|
||||
|
||||
Inn3D witnessed my expertise in designing and developing a cloud 3D printing service, revolutionizing how users print 3D models while implementing innovative measures to prevent counterfeiting.
|
||||
|
||||
<b>Vargroup and BMS | Fullstack Developer | 2014</b>
|
||||
|
||||
I pioneered an Augmented Reality (AR) software for the Brussels Egyptian Museum using Unity3D and C#, running seamlessly on Epson Moverio Smart Glasses.
|
||||
|
||||
<b>Geckosoft | Mobile Developer | 2012 - 2014</b>
|
||||
|
||||
My journey began at Geckosoft, where I collaborated on developing a Sudoku game using Xamarin, gaining foundational experience and honing best practices.
|
||||
|
||||
|
||||
|
||||
|
||||
<h2 class="font-bold text-xl mt-8 mb-4"> 🚀 Crafting Innovation in Code: A Decade of Software Engineering Excellence 🌐<br/></h2>
|
||||
|
||||
Greetings! I am a highly skilled and motivated software engineer with over a decade of experience, dedicated to shaping the digital landscape through innovative solutions. My journey began at the University of Pisa, where I earned my BA in Computer Science, setting the stage for a career marked by continuous learning and hands-on expertise.
|
||||
|
||||
Educational Pursuits:
|
||||
|
||||
University of Pisa | BA Computer Science | 2020
|
||||
University of Valencia | BA Computer Science | 2020
|
||||
Algebra University of Zagreb | Winter School: Cybersecurity, Artificial Intelligence | 2020
|
||||
|
||||
|
||||
<h2 class="font-bold text-xl mt-8 mb-4">🚀 Current Endeavors: Steering the Technological Symphony<br/></h2>
|
||||
|
||||
ChiamarsiBomber | CTO | 2023 - Present
|
||||
|
||||
In my current role as the Chief Technology Officer at ChiamarsiBomber, I've elevated the IT branch to new heights, overseeing the development of a cutting-edge web platform for football infotainment. This endeavor entails handling the intricacies of embedding real-time data streams alongside static footballer data from diverse sources. My strategic leadership ensures that the service remains in high availability, even during peak periods, creating an immersive and seamless experience for users.
|
||||
|
||||
<h2 class="font-bold text-xl mt-8 mb-4">🛠️ Shaping Success: My Approach to Work<br/></h2>
|
||||
My work philosophy revolves around injecting fresh energy and strategic organization into existing teams, kickstarting new projects, or assembling teams from the ground up. Here's how I contribute:
|
||||
|
||||
<ul>
|
||||
<li>Agile Maestro: Proficient in agile methodologies, I orchestrate projects with a focus on adaptability, collaboration, and timely delivery. Whether it's scrum ceremonies or sprint planning, I bring agility to every aspect of the development process.</li>
|
||||
<li>Innovative Scaling: With a proven track record of scaling products, I've successfully led teams through the challenges of growth. My approach involves balancing scalability with a commitment to delivering high-quality, efficient solutions.</li>
|
||||
<li>Mentorship Maven: Passionate about fostering talent, I believe in creating an environment where team members thrive. I provide mentorship, foster collaboration, and encourage a culture of continuous learning.</li>
|
||||
<li>Architectural Artistry: As a clean coder, I take pride in designing consistent and scalable software architectures. I leverage my expertise to make informed architectural choices, ensuring that the technology foundation is robust and adaptable.</li>
|
||||
<li>Startup Catalyst: Having been a part of startups and initiatives from the ground up, I possess the insight needed to navigate the dynamic challenges of a fledgling project. I'm adept at streamlining processes, fostering creativity, and swiftly moving from ideation to implementation.</li>
|
||||
<li>Team Dynamo: Leading by example, I instill a sense of purpose and dedication in the teams I work with. I believe in the power of collaboration, open communication, and fostering a positive working environment.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
🌟 Joining Forces: Ready for the Next Chapter
|
||||
|
||||
If you're seeking a seasoned professional to join your existing team, breathe new life into ongoing projects, or spearhead the creation of a team from scratch, I bring a wealth of experience, a commitment to excellence, and a passion for building transformative solutions. Let's collaborate and turn your vision into a technological triumph! 🚀
|
||||
|
||||
<h2 class="font-bold text-xl mt-8 mb-4">The Sicilian Symphony:<br/></h2>
|
||||
|
||||
<p>In the picturesque tranquility of Sicily, where time seems to gently sway with the olive groves, I've found not just a home but a canvas for my professional and personal growth. Balancing a thriving career with the joys of family life, Sicily offers a unique blend of serenity, culinary delights, and a pace of life that allows me to savor each moment.
|
||||
|
||||
Let's continue this journey of innovation, where every line of code echoes the rich tapestry of experience and expertise. 🌟</p>
|
||||
|
||||
|
|
|
|||
|
|
@ -2,18 +2,88 @@ import { Component } from '@angular/core';
|
|||
import {SectionComponent} from "../../section/section.component";
|
||||
import {PageComponent} from "../../page/page.component";
|
||||
import {FooterComponent} from "../../footer/footer.component";
|
||||
|
||||
import {RouterOutlet} from "@angular/router";
|
||||
import {NgForOf, NgIf} from "@angular/common";
|
||||
import {PortfolioItemCardComponent} from "./portfolio-item-card/portfolio-item-card.component";
|
||||
import {Job} from "../../models/job";
|
||||
@Component({
|
||||
selector: 'iov-portfolio-page',
|
||||
standalone: true,
|
||||
imports: [
|
||||
SectionComponent,
|
||||
PageComponent,
|
||||
FooterComponent
|
||||
FooterComponent,
|
||||
RouterOutlet,
|
||||
NgForOf,
|
||||
NgIf,
|
||||
PortfolioItemCardComponent
|
||||
],
|
||||
templateUrl: './portfolio.page.html',
|
||||
styleUrl: './portfolio.page.scss'
|
||||
})
|
||||
export class PortfolioPage {
|
||||
|
||||
expandedJob: number = -1;
|
||||
jobs: Job[] = [
|
||||
{
|
||||
name: 'ChiamarsiBomber',
|
||||
role: 'CTO',
|
||||
description: 'As the CTO of ChiamarsiBomber, I lead the charge in developing a cutting-edge web platform for football infotainment. <br/>Navigating the intricacies of real-time data integration and ensuring high availability during peak periods, I orchestrate the small (3 person) IT team to deliver a seamless experience.',
|
||||
website: 'https://chiamarsibomber.com/',
|
||||
image: 'assets/portfolio/chiamarsibomber.jpeg'
|
||||
},
|
||||
{
|
||||
name: 'Iubenda',
|
||||
role: 'Lead Backend Engineer',
|
||||
description: 'At Iubenda, I assumed the role of Lead Backend Engineer, steering a small team in the maintenance and evolution of the critical Radar code product. <br/>This crawler identifies GDPR non-compliant websites, playing a pivotal role in revenue generation',
|
||||
website: 'https://iubenda.com/',
|
||||
image: 'assets/portfolio/iubenda.png'
|
||||
},
|
||||
{
|
||||
name: 'Alcon',
|
||||
role: 'Frontend Developer',
|
||||
description: 'At Alcon, I was responsible for the development of a new web platform for the Vision Care. <br/>I worked closely with the UX team to deliver a seamless experience, and with the backend team to ensure a smooth integration with the existing systems.',
|
||||
website: 'https://alcon.com/',
|
||||
image: 'assets/portfolio/alcon.png'
|
||||
},
|
||||
{
|
||||
name: 'Acker',
|
||||
role: 'Lead Frontend Developer',
|
||||
description: 'As the Lead Frontend Developer at Welance, I spearheaded the development of <a href="https://acker.co">Acker.co</a>, an educational website for a green kids project. Balancing speed and optimization, I made architectural decisions, utilizing Nuxt (a Vue framework), and collaborated on crafting a captivating user experience.',
|
||||
website: 'https://acker.co/',
|
||||
image: 'assets/portfolio/acker.svg'
|
||||
},
|
||||
{
|
||||
name: 'Medicami',
|
||||
role: 'Fullstack Developer',
|
||||
description: 'I\'ve realized a mobile App with Ionic that connected with neoped to manage the medical visits. <br/>I\'ve also realized the backend with Loopback and the frontend with Angular. The app was in the stores for 4 years, then the company was dismissed and neoped product sell.',
|
||||
website: 'https://hotel-net.it/',
|
||||
image: 'assets/portfolio/medicami.png'
|
||||
},
|
||||
{
|
||||
name: 'HotelNet',
|
||||
role: 'Lead Frontend Developer',
|
||||
description: 'I realized the frontend of the HotelNet\'s Booking Engine widget. Hotelnet is a company that provides IT services to hotels. <br/>I worked closely with the UX team to deliver a seamless experience, and with the backend team to ensure a smooth integration with the existing systems.',
|
||||
website: 'https://hotel-net.it/',
|
||||
image: 'assets/portfolio/hotelnet.png'
|
||||
},
|
||||
{
|
||||
name: 'FullstackAgency',
|
||||
role: 'Lead Frontend Developer',
|
||||
description: 'As the Lead Frontend Developer at FullstackAgency, I was responsible for the development of the first version of the frontend of Romeo. <br/>I worked closely with the UX team to deliver a seamless experience, and with the backend team to ensure a smooth integration with the existing systems.',
|
||||
website: 'https://www.fullstackagency.it/',
|
||||
image: 'assets/portfolio/fullstackagency.png'
|
||||
},
|
||||
{
|
||||
name: 'CsProject',
|
||||
role: 'Lead Frontend Developer',
|
||||
description: 'My role at CsProject involved creating a new web-based product based on a legacy .NET system (PROMAN), not only from the execution point of view but also taking care of building up a new team, making a delivery plan and allocating resources. Through strategic planning and team collaboration, we successfully bridged the past and future, delivering a modern, responsive, and user-friendly experience.',
|
||||
website: 'https://csproject.com/',
|
||||
image: 'assets/portfolio/csproject.png'
|
||||
},
|
||||
]
|
||||
|
||||
expand(index: number) {
|
||||
this.expandedJob = index;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,4 +2,4 @@
|
|||
[backgroundImageUrl]="'/assets/cat.jpg'">
|
||||
</iov-section>
|
||||
|
||||
<p>My projects bla bla bla</p>
|
||||
<p>ng2 fittext + netum In progress...</p>
|
||||
|
|
|
|||
|
|
@ -1,13 +0,0 @@
|
|||
<div class="">
|
||||
<div class="bg-white shadow-md border border-gray-200 rounded-lg max-w-sm mb-5">
|
||||
<img class="rounded-t-lg" ngSrc="{{work?.image}}" alt="" width="300" height="200">
|
||||
<div class="p-5">
|
||||
<h5 class="text-gray-900 font-bold text-2xl tracking-tight mb-2">{{work?.name}}</h5>
|
||||
<p class="font-normal text-gray-700 mb-3">{{work?.description}}</p>
|
||||
<a class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-3 py-2 text-center inline-flex items-center"
|
||||
href="/blog/{{work?.website}}">
|
||||
Visit Website
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
import { Component } from '@angular/core';
|
||||
import {Work} from "../models/work";
|
||||
import {NgOptimizedImage} from "@angular/common";
|
||||
|
||||
@Component({
|
||||
selector: 'iov-portfolio-card',
|
||||
standalone: true,
|
||||
imports: [
|
||||
NgOptimizedImage
|
||||
],
|
||||
templateUrl: './portfolio-card.component.html',
|
||||
styleUrl: './portfolio-card.component.scss'
|
||||
})
|
||||
export class PortfolioCardComponent {
|
||||
work: Work | undefined;
|
||||
}
|
||||
|
|
@ -5,10 +5,6 @@
|
|||
[style.background-image]="backgroundImageUrl ? 'url(' + backgroundImageUrl +')' : ''">
|
||||
<h2 class="mx-24 pt-8 text-6xl drop-shadow-2xl shadow-black text-gray-600 mr-6 font-extrabold text-{{titleColor == 'light' ? 'white' : 'secondary'}}">{{title}}</h2>
|
||||
</div>
|
||||
<div class="px-6">
|
||||
<div class="mx-auto max-w-4xl py-4 min-h-full">
|
||||
<section class="text-gray-700 body-font">
|
||||
<ng-content></ng-content>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<section class="max-w-4xl min-h-full py-4 px-6 mx-auto text-gray-700 flex flex-col items-center justify-center">
|
||||
<ng-content></ng-content>
|
||||
</section>
|
||||
|
|
|
|||
11
src/assets/portfolio/acker.svg
Normal file
11
src/assets/portfolio/acker.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<svg width="175" height="56" viewBox="0 0 175 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.992 50.3162C27.2685 48.9864 28.0277 46.5429 27.1502 43.9171C26.6806 42.512 25.3158 39.3095 24.8692 39.1738C24.4088 39.0338 21.4903 40.9348 20.31 41.8382C18.8846 42.9299 17.992 44.4453 16.8413 47.2313C16.1266 48.9625 15.9886 49.9468 16.1384 51.2068C16.334 52.8549 17.4115 55.0782 19.7583 55.7913C22.1048 56.5043 24.2491 55.2602 25.3384 54.0028C26.2095 52.9971 26.6359 52.0275 26.992 50.3162Z" fill="#763644"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M45.4045 49.5001L30.7585 1.91675H19.7703L34.4163 49.5001H45.4045Z" fill="#763644"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.8915 15.015C13.1296 14.2528 10.2721 15.8547 9.5093 18.593L0 49.5859H10.8438C14.6927 37.2322 19.5213 21.3031 19.5213 21.3031C20.1879 18.6074 18.6036 15.7633 15.8915 15.015Z" fill="#763644"/>
|
||||
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="46" y="0" width="129" height="51">
|
||||
<path d="M46.7102 0H175V50.5H46.7102V0Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M175 19.8211C175 17.0618 172.753 14.8251 169.981 14.8251C169.865 14.8251 169.755 14.8515 169.641 14.8592C169.585 14.8386 169.547 14.8251 169.541 14.8251C166.096 14.8251 162.22 16.8019 159.74 21.397H159.464L158.69 15.7977H150.064L150.025 49.5858H160.635L160.667 30.8625C162.458 26.3357 165.645 24.7958 168.194 24.7958C168.967 24.7958 169.385 24.8748 170.295 24.8692C171.064 24.8645 171.776 24.5895 172.411 24.1665C173.948 23.3125 175 21.6977 175 19.8211ZM142.991 35.8464C143.194 34.8881 143.398 33.1077 143.398 31.1904C143.398 21.9466 138.642 14.8254 128.858 14.8254C120.772 14.8254 112.89 21.604 112.89 32.6282C112.89 43.9949 120.364 50.5 130.013 50.5C134.022 50.5 138.642 49.1988 142.175 46.6653L138.778 40.2976C136.4 41.6671 133.954 42.4201 131.508 42.4201C127.227 42.4201 124.034 40.4345 123.082 35.8464H142.991ZM134.429 28.7252H122.946C123.626 24.754 126.14 22.8366 129.13 22.8366C132.934 22.8366 134.429 25.3701 134.429 28.7252ZM112.817 49.5858L100.071 29.696L111.875 15.7977H100.034L90.0802 28.3929H89.8733L89.9965 0H84.7087C84.6685 0 84.6309 0.0106478 84.591 0.0117493C84.5508 0.0106478 84.5136 0 84.4734 0C81.7015 0 79.4548 2.23677 79.4548 4.99566C79.4548 5.03715 79.4651 5.07423 79.4662 5.11536C79.4655 5.15427 79.4548 5.19062 79.4548 5.22991L79.3316 49.5858H89.8733V41.1497L93.8008 36.6233L101.242 49.5858H112.817ZM57.5629 32.6282C57.5629 27.0135 60.5162 23.3161 65.2556 23.3161C66.7668 23.3161 68.0717 23.7953 69.6515 24.9592L74.5971 18.4545C72.0553 16.2632 68.8271 14.8254 64.6374 14.8254C55.1587 14.8254 46.7102 21.3301 46.7102 32.6282C46.7102 43.9263 54.0599 50.5 63.6758 50.5C67.316 50.5 71.6433 49.4727 74.9405 46.4601L70.8193 39.818C69.1019 41.1189 67.1788 41.9406 64.9122 41.9406C60.7224 41.9406 57.5629 38.3116 57.5629 32.6282Z" fill="#763644"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
BIN
src/assets/portfolio/alcon.png
Normal file
BIN
src/assets/portfolio/alcon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
BIN
src/assets/portfolio/chiamarsibomber.jpeg
Normal file
BIN
src/assets/portfolio/chiamarsibomber.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
src/assets/portfolio/csproject.png
Normal file
BIN
src/assets/portfolio/csproject.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
src/assets/portfolio/fullstackagency.png
Normal file
BIN
src/assets/portfolio/fullstackagency.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
src/assets/portfolio/hotelnet.png
Normal file
BIN
src/assets/portfolio/hotelnet.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
src/assets/portfolio/iubenda.png
Normal file
BIN
src/assets/portfolio/iubenda.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5 KiB |
BIN
src/assets/portfolio/medicami.png
Normal file
BIN
src/assets/portfolio/medicami.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
|
|
@ -2,7 +2,7 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>LoreiovCom</title>
|
||||
<title>Lorenzo Iovino - Personal page</title>
|
||||
<base href="/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue