pages/index.vue

@@ -33,6 +33,84 @@
       </div>
     </Section>
 
+    <Section>
+      <template v-slot:header>
+        <h1>Featured projects</h1>
+      </template>
+
+      <FeaturedProject
+        variant="left"
+        title="Icy Network"
+        image="/images/projects/icy_network_portal.png"
+        href="https://icynet.eu"
+      >
+        <p>
+          <b>Icy Network</b> is a single-sign-on (SSO) provider for projects
+          created by me and my friends.
+        </p>
+        <p>
+          The Icy Network website provides authorization using the
+          industry-standard OAuth 2.0 protocol.
+        </p>
+        <h3>Features</h3>
+        <ul>
+          <li>User accounts with display names and avatars</li>
+          <li>
+            Administration panel created using Vue.js for managing users and
+            OAuth clients
+          </li>
+          <li>A news outlet</li>
+        </ul>
+      </FeaturedProject>
+
+      <FeaturedProject
+        variant="right"
+        title="Various web-based games"
+        image="/images/projects/games.png"
+        href="https://lunasqu.ee/apps"
+      >
+        <p>
+          I have also created various experimental web-based games in order to
+          learn Canvas APIs.
+        </p>
+        <h3>Games include..</h3>
+        <ul>
+          <li>Battleship</li>
+          <li>Connect Four</li>
+          <li>Tower Defense</li>
+          <li>Minesweeper</li>
+          <li>Hook Miner</li>
+          <li>Tile-based modifyable world</li>
+        </ul>
+      </FeaturedProject>
+
+      <FeaturedProject
+        variant="left"
+        title="Icy Network TV"
+        image="/images/projects/icytv.png"
+        href="https://tv.icynet.eu"
+      >
+        <p>
+          <b>Icy Network TV</b> is a livestreaming platform for Icy Network
+          affiliates.
+        </p>
+        <p>
+          This project uses
+          <a href="https://github.com/arut/nginx-rtmp-module" target="_blank"
+            >nginx-rtmp-module</a
+          >
+          as the livestream server and channels are created for select Icy
+          Network users only.
+        </p>
+        <h3>Features</h3>
+        <ul>
+          <li>Integrated video player</li>
+          <li>Video dashboard</li>
+          <li>HLS video output</li>
+        </ul>
+      </FeaturedProject>
+    </Section>
+
     <footer>
       <p>
         There are no cookies. There is no data collection.
@@ -87,7 +165,7 @@ const socialLinks = [
   {
     href: 'https://social.lunasqu.ee/diamond',
     icon: 'icon-pleroma',
-    name: 'Akkoma (Mastodon)',
+    name: 'Pleroma (Mastodon)',
   },
   {
     href: 'https://reddit.com/user/LunaSquee',