130 lines
8.3 KiB
HTML
130 lines
8.3 KiB
HTML
<section id="projects">
|
|
<div class="container">
|
|
<h2 class="text-center section-title animate__animated animate__fadeIn">I Miei Progetti</h2>
|
|
<div class="row">
|
|
<!-- Progetto 1 -->
|
|
<div class="col-lg-4 col-md-6 mb-4 animate__animated animate__fadeInUp">
|
|
<div class="card project-card shadow-sm">
|
|
<img src="{{ url_for('static', filename='img/bash.png')}}" class="card-img-top" alt="Progetto 1">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Script di Backup Database (MariaDB/MySQL)</h5>
|
|
<p class="card-text">Script in Bash per sistemi Linux che permette l'automazione dei backup database</p>
|
|
<div class="d-flex justify-content-between align-items-center mt-3">
|
|
<div>
|
|
<span class="badge bg-primary me-1">Bash</span>
|
|
<span class="badge bg-info me-1">Linux</span>
|
|
</div>
|
|
<a href="https://github.com/BluLupo/server-script/tree/main/db_bash_backup-main" class="btn btn-sm btn-outline-primary">Dettagli</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Progetto 2 -->
|
|
<div class="col-lg-4 col-md-6 mb-4 animate__animated animate__fadeInUp" style="animation-delay: 0.2s">
|
|
<div class="card project-card shadow-sm">
|
|
<img src="{{ url_for('static', filename='img/byte.png')}}" class="card-img-top" alt="Progetto 2">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Personal ByteStash</h5>
|
|
<p class="card-text">Ho realizzato un repository personale di snippet sfruttando Bytestash, ottimizzando la gestione del codice riutilizzabile e migliorando la produttività nello sviluppo di progetti software.</p>
|
|
<div class="d-flex justify-content-between align-items-center mt-3">
|
|
<div>
|
|
<span class="badge bg-warning text-dark me-1">LXC</span>
|
|
<span class="badge bg-dark me-1">Proxmox</span>
|
|
<span class="badge bg-info me-1">Nginx</span>
|
|
<span class="badge bg-secondary me-1">Reverse Proxy</span>
|
|
<span class="badge bg-primary me-1">Linux</span>
|
|
<span class="badge bg-primary me-1">Self-hosted</span>
|
|
</div>
|
|
<a href="https://bytestash.gwserver.it/public/snippets" class="btn btn-sm btn-outline-primary">Dettagli</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Progetto 3 -->
|
|
<div class="col-lg-4 col-md-6 mb-4 animate__animated animate__fadeInUp" style="animation-delay: 0.4s">
|
|
<div class="card project-card shadow-sm">
|
|
<img src="{{ url_for('static', filename='img/next.png')}}" class="card-img-top" alt="Nextcloud Personale">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Nextcloud Personale</h5>
|
|
<p class="card-text">Installazione di Nextcloud su container LXC con database PostgreSQL e caching Redis, integrato in una rete privata con gestione IP tramite server DHCP.</p>
|
|
<div class="d-flex justify-content-between align-items-center mt-3">
|
|
<div>
|
|
<span class="badge bg-primary me-1">Nextcloud</span>
|
|
<span class="badge bg-secondary me-1">PostgreSQL</span>
|
|
<span class="badge bg-info me-1">Redis</span>
|
|
<span class="badge bg-warning text-dark me-1">LXC</span>
|
|
<span class="badge bg-dark me-1">Proxmox</span>
|
|
<span class="badge bg-success me-1">Rete Privata</span>
|
|
<span class="badge bg-secondary me-1">DHCP Server</span>
|
|
</div>
|
|
<a href="https://cloud.gwserver.it" class="btn btn-sm btn-outline-primary">Dettagli</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--
|
|
|
|
<div class="col-lg-4 col-md-6 mb-4 animate__animated animate__fadeInUp" style="animation-delay: 0.6s">
|
|
<div class="card project-card shadow-sm">
|
|
<img src="/api/placeholder/400/250" class="card-img-top" alt="Progetto 4">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Gestione Configurazioni</h5>
|
|
<p class="card-text">Sistema centralizzato per la gestione delle configurazioni di server Windows/Linux con versioning e controllo accessi.</p>
|
|
<div class="d-flex justify-content-between align-items-center mt-3">
|
|
<div>
|
|
<span class="badge bg-primary me-1">Python</span>
|
|
<span class="badge bg-secondary me-1">Ansible</span>
|
|
<span class="badge bg-info me-1">PowerShell</span>
|
|
</div>
|
|
<a href="#" class="btn btn-sm btn-outline-primary">Dettagli</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-4 col-md-6 mb-4 animate__animated animate__fadeInUp" style="animation-delay: 0.8s">
|
|
<div class="card project-card shadow-sm">
|
|
<img src="/api/placeholder/400/250" class="card-img-top" alt="Progetto 5">
|
|
<div class="card-body">
|
|
<h5 class="card-title">API Gateway</h5>
|
|
<p class="card-text">Gateway API realizzato con Flask per la gestione centralizzata di microservizi distribuiti su diversi server.</p>
|
|
<div class="d-flex justify-content-between align-items-center mt-3">
|
|
<div>
|
|
<span class="badge bg-primary me-1">Flask</span>
|
|
<span class="badge bg-secondary me-1">REST</span>
|
|
<span class="badge bg-info me-1">JWT</span>
|
|
</div>
|
|
<a href="#" class="btn btn-sm btn-outline-primary">Dettagli</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-4 col-md-6 mb-4 animate__animated animate__fadeInUp" style="animation-delay: 1s">
|
|
<div class="card project-card shadow-sm">
|
|
<img src="/api/placeholder/400/250" class="card-img-top" alt="Progetto 6">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Dashboard Analytics</h5>
|
|
<p class="card-text">Dashboard per la visualizzazione in tempo reale di dati analitici con integrazione di diversi sistemi aziendali.</p>
|
|
<div class="d-flex justify-content-between align-items-center mt-3">
|
|
<div>
|
|
<span class="badge bg-primary me-1">Python</span>
|
|
<span class="badge bg-secondary me-1">D3.js</span>
|
|
<span class="badge bg-info me-1">WebSockets</span>
|
|
</div>
|
|
<a href="#" class="btn btn-sm btn-outline-primary">Dettagli</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>-->
|
|
</div>
|
|
</div>
|
|
</section> |