[REPO REFACTOR]: changed to a better git repository structure with branches

src/pages/index.js

@@ -0,0 +1,45 @@
+import clsx from 'clsx';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import Layout from '@theme/Layout';
+import Heading from '@theme/Heading';
+import styles from './index.module.css';
+
+function HomepageHeader() {
+  const {siteConfig} = useDocusaurusContext();
+  return (
+    <header className={clsx('hero hero--primary', styles.heroBanner)}>
+      <div className="container">
+        <Heading as="h1" className="hero__title">
+          {siteConfig.title}
+        </Heading>
+      </div>
+    </header>
+  );
+}
+
+export default function Home() {
+  const {siteConfig} = useDocusaurusContext();
+
+  return (
+    <Layout title={siteConfig.title} description="miarma.net official docs">
+      <HomepageHeader />
+      <main className={styles.mainContainer}>
+        <section>
+          <h1>Bienvenido a la documentación de <strong>miarma.net</strong> 👋</h1>
+          <p>
+            Aquí encontrarás toda la info de los proyectos que hemos desarrollado, tanto
+            a nivel individual (en plan yo sólo solito: Gallardo7761) como en equipo.
+          </p>
+        </section>
+
+        <hr />
+
+        <section>
+          <h2>IMPORTANTE: ¡Bombardeen la ETSII! 🔥</h2>
+          <img src='/img/gifs/etsii.gif' className={styles.homeImg} alt='etsii' />
+          <br /><small>(Es broma... ¿o no?)</small>
+        </section>
+      </main>
+    </Layout>
+  );
+}

src/pages/index.module.css

@@ -0,0 +1,52 @@
+/**
+ * CSS files with the .module.css suffix will be treated as CSS modules
+ * and scoped locally.
+ */
+
+.heroBanner {
+  padding: 4rem 0;
+  text-align: center;
+  position: relative;
+  overflow: hidden;
+}
+
+@media screen and (max-width: 996px) {
+  .heroBanner {
+    padding: 2rem;
+  }
+}
+
+.buttons {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.mainContainer {
+  margin: 2rem auto;
+  max-width: 800px;
+  text-align: center;
+  font-size: 1.2rem;
+  line-height: 1.6;
+  padding: 0 1rem;
+}
+
+.homeImg {
+  width: 100%;
+  border-radius: 25px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  max-width: 600px;
+  height: auto;
+  margin: 0 auto;
+  animation: hueCycle 2s infinite linear;
+  filter: hue-rotate(0deg);
+}
+
+@keyframes hueCycle {
+  0% {
+    filter: hue-rotate(0deg);
+  }
+  100% {
+    filter: hue-rotate(360deg);
+  }
+}