Commit Diff


commit - /dev/null
commit + 1f0f6932d6c30b62f8a6764169514358254cc1ed
blob - /dev/null
blob + b130fd804218b0b980478132ab29e29752346547 (mode 644)
--- /dev/null
+++ index-it.html
@@ -0,0 +1,99 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Andre's Webpage</title>
+    <style>
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      body {
+        font-family:
+          system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
+          sans-serif;
+        background: #fff;
+        color: #000;
+        line-height: 1.5;
+        max-width: 800px;
+        margin: 0 auto;
+      }
+      nav {
+        padding: 10px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+      nav ul {
+        list-style: none;
+        display: flex;
+        gap: 8px;
+      }
+      nav a {
+        color: #00f;
+        text-decoration: none;
+        font-size: 16px;
+        padding: 3px 3px;
+      }
+      nav a:hover {
+        background: #00f;
+        color: #fff;
+      }
+      .lang {
+        list-style: none;
+        display: flex;
+        gap: 0px;
+      }
+      .lang a {
+        font-size: 20px;
+      }
+      .lang a:hover {
+        background: none;
+      }
+      .c {
+        padding: 15px;
+      }
+      h1 {
+        font-size: 24px;
+        margin: 0 0 10px;
+      }
+      p {
+        font-size: 16px;
+        margin: 8px 0;
+      }
+      a {
+        color: #00f;
+        text-decoration: underline;
+      }
+      a:hover {
+        background: #00f;
+        color: #fff;
+      }
+    </style>
+  </head>
+  <body>
+    <nav>
+      <ul>
+        <li><a href="about.html">About</a></li>
+        <li><a href="blog.html">Blog</a></li>
+        <li><a href="projects.html">Progetti</a></li>
+        <li><a href="contact.html">Contatto</a></li>
+      </ul>
+      <ul class="lang">
+        <li><a href="index.html" title="Inglese">🏴󠁧󠁢󠁥󠁮󠁧󠁿</a></li>
+        <li><a href="index-pt.html" title="Portoghese">🇵🇹</a></li>
+        <li><a href="index-it.html" title="Italiano">🇮🇹</a></li>
+      </ul>
+    </nav>
+    <div class="c">
+      <p>
+        Grazie per essere passato! Questo è un lavoro in corso e probabilmente non sono soddisfatto del risultato.
+        Cercherò di rendere questo sito web "multilingue", nel tentativo di migliorare la mia scrittura in altre lingue.
+      <p>
+        Non sono esattamente sicuro del migliore approccio per un sito web personale, quindi sto usando quello più semplice: HTML e CSS scritti a mano. Se hai un suggerimento su come migliorarlo, scrivimi un'e-mail.
+      </p>
+    </div>
+  </body>
+</html>
blob - /dev/null
blob + 43b9a462c03c3eb4223d54af111c605774db05a4 (mode 644)
--- /dev/null
+++ index-pt.html
@@ -0,0 +1,103 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Andre's Webpage</title>
+    <style>
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      body {
+        font-family:
+          system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
+          sans-serif;
+        background: #fff;
+        color: #000;
+        line-height: 1.5;
+        max-width: 800px;
+        margin: 0 auto;
+      }
+      nav {
+        padding: 10px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+      nav ul {
+        list-style: none;
+        display: flex;
+        gap: 8px;
+      }
+      nav a {
+        color: #00f;
+        text-decoration: none;
+        font-size: 16px;
+        padding: 3px 3px;
+      }
+      nav a:hover {
+        background: #00f;
+        color: #fff;
+      }
+      .lang {
+        list-style: none;
+        display: flex;
+        gap: 0px;
+      }
+      .lang a {
+        font-size: 20px;
+      }
+      .lang a:hover {
+        background: none;
+      }
+      .c {
+        padding: 15px;
+      }
+      h1 {
+        font-size: 24px;
+        margin: 0 0 10px;
+      }
+      p {
+        font-size: 16px;
+        margin: 8px 0;
+      }
+      a {
+        color: #00f;
+        text-decoration: underline;
+      }
+      a:hover {
+        background: #00f;
+        color: #fff;
+      }
+    </style>
+  </head>
+  <body>
+    <nav>
+      <ul>
+        <li><a href="about.html">Sobre</a></li>
+        <li><a href="blog.html">Blog</a></li>
+        <li><a href="projects.html">Projetos</a></li>
+        <li><a href="contact.html">Contato</a></li>
+      </ul>
+      <ul class="lang">
+        <li><a href="index.html" title="Inglês">🏴󠁧󠁢󠁥󠁮󠁧󠁿</a></li>
+        <li><a href="index-pt.html" title="Português">🇵🇹</a></li>
+        <li><a href="index-it.html" title="Italiano">🇮🇹</a></li>
+      </ul>
+    </nav>
+    <div class="c">
+      <p>
+        Obrigado pela visita! Esse site está em construção e eu provavelmente
+        estou insatisfeito com o resultado. Estout tentando escrever esse site em
+        múltiplos idiomas, num esforço pra melhorar minha capacidade de escrita nos mesmos.
+      </p>
+      <p>
+        Eu não tenho certeza do melhor modo de fazer um website como este, então
+        irei com o modo mais simples possível: HTML e CSS escritos manualmente.
+        Se você tem alguma sugestão de como melhorar essa porcaria, me envie um e-mail.
+      </p>
+    </div>
+  </body>
+</html>
blob - /dev/null
blob + 1e97b03a957c97b4dca6b9ccce012a5f878a06e0 (mode 644)
--- /dev/null
+++ index.html
@@ -0,0 +1,103 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Andre's Webpage</title>
+    <style>
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      body {
+        font-family:
+          system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
+          sans-serif;
+        background: #fff;
+        color: #000;
+        line-height: 1.5;
+        max-width: 800px;
+        margin: 0 auto;
+      }
+      nav {
+        padding: 10px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+      nav ul {
+        list-style: none;
+        display: flex;
+        gap: 8px;
+      }
+      nav a {
+        color: #00f;
+        text-decoration: none;
+        font-size: 16px;
+        padding: 3px 3px;
+      }
+      nav a:hover {
+        background: #00f;
+        color: #fff;
+      }
+      .lang {
+        list-style: none;
+        display: flex;
+        gap: 0px;
+      }
+      .lang a {
+        font-size: 20px;
+      }
+      .lang a:hover {
+        background: none;
+      }
+      .c {
+        padding: 15px;
+      }
+      h1 {
+        font-size: 24px;
+        margin: 0 0 10px;
+      }
+      p {
+        font-size: 16px;
+        margin: 8px 0;
+      }
+      a {
+        color: #00f;
+        text-decoration: underline;
+      }
+      a:hover {
+        background: #00f;
+        color: #fff;
+      }
+    </style>
+  </head>
+  <body>
+    <nav>
+      <ul>
+        <li><a href="about.html">About</a></li>
+        <li><a href="blog.html">Blog</a></li>
+        <li><a href="projects.html">Projects</a></li>
+        <li><a href="contact.html">Contact</a></li>
+      </ul>
+      <ul class="lang">
+        <li><a href="index.html" title="English">🏴󠁧󠁢󠁥󠁮󠁧󠁿</a></li>
+        <li><a href="index-pt.html" title="Portuguese">🇵🇹</a></li>
+        <li><a href="index-it.html" title="Italian">🇮🇹</a></li>
+      </ul>
+    </nav>
+    <div class="c">
+      <p>
+        Thanks for stopping by! This is a work in progress and I'm probably not
+        satisfied with the result. I'll try to to make this website
+        "multilingual", in a effort to improve my writing in other languages.
+      </p>
+      <p>
+        I'm not exactly sure about the best approach for a personal website, so
+        I'm going with the simplest one: HTML and CSS written by hand. If you
+        have a suggestion on how to improve this, please write me an e-mail.
+      </p>
+    </div>
+  </body>
+</html>