Skip to content

Commit 1a9e564

Browse files
MelyguyMelyguy
committed
top links work and redirect user to new page. Also added images of renders to the project
1 parent 3be5988 commit 1a9e564

File tree

9 files changed

+128
-10
lines changed

9 files changed

+128
-10
lines changed

‎Assets/Invertedspearofheaven.png

1.18 MB
Loading

‎Assets/brainrender.png

2.14 MB
Loading

‎Assets/musashi.png

2.7 MB
Loading

‎src/Components/compononet.tsx

Whitespace-only changes.

‎src/app/(pages)/futureprojects/page.tsx

+34
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
"use client"
2+
3+
import React from "react";
4+
import Link from 'next/link';
5+
//import Image from "next/image";
6+
7+
export default function Home() {
8+
const mainText = "Projects"
9+
const textDesc = "Here are some of my future projects"
10+
return (
11+
<main className="text-white">
12+
<div className="flex gap-5 md:flex-row absolute top-5 right-5">
13+
<Link href='page2' className="justify-center items-center text-[2vw] font-bold md:pr-10 md:pl-10 md:flex md:justify-center md:items-center md:text-[1vw] md:font-bold">Summary</Link>
14+
<Link href='socialspage' className="justify-center items-center text-[2vw] font-bold md:pr-10 md:pl-10 md:flex md:justify-center md:items-center md:text-[1vw] md:font-bold">Socials</Link>
15+
<Link href='/' className="justify-center items-center text-[2vw] font-bold md:pr-10 md:pl-10 md:flex md:justify-center md:items-center md:text-[1vw] md:font-bold">Home</Link>
16+
</div>
17+
<h1 className=" h-[45vh] flex justify-center items-center text-[15vw] font-bold md:h-[45vh] md:flex md:justify-center md:items-center md:text-[15vw] md:font-bold ">{mainText}</h1>
18+
<p className="h-[10vh] flex justify-center pr-20 pl-20 items-center text-[5vw] font-bold md:h-[20vh] md:flex md:justify-center md:pr-80 md:pl-80 md:items-center md:text-[2vw] md:font-bold">{textDesc} </p>
19+
<footer>
20+
21+
</footer>
22+
23+
24+
25+
26+
27+
28+
29+
30+
31+
32+
</main>
33+
);
34+
}

‎src/app/(pages)/page2/page.tsx

+34
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
"use client"
2+
3+
import React from "react";
4+
import Link from 'next/link';
5+
//import Image from "next/image";
6+
7+
export default function Home() {
8+
const mainText = "Blender"
9+
const textDesc = "Blender is a program for designing 3d models and renders. Here is some of my work in this program."
10+
return (
11+
<main className="text-white">
12+
<div className="flex gap-5 md:flex-row absolute top-5 right-5">
13+
<Link href='/' className="justify-center items-center text-[2vw] font-bold md:pr-10 md:pl-10 md:flex md:justify-center md:items-center md:text-[1vw] md:font-bold">Home</Link>
14+
<Link href='futureprojects' className="justify-center items-center text-[2vw] font-bold md:pr-10 md:pl-10 md:flex md:justify-center md:items-center md:text-[1vw] md:font-bold">Socials</Link>
15+
<button className=" flex justify-center items-center text-[2vw font-bold md:pr-10 md:pl-10 md:flex md:justify-center md:items-center md:text-[1vw] md:font-bold">Future projects</button>
16+
</div>
17+
<h1 className=" h-[45vh] flex justify-center items-center text-[15vw] font-bold md:h-[45vh] md:flex md:justify-center md:items-center md:text-[15vw] md:font-bold ">{mainText}</h1>
18+
<p className="h-[10vh] flex justify-center pr-20 pl-20 items-center text-[5vw] font-bold md:h-[20vh] md:flex md:justify-center md:pr-80 md:pl-80 md:items-center md:text-[2vw] md:font-bold">{textDesc} </p>
19+
<footer>
20+
21+
</footer>
22+
23+
24+
25+
26+
27+
28+
29+
30+
31+
32+
</main>
33+
);
34+
}

‎src/app/(pages)/socialspage/page.tsx

+34
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
"use client"
2+
3+
import React from "react";
4+
import Link from 'next/link';
5+
//import Image from "next/image";
6+
7+
export default function Home() {
8+
const mainText = "Socials"
9+
const textDesc = "Here are some of my socials"
10+
return (
11+
<main className="text-white">
12+
<div className="flex gap-5 md:flex-row absolute top-5 right-5">
13+
<Link href='page2' className="justify-center items-center text-[2vw] font-bold md:pr-10 md:pl-10 md:flex md:justify-center md:items-center md:text-[1vw] md:font-bold">Summary</Link>
14+
<Link href='/' className="justify-center items-center text-[2vw] font-bold md:pr-10 md:pl-10 md:flex md:justify-center md:items-center md:text-[1vw] md:font-bold">Home</Link>
15+
<Link href='futureprojects' className="justify-center items-center text-[2vw] font-bold md:pr-10 md:pl-10 md:flex md:justify-center md:items-center md:text-[1vw] md:font-bold">Future projects</Link>
16+
</div>
17+
<h1 className=" h-[45vh] flex justify-center items-center text-[15vw] font-bold md:h-[45vh] md:flex md:justify-center md:items-center md:text-[15vw] md:font-bold ">{mainText}</h1>
18+
<p className="h-[10vh] flex justify-center pr-20 pl-20 items-center text-[5vw] font-bold md:h-[20vh] md:flex md:justify-center md:pr-80 md:pl-80 md:items-center md:text-[2vw] md:font-bold">{textDesc} </p>
19+
<footer>
20+
21+
</footer>
22+
23+
24+
25+
26+
27+
28+
29+
30+
31+
32+
</main>
33+
);
34+
}

‎src/app/globals.css

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,9 @@
33
@tailwind utilities;
44

55
:root {
6-
--background: #ffffff;
6+
--background: #242424;
77
--foreground: #171717;
8+
89
}
910

1011
@media (prefers-color-scheme: dark) {
@@ -15,7 +16,6 @@
1516
}
1617

1718
body {
18-
color: var(--foreground);
1919
background: var(--background);
2020
font-family: Arial, Helvetica, sans-serif;
2121
}

‎src/app/page.tsx

+24-8
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,35 @@
1+
"use client"
2+
13
import React from "react";
4+
import Link from 'next/link';
25

36
export default function Home() {
4-
const mainText = "Portfolio"
5-
const textDesc = "Hi, my name is odin and im a developer. I make games, 3d models, websites and animations. Here is some of my work"
7+
const mainText = "Portfolio"
8+
const textDesc = "Hi, my name is Odin im a 17 year old developer. I make games, 3d models, websites and animations. Here is some of my work. "
69
return (
7-
<main>
8-
<head>
9-
<title>3XM Portfolio</title>
10-
</head>
10+
<main className="text-white">
11+
<div className="flex gap-5 md:flex-row absolute top-5 right-5">
12+
<Link href='page2' className="justify-center items-center text-[2vw] font-bold md:pr-10 md:pl-10 md:flex md:justify-center md:items-center md:text-[1vw] md:font-bold">Summary</Link>
13+
<Link href='socialspage' className="justify-center items-center text-[2vw] font-bold md:pr-10 md:pl-10 md:flex md:justify-center md:items-center md:text-[1vw] md:font-bold">Socials</Link>
14+
<Link href='futureprojects' className="justify-center items-center text-[2vw] font-bold md:pr-10 md:pl-10 md:flex md:justify-center md:items-center md:text-[1vw] md:font-bold">Future projects</Link>
15+
</div>
1116
<h1 className=" h-[45vh] flex justify-center items-center text-[15vw] font-bold md:h-[45vh] md:flex md:justify-center md:items-center md:text-[15vw] md:font-bold ">{mainText}</h1>
12-
<p className="h-[10vh] flex justify-center pr-20 pl-20 items-center text-[5vw] font-bold md:h-[10vh] md:flex md:justify-center md:pr-80 md:pl-80 md:items-center md:text-[2vw] md:font-bold">{textDesc} </p>
17+
<p className="h-[10vh] flex justify-center pr-20 pl-20 items-center text-[5vw] font-bold md:h-[20vh] md:flex md:justify-center md:pr-80 md:pl-80 md:items-center md:text-[2vw] md:font-bold">{textDesc} </p>
1318

19+
20+
<h1 className="h-[50vh] flex justify-center items-center text-[10vw] pt-[50vh] font-bold">Projects</h1>
21+
<div className="flex gap-5 md:flex-row flex-col w-full justify-center">
22+
<button onClick={() => window.location.href = 'page2'} className=" justify-center items-center text-[5vw] pt-[15vh] font-bold md:pr-10 md:pl-10 md:flex md:justify-center md:items-center md:text-[2vw] md:pt-[20vh] md:font-bold">
23+
3D models and renders</button>
24+
<button className=" flex justify-center items-center text-[5vw] pt-[15vh] font-bold md:pr-10 md:pl-10 md:flex md:justify-center md:items-center md:text-[2vw] md:pt-[20vh] md:font-bold">Games</button>
25+
<button className=" flex justify-center items-center text-[5vw] pt-[15vh] font-bold md:pr-10 md:pl-10 md:flex md:justify-center md:items-center md:text-[2vw] md:pt-[20vh] md:font-bold">Websites and diverse programs</button>
26+
</div>
1427

15-
<h1 className=" h-[100vh] flex justify-center items-center text-[10vw] font-bold">Projects</h1>
1628

29+
30+
31+
32+
1733

1834
</main>
1935
);

0 commit comments

Comments
 (0)