feat: informazioa sartzen du

src/pages/index.astro

@@ -7,7 +7,51 @@ import Layout from "../layouts/Layout.astro";
   <main>
     <h1>YouTube2RSS</h1>
 
-    <YT2RSS client:load />
+    <section>
+      <YT2RSS client:load />
+    </section>
+
+    <section class="sarrera">
+      <p>
+        Erreminta honen bidez, gustoko duzun YouTube kanal baten <a
+          href="https://eu.wikipedia.org/wiki/RSS">RSS Feed-a</a
+        >{" "}
+        eskuratzeko aukera izango duzu. Honekin, RSS irakurgailu bat erabilita, YouTube-ren
+        algoritmoaren kapritxoetaz ihes egingo duzu eta kanal horrek argitaratutako
+        bideo guztien berri izango duzu.
+      </p>
+
+      <h2>Zer egingo du erreminta honek?</h2>
+      <ol>
+        <li>Zuk sartutako kanalaren HTML-a aztertuko du.</li>
+        <li>
+          HTML horretan ezkutatuta dagoen RSS Feed-erako URL-a eskuratuko du.
+        </li>
+        <li>
+          URL hori emango dizu zuk kopiatu eta nahi duzun lekuan erabiltzeko.
+        </li>
+      </ol>
+
+      <h2>Zer ez du egingo erreminta honek</h2>
+      <ul>
+        <li>Ez du zure daturik gordeko.</li>
+        <li>Ez du zure erabileraren jarraipenik egingo.</li>
+        <li>
+          Ez du zure nabigatzailean <em>cookie</em> edo horrelakorik gordeko.
+        </li>
+        <li>Ez du zure YouTube profilaren informaziorik ikusiko.</li>
+      </ul>
+
+      <p>
+        Erreminta honen kodea publikoa da (<a
+          href="https://git.fosil.eu/txarli/yt2rss">ikusi Git errepositorioa</a
+        >). Honen atzean nor dagoen ikusteko: <a href="https://txarli.dev"
+          >txarli.dev</a
+        >.
+      </p>
+
+      <p>Espero dut erabilgarria izatea! 😊</p>
+    </section>
   </main>
 </Layout>
 
@@ -16,8 +60,15 @@ import Layout from "../layouts/Layout.astro";
     text-align: center;
   }
 
+  .sarrera {
+    max-width: 66ch;
+    margin-bottom: 2em;
+    align-self: center;
+  }
+
   main {
-    margin-left: 1em;
+    display: flex;
-    margin-right: 1em;
+    flex-direction: column;
+    padding: 1em;
   }
 </style>