winsdominoes
/
website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update main page information

This commit is contained in:
Win 2024-07-07 18:02:51 +07:00
parent 2334d5a263
commit 18981e7200
4 changed files with 34 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/components/ContactIcons.tsx
View File

@ -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

13
app/components/Extra/Pixelfed.tsx Normal file
View File

@ -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;

7
app/page.tsx
View File

@ -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>

3
app/projects/page.tsx
View File

@ -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">