From 821a6a7fb1631862c44c6ecf674ca6f1016b2541 Mon Sep 17 00:00:00 2001
From: Francesco Masala <fmasala@hyperbit.it>
Date: Tue, 26 Dec 2023 23:13:08 +0100
Subject: [PATCH] Added and updated AboutUs

---
 pages/AboutUs.vue | 67 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 pages/AboutUs.vue

diff --git a/pages/AboutUs.vue b/pages/AboutUs.vue
new file mode 100644
index 0000000..2d4c8b2
--- /dev/null
+++ b/pages/AboutUs.vue
@@ -0,0 +1,67 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <section>
+    <div class="relative px-6 lg:px-8">
+      <div class="mx-auto max-w-3xl pt-20 pb-32 sm:pt-16 sm:pb-30">
+        <div>
+          <div>
+            <h1 class="text-5xl font-bold tracking-tight sm:text-center sm:text-5xl">
+              Il nostro team
+            </h1>
+            <p class="mt-8 text-lg leading-8 text-gray-600 sm:text-center">
+              Conosci tutte le fantastiche persone che lavorano con noi!
+            </p>
+          </div>
+          <br/>
+          <div class="grid gap-8 mb-6 lg:mb-16 md:grid-cols-2">
+            <div class="items-center bg-gray-50 rounded-lg shadow sm:flex dark:bg-gray-800 dark:border-gray-700">
+              <a class="p-4 rounded" href="#">
+                <img class="w-full rounded-lg sm:rounded-none sm:rounded" src="https://avatars.githubusercontent.com/u/25754886?v=4" alt="Bonnie Avatar">
+              </a>
+              <div class="p-3">
+                <h3 class="text-xl font-bold tracking-tight text-gray-900 dark:text-white">
+                  <a href="https://francescomasala.me">Francesco Masala</a>
+                </h3>
+                <span class="text-gray-500 dark:text-gray-400">CEO & Sysadmin</span>
+                <p class="mt-3 mb-4 font-light text-gray-500 dark:text-gray-400">Francesco è il tuttofare di HyperBit. Si occupa di tutto, dalla gestione dei server alla contabilità.</p>
+                <ul class="flex space-x-4 sm:mt-0">
+                  <li>
+                    <a href="https://github.com/francescomasala" class="text-gray-500 hover:text-gray-900 dark:hover:text-white">
+                      <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" /></svg>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <div class="items-center bg-gray-50 rounded-lg shadow sm:flex dark:bg-gray-800 dark:border-gray-700">
+              <a class="p-4 rounded" href="#">
+                <img class="w-full rounded-lg sm:rounded-none sm:rounded" src="https://avatars.githubusercontent.com/u/89260051?v=4" alt="Bonnie Avatar">
+              </a>
+              <div class="p-3">
+                <h3 class="text-xl font-bold tracking-tight text-gray-900 dark:text-white">
+                  <a>Mattia Casciani</a>
+                </h3>
+                <span class="text-gray-500 dark:text-gray-400">Junior Sysadmin</span>
+                <p class="mt-3 mb-4 font-light text-gray-500 dark:text-gray-400">Mattia è il nostro junior sysadmin. Si occupa della gestione dei server e del networking.</p>
+                <ul class="flex space-x-4 sm:mt-0">
+                  <li>
+                    <a href="https://github.com/mattiacasciani" class="text-gray-500 hover:text-gray-900 dark:hover:text-white">
+                      <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" /></svg>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
+
+<style scoped>
+
+</style>