From 18981e72004f7eb429f62a7d331672ba91ee4403 Mon Sep 17 00:00:00 2001
From: winsdominoes <wins.dominoes2007@gmail.com>
Date: Sun, 7 Jul 2024 18:02:51 +0700
Subject: [PATCH] update main page information

---
 app/components/ContactIcons.tsx   | 15 ++++++++++++++-
 app/components/Extra/Pixelfed.tsx | 13 +++++++++++++
 app/page.tsx                      |  7 +++++--
 app/projects/page.tsx             |  3 ++-
 4 files changed, 34 insertions(+), 4 deletions(-)
 create mode 100644 app/components/Extra/Pixelfed.tsx

diff --git a/app/components/ContactIcons.tsx b/app/components/ContactIcons.tsx
index 3570d40..f16d9c4 100755
--- a/app/components/ContactIcons.tsx
+++ b/app/components/ContactIcons.tsx
@@ -1,7 +1,9 @@
 import * as icons from 'simple-icons';
-import pixelfedIcon from "../../public/icons/pixelfed.svg";
+import PixelfedIcon from './Extra/Pixelfed';
 import Image from 'next/image';
 
+console.log(icons);
+
 let ContactIcons = () => {
     return (
         <ul className="flex space-x-5">
@@ -49,6 +51,17 @@ let ContactIcons = () => {
                     </i>
                 </a>
             </li>
+            <li>
+                <a href="https://pixelfed.winscloud.net/@winsdominoes" className="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
+                    <i 
+                        className="w-7 h-7 transition ease-in-out delay-60 opacity-60 hover:opacity-100 hover:scale-105 duration-300"
+                        style={
+                            {['width']: '30px', ['height']: '30px', ['fill']: 'white', ['display']: 'inline-block'}
+                        }>
+                        <PixelfedIcon />
+                    </i>
+                </a>
+            </li>
             <li>
                 <a href="https://matrix.to/#/@winsdominoes:matrix.winscloud.net" className="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
                     <i 
diff --git a/app/components/Extra/Pixelfed.tsx b/app/components/Extra/Pixelfed.tsx
new file mode 100644
index 0000000..ef384bc
--- /dev/null
+++ b/app/components/Extra/Pixelfed.tsx
@@ -0,0 +1,13 @@
+// Pixelfed.tsx
+import React from "react";
+
+let PixelfedIcon = () => {
+    return (
+        <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+            <title>Pixelfed</title>
+            <path d="M12 24C5.3726 24 0 18.6274 0 12S5.3726 0 12 0s12 5.3726 12 12-5.3726 12-12 12m-.9526-9.3802h2.2014c2.0738 0 3.7549-1.6366 3.7549-3.6554S15.3226 7.309 13.2488 7.309h-3.1772c-1.1964 0-2.1663.9442-2.1663 2.1089v8.208z" />
+        </svg>
+    );
+}
+
+export default PixelfedIcon;
diff --git a/app/page.tsx b/app/page.tsx
index 9f5f273..e1b84f8 100755
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -50,7 +50,7 @@ export default function Home() {
 
                     <div className="col-span-3 mt-[-15px] flex flex-col gap-4">
                         <h2 className="text-4xl font-bold">About Me</h2> 
-                        <div className='text-lg grid grid-cols-3 max-sm:flex max-sm:flex-col'>
+                        <div className="text-lg grid grid-cols-3 max-sm:flex max-sm:flex-col">
                             <div>
                                 <span className='font-bold'>Nickname</span>: Win
                             </div>
@@ -62,13 +62,16 @@ export default function Home() {
                             </div>
                         </div>
                         <p>
-                            My main field of work is <a className="font-bold underline decoration-2 decoration-sky-500">server administration</a>. I am running my own self-hosted ecosystem as well as currently administering the IT infrastructure (servers, networking, firewalls) 
+                            My main field of work is <a className="font-bold underline decoration-2 decoration-sky-500">server administration</a>. I am running, <a className="font-bold underline decoration-2 decoration-green-500">WinsCloud</a>, my own self-hosted ecosystem as well as currently administering the IT infrastructure (servers, networking, firewalls) 
                             at my father&apos;s company.
                         </p>
                         <p>
                             My other field of work is creating <a className="font-bold">web applications</a>. I specialize in <a className="font-bold underline decoration-2 decoration-indigo-500">backend development</a> with <a className="font-bold">Node.js</a> and <a className="font-bold">PHP</a>, as well as working with <a className="font-bold underline decoration-2 decoration-indigo-500">relational databases</a>, 
                             such as <a className="font-bold">MySQL / MariaDB</a>.
                         </p>
+                        <p>I am currently learning <a className="font-bold underline decoration-2 decoration-pink-500">low-level programming</a> using C, along with 
+                            <a className="font-bold underline decoration-2 decoration-pink-500"> x86 and RISC-V Assembly</a> for lower level interactions with hardware.
+                        </p>
                     </div>
                 </div>
 
diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index 02d67b8..3204a8e 100755
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -301,7 +301,8 @@ export default function Projects() {
                         <div className="col-span-3">
                             <h3 className='text-lg font-bold'>Embedded Programming</h3>
                             <p className='text-base'>
-                                I am in the process of learning programming languages such as <span className='font-bold underline decoration-2 decoration-pink-500'>C / C++</span> as well as Arduino programming. 
+                                I am in the process of learning programming languages such as <span className='font-bold underline decoration-2 decoration-pink-500'>C</span> along with Assembly languages on multiple architectures like 
+                                <span className="font-bold underline decoration-2 decoration-pink-500">x86, RISC-V and 6502</span>. 
                             </p>
                         </div>
                         <div className="col-span-3">