SimoGgl.github.io/index.html at master · SimoGgl/SimoGgl.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!DOCTYPE html>
<html lang="it">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/png" href="assets/img/favicon.png">
  <title>Simone Giglioli — Network & Automation Engineer</title>
  <meta property="og:title" content="Simone Giglioli — Network & Automation Engineer">
  <meta property="og:description" content="Portfolio di Simone Giglioli, Network & Automation Engineer. Progetto infrastrutture di rete, automatizzo processi e sviluppo tool interni per la gestione dei sistemi.">
  <meta property="og:url" content="https://SimoGgl.github.io">
  <meta property="og:type" content="website">
  <meta property="og:image" content="https://SimoGgl.github.io/assets/img/og-image.png">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>

  <header id="hero">
    <div class="hero-container">

      <div class="hero-text">
        <p class="hero-available" data-i18n="available">aperto a collaborazioni e progetti interessanti</p>
        <h1 class="hero-name">Simone Giglioli</h1>
        <h2 class="hero-role" data-i18n="role">Network & Automation Engineer</h2>
        <p class="hero-bio" data-i18n="bio">
          Progetto infrastrutture di rete, automatizzo processi ripetitivi
          e sviluppo strumenti per semplificare la gestione dei sistemi.
        </p>
      </div>

      <div class="hero-links">
        <a href="https://github.com/SimoGgl" target="_blank">GitHub</a>
        <a href="https://www.linkedin.com/in/simone-giglioli" target="_blank">LinkedIn</a>
      </div>

    </div>
  </header>

  <nav id="navbar">
    <div class="nav-container">

      <span class="nav-name">Simone Giglioli</span>

      <ul class="nav-links">
        <li><a href="#progetti" data-i18n="nav_progetti">Progetti</a></li>
        <li><a href="#esperienze" data-i18n="nav_esperienze">Esperienze</a></li>
        <li><a href="#contatti" data-i18n="nav_contatti">Contatti</a></li>
      </ul>

      <button class="lang-toggle" id="lang-toggle">EN</button>

    </div>
  </nav>

  <main>
    <section id="progetti">
      <div class="section-container">

        <h2 class="section-title" data-i18n="progetti_titolo">Progetti</h2>

        <!--
          GRIGLIA PROGETTI
          Per aggiungere un progetto: copia un intero blocco <div class="project-card">
          e incollalo qui dentro come nuovo elemento della griglia.
        -->
        <div class="progetti-grid">

          <!--
            CARD PROGETTO
            - project-title: nome del progetto (non tradotto, uguale in IT e EN)
            - project-desc: descrizione breve — data-i18n="proj1_desc" è il gancio
              per la traduzione, ricordati di aggiungere la traduzione inglese
              nel file js/main.js nella sezione "translations"
            - project-tags: lista di tecnologie usate (non tradotte)
            - project-links: link al repo GitHub o a una demo
          -->
          <div class="project-card">
            <h3 class="project-title">NetDoc — Network Documentation Generator</h3>
            <p class="project-desc" data-i18n="proj1_desc">
              Tool per la generazione automatica di documentazione di rete.
              Inserendo i dati di configurazione di uno o più apparati,
              il software produce file in diversi formati (PDF, TXT, DOC, CSV),
              inclusa una scheda semplificata per l'installatore con le sole informazioni
              necessarie all'attivazione in campo.
            </p>
            <div class="project-tags">
              <span class="tag">Python</span>
              <span class="tag">Automation </span>
              <span class="tag">Network Documentation</span>
            </div>
            <div class="project-links">
              <a href="https://github.com/SimoGgl/NetDoc" target="_blank">GitHub →</a>
            </div>
          </div>

        </div>
      </div>
    </section>

    <section id="esperienze">
  <div class="section-container">

    <h2 class="section-title" data-i18n="esperienze_titolo">Esperienze</h2>

    <!--
      TIMELINE ESPERIENZE
      Per aggiungere una voce: copia un intero blocco <div class="timeline-item">
      e incollalo qui dentro. L'ordine è cronologico inverso: il più recente in cima.
    -->
    <div class="timeline">

      <!--
        VOCE TIMELINE
        - timeline-date: periodo (non tradotto)
        - timeline-role: ruolo lavorativo (non tradotto)
        - timeline-company: nome azienda (non tradotto)
        - timeline-desc: descrizione attività — data-i18n è il gancio per la
          traduzione, aggiungere la versione inglese in js/main.js
      -->
      <div class="timeline-item">
        <div class="timeline-date" data-i18n="exp1_date">2024 — oggi</div>
        <div class="timeline-content">
          <h3 class="timeline-role" data-i18n="exp1_role">Network & Automation Engineer</h3>
          <span class="timeline-company">Lepida ScpA</span>
          <p class="timeline-desc" data-i18n="exp1_desc">
            Configurazione e attivazione di CPE per enti pubblici dell'Emilia-Romagna
            con apparati Juniper, Mikrotik, Arista e Cisco. Gestione del BOIX e del FeIX.
            Sviluppo di tool interni per monitoraggio e configurazione automatica dei dispositivi.
            Progetto pilota GPON con Huawei e TP-Link.
            Realizzazione di kit di emergenza Starlink/Mikrotik per enti colpiti da calamità.
          </p>
        </div>
      </div>

      <div class="timeline-item">
        <div class="timeline-date" data-i18n="exp2_date">2023</div>
        <div class="timeline-content">
          <h3 class="timeline-role" data-i18n="exp2_role">IT Support Specialist</h3>
          <span class="timeline-company">Logikamente</span>
          <p class="timeline-desc" data-i18n="exp2_desc">
            Supporto tecnico helpdesk di primo livello e
            gestione di richieste di modifica e aggiornamento
            siti web e software gestionali.
          </p>
        </div>
      </div>

      <!--
        FORMAZIONE
        Stessa struttura delle esperienze lavorative.
        Puoi usare il campo timeline-company per il nome dell'università o istituto.
      -->
      <div class="timeline-item">
        <div class="timeline-date" data-i18n="exp3_date">2022 — 2023</div>
        <div class="timeline-content">
          <h3 class="timeline-role" data-i18n="exp3_role">IFTS — Tecnico Informatico per Sistemi Industriali Intelligenti</h3>
          <span class="timeline-company">FORMart Ferrara</span>
          <p class="timeline-desc" data-i18n="exp3_desc">
            Percorso IFTS in ambito informatico industriale con votazione 98/100.
            Competenze acquisite: networking, programmazione (Python, PHP, JavaScript),
            database, PLC e sistemi industriali.
          </p>
        </div>
      </div>

    </div>

    <!--
      BOTTONE CV
      Punta al file assets/cv.pdf
      data-i18n="scarica_cv" traduce il testo del bottone.
    -->
    <a href="assets/cv-ita.pdf" target="_blank" class="cv-button" data-i18n="scarica_cv">
  ↓ Scarica CV
</a>

  </div>
</section>

    <section id="contatti">
  <div class="section-container">

    <h2 class="section-title" data-i18n="contatti_titolo">Contatti</h2>

    <!--
      TESTO INTRODUTTIVO
      data-i18n="contatti_desc" traduce il paragrafo in inglese.
    -->
    <p class="contatti-desc" data-i18n="contatti_desc">
      Vuoi collaborare o hai una proposta? Scrivimi pure.
    </p>

    <!--
      LINK CONTATTI
      - Puoi aggiungere altri link copiando un <a class="contact-link">
    -->
    <div class="contatti-links">
      <a href="mailto:simone.giglioli97@gmail.com" class="contact-link">
        Email
      </a>
      <a href="https://linkedin.com/in/simone-giglioli" target="_blank" class="contact-link">
        LinkedIn
      </a>
      <a href="https://github.com/SimoGgl" target="_blank" class="contact-link">
        GitHub
      </a>
    </div>

  </div>
</section>
  </main>

  <script src="js/main.js"></script>


</body>
</html>