Skip to content

Commit eb0e79b

Browse files
OxicodeOxicode
committed
done
1 parent 4868dfd commit eb0e79b

File tree

7 files changed

+280
-63
lines changed

7 files changed

+280
-63
lines changed

‎components/navbar.js

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -32,8 +32,8 @@ const WhatsappComponent = ({ ReactGA, showHuman, recaptchaRef }) => (
3232
})
3333
}}
3434
href={showHuman ? `https://api.whatsapp.com/send?phone=${process.env.PHONE_NUMBER}` : '#'}
35-
className="whitespace-nowrap w-1/2 px-3 py-2 text-white bg-[#128C7E] border border-[#128C7E] rounded-lg" rel="noreferrer">
36-
<FaWhatsapp className='inline-block mb-1' /> Whatsapp
35+
className="hover:text-[#128C7E] " rel="noreferrer">
36+
<FaWhatsapp className='inline-block text-3xl transform hover:scale-125' /> Whatsapp
3737
</a>
3838
)
3939

@@ -54,7 +54,7 @@ const ResumePdfComponent = ({ showHuman, recaptchaRef, ReactGA }) => (
5454
</a>
5555
)
5656

57-
const paypal = (
57+
const Paypal = () => (
5858
<>
5959
<form action="https://www.paypal.com/donate" method="post"
6060
target="_top"
@@ -87,9 +87,9 @@ const LinkedinComponent = ({ showHuman, recaptchaRef, ReactGA }) => (
8787
</a>
8888
)
8989

90-
const calendly = (<a title='Calendly' target="_blank"
90+
const Calendly = () => (<a title='Calendly' target="_blank"
9191
href='https://calendly.com/christian-quispeh/15min'
92-
className="mt-2 hover:cursor-pointer hover:text-yellow-800" rel="noreferrer">
92+
className="hover:cursor-pointer hover:text-yellow-800" rel="noreferrer">
9393
<CalendarIcon className='inline-block text-3xl transform hover:scale-125' /> {' '} Calendly
9494
</a>)
9595

@@ -111,4 +111,4 @@ const AlertRobotComponent = ({ errorCaptcha }) => (errorCaptcha
111111
</div>)
112112
: <></>)
113113

114-
export { AlertRobotComponent, calendly, LinkedinComponent, MailComponent, paypal, ResumePdfComponent, WhatsappComponent }
114+
export { AlertRobotComponent, Calendly, LinkedinComponent, MailComponent, Paypal, ResumePdfComponent, WhatsappComponent }

‎next.config.js

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack-plugin')
21

32
/**
43
* @type {import('next').NextConfig}
@@ -27,11 +26,6 @@ const nextConfig = {
2726
config.plugins.push(
2827
new webpack.BannerPlugin("You're a little curious!, By Oxicode")
2928
)
30-
if (dev) {
31-
config.plugins.push(
32-
new DuplicatePackageCheckerPlugin()
33-
)
34-
}
3529

3630
return config
3731
}

‎package.json

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,21 +10,22 @@
1010
"start": "next start"
1111
},
1212
"dependencies": {
13-
"@headlessui/react": "1.6.1",
13+
"@headlessui/react": "^1.6.4",
1414
"@octokit/core": "3.6.0",
15+
"date-fns": "^2.28.0",
1516
"next": "12.1.6",
1617
"react": "17.0.2",
1718
"react-dom": "17.0.2",
1819
"react-ga": "3.3.0",
1920
"react-google-recaptcha": "2.1.0",
20-
"react-icons": "4.3.1",
21+
"react-icons": "4.4.0",
22+
"typeit-react": "2.3.0",
2123
"unsplash-js": "7.0.15"
2224
},
2325
"devDependencies": {
2426
"@babel/core": "7.17.10",
2527
"@babel/eslint-parser": "7.17.0",
2628
"autoprefixer": "10.4.4",
27-
"duplicate-package-checker-webpack-plugin": "3.0.0",
2829
"eslint": "8.13.0",
2930
"eslint-config-eslint": "7.0.0",
3031
"eslint-config-next": "12.1.6",

‎pages/_document.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ class MyDocument extends Document {
1111
<Html className={classNames(randomColorClass, ' from-gray-900 to-black')} lang='en'>
1212
<Head>
1313
<link rel="preconnect" href="https://fonts.googleapis.com" />
14-
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin />
14+
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin={true} />
1515
<link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap"
1616
rel="stylesheet"
1717
/>

‎pages/index.js

Lines changed: 54 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,16 @@ import React, { createRef, useEffect, useState } from 'react'
66
import ReactGA from 'react-ga'
77
import ReCAPTCHA from 'react-google-recaptcha'
88
import { FaAngleDoubleDown, FaAngleDoubleUp, FaGithub } from 'react-icons/fa'
9+
import TypeIt from 'typeit-react'
910
import { createApi } from 'unsplash-js'
1011

11-
import { randomElement, removeBanned } from '@/components/helper'
12+
import { classNames, randomElement, removeBanned } from '@/components/helper'
1213
import {
1314
AlertRobotComponent,
14-
calendly,
15+
Calendly,
16+
LinkedinComponent,
1517
MailComponent,
16-
paypal,
18+
Paypal,
1719
ResumePdfComponent,
1820
WhatsappComponent
1921
} from '@/components/navbar'
@@ -48,6 +50,11 @@ const Home = ({ bio, avatar_url, blog, email, randomE }) => {
4850
}
4951
}, [statusScript])
5052

53+
const isOnline = () => {
54+
const hours = new Date().getHours()
55+
return hours > 8 && hours < 20
56+
}
57+
5158
return (
5259
<>
5360
<Head>
@@ -84,10 +91,17 @@ const Home = ({ bio, avatar_url, blog, email, randomE }) => {
8491
<div className="px-6 pb-5 my-6 bg-white pt-7 zigzag">
8592
<div className="flex flex-col max-w-sm ">
8693
<div className="flex flex-col gap-5 bg-white md:flex-row">
87-
<img
88-
className="w-24 h-24 mx-auto border-gray-800 rounded-lg"
89-
src={avatar_url} alt="Christian Quispe"
90-
/>
94+
95+
<span className="relative inline-block">
96+
<img
97+
className="w-24 h-24 mx-auto border-gray-800 rounded-md"
98+
src={avatar_url}
99+
alt=""
100+
/>
101+
<span className="absolute bottom-0 right-0 block transform translate-x-1/2 border-2 border-white rounded-full">
102+
<span className={classNames('block w-4 h-4 rounded-full', isOnline() ? 'bg-green-400' : 'bg-gray-300')} />
103+
</span>
104+
</span>
91105
<div className="flex flex-col mb-3 text-center select-all md:text-left">
92106
<div className="pt-2 pb-1 text-2xl font-medium text-stone-800 font-nunito-sans">
93107
<h1>Christian Quispe</h1>
@@ -110,15 +124,42 @@ const Home = ({ bio, avatar_url, blog, email, randomE }) => {
110124
>
111125
<div className={'max-w-[18rem] my-3 select-none'}>
112126
<p className='text-sm text-justify md:pt-1'>
113-
I am a full-stack developer focused on WS integrations with Artificial Intelligence from the cloud. I have solid experience in technologies like Javascript/NodeJS (8 years), PHP (11 years), Python (4 years), also other technologies awesome.
127+
I am a full-stack developer focused on WS integrations with Artificial Intelligence from the cloud. {' '}
128+
<TypeIt
129+
options={{
130+
speed: 50,
131+
waitUntilVisible: true,
132+
afterComplete: function (instance) {
133+
try {
134+
instance.destroy()
135+
} catch (e) {
136+
}
137+
}
138+
}}
139+
getBeforeInit={(instance) => {
140+
instance
141+
.type('I have solid experience in technologies like Javascript/NodeJS (7 ')
142+
.pause(750)
143+
.delete(2)
144+
.pause(500)
145+
.type('8 years), Python (4 years), PHP (10 ')
146+
.pause(750)
147+
.delete(2)
148+
.pause(500)
149+
.type('1 years), also other technologies <span class="font-bold">awesome.!</span>')
150+
151+
return instance
152+
}}
153+
/>
154+
114155
</p>
115156
</div>
116157

117158
</Transition>
118159
<div className="flex items-center justify-between gap-3 mt-2">
119160

120161
<ResumePdfComponent showHuman={showHuman} email={email} recaptchaRef={recaptchaRef} ReactGA={ReactGA} />
121-
<WhatsappComponent showHuman={showHuman} email={email} recaptchaRef={recaptchaRef} ReactGA={ReactGA} />
162+
<LinkedinComponent showHuman={showHuman} email={email} recaptchaRef={recaptchaRef} ReactGA={ReactGA} />
122163

123164
<a
124165
href="#"
@@ -140,10 +181,12 @@ const Home = ({ bio, avatar_url, blog, email, randomE }) => {
140181
>
141182

142183
<hr className='h-px my-4 border-0 bg-gradient-to-l from-gray-200 via-gray-800 to-gray-200' />
184+
143185
<div className="flex flex-col space-y-5">
144-
{calendly}
186+
<WhatsappComponent showHuman={showHuman} email={email} recaptchaRef={recaptchaRef} ReactGA={ReactGA} />
187+
<Calendly />
145188
<MailComponent showHuman={showHuman} email={email} recaptchaRef={recaptchaRef} ReactGA={ReactGA} />
146-
{paypal}
189+
<Paypal />
147190
</div>
148191
</Transition>
149192

‎pages/sitemap.xml.js renamed to ‎pages/sitemap.xml/index.js

File renamed without changes.

0 commit comments

Comments
 (0)