diff --git a/src/App.tsx b/src/App.tsx
index 8e3e85e..976e796 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,21 +1,14 @@
-import { Route, Routes } from 'react-router-dom'
-import Main from './pages/Main'
-import About from './pages/About'
+import { Route, Routes } from "react-router-dom";
+import Main from "./pages/Main";
+import About from "./pages/About";
function App() {
return (
- }
- />
- }
- />
+ } />
+ } />
- )
+ );
}
-export default App
+export default App;
diff --git a/src/components/B.tsx b/src/components/B.tsx
index 4717e05..1fab339 100644
--- a/src/components/B.tsx
+++ b/src/components/B.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react'
+import { ReactNode } from "react";
interface BoldProps {
children: ReactNode;
@@ -6,9 +6,5 @@ interface BoldProps {
}
export const B = ({ children, col = "var(--textcolor)" }: BoldProps) => {
- return (
-
- {children}
-
- )
-}
+ return {children} ;
+};
diff --git a/src/components/Bullet.tsx b/src/components/Bullet.tsx
index 9f01526..b49acaf 100644
--- a/src/components/Bullet.tsx
+++ b/src/components/Bullet.tsx
@@ -1,4 +1,4 @@
-import { Children, ReactNode } from 'react'
+import { Children, ReactNode } from "react";
interface BulletProps {
indents?: number;
@@ -6,12 +6,11 @@ interface BulletProps {
}
function Bullet({ indents, children }: BulletProps) {
-
return (
-
+
• {children}
- )
+ );
}
export default Bullet;
diff --git a/src/components/Description.tsx b/src/components/Description.tsx
index b989dc9..d40c0b8 100644
--- a/src/components/Description.tsx
+++ b/src/components/Description.tsx
@@ -7,11 +7,15 @@ export interface DescriptionProps extends TextProps {
noBackground?: boolean;
}
-export const Description = ({ noBackground, main, children }: DescriptionProps) => {
+export const Description = ({
+ noBackground,
+ main,
+ children,
+}: DescriptionProps) => {
return (
{children}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 216a6af..88f428c 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -15,18 +15,19 @@ export interface TextLinks extends GenericProps {
export const Header = ({ fadeIn, links }: TextLinks) => {
return (
- {links && links.map((link) => {
- return (
-
- {link.text}
-
- );
- })}
+ {links &&
+ links.map((link) => {
+ return (
+
+ {link.text}
+
+ );
+ })}
);
};
diff --git a/src/components/Message.tsx b/src/components/Message.tsx
index 096fcc1..3ff5636 100644
--- a/src/components/Message.tsx
+++ b/src/components/Message.tsx
@@ -6,11 +6,5 @@ export interface MessageProps {
}
export const Message = ({ className, children }: MessageProps) => {
- return (
-
- {children}
-
- );
+ return
{children}
;
};
diff --git a/src/components/Title.tsx b/src/components/Title.tsx
index aa00fa8..56b57d0 100644
--- a/src/components/Title.tsx
+++ b/src/components/Title.tsx
@@ -12,7 +12,7 @@ export const Title = ({ children, noBackground, glow }: TitleProps) => {
let result = "title";
if (noBackground) {
- result += " no-background"
+ result += " no-background";
}
if (glow) {
@@ -20,10 +20,9 @@ export const Title = ({ children, noBackground, glow }: TitleProps) => {
}
return result;
- }
+ };
return (
-
diff --git a/src/index.css b/src/index.css
index 36854fe..60e8b9b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -3,11 +3,14 @@ body {
animation: zoom-in 0.3s;
}
-.at:link, .at:visited {
+.at:link,
+.at:visited {
color: var(--main);
font-weight: bold;
text-decoration: none;
- transition: opacity 0.15s, transform 0.15s;
+ transition:
+ opacity 0.15s,
+ transform 0.15s;
}
.at:hover {
@@ -32,7 +35,8 @@ body {
color 0s;
}
-.reg-link:link, .reg-link:visited {
+.reg-link:link,
+.reg-link:visited {
color: var(--main);
text-decoration: none;
}
diff --git a/src/pages/About.tsx b/src/pages/About.tsx
index 9a4e3d7..a2ae69e 100644
--- a/src/pages/About.tsx
+++ b/src/pages/About.tsx
@@ -1,14 +1,21 @@
-import { Link } from 'react-router-dom';
-import { B, Description, Header, Message, Title, TextLink } from '../components'
-import Bullet from '../components/Bullet'
+import { Link } from "react-router-dom";
+import {
+ B,
+ Description,
+ Header,
+ Message,
+ Title,
+ TextLink,
+} from "../components";
+import Bullet from "../components/Bullet";
function About() {
const links: TextLink[] = [
{
text: "Back",
- link: "/"
- }
- ]
+ link: "/",
+ },
+ ];
const serverLink = (
+
Neovim
);
@@ -63,25 +66,26 @@ function About() {
- You've probably met me online and checked out my website, I know you IRL, or you're interested in me.
+ You've probably met me online and checked out my website, I know you
+ IRL, or you're interested in me.
- I got very interested in programming at young age, and while my skills have improved a lot, I'm only 16 and got a lot to learn.
+ I got very interested in programming at young age, and while my
+ skills have improved a lot, I'm only 16 and got a lot to learn.
Despite that, I'm proud of what I've done and learned so far.
- You can check out some of my favorite projects, like Simple Review {serverLink} + {clientLink}, and {assistantLink}.
+ You can check out some of my favorite projects, like Simple Review{" "}
+ {serverLink} + {clientLink}, and {assistantLink}.
-
- So far, I've managed to famaliarize myself with these...
-
+ So far, I've managed to famaliarize myself with these...
Languages:
HTML/CSS
@@ -107,7 +111,7 @@ function About() {
>
- )
+ );
}
export default About;
diff --git a/src/pages/Main.tsx b/src/pages/Main.tsx
index 5022bea..8132536 100644
--- a/src/pages/Main.tsx
+++ b/src/pages/Main.tsx
@@ -30,8 +30,8 @@ function Main() {
},
{
text: "About",
- link: "/about"
- }
+ link: "/about",
+ },
];
const buttons: Buttons[] = [
@@ -69,11 +69,21 @@ function Main() {
return (
<>
-
-
+
+
-
+
@@ -87,15 +97,21 @@ function Main() {
height={130}
src="/potato.png"
/>
-
+
Stop that!
-
@powermaker450
+
+ @powermaker450
+
- Professional FOSS Enjoyer
+
+ Professional FOSS Enjoyer
+