diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
deleted file mode 100644
index c5ce650..0000000
--- a/src/pages/Home.jsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import {
- Animator,
- ScrollContainer,
- ScrollPage,
- batch,
- Fade,
- FadeIn,
- FadeOut,
- Move,
- MoveIn,
- MoveOut,
- Sticky,
- StickyIn,
- StickyOut,
- Zoom,
- ZoomIn,
- ZoomOut,
-} from "react-scroll-motion";
-
-function Home() {
- const ZoomInScrollOut = batch(StickyIn(), FadeIn(), ZoomIn());
- const FadeUp = batch(Fade(), Move(), Sticky());
-
- return (
-
- );
-}
-
-export default Home;
diff --git a/src/pages/Start.jsx b/src/pages/Start.jsx
index 4b2870b..c78aa40 100644
--- a/src/pages/Start.jsx
+++ b/src/pages/Start.jsx
@@ -3,21 +3,41 @@ function Start() {
-
-
- Hello, my name is Maria.
-
-
- I'm a Frontend Engineer
-
-
- In my recent journey as a junior frontend engineer, I've gained
- valuable experience through involvement in various projects within
- startup environments. Passionate about art and design, I've developed
- my skills beyond coding. Let's connect and explore opportunities
- together! By the way, you might catch a glimpse of my black mini
- poodle, Oreo, who's an integral part of my creative space.
-
+
+
+
+ Hello, my name is Maria.
+
+
+ I'm a Frontend Engineer
+
+
+ Hi, I’m Mariia! I’m a web developer with startup experience,
+ building things with JavaScript, React, and Node.js. I’m also into
+ 3D design and art, and my mini poodle,{" "}
+ Oreo{" "}
+ 
{" "}
+ , is always in my creative space. Let’s chat!
+ {/* Hi, I’m Mariia! I’m a developer who loves building functional,
+ user-friendly web experiences with a creative twist. I’ve been
+ working as a junior frontend engineer in startups, gaining hands-on
+ experience. I use JavaScript, React, Node.js, and SQL, and I’m
+ always exploring 3D design to add a little extra flair. Let’s
+ connect and maybe you’ll meet my mini poodle,{" "}
+ Oreo{" "}
+ {" "}
+ , who’s always hanging out with me while I work! */}
+ {/* "Hi, I’m Mariia! I’m a frontend developer with experience in startup projects, working with JavaScript, React, Node.js, and SQL. I love combining my technical skills with my passion for art and design, especially through 3D projects. Let’s connect and see what we can create together—also, say hi to my mini poodle, Oreo, who’s always by my side in my creative space!" */}
+
+
{" "}
);
diff --git a/src/store.js b/src/store.js
index 36f232a..5d1e3f3 100644
--- a/src/store.js
+++ b/src/store.js
@@ -54,7 +54,7 @@ export const skillsAtom = atom({
"MySQL",
"Docker",
"Visual Studio Code",
- "Postman API",
+ "Rapid API",
"TablePlus",
"Trello",
"Figma",
diff --git a/tailwind.config.js b/tailwind.config.js
index b2e29ba..211a6d3 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -3,10 +3,17 @@ export default {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
fontFamily: {
- sans: ["Ubuntu Mono", "system-ui"],
- logo: ["Dela Gothic One", "system-ui"],
- tags: ["Ubuntu Mono", "system-ui"],
- headline: ["Tektur", "system-ui"],
+ /* //3D logo font
+ logo3D: ["Nabla", "system-ui"], */
+
+ //logo font
+ logo: ["Sixtyfour", "system-ui"],
+ //headline-title text
+ ht: ["Sora", "system-ui"],
+ //body text
+ sans: ["Jura", "system-ui"],
+ //nav
+ tags: ["Raleway", "system-ui"],
},
fontSize: {
title: ["5rem", { lineHeight: "5rem", fontWeight: "900" }],
@@ -17,7 +24,7 @@ export default {
subTMiniPhone: ["1.2rem", { lineHeight: "1.2rem", fontWeight: "800" }],
tags: ["0.8rem", { fontWeight: "400" }],
sm: "0.8rem",
- base: "1rem",
+ base: "1.2rem",
xl: "1.25rem",
"2xl": "1.563rem",
"3xl": "1.953rem",
@@ -26,20 +33,23 @@ export default {
},
extend: {
colors: {
- neon: "#ccff00",
- bgColor: "#031417",
- highlight: "#ccff00",
+ neon: "#caebfa",
+ bgColor: "#F0F0F3",
+ highlight: "#D2D2D2",
},
+ //20px 20px 60px #bebebe, -20px -20px 60px #ffffff;
+ boxShadow: {
+ box: "rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;",
+ },
+
dropShadow: {
- light: "0 0 5px theme('colors.indigo.800')",
- yellow: "0 0 9px theme('colors.lime.400')",
- doublelight: [
- "0 0 5px theme('colors.lime.400')",
- "0 0 15px theme('colors.yellow.400')",
- ],
+ light: "0 0 5px theme('colors.sky.100')",
+ gray: "0 0 9px #8c92a8",
+ doublelight: ["0 0 5px #96989a", "0 0 15px #a0d9fa"],
+ //doublelight:
active: [
- "0 0 5px theme('colors.lime.400')",
- "0 0 15px theme('colors.indigo.950')",
+ "0 0 5px theme('colors.sky.300')",
+ "0 0 15px theme('colors.sky.100')",
],
},
},