fdel/portfolio-wordpress
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Making some slight changes to landing page to be more clear/provide more of my information for companies

Browse Source
This commit is contained in:
Frank
2024-03-22 20:51:36 -06:00
parent 8778f28cc2
commit 12000ecd0d
14 changed files with 1145 additions and 374 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
.eslintrc.json
View File

@@ -1,3 +1,19 @@
{
"extends": "next/core-web-vitals"
"env": {
"browser": true,
"es2021": true
},
"extends": [
"standard-with-typescript",
"plugin:react/recommended"
],
"parserOptions": {
"ecmaVersion": "latest",
"sourceType": "module"
},
"plugins": [
"react"
],
"rules": {
}
}

1339
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

14
package.json
View File

@@ -29,7 +29,6 @@
"autoprefixer": "10.4.16",
"class-variance-authority": "^0.7.0",
"clsx": "^2.0.0",
"eslint": "8.49.0",
"eslint-config-next": "13.5.2",
"html-react-parser": "^4.2.2",
"lucide-react": "^0.279.0",
@@ -46,10 +45,17 @@
"tailwind-merge": "^1.14.0",
"tailwindcss": "3.3.3",
"tailwindcss-animate": "^1.0.7",
"three": "^0.156.1",
"typescript": "5.2.2"
"three": "^0.156.1"
},
"devDependencies": {
"@types/react-slick": "^0.23.10"
"@types/react-slick": "^0.23.10",
"@typescript-eslint/eslint-plugin": "^6.21.0",
"eslint": "^8.57.0",
"eslint-config-standard-with-typescript": "^43.0.1",
"eslint-plugin-import": "^2.29.1",
"eslint-plugin-n": "^16.6.2",
"eslint-plugin-promise": "^6.1.1",
"eslint-plugin-react": "^7.34.1",
"typescript": "^5.4.3"
}
}

BIN
public/Frank_Delaguila_Resume.pdf Normal file
View File

Binary file not shown.

BIN
public/android-chrome-192x192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
public/android-chrome-512x512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
public/apple-touch-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
public/favicon-16x16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 379 B

BIN
public/favicon-32x32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 681 B

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 15 KiB

32
src/pages/_document.tsx
View File

@@ -2,23 +2,31 @@ import { Html, Head, Main, NextScript } from "next/document";
export default function Document() {
return (
<Html
lang="en"
className="dark"
>
<Html lang="en" className="dark">
<Head>
<link
rel="preconnect"
href="https://fonts.googleapis.com"
/>
<link
rel="preconnect"
href="https://fonts.gstatic.com"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&family=Ubuntu:wght@400;700&display=swap"
rel="stylesheet"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/favicon-16x16.png"
/>
</Head>
<body>
<Main />

17
src/pages/freelance/index.tsx
View File

@@ -24,11 +24,8 @@ export default function Freelance(): JSX.Element {
<h1 className="text-center text-4xl font-bold text-foreground mb-4">
Let&apos;s Build Your Website!
</h1>
<Button asChild>
<Link
href="https://forms.gle/xuwgKSHqhPWrt2Zo8"
target="_blank"
>
<Button className="font-bold" asChild>
<Link href="https://forms.gle/xuwgKSHqhPWrt2Zo8" target="_blank">
Onboarding Form
</Link>
</Button>
@@ -130,14 +127,8 @@ export default function Freelance(): JSX.Element {
<h1 className="text-center text-4xl font-bold text-foreground mb-2">
Let&apos;s Build Your Website!
</h1>
<Button
asChild
className="mt-2"
>
<Link
href="https://forms.gle/xuwgKSHqhPWrt2Zo8"
target="_blank"
>
<Button asChild className="font-bold mt-2">
<Link href="https://forms.gle/xuwgKSHqhPWrt2Zo8" target="_blank">
Onboarding Form
</Link>
</Button>

73
src/pages/index.tsx
View File

@@ -6,6 +6,10 @@ import Link from "next/link";
import Internal from "@/components/common/Internal";
import { Button } from "@/components/ui/button";
import Model from "@/components/common/Model";
import { useState } from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faGithub, faLinkedin } from "@fortawesome/free-brands-svg-icons";
import { faFile, faFileArrowDown } from "@fortawesome/free-solid-svg-icons";
export default function Home(): JSX.Element {
return (
@@ -17,23 +21,68 @@ export default function Home(): JSX.Element {
<br />
and Web Designer
</h1>
<p className="md:w-1/2 opacity-60 text-white my-2">
Need a custom website? Let&apos;s talk!
<p className="md:w-1/2 text-white my-2">
Looking to hire a developer, or to get a custom website made?
</p>
<Button asChild>
<Link href="/freelance">Hiring a freelancer?</Link>
<Button asChild className="font-bold mr-4 mb-4 min-[384px]:mb-0">
<Link
target="_blank"
rel="noopener noreferrer"
href="https://bold.pro/my/frank-delaguila?vsid=18199fb7-7d38-44da-92bf-b6f2b37c5fd5"
>
Online Resume
</Link>
</Button>
<Button variant={"secondary"} asChild className="font-bold">
<Link href="/freelance">I need a website made!</Link>
</Button>
<div className="flex align-center">
<Link
href="https://github.com/franky212"
target="_blank"
rel="noopener noreferrer"
>
<FontAwesomeIcon
aria-label="My Github Profile"
title="My Github Profile"
className="cusor-pointer p-4 hover:text-primary transition-colors"
icon={faGithub}
size="2xl"
/>
</Link>
<Link
href="https://www.linkedin.com/in/frank-delaguila/"
target="_blank"
rel="noopener noreferrer"
>
<FontAwesomeIcon
aria-label="My LinkedIn Profile"
title="My LinkedIn Profile"
className="cusor-pointer p-4 hover:text-primary transition-colors"
icon={faLinkedin}
size="2xl"
/>
</Link>
<a
href="./Frank_Delaguila_Resume.pdf"
download="frankdelaguila.pdf"
target="_blank"
rel="noopener noreferrer"
>
<FontAwesomeIcon
aria-label="Download my resume!"
title="Frank Delaguilas Resume"
className="cusor-pointer p-4 hover:text-primary transition-colors"
icon={faFileArrowDown}
size="2xl"
/>
</a>
</div>
</div>
<div className="flex flex-col justify-center items-center absolute top-0 left-0 w-full h-screen bg-black">
<Canvas
shadows
camera={{ position: [4, 2, 2] }}
>
<Canvas shadows camera={{ position: [4, 2, 2] }}>
<ambientLight intensity={0.1} />
<directionalLight
color="white"
position={[0, 5, 5]}
/>
<directionalLight color="white" position={[0, 5, 5]} />
<Model />
</Canvas>
</div>

26
src/pages/portfolio/index.tsx
View File

@@ -70,15 +70,9 @@ export default function Portfolio({ projects }: any): JSX.Element {
<div className="container mb-12">
{/*
// @ts-ignore */}
<Slider
{...sliderSettings}
ref={customSlider}
>
<Slider {...sliderSettings} ref={customSlider}>
{projects.map(({ id, acm_fields }: any) => (
<div
className="md:px-2 outline-none"
key={id}
>
<div className="md:px-2 outline-none" key={id}>
<img
alt={acm_fields?.featured_media?.alt_text}
data-projectid={id}
@@ -92,14 +86,8 @@ export default function Portfolio({ projects }: any): JSX.Element {
{!isLoading && project.acm_fields ? (
<>
<div className="text-center mb-6">
<Button
className=""
asChild
>
<Link
href={project?.acm_fields?.projectLink}
target="_blank"
>
<Button className="font-bold" asChild>
<Link href={project?.acm_fields?.projectLink} target="_blank">
View Project
</Link>
</Button>
@@ -135,11 +123,7 @@ export default function Portfolio({ projects }: any): JSX.Element {
</>
) : (
<div className="text-center">
<FontAwesomeIcon
spin
size="2xl"
icon={faSpinner}
/>
<FontAwesomeIcon spin size="2xl" icon={faSpinner} />
</div>
)}
</div>