diff --git a/package.json b/package.json
index 7f3181c..70fcae9 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
{
"name": "janleigh.github.io",
"private": true,
- "version": "3.0.0",
- "description": "My personal website.",
+ "version": "3.0.1",
+ "description": "My personal website. Powered using React, Vite and Bulma.",
"author": {
"name": "Jan Leigh",
"email": "janleigh@pm.me"
diff --git a/src/app/Footer.tsx b/src/app/Footer.tsx
index 553304e..f770e8a 100644
--- a/src/app/Footer.tsx
+++ b/src/app/Footer.tsx
@@ -4,8 +4,8 @@ function Footer() {
- Powered using Bulma and React.
- Copyright © 2023 Jan Leigh Muñoz. All Rights Reserved.
+ Powered using React, Vite,
+ and Bulma. Copyright © 2023 Jan Leigh Muñoz. All Rights Reserved.
diff --git a/src/app/contact/Contact.tsx b/src/app/contact/Contact.tsx
new file mode 100644
index 0000000..f7a9e62
--- /dev/null
+++ b/src/app/contact/Contact.tsx
@@ -0,0 +1,37 @@
+function Contact() {
+ return (
+ <>
+
+ >
+ );
+}
+
+export default Contact;
diff --git a/src/app/home/AboutMe.tsx b/src/app/home/AboutMe.tsx
index 73e80e0..17237aa 100644
--- a/src/app/home/AboutMe.tsx
+++ b/src/app/home/AboutMe.tsx
@@ -7,12 +7,12 @@ function AboutMe() {
-
+
Hello, dear reader!
- I am a Filipino senior high school student and a self-taught full-stack developer.
+ I am a Filipino first-year college student and a self-taught full-stack developer.
My real name is
Jan Leigh, but I prefer the name{" "}
Kizu on the internet.
diff --git a/src/app/home/Navbar.tsx b/src/app/home/Navbar.tsx
index acdd15a..e6767ec 100644
--- a/src/app/home/Navbar.tsx
+++ b/src/app/home/Navbar.tsx
@@ -8,7 +8,7 @@ function Navbar() {
home.
-
+
projects.
diff --git a/src/main.tsx b/src/main.tsx
index 56a1325..42a10c5 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,6 +2,7 @@ import ReactDOM from "react-dom";
import { HashRouter as Router, Route, Routes } from "react-router-dom";
import App from "./pages/App";
+import Contact from "./app/contact/Contact";
import NotFound from "./app/NotFound";
import "animate.css";
@@ -13,6 +14,7 @@ ReactDOM.render(
} />
+ } />
} />
,
diff --git a/src/styles/_app.scss b/src/styles/_app.scss
index b6c8cac..6cc306a 100644
--- a/src/styles/_app.scss
+++ b/src/styles/_app.scss
@@ -22,7 +22,8 @@
}
.active-button {
- background-color: $accent-active !important;
+ background-color: $foreground-color !important;
+ color: $background-color !important;
}
.disabled-button {
diff --git a/src/styles/_overrides.scss b/src/styles/_overrides.scss
index 9703d45..ea49f9b 100644
--- a/src/styles/_overrides.scss
+++ b/src/styles/_overrides.scss
@@ -32,6 +32,16 @@ span {
font-family: $font-alt;
}
+a {
+ &:hover {
+ color: lighten($color: $accent, $amount: 20) !important;
+ }
+
+ &:active, &:focus {
+ color: $accent !important;
+ }
+}
+
.tui-window {
background-color: $background-color;
box-shadow: none;
@@ -55,11 +65,23 @@ span {
border-color: $border-inactive;
}
+.tui-shadow {
+ box-shadow: 10px 10px darken($color: #1a1a1a, $amount: 5%) !important;
+}
+
.tui-button {
font-family: $font-main !important;
- box-shadow: 10px 10px darken($color: #1a1a1a, $amount: 5%);
+ box-shadow: 10px 10px darken($color: #1a1a1a, $amount: 5%) !important;
padding: 0rem 1rem;
margin: 0rem 3rem;
+
+ &:active {
+ background-color: inherit !important;
+ }
+
+ &:focus {
+ color: inherit !important;
+ }
}
@import "../../node_modules/bulma/sass/base/_all.sass";