LinuxUPC · Pandax40 · Mar 2, 2025 · Feb 22, 2025 · Feb 22, 2025 · Feb 22, 2025
diff --git a/activities.html b/activities.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>LinuxUPC - Activitats</title>
+  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
+  <meta charset="utf-8">
+  <link rel="icon" href="./assets/img/linuxupc-logo.png">
+  <link rel="stylesheet" href="./assets/css/normalize.css">
+  <link rel="stylesheet" href="./assets/css/styles.css">
+  <link rel="stylesheet" href="./assets/css/activities.css">
+  <link rel="stylesheet" href="./assets/css/components/title.css">
+  <link rel="stylesheet" href="./assets/css/components/window.css">
+</head>
+
+<body class="dark">
+  <!-- Barra superior -->
+  <header id="topbar">
+    <span class="left">
+      <img src="./assets/img/linuxupc-logo.png" alt="MENU">
+      <h1>LinuxUPC</h1>
+    </span>
+    <span class="center">
+      <p id="top_datetime">2 Feb 10:01</p>
+    </span>
+    <span class="right">
+      <button id="colorModeButton">
+        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed">
+          <path
+            d="M480-360q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Zm0 80q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480q0 83-58.5 141.5T480-280ZM200-440H40v-80h160v80Zm720 0H760v-80h160v80ZM440-760v-160h80v160h-80Zm0 720v-160h80v160h-80ZM256-650l-101-97 57-59 96 100-52 56Zm492 496-97-101 53-55 101 97-57 59Zm-98-550 97-101 59 57-100 96-56-52ZM154-212l101-97 55 53-97 101-59-57Zm326-268Z" />
+        </svg>
+      </button>
+      <a href="https://x.com/linuxUPC" target="_blank">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#e8eaed">
+          <path
+            d="m2.538 3 7.425 9.928L2 21h1.5l7.033-7.067L16 21h5.232l-7.662-9.995 6.955-7.514h-1.5L13 10 7.77 3H2.538Zm1.994 1h2.645l12.087 16h-2.525L4.532 4Z">
+          </path>
+        </svg>
+      </a>
+      <a href="https://www.instagram.com/linuxupc/" target="_blank">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#e8eaed">
+          <path
+            d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3" />
+        </svg>
+      </a>
+      <a href="https://github.com/LinuxUPC" target="_blank">
+        <?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30px" height="30px">
+          <path
+            d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z" />
+        </svg>
+      </a>
+    </span>
+  </header>
+
+  <div class="container">
+    <!-- Barra lateral izquierda -->
+    <nav id="sidebar">
+      <ul>
+        <li>
+          <a href="./index.html" class="svg-container">
+            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed">
+              <path
+                d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z" />
+            </svg>
+          </a>
+        </li>
+        <li>
+          <a href="./activities.html" class="active svg-container">
+            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed">
+              <path
+                d="M580-240q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29ZM200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Z" />
+            </svg>
+          </a>
+        </li>
+      </ul>
+      <button id="sidebarCollapse">
+        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed">
+          <path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z" />
+        </svg>
+      </button>
+    </nav>
+    <script defer src="./assets/js/sidebar.js"></script>
+    <!-- Contenido principal -->
+    <main>
+      <div class="activities-title title-component"></div>
+      <div id="git-workshop-2025" class="activity-card">
+        <div class="window-component"></div>
+        <div class="content">
+          <div class="carousel">
+            <div class="carousel-inner">
+              <img class="active" src="./assets/img/git_workshop.jpg" alt="Workshop de git 2025 cartell de promoció">
+              <!-- Se pueden poner mas fotos -->
+            </div>
+            <button class="prev" onclick="prevSlide()">&#10094;</button>
+            <button class="next" onclick="nextSlide()">&#10095;</button>
+          </div>
+          <div class="info">
+            <h3>📌 Git Workshop</h3>
+            <p>El passat 26 de febrer de 2025 vam celebrar el nostre <strong>Workshop de Git</strong>, un taller pràctic
+              on vam
+              aprendre a gestionar versions de manera eficient amb Git i a col·laborar en projectes a GitHub sense el
+              caos dels
+              arxius. 😜</p>
+            <p>Durant la sessió, els participants van explorar els conceptes clau de Git, des dels
+              <strong>commits</strong> fins als
+              <strong>branches</strong>, passant per els <strong>merges</strong> i les <strong>pull requests</strong>. A
+              través
+              d'exemples reals i exercicis guiats, vam posar en pràctica aquestes eines fonamentals per al
+              desenvolupament
+              col·laboratiu.
+            </p>
+            <p>Va ser una gran oportunitat per resoldre dubtes en directe, compartir experiències i, sobretot, perdre la
+              por a Git!
+              🎉</p>
+            <p>Gràcies a tots els assistents per la vostra participació i entusiasme! Esperem veure-us en els pròxims
+              tallers. 🚀
+            </p>
+            <p>📅 <strong>Data:</strong> <del>26 de Febrer, 2025</del> (Finalitzat)</p>
+            <p>🕛 <strong>Hora:</strong> 12:00</p>
+            <p>⌛ <strong>Durada:</strong> 2h</p>
+            <p>📍 <strong>Lloc:</strong> A5001</p>
+            <!--<a href="https://docs.google.com/forms/d/e/1FAIpQLSeKFfx17W2iP59u9UTybQtUXFn47b1u-rbEEF3tlXq5NlfRww/closedform" target="_blank">Inscriu-te</a> -->
+          </div>
+        </div>
+      </div>
+      <div id="install-party-2024" class="activity-card">
+        <div class="window-component"></div>
+        <div class="content">
+          <div class="carousel">
+            <div class="carousel-inner">
+              <img class="active" src="./assets/img/install-party-2025-1.jpg" alt="Install Party 2024 foto 1 de l'esdeveniment">
+              <img src="./assets/img/install-party-2025-2.jpg" alt="Install Party 2024 foto 2 de l'esdeveniment">
+              <img src="./assets/img/install-party-2025-3.jpg" alt="Install Party 2024 foto 3 de l'esdeveniment">
+              <!-- Se pueden poner mas fotos -->
+            </div>
+            <button class="prev" onclick="prevSlide()">&#10094;</button>
+            <button class="next" onclick="nextSlide()">&#10095;</button>
+          </div>
+          <div class="info">
+            <h3>📌 Install Party</h3>
+            <p>El passat 18 de setembre de 2024 vam celebrar la nostra <strong>Install Party</strong>, una jornada on
+              vam ajudar als participants a instal·lar Linux als seus portàtils i a fer els primers passos en aquest
+              sistema operatiu lliure i de codi obert.🐧</p>
+
+            <p>Durant la sessió, vam guiar als assistents en el procés d'instal·lació, responent dubtes i oferint suport
+              perquè poguessin configurar el seu sistema de manera òptima. A més, vam introduir-los als conceptes bàsics
+              de Linux, la seva estructura i les eines fonamentals per començar a treballar amb ell amb confiança.</p>
+
+            <p>Va ser una gran oportunitat per conèixer gent amb els mateixos interessos, compartir experiències i
+              descobrir el potencial de Linux en un ambient col·laboratiu i dinàmic. 🎉</p>
+
+            <p>Gràcies a tots els que vau participar! Esperem veure-us en els pròxims esdeveniments i que seguiu
+              explorant el món del programari lliure. 🚀</p>
+
+            <p>📅 <strong>Data:</strong> <del>18 de Setembre, 2024</del> (Finalitzat)</p>
+            <p>⌛ <strong>Durada:</strong> 1h (per sessió)</p>
+            <p>1️⃣ Primer Interval</p>
+            <span>
+              <p>🕛 <strong>Hora:</strong> 10:00 - 15:00</p>
+              <p>📍 <strong>Lloc:</strong> A6104</p>
+            </span>
+            <p>2️⃣ Segon Interval</p>
+            <span>
+              <p>🕛 <strong>Hora:</strong> 15:00 - 19:00</p>
+              <p>📍 <strong>Lloc:</strong> A6105</p>
+            </span>
+          </div>
+        </div>
+      </div>
+    </main>
+  </div>
+
+  <script src="./assets/js/carrousel.js"></script>
+  <script src="./assets/js/components.js"></script>
+  <script src="./assets/js/colorMode.js"></script>
+  <script src="./assets/js/topbar.js"></script>
+</body>
+
+</html>