Compare commits
No commits in common. "542b8e241476750f48c8f135039e0a1ee6ee92ee" and "b8643204e00e47e758a457732a941da7c1493d30" have entirely different histories.
542b8e2414
...
b8643204e0
|
|
@ -8,12 +8,7 @@ const { text, source } = Astro.props;
|
|||
---
|
||||
|
||||
<blockquote>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 36 36"
|
||||
class="icon"
|
||||
style="height: 36px; width: auto; fill: currentcolor;"
|
||||
aria-hidden="true"
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon" style="height: 36px; width: auto; fill: currentcolor;"
|
||||
><path
|
||||
d="M28 18L28 10 20 10 20 18 26 18C26 21.3137085 23.3137085 24 20 24L20 26C24.418278 26 28 22.418278 28 18L28 18zM26 12L26 16 22 16 22 12 26 12 26 12zM16 18L16 10 8 10 8 18 14 18C14 21.3137085 11.3137085 24 8 24L8 26C12.418278 26 16 22.418278 16 18L16 18zM14 12L14 16 10 16 10 12 14 12 14 12z"
|
||||
fill-rule="evenodd"></path></svg
|
||||
|
|
@ -38,9 +33,7 @@ const { text, source } = Astro.props;
|
|||
margin-top: 4rem;
|
||||
margin-bottom: 4rem;
|
||||
font-size: 1.2rem;
|
||||
box-shadow:
|
||||
0.25rem 0.25rem 2rem var(--neumorph-shadow-darker),
|
||||
-0.5rem -0.5rem 1rem var(--neumorph-shadow-lighter);
|
||||
box-shadow: 0.25rem 0.25rem 2rem var(--neumorph-shadow-darker), -0.5rem -0.5rem 1rem var(--neumorph-shadow-lighter);
|
||||
background: var(--bg-color);
|
||||
--spacing: 2rem 2.5rem 2rem 2rem;
|
||||
padding: 2rem 2.5rem 2rem 2rem;
|
||||
|
|
|
|||
|
|
@ -1,10 +1,7 @@
|
|||
<article class="contact-links">
|
||||
<hgroup>
|
||||
<h2 id="contacts">Contact me</h2>
|
||||
<p>
|
||||
Whether you're willing to work with me, or want a chat with me, feel free
|
||||
to contact me any time! I'll do my best to answer to emails in short time.
|
||||
</p>
|
||||
<p>Whether you're willing to work with me, or want a chat with me, feel free to contact me any time! I'll do my best to answer to emails in short time.</p>
|
||||
</hgroup>
|
||||
|
||||
<div class="grid">
|
||||
|
|
@ -18,65 +15,22 @@
|
|||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
class="feather feather-mail"
|
||||
aria-hidden="true"
|
||||
><path
|
||||
d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"
|
||||
></path><polyline points="22,6 12,13 2,6"></polyline></svg
|
||||
class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg
|
||||
>
|
||||
<span>Email me</span>
|
||||
</a>
|
||||
<a
|
||||
role="button"
|
||||
class=""
|
||||
href="https://github.com/nzambello"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Opens in a new tab/window"
|
||||
>
|
||||
<svg
|
||||
height="32"
|
||||
aria-hidden="true"
|
||||
viewBox="0 0 16 16"
|
||||
version="1.1"
|
||||
width="32"
|
||||
data-view-component="true"
|
||||
class="octicon octicon-mark-github v-align-middle color-fg-default"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<a role="button" class="" href="https://github.com/nzambello" target="_blank" rel="noopener noreferrer">
|
||||
<svg height="32" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32" data-view-component="true" class="octicon octicon-mark-github v-align-middle color-fg-default">
|
||||
<path
|
||||
d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
|
||||
></path>
|
||||
</svg>
|
||||
<span>GitHub</span>
|
||||
</a>
|
||||
<a
|
||||
role="button"
|
||||
class=""
|
||||
href="https://cal.nzambello.dev"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Opens in a new tab/window"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
class="feather feather-calendar"
|
||||
aria-hidden="true"
|
||||
><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line
|
||||
x1="16"
|
||||
y1="2"
|
||||
x2="16"
|
||||
y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line
|
||||
x1="3"
|
||||
y1="10"
|
||||
x2="21"
|
||||
y2="10"></line></svg
|
||||
<a role="button" class="" href="https://cal.nzambello.dev" target="_blank" rel="noopener noreferrer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"
|
||||
><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"
|
||||
></line></svg
|
||||
>
|
||||
<span>Book a meeting</span>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -3,31 +3,10 @@ const today = new Date();
|
|||
---
|
||||
|
||||
<footer>
|
||||
<p>
|
||||
© {today.getFullYear()} Nicola Zambello. <em data-tooltip="😉"
|
||||
>No rights reserved</em
|
||||
>.
|
||||
</p>
|
||||
<p class="subfooter">
|
||||
Hosted on <a
|
||||
href="https://www.hetzner.com/unternehmen/umweltschutz/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Opens in a new tab/window">green energy</a
|
||||
> in Europe.
|
||||
</p>
|
||||
© {today.getFullYear()} Nicola Zambello. <em data-tooltip="😉">No rights reserved</em>.
|
||||
</footer>
|
||||
<style>
|
||||
footer {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0 0 0.5em;
|
||||
}
|
||||
|
||||
footer p.subfooter {
|
||||
font-size: 0.75em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
const messages = ['Hi', 'Hello', 'Hey', 'Welcome', 'Ciao'];
|
||||
const messages = ['Hi', 'Hello', 'Hey', 'Welcome', 'Ciao', 'Xin chào'];
|
||||
const emojis = ['🍻', '🧑💻', '👋', '😎'];
|
||||
const randomMessage = messages[Math.floor(Math.random() * messages.length)];
|
||||
const randomEmoji = emojis[Math.floor(Math.random() * emojis.length)];
|
||||
|
|
@ -10,12 +10,12 @@ const randomEmoji = emojis[Math.floor(Math.random() * emojis.length)];
|
|||
<span role="presentation">{randomEmoji}</span>
|
||||
</h1>
|
||||
<script is:inline>
|
||||
const messages = ['Hi', 'Hello', 'Hey', 'Welcome', 'Ciao'];
|
||||
const emojis = ['🍻', '🧑💻', '👋', '😎'];
|
||||
const randomMessage = messages[Math.floor(Math.random() * messages.length)];
|
||||
const randomEmoji = emojis[Math.floor(Math.random() * emojis.length)];
|
||||
const messages = ['Hi', 'Hello', 'Hey', 'Welcome', 'Ciao', 'Xin chào'];
|
||||
const emojis = ['🍻', '🧑💻', '👋', '😎'];
|
||||
const randomMessage = messages[Math.floor(Math.random() * messages.length)];
|
||||
const randomEmoji = emojis[Math.floor(Math.random() * emojis.length)];
|
||||
|
||||
document.querySelector('.documentFirstHeading').innerHTML = `
|
||||
document.querySelector('.documentFirstHeading').innerHTML = `
|
||||
${randomMessage}!
|
||||
<span role="presentation">${randomEmoji}</span>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -12,11 +12,7 @@ import Logo from './Logo.astro';
|
|||
</HeaderLink>
|
||||
</ul>
|
||||
<input type="checkbox" id="mobile-checkbox" />
|
||||
<label
|
||||
for="mobile-checkbox"
|
||||
class="mobile-icon-button"
|
||||
title="Toggle navigation"
|
||||
>
|
||||
<label for="mobile-checkbox" class="mobile-icon-button" title="Toggle navigation">
|
||||
<div class="mobile-icon-button-icon icon-open">
|
||||
<span class="line"></span>
|
||||
<span class="line"></span>
|
||||
|
|
@ -29,22 +25,8 @@ import Logo from './Logo.astro';
|
|||
<div class="menu-backdrop"></div>
|
||||
</label>
|
||||
<ul class="menu">
|
||||
<HeaderLink
|
||||
href="https://github.com/nzambello"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Opens in a new tab/window"
|
||||
>
|
||||
GitHub
|
||||
</HeaderLink>
|
||||
<HeaderLink
|
||||
href="https://slides.nzambello.dev"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Opens in a new tab/window"
|
||||
>
|
||||
Slides
|
||||
</HeaderLink>
|
||||
<HeaderLink href="https://app.memorytwin.com/en/nzambello/Nicola" target="_blank" rel="noopener noreferrer">Twin</HeaderLink>
|
||||
<HeaderLink href="https://github.com/nzambello" target="_blank" rel="noopener noreferrer">GitHub</HeaderLink>
|
||||
<HeaderLink href="/#contacts">Contacts</HeaderLink>
|
||||
</ul>
|
||||
<ul class="theme-button-container">
|
||||
|
|
@ -87,9 +69,7 @@ import Logo from './Logo.astro';
|
|||
max-width: 0;
|
||||
overflow: hidden;
|
||||
font-size: 1.3em;
|
||||
transition:
|
||||
all 0.3s ease,
|
||||
padding 0.2s ease-out;
|
||||
transition: all 0.3s ease, padding 0.2s ease-out;
|
||||
}
|
||||
|
||||
nav ul.menu li a {
|
||||
|
|
@ -167,9 +147,7 @@ import Logo from './Logo.astro';
|
|||
z-index: 10;
|
||||
}
|
||||
|
||||
#mobile-checkbox:checked
|
||||
~ .mobile-icon-button
|
||||
.mobile-icon-button-icon.icon-close {
|
||||
#mobile-checkbox:checked ~ .mobile-icon-button .mobile-icon-button-icon.icon-close {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
height="94"
|
||||
viewBox="0 0 435 94"
|
||||
fill="none"
|
||||
aria-label="nzambello.dev"
|
||||
>
|
||||
<g class="text-container">
|
||||
<text
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
|
@ -10,7 +10,6 @@
|
|||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
preserveAspectRatio="xMidYMid"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<g>
|
||||
<path
|
||||
|
|
@ -32,50 +31,29 @@
|
|||
</svg>
|
||||
<h2 id="opensource">Open Source</h2>
|
||||
<p>
|
||||
I believe in open source as a form of sharing, networking between
|
||||
companies and training between developers. With open source, developers
|
||||
from all over the world collaborate on shared projects.
|
||||
I believe in open source as a form of sharing, networking between companies and training between developers. With open source, developers from all over the world collaborate on shared projects.
|
||||
</p>
|
||||
</hgroup>
|
||||
|
||||
<article class="github-banner">
|
||||
You can find my open source projects and contributions at <a
|
||||
href="https://github.com/nzambello">github.com/nzambello</a
|
||||
>.
|
||||
You can find my open source projects and contributions at <a href="https://github.com/nzambello">github.com/nzambello</a>.
|
||||
</article>
|
||||
|
||||
<details>
|
||||
<summary tabindex="0">What is open source software?</summary>
|
||||
<summary>What is open source software?</summary>
|
||||
<p>Open source software is software with source code that anyone can inspect, review, modify, and enhance.</p>
|
||||
<p>
|
||||
Open source software is software with source code that anyone can inspect,
|
||||
review, modify, and enhance.
|
||||
</p>
|
||||
<p>
|
||||
<a
|
||||
href="https://opensource.org/osd"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Opens in a new tab/window">Open source definition</a
|
||||
>
|
||||
<a href="https://opensource.org/osd" target="_blank" rel="noopener noreferrer">Open source definition</a>
|
||||
</p>
|
||||
</details>
|
||||
<details>
|
||||
<summary tabindex="0">Why open source?</summary>
|
||||
<summary>Why open source?</summary>
|
||||
<p>Open source software is a great way to learn new technologies, to share knowledge and to collaborate with other developers.</p>
|
||||
<p>
|
||||
Open source software is a great way to learn new technologies, to share
|
||||
knowledge and to collaborate with other developers.
|
||||
</p>
|
||||
<p>
|
||||
Building a project using open source software is building it on top of the
|
||||
shoulders of thousands of developers. You get efforts on the subject from
|
||||
all over the world for free, and you can contribute back to the community
|
||||
by sharing your own code.
|
||||
</p>
|
||||
<p>
|
||||
Furthermore, open source software is often more secure than proprietary
|
||||
software, since tons of developers can review the code. This also enhance
|
||||
privacy and transparency.
|
||||
Building a project using open source software is building it on top of the shoulders of thousands of developers. You get efforts on the subject from all over the world for free, and you can
|
||||
contribute back to the community by sharing your own code.
|
||||
</p>
|
||||
<p>Furthermore, open source software is often more secure than proprietary software, since tons of developers can review the code. This also enhance privacy and transparency.</p>
|
||||
</details>
|
||||
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -4,23 +4,8 @@ import Blockquote from './Blockquote.astro';
|
|||
|
||||
<section class="plone-section">
|
||||
<hgroup class="clearfix">
|
||||
<a
|
||||
href="https://plone.org"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Opens in a new tab/window"
|
||||
>
|
||||
<svg
|
||||
role="presentation"
|
||||
id="plone-logo"
|
||||
aria-label="Plone"
|
||||
viewBox="0 0 41 41"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="100px"
|
||||
height="100px"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<a href="https://plone.org" target="_blank" rel="noopener noreferrer">
|
||||
<svg role="presentation" id="plone-logo" aria-label="Plone" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg" width="100px" height="100px">
|
||||
<g clip-path="url(#clip0_1_2)">
|
||||
<path
|
||||
d="M17.717 15.963C20.1482 15.963 22.119 13.9922 22.119 11.561C22.119 9.12984 20.1482 7.159 17.717 7.159C15.2858 7.159 13.315 9.12984 13.315 11.561C13.315 13.9922 15.2858 15.963 17.717 15.963Z"
|
||||
|
|
@ -43,64 +28,35 @@ import Blockquote from './Blockquote.astro';
|
|||
</svg>
|
||||
</a>
|
||||
<h2 id="plone">
|
||||
<a
|
||||
href="https://plone.org"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Opens in a new tab/window"
|
||||
>
|
||||
Plone</a
|
||||
>
|
||||
<a href="https://plone.org" target="_blank" rel="noopener noreferrer"> Plone</a>
|
||||
</h2>
|
||||
<p>
|
||||
The world's most secure content management system, with a user-friendly
|
||||
interface and a growing open-source community.
|
||||
</p>
|
||||
<p>The world's most secure content management system, with a user-friendly interface and a growing open-source community.</p>
|
||||
</hgroup>
|
||||
|
||||
<Blockquote
|
||||
text="Plone is backed up by the Plone Foundation, so it will stay open source forever."
|
||||
/>
|
||||
<Blockquote text="Plone is backed up by the Plone Foundation, so it will stay open source forever." />
|
||||
|
||||
<details>
|
||||
<summary tabindex="0">Why Plone?</summary>
|
||||
<summary>Why Plone?</summary>
|
||||
<p>
|
||||
Plone is an open-source content management system (CMS) with over 20 years
|
||||
of stability and security wrapped in a modern, powerful user-centric
|
||||
package with Plone 6. It continues to set the standard for content
|
||||
management systems by offering the most functionality and customization
|
||||
out of the box.
|
||||
Plone is an open-source content management system (CMS) with over 20 years of stability and security wrapped in a modern, powerful user-centric package with Plone 6. It continues to set the
|
||||
standard for content management systems by offering the most functionality and customization out of the box.
|
||||
</p>
|
||||
<p>
|
||||
With so many content management systems, why should you choose Plone? It's
|
||||
simple: Plone is powerful, flexible, secure and true open source! The
|
||||
project has been actively developed since 2001 and has the best security
|
||||
track record of any major CMS.
|
||||
With so many content management systems, why should you choose Plone? It's simple: Plone is powerful, flexible, secure and true open source! The project has been actively developed since 2001
|
||||
and has the best security track record of any major CMS.
|
||||
</p>
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary tabindex="0">What is Plone?</summary>
|
||||
<summary>What is Plone?</summary>
|
||||
<p>
|
||||
<a
|
||||
href="http://plone.org"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Opens in a new tab/window">Plone</a
|
||||
> is an open-source content management system that is used to create, edit,
|
||||
and manage digital content, like websites, intranets and custom solutions.
|
||||
It comes with over 20 years of growth, optimisations, and refinements. The
|
||||
result is a system trusted by governments, universities, businesses, and other
|
||||
organisations all over the world.
|
||||
<a href="http://plone.org" target="_blank" rel="noopener noreferrer">Plone</a> is an open-source content management system that is used to create, edit, and manage digital content, like websites,
|
||||
intranets and custom solutions. It comes with over 20 years of growth, optimisations, and refinements. The result is a system trusted by governments, universities, businesses, and other organisations
|
||||
all over the world.
|
||||
</p>
|
||||
<p>
|
||||
The <a
|
||||
href="https://beta.plone.org/foundation"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Opens in a new tab/window">Plone Foundation</a
|
||||
> protects and promotes Plone by furthering the development, marketing, and
|
||||
legal affairs of Plone and the Plone community.
|
||||
The <a href="https://beta.plone.org/foundation" target="_blank" rel="noopener noreferrer">Plone Foundation</a> protects and promotes Plone by furthering the development, marketing, and legal affairs
|
||||
of Plone and the Plone community.
|
||||
</p>
|
||||
</details>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,8 @@
|
|||
---
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
<button id="themeToggle" title="Toggle theme" aria-label="Toggle theme">
|
||||
<svg
|
||||
width="30px"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
aria-label="Toggle theme"
|
||||
>
|
||||
<button id="themeToggle" title="Toggle theme">
|
||||
<svg width="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path
|
||||
class="sun"
|
||||
fill-rule="evenodd"
|
||||
|
|
@ -27,9 +21,7 @@
|
|||
background: none;
|
||||
border: 1px solid var(--item-bg-color-var);
|
||||
background: var(--item-bg-color);
|
||||
box-shadow:
|
||||
0.25rem 0.25rem 1rem var(--neumorph-shadow-darker),
|
||||
-0.25rem -0.25rem 1rem var(--neumorph-shadow-lighter) !important;
|
||||
box-shadow: 0.25rem 0.25rem 1rem var(--neumorph-shadow-darker), -0.25rem -0.25rem 1rem var(--neumorph-shadow-lighter) !important;
|
||||
color: var(--text-color);
|
||||
padding: 0.5rem;
|
||||
aspect-ratio: 1;
|
||||
|
|
@ -90,7 +82,5 @@
|
|||
localStorage.setItem('theme', themeToSet);
|
||||
};
|
||||
|
||||
document
|
||||
.getElementById('themeToggle')
|
||||
?.addEventListener('click', handleToggleClick);
|
||||
document.getElementById('themeToggle')?.addEventListener('click', handleToggleClick);
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site);
|
|||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en" data-theme="dark">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
|
|
|
|||
|
|
@ -19,125 +19,72 @@ import Privacy from '../components/Privacy.astro';
|
|||
|
||||
<div id="content" class="container">
|
||||
<div class="contact-links">
|
||||
<a
|
||||
role="button"
|
||||
class=""
|
||||
href="https://www.aisuru.com/en/nzambello/Nicola"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Opens in a new tab/window"
|
||||
>
|
||||
<a role="button" class="" href="https://app.memorytwin.com/en/nzambello/Nicola" target="_blank" rel="noopener noreferrer">
|
||||
<svg
|
||||
class="aisuru-logo"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="800"
|
||||
height="760"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
viewBox="0 0 800 760"
|
||||
aria-label="AIsuru"
|
||||
>
|
||||
<defs>
|
||||
<style>
|
||||
.aisuru-cls-1 {
|
||||
fill: url(#Sfumatura_senza_nome_2);
|
||||
}
|
||||
|
||||
.aisuru-cls-1,
|
||||
.aisuru-cls-2,
|
||||
.aisuru-cls-3 {
|
||||
stroke-width: 0px;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
/* .aisuru-cls-2 {
|
||||
fill: #8347ad;
|
||||
}
|
||||
|
||||
.aisuru-cls-3 {
|
||||
fill: #00abc8;
|
||||
} */
|
||||
</style>
|
||||
<linearGradient
|
||||
id="Sfumatura_senza_nome_2"
|
||||
data-name="Sfumatura senza nome 2"
|
||||
x1="106.24"
|
||||
y1="-111.84"
|
||||
x2="573.88"
|
||||
y2="651.38"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="32"
|
||||
height="32"
|
||||
id="screenshot-ee7a4028-0499-8054-8002-d551e0c3ba31"
|
||||
viewBox="-2 -2 150 150"
|
||||
style="-webkit-print-color-adjust: exact;"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
><g id="shape-ee7a4028-0499-8054-8002-d551e0c3ba31" rx="0" ry="0"
|
||||
><g id="shape-ee7a4028-0499-8054-8002-d551c1b8f59c"
|
||||
><defs
|
||||
><linearGradient
|
||||
x1="-139"
|
||||
y1="-42"
|
||||
x2="184.376"
|
||||
y2="9.78136"
|
||||
id="rumext-id-2-paint0_linear_108_7"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(1.000000, 0.000000, 0.000000, 1.000000, -48.000000, -2.000000)"
|
||||
><stop offset="0.572834" stop-color="var(--primary-inverse)"></stop><stop offset="1" stop-color="var(--item-bg-color)"></stop></linearGradient
|
||||
></defs
|
||||
><g class="fills" id="fills-ee7a4028-0499-8054-8002-d551c1b8f59c"
|
||||
><path
|
||||
fill="url(#rumext-id-2-paint0_linear_108_7)"
|
||||
rx="0"
|
||||
ry="0"
|
||||
d="M31.621,30.914L29.621,30.914L29.621,32.914L29.621,146.000L0.000,146.000L0.000,0.000L146.000,0.000L146.000,146.000L116.379,146.000L116.379,32.914L116.379,30.914L114.379,30.914L31.621,30.914ZZM62.069,60.776L85.224,60.776L85.224,146.000L62.069,146.000L62.069,60.776ZZ"
|
||||
style='fill: url("#rumext-id-2-paint0_linear_108_7");'></path></g
|
||||
></g
|
||||
><g id="shape-ee7a4028-0499-8054-8002-d551c1b906ac"
|
||||
><g class="fills" id="fills-ee7a4028-0499-8054-8002-d551c1b906ac"
|
||||
><path
|
||||
rx="0"
|
||||
ry="0"
|
||||
d="M31.621,30.914L29.621,30.914L29.621,32.914L29.621,146.000L0.000,146.000L0.000,0.000L146.000,0.000L146.000,146.000L116.379,146.000L116.379,32.914L116.379,30.914L114.379,30.914L31.621,30.914ZZM62.069,60.776L85.224,60.776L85.224,146.000L62.069,146.000L62.069,60.776ZZ"
|
||||
style="fill: rgb(255, 255, 255); fill-opacity: 0.18;"></path></g
|
||||
></g
|
||||
><g id="shape-ee7a4028-0499-8054-8002-d551c1b9733a" style="mix-blend-mode: overlay;"
|
||||
><g class="fills" id="fills-ee7a4028-0499-8054-8002-d551c1b9733a"
|
||||
><path
|
||||
fill="none"
|
||||
rx="0"
|
||||
ry="0"
|
||||
d="M31.621,30.914L29.621,30.914L29.621,32.914L29.621,146.000L0.000,146.000L0.000,0.000L146.000,0.000L146.000,146.000L116.379,146.000L116.379,32.914L116.379,30.914L114.379,30.914L31.621,30.914ZZM62.069,60.776L85.224,60.776L85.224,146.000L62.069,146.000L62.069,60.776ZZ"
|
||||
style="fill: none;"></path></g
|
||||
><g id="strokes-ee7a4028-0499-8054-8002-d551c1b9733a" class="strokes"
|
||||
><g class="stroke-shape"
|
||||
><path
|
||||
rx="0"
|
||||
ry="0"
|
||||
d="M31.621,30.914L29.621,30.914L29.621,32.914L29.621,146.000L0.000,146.000L0.000,0.000L146.000,0.000L146.000,146.000L116.379,146.000L116.379,32.914L116.379,30.914L114.379,30.914L31.621,30.914ZZM62.069,60.776L85.224,60.776L85.224,146.000L62.069,146.000L62.069,60.776ZZ"
|
||||
style="fill: none; stroke-width: 4; stroke: rgb(200, 200, 200);"></path></g
|
||||
></g
|
||||
></g
|
||||
></g
|
||||
></svg
|
||||
>
|
||||
<stop offset=".18" stop-color="#9ad2d4"></stop>
|
||||
<stop offset=".32" stop-color="#24b4ca"></stop>
|
||||
<stop offset=".37" stop-color="#349dbe"></stop>
|
||||
<stop offset=".46" stop-color="#4b7fb0"></stop>
|
||||
<stop offset=".55" stop-color="#5c67a4"></stop>
|
||||
<stop offset=".65" stop-color="#69579c"></stop>
|
||||
<stop offset=".76" stop-color="#704d97"></stop>
|
||||
<stop offset=".89" stop-color="#734a96"></stop>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path
|
||||
class="aisuru-cls-1"
|
||||
d="m795.04,288.24c-7.58-66.97-50.42-134.38-117.54-184.95-59.07-44.5-129.98-71.71-202.76-78.36C434.33,8.9,391.45-.13,348.44-.13,265.35-.13,187.43,32.72,123.1,94.87c-23.92,23.11-56.09,70.2-76.25,132.8-10.86,19.51-20.1,40.02-27.36,61.3-40.23,117.92-12.53,237.33,76,327.61,11.63,11.86,31.75,27.66,58.86,42.82,83.27,85.51,179.5,100.74,237.21,100.74,54.13,0,109.6-13.36,148.38-35.74,33.64-19.42,62.56-42.99,86.67-70.45,129.24-71.74,187.45-197.67,168.43-365.7Zm-87.57,11.37c-9.88-73.15-50.49-142.13-107.86-195.47,44.28,27.7,78.62,64.83,104.24,108.58,32.8,56.02,55.19,170.72.9,277.57,11.25-56.54,12.21-120.33,2.71-190.68Zm-13.4,1.81c12.29,91.02,6.38,166.48-13.41,228.46-28.7,39.99-69.93,77.59-127.65,108.98-37.2,20.23-73.09,34.12-107.3,43.06-9.81-.22-19.76-.82-29.82-1.84,27.27-4.53,54.88-12.55,82.55-24.08,114.97-47.91,162.42-133.31,181.98-196.52,24.52-79.24,16.1-156.55,1.44-198.67-43.34-124.52-140.66-196.49-282.68-209.96,54.98.9,102.85,9.72,144.04,25.32,80.27,54.47,139.07,138.05,150.85,225.24Zm-92.78,350.53c-25.68,12.52-62.52,23.34-104.82,27.84,21.1-8.04,42.12-17.7,63-29.05,41.6-22.63,76.98-49.8,105.63-80.76-12.74,27.52-28.61,51.88-47.14,73.31-5.47,2.99-11,5.9-16.67,8.66Zm-438.51-3.27c-23.43-24.3-45.35-53.95-64.86-89.85C27.65,429.51,32.98,315.85,59.2,233.32c48.48-86.36,131.12-153.22,219.68-172.58-7.2,3.53-14.31,7.27-21.32,11.28-57.85,27.7-111.25,78.19-146.65,142.34-61.56,111.54-58.37,236.63,8.77,343.2,27.54,43.72,113.62,126.2,242.83,126.89,12.25,3.03,24.16,5.32,35.54,6.98-18.43,2.55-36.29,3.76-53.45,3.76-75.65,0-138.21-22.44-181.81-46.52Zm201.1,22.29c-74.5-18.83-149-64.12-201.72-153.75-118.88-202.09,4.55-361.03,52.8-399.82,16.71-13.43,33.86-24.95,51.29-34.81,28.63-13.21,58.47-20.53,87.91-20.53.82,0,1.67,0,2.49.02,176.64,2.48,271.63,85.89,312.45,203.17,30.05,86.34,24.34,294.85-175.85,378.27-46.94,19.56-90.11,27.45-129.11,27.45-.08,0-.17,0-.25,0Zm-59.57-6.43c-93.36-20.31-154.02-83.74-173.2-114.18-75.57-119.96-58.5-248.92.26-344.18-6.96,14.25-13.24,29.55-18.38,45.83-27.98,88.71-15.01,182.79,37.51,272.07,43.18,73.4,99.09,116.04,153.8,140.46ZM415.21,37.7c8.22-.57,16.43-.9,24.6-.9,10.95,0,21.83.51,32.61,1.48,6.89,2.78,13.67,5.81,20.38,9-24.41-5.18-50.28-8.37-77.59-9.58ZM132.49,104.6C199.19,40.15,274.76,13.39,348.44,13.39c26.81,0,53.36,3.58,79.14,10.15-33.24,1.1-65.8,6.64-97.14,16.51-11.25,1.04-22.62,2.26-34.18,3.86-78.91,10.92-155.37,58.68-210.75,126.7,16.56-31.2,34.38-53.84,46.97-66.01Zm-27.35,502.51C11.36,511.47-1.83,396.6,31.27,296.46c-11.76,88.54,6.9,180.71,54.78,268.82,11.53,21.21,23.79,40.17,36.56,57.1-7.1-5.55-13.06-10.78-17.47-15.27Zm428.04,105.57c-32.3,18.64-83.55,33.93-141.62,33.93-61.94,0-131.62-17.44-194.31-66.74,40.62,16.47,90.52,28.85,147.34,28.85,34.17,0,68.45-4.47,102.61-13.23,2.53.05,4.99.07,7.39.07,47.81,0,97-8.83,135.56-24-17.42,15.6-36.48,29.3-56.96,41.12Zm117.12-89.25c11.91-17.41,22.21-36.06,30.81-55.99,4.45-10.31,8.4-20.99,11.94-31.96,20.99-29.67,36.61-62.07,46.28-96.82,26.75-96.11,3.89-185.46-23.81-232.77-39.87-68.08-96.05-115.64-167.67-142.56-9.74-6.47-19.74-12.56-30-18.16,138.09,29.62,251.2,133.76,263.75,244.59,18.39,162.47-37.13,268.85-131.3,333.67Z"
|
||||
></path>
|
||||
<g>
|
||||
<path
|
||||
class="aisuru-cls-3"
|
||||
d="m337.76,433.01c-10.33,0-19.27-4.44-24.96-12.53-2.25-3.2-1.48-7.61,1.72-9.86,3.2-2.25,7.61-1.48,9.86,1.72,3.41,4.85,9.06,7.11,15.89,6.37,8.42-.91,11.9-8.19,13.22-12.44,3.7-11.89.49-29.93-12.82-41.41-21-18.12-34.06-31.7-24.72-54.3,3.74-9.05,11.42-14.91,21.07-16.08,9.99-1.21,20.54,2.82,25.65,9.79,2.31,3.15,1.63,7.58-1.52,9.89-3.15,2.31-7.58,1.63-9.89-1.52-1.83-2.49-7.3-4.74-12.54-4.11-4.62.56-7.88,3.06-9.69,7.44-4.99,12.08-1.09,19.21,20.89,38.18,18.75,16.19,22,40.55,17.08,56.34-4.01,12.87-13.2,21-25.21,22.31-1.37.15-2.72.22-4.04.22Z"
|
||||
></path>
|
||||
<g>
|
||||
<path
|
||||
class="aisuru-cls-2"
|
||||
d="m257.74,326.24v97.5c0,4.01-3.25,7.26-7.26,7.26s-7.26-3.25-7.26-7.26v-41.29h-28.29v41.29c0,4.01-3.25,7.26-7.26,7.26s-7.26-3.25-7.26-7.26v-97.5c0-19.31,9.94-31.35,28.67-31.35s28.68,12.04,28.68,31.35Zm-14.53,42.82v-40.34c0-14.34-4.97-20.07-14.15-20.07s-14.15,5.73-14.15,20.07v40.34h28.29Z"
|
||||
></path>
|
||||
<path
|
||||
class="aisuru-cls-2"
|
||||
d="m280.67,423.73v-120.44c0-4.01,3.25-7.26,7.26-7.26s7.26,3.25,7.26,7.26v120.44c0,4.01-3.25,7.26-7.26,7.26s-7.26-3.25-7.26-7.26Z"
|
||||
></path>
|
||||
<path
|
||||
class="aisuru-cls-3"
|
||||
d="m386.29,400.79v-97.5c0-4.01,3.25-7.26,7.26-7.26s7.26,3.25,7.26,7.26v95.01c0,14.34,4.97,20.07,14.15,20.07s14.15-5.73,14.15-20.07v-95.01c0-4.01,3.25-7.26,7.26-7.26s7.26,3.25,7.26,7.26v97.5c0,19.31-9.94,31.35-28.68,31.35s-28.67-12.04-28.67-31.35Z"
|
||||
></path>
|
||||
<path
|
||||
class="aisuru-cls-3"
|
||||
d="m509.3,370.39c5.35,3.06,10.9,10.9,10.9,22.18v31.16c0,4.01-3.25,7.26-7.26,7.26s-7.26-3.25-7.26-7.26v-27.15c0-10.9-5.74-19.31-15.1-19.31h-10.13v46.45c0,4.01-3.25,7.26-7.26,7.26s-7.26-3.25-7.26-7.26v-115.47c0-8.03,3.44-11.47,11.66-11.47h12.81c19.12,0,30.2,12.62,30.2,35.75v8.99c0,13.19-3.44,22.94-11.28,28.87Zm-2.87-31.92v-2.87c0-17.2-5.16-25.43-17.4-25.43h-8.6v53.72h8.6c12.23,0,17.4-8.22,17.4-25.43Z"
|
||||
></path>
|
||||
<path
|
||||
class="aisuru-cls-3"
|
||||
d="m542.26,400.79v-97.5c0-4.01,3.25-7.26,7.26-7.26s7.26,3.25,7.26,7.26v95.01c0,14.34,4.97,20.07,14.15,20.07s14.15-5.73,14.15-20.07v-95.01c0-4.01,3.25-7.26,7.26-7.26s7.26,3.25,7.26,7.26v97.5c0,19.31-9.94,31.35-28.68,31.35s-28.67-12.04-28.67-31.35Z"
|
||||
></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<span>Digital Twin</span>
|
||||
</a>
|
||||
<a
|
||||
role="button"
|
||||
class=""
|
||||
href="https://cal.nzambello.dev"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Opens in a new tab/window"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
aria-hidden="true"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
class="feather feather-calendar"
|
||||
><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line
|
||||
x1="16"
|
||||
y1="2"
|
||||
x2="16"
|
||||
y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line
|
||||
x1="3"
|
||||
y1="10"
|
||||
x2="21"
|
||||
y2="10"></line></svg
|
||||
<a role="button" class="" href="https://cal.nzambello.dev" target="_blank" rel="noopener noreferrer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"
|
||||
><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"
|
||||
></line></svg
|
||||
>
|
||||
<span>Book a meeting</span>
|
||||
</a>
|
||||
|
|
@ -145,24 +92,13 @@ import Privacy from '../components/Privacy.astro';
|
|||
|
||||
<section class="bio">
|
||||
<p>
|
||||
I'm passionate about <strong>frontend</strong> and a CSS lover, developing
|
||||
usable and <strong>accessible</strong> UIs paying attention to performances
|
||||
and <strong>energy consumption</strong>.
|
||||
I'm passionate about <strong>frontend</strong> and a CSS lover, developing usable and <strong>accessible</strong> UIs paying attention to performances and <strong>energy consumption</strong>.
|
||||
<br />
|
||||
<ul>
|
||||
<li>I'm curious and a perfectionist.</li>
|
||||
<li>
|
||||
GitHub-addicted, <strong>Plone CMS</strong> maintainer and foundation
|
||||
member, <strong>Open Source</strong> evangelist.
|
||||
</li>
|
||||
<li>
|
||||
Advocate of <strong>privacy</strong> and <strong
|
||||
>social rights</strong
|
||||
>.
|
||||
</li>
|
||||
<li>
|
||||
Supporter of <strong>Net Neutrality</strong> and Free Software.
|
||||
</li>
|
||||
<li>GitHub-addicted, <strong>Plone CMS</strong> maintainer and foundation member, <strong>Open Source</strong> evangelist.</li>
|
||||
<li>Advocate of <strong>privacy</strong> and <strong>social rights</strong>.</li>
|
||||
<li>Supporter of <strong>Net Neutrality</strong> and Free Software.</li>
|
||||
</ul>
|
||||
</p>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Reference in a new issue