update main page information
This commit is contained in:
parent
2334d5a263
commit
18981e7200
|
@ -1,7 +1,9 @@
|
||||||
import * as icons from 'simple-icons';
|
import * as icons from 'simple-icons';
|
||||||
import pixelfedIcon from "../../public/icons/pixelfed.svg";
|
import PixelfedIcon from './Extra/Pixelfed';
|
||||||
import Image from 'next/image';
|
import Image from 'next/image';
|
||||||
|
|
||||||
|
console.log(icons);
|
||||||
|
|
||||||
let ContactIcons = () => {
|
let ContactIcons = () => {
|
||||||
return (
|
return (
|
||||||
<ul className="flex space-x-5">
|
<ul className="flex space-x-5">
|
||||||
|
@ -49,6 +51,17 @@ let ContactIcons = () => {
|
||||||
</i>
|
</i>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</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>
|
<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">
|
<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
|
<i
|
||||||
|
|
|
@ -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;
|
|
@ -50,7 +50,7 @@ export default function Home() {
|
||||||
|
|
||||||
<div className="col-span-3 mt-[-15px] flex flex-col gap-4">
|
<div className="col-span-3 mt-[-15px] flex flex-col gap-4">
|
||||||
<h2 className="text-4xl font-bold">About Me</h2>
|
<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>
|
<div>
|
||||||
<span className='font-bold'>Nickname</span>: Win
|
<span className='font-bold'>Nickname</span>: Win
|
||||||
</div>
|
</div>
|
||||||
|
@ -62,13 +62,16 @@ export default function Home() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<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's company.
|
at my father's company.
|
||||||
</p>
|
</p>
|
||||||
<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>,
|
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>.
|
such as <a className="font-bold">MySQL / MariaDB</a>.
|
||||||
</p>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -301,7 +301,8 @@ export default function Projects() {
|
||||||
<div className="col-span-3">
|
<div className="col-span-3">
|
||||||
<h3 className='text-lg font-bold'>Embedded Programming</h3>
|
<h3 className='text-lg font-bold'>Embedded Programming</h3>
|
||||||
<p className='text-base'>
|
<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>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-3">
|
<div className="col-span-3">
|
||||||
|
|
Loading…
Reference in New Issue