FazBrowse GitHub Viewer | Trending |
URL:
| Home
Tools: [Download Repo ZIP]   [Original HTTPS Page]

finished · VansRouges/Portfolio-2.0@25dd5f4 · GitHub

/ Portfolio-2.0 Public

Commit 25dd5f4

Browse files
VansRouges
committed
finished
1 parent 8fdb18c commit 25dd5f4

5 files changed

Lines changed: 75 additions & 35 deletions

File tree

‎components/ExperienceCard.tsx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ type Props = {
1010
export default function ExperienceCard({ }: Props) {
1111
return (
1212
<div className='w-full h-[570px] flex space-x-4 overflow-x-scroll p-10 snap-x snap-mandatory
13-
scrollbar scrollbar-track-gray-400/20 scrollbar-thumb-[#f7ab0a]/80'>
13+
scrollbar scrollbar-track-[#48bf53]/20 scrollbar-thumb-[#004d25]/80'>
1414

1515
<article className='flex flex-col rounded-lg items-center space-y-1 flex-shrink-0
1616
w-[400px] md:w-[500px] xl:w-[900px] snap-center bg-[#292929] p-10 hover:opacity-100
@@ -42,14 +42,14 @@ export default function ExperienceCard({ }: Props) {
4242
/>
4343
<Image
4444
className='h-10 w-10 rounded-full'
45-
src='https://cdn.sanity.io/images/wpot5oxi/production/342c6aa3ce18f0d19f0e3349734566ac60fea7f9-210x240.png'
45+
src='https://cdn.sanity.io/images/wpot5oxi/production/52a71a36c086861d1d81e1368265c6429bed873a-225x225.png'
4646
width='40'
4747
height='40'
4848
alt=''
4949
/>
5050
<Image
5151
className='h-10 w-10 rounded-full'
52-
src='https://cdn.sanity.io/images/wpot5oxi/production/342c6aa3ce18f0d19f0e3349734566ac60fea7f9-210x240.png'
52+
src='https://cdn.sanity.io/images/wpot5oxi/production/05e6ac6cc4faf214edd2b5d077e1a5acfcce6195-229x221.png'
5353
width='40'
5454
height='40'
5555
alt=''
@@ -60,12 +60,12 @@ export default function ExperienceCard({ }: Props) {
6060
{experience.isCurrentlyWorkingHere
6161
? "Present"
6262
: new Date(experience.dateEnded).toDateString()} */}
63-
Started work... - Ended...
63+
Started work: April 3rd, 2022 - Ended: June 29th, 2022
6464
</p>
6565

6666
<ul className='list-disc space-y- ml-5 text-lg h-48 text-white'>
67-
<li>Summary Points</li>
68-
<li>Summary Points</li>
67+
{/* <li>designed and built the user interface</li> */}
68+
{/* <li>Summary Points</li> */}
6969
</ul>
7070
</div>
7171
</article>
@@ -118,12 +118,12 @@ export default function ExperienceCard({ }: Props) {
118118
{experience.isCurrentlyWorkingHere
119119
? "Present"
120120
: new Date(experience.dateEnded).toDateString()} */}
121-
Started work... - Ended...
121+
Started work: Aug 22nd, 2022 - Ended: Sept 22nd, 2022
122122
</p>
123123

124124
<ul className='list-disc space-y- ml-5 text-lg h-48 text-white'>
125-
<li>Summary Points</li>
126-
<li>Summary Points</li>
125+
{/* <li>built the wallet, sign up and login interface</li> */}
126+
{/* <li>Summary Points</li> */}
127127
</ul>
128128
</div>
129129
</article>

‎components/Projects.tsx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ export default function Projects({ }: Props) {
2121
</h3>
2222

2323
<div className='relative w-full h-[620px] flex overflow-x-scroll overflow-y-hidden snap-x
24-
snap-madatory z-20 scrollbar scrollbar-track-gray-400/20 scrollbar-thumb-[#f7ab0a]/80'>
24+
snap-madatory z-20 scrollbar scrollbar-track-[#48bf53]/20 scrollbar-thumb-[#004d25]/80'>
2525
<div
2626
className='w-screen flex-shrink-0 snap-center flex flex-col space-y-5 items-center justify-center p-20 md:p-44 h-screen'
2727
>
@@ -57,19 +57,19 @@ export default function Projects({ }: Props) {
5757
className=''
5858
width='32'
5959
height='32'
60-
src='https://cdn.sanity.io/images/wpot5oxi/production/a564e80cbd4a740999df0aca27698eaf6a3f63cf-200x174.png'
60+
src='https://cdn.sanity.io/images/wpot5oxi/production/8730d76efbd4a40490416180ab8389876feaca1c-225x225.png'
6161
alt=''
6262
/>
63-
<Image
63+
{/* <Image
6464
className=''
6565
width='32'
6666
height='32'
6767
src='https://cdn.sanity.io/images/wpot5oxi/production/a564e80cbd4a740999df0aca27698eaf6a3f63cf-200x174.png'
6868
alt=''
69-
/>
69+
/> */}
7070
</div>
7171

72-
<p className='text-lg text-center md:text-left'>
72+
<p className='text-base text-center md:text-left'>
7373
Zoidac is a decentralized Market making use of Web3 technologies aimed at enabling Artists and Creatives market their work and get paid in cryptocurrency. This platform currently accepts Sol and interacts with all wallets built on the Solana Blockchain.
7474
This repository will only contain the Frontend Build.
7575
</p>
@@ -112,16 +112,16 @@ export default function Projects({ }: Props) {
112112
className=''
113113
width='32'
114114
height='32'
115-
src='https://cdn.sanity.io/images/wpot5oxi/production/a564e80cbd4a740999df0aca27698eaf6a3f63cf-200x174.png'
115+
src='https://cdn.sanity.io/images/wpot5oxi/production/52a71a36c086861d1d81e1368265c6429bed873a-225x225.png'
116116
alt=''
117117
/>
118-
<Image
118+
{/* <Image
119119
className=''
120120
width='32'
121121
height='32'
122122
src='https://cdn.sanity.io/images/wpot5oxi/production/a564e80cbd4a740999df0aca27698eaf6a3f63cf-200x174.png'
123123
alt=''
124-
/>
124+
/> */}
125125
</div>
126126

127127
<p className='text-base text-center'>
@@ -159,21 +159,21 @@ export default function Projects({ }: Props) {
159159
className=''
160160
width='32'
161161
height='32'
162-
src='https://cdn.sanity.io/images/wpot5oxi/production/a564e80cbd4a740999df0aca27698eaf6a3f63cf-200x174.png'
162+
src='https://cdn.sanity.io/images/wpot5oxi/production/342c6aa3ce18f0d19f0e3349734566ac60fea7f9-210x240.png'
163163
alt=''
164164
/>
165165
<Image
166166
className=''
167167
width='32'
168168
height='32'
169-
src='https://cdn.sanity.io/images/wpot5oxi/production/a564e80cbd4a740999df0aca27698eaf6a3f63cf-200x174.png'
169+
src='https://cdn.sanity.io/images/wpot5oxi/production/52a71a36c086861d1d81e1368265c6429bed873a-225x225.png'
170170
alt=''
171171
/>
172172
<Image
173173
className=''
174174
width='32'
175175
height='32'
176-
src='https://cdn.sanity.io/images/wpot5oxi/production/a564e80cbd4a740999df0aca27698eaf6a3f63cf-200x174.png'
176+
src='https://cdn.sanity.io/images/wpot5oxi/production/05e6ac6cc4faf214edd2b5d077e1a5acfcce6195-229x221.png'
177177
alt=''
178178
/>
179179
</div>

‎components/Skill.tsx‎

Lines changed: 50 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ function Skill({ directionLeft }: Props) {
1818
}}
1919
transition={{ duration: 1 }}
2020
whileInView={{ opacity: 1, x: 0 }}
21-
src='https://cdn.sanity.io/images/wpot5oxi/production/8730d76efbd4a40490416180ab8389876feaca1c-225x225.png'
21+
src='https://cdn.sanity.io/images/wpot5oxi/production/a564e80cbd4a740999df0aca27698eaf6a3f63cf-200x174.png'
2222
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
2323
/>
2424
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
@@ -56,7 +56,7 @@ function Skill({ directionLeft }: Props) {
5656
}}
5757
transition={{ duration: 1 }}
5858
whileInView={{ opacity: 1, x: 0 }}
59-
src='https://cdn.sanity.io/images/wpot5oxi/production/8730d76efbd4a40490416180ab8389876feaca1c-225x225.png'
59+
src='https://cdn.sanity.io/images/wpot5oxi/production/342c6aa3ce18f0d19f0e3349734566ac60fea7f9-210x240.png'
6060
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
6161
/>
6262
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
@@ -75,7 +75,7 @@ function Skill({ directionLeft }: Props) {
7575
}}
7676
transition={{ duration: 1 }}
7777
whileInView={{ opacity: 1, x: 0 }}
78-
src='https://cdn.sanity.io/images/wpot5oxi/production/8730d76efbd4a40490416180ab8389876feaca1c-225x225.png'
78+
src='https://cdn.sanity.io/images/wpot5oxi/production/52a71a36c086861d1d81e1368265c6429bed873a-225x225.png'
7979
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
8080
/>
8181
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
@@ -94,7 +94,7 @@ function Skill({ directionLeft }: Props) {
9494
}}
9595
transition={{ duration: 1 }}
9696
whileInView={{ opacity: 1, x: 0 }}
97-
src='https://cdn.sanity.io/images/wpot5oxi/production/8730d76efbd4a40490416180ab8389876feaca1c-225x225.png'
97+
src='https://cdn.sanity.io/images/wpot5oxi/production/3bf623048dc27d71547da92e44fc589cd7acfc65-192x192.jpg'
9898
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
9999
/>
100100
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
@@ -113,7 +113,7 @@ function Skill({ directionLeft }: Props) {
113113
}}
114114
transition={{ duration: 1 }}
115115
whileInView={{ opacity: 1, x: 0 }}
116-
src='https://cdn.sanity.io/images/wpot5oxi/production/8730d76efbd4a40490416180ab8389876feaca1c-225x225.png'
116+
src='https://cdn.sanity.io/images/wpot5oxi/production/74e220d6b60942738d53012d8be9c5cddbd6887a-119x119.jpg'
117117
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
118118
/>
119119
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
@@ -132,7 +132,7 @@ function Skill({ directionLeft }: Props) {
132132
}}
133133
transition={{ duration: 1 }}
134134
whileInView={{ opacity: 1, x: 0 }}
135-
src='https://cdn.sanity.io/images/wpot5oxi/production/8730d76efbd4a40490416180ab8389876feaca1c-225x225.png'
135+
src='https://cdn.sanity.io/images/wpot5oxi/production/608b8775828b2c83c1a7173a087796cf40a2cd13-178x100.png'
136136
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
137137
/>
138138
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
@@ -151,7 +151,7 @@ function Skill({ directionLeft }: Props) {
151151
}}
152152
transition={{ duration: 1 }}
153153
whileInView={{ opacity: 1, x: 0 }}
154-
src='https://cdn.sanity.io/images/wpot5oxi/production/8730d76efbd4a40490416180ab8389876feaca1c-225x225.png'
154+
src='https://cdn.sanity.io/images/wpot5oxi/production/0b472995e0f86a68a5e46061b996daf68588d401-199x119.png'
155155
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
156156
/>
157157
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
@@ -170,7 +170,7 @@ function Skill({ directionLeft }: Props) {
170170
}}
171171
transition={{ duration: 1 }}
172172
whileInView={{ opacity: 1, x: 0 }}
173-
src='https://cdn.sanity.io/images/wpot5oxi/production/8730d76efbd4a40490416180ab8389876feaca1c-225x225.png'
173+
src='https://cdn.sanity.io/images/wpot5oxi/production/e7f68959cc0da64eac17e4f9b5dca9d5ba6bb2e1-200x122.png'
174174
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
175175
/>
176176
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
@@ -189,7 +189,7 @@ function Skill({ directionLeft }: Props) {
189189
}}
190190
transition={{ duration: 1 }}
191191
whileInView={{ opacity: 1, x: 0 }}
192-
src='https://cdn.sanity.io/images/wpot5oxi/production/8730d76efbd4a40490416180ab8389876feaca1c-225x225.png'
192+
src='https://cdn.sanity.io/images/wpot5oxi/production/05e6ac6cc4faf214edd2b5d077e1a5acfcce6195-229x221.png'
193193
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
194194
/>
195195
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
@@ -208,7 +208,7 @@ function Skill({ directionLeft }: Props) {
208208
}}
209209
transition={{ duration: 1 }}
210210
whileInView={{ opacity: 1, x: 0 }}
211-
src='https://cdn.sanity.io/images/wpot5oxi/production/8730d76efbd4a40490416180ab8389876feaca1c-225x225.png'
211+
src='https://cdn.sanity.io/images/wpot5oxi/production/c511a32f682ceb5198dd882d70014f13089c1a66-200x200.png'
212212
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
213213
/>
214214
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
@@ -227,7 +227,7 @@ function Skill({ directionLeft }: Props) {
227227
}}
228228
transition={{ duration: 1 }}
229229
whileInView={{ opacity: 1, x: 0 }}
230-
src='https://cdn.sanity.io/images/wpot5oxi/production/8730d76efbd4a40490416180ab8389876feaca1c-225x225.png'
230+
src='https://cdn.sanity.io/images/wpot5oxi/production/de0ea932f7d44d8fa309f26d5470ed9ee8cc430e-121x121.jpg'
231231
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
232232
/>
233233
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
@@ -246,7 +246,45 @@ function Skill({ directionLeft }: Props) {
246246
}}
247247
transition={{ duration: 1 }}
248248
whileInView={{ opacity: 1, x: 0 }}
249-
src='https://cdn.sanity.io/images/wpot5oxi/production/8730d76efbd4a40490416180ab8389876feaca1c-225x225.png'
249+
src='https://cdn.sanity.io/images/wpot5oxi/production/c2fe5842f4f42fd4f99bb5bfd850e954a1fdf9a7-225x225.png'
250+
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
251+
/>
252+
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
253+
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
254+
<div className='flex items-center justify-center h-full'>
255+
<p className='text-3xl font-bold text-black opacity-100'>95%</p>
256+
</div>
257+
</div>
258+
</div>
259+
260+
<div className='group relative flex cursor-pointer'>
261+
<motion.img
262+
initial={{
263+
x: directionLeft ? -200 : 200,
264+
opacity: 0
265+
}}
266+
transition={{ duration: 1 }}
267+
whileInView={{ opacity: 1, x: 0 }}
268+
src='https://cdn.sanity.io/images/wpot5oxi/production/e3c5568c1f0ec18e55b16bd239ebefa7c6be3886-225x225.jpg'
269+
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
270+
/>
271+
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
272+
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
273+
<div className='flex items-center justify-center h-full'>
274+
<p className='text-3xl font-bold text-black opacity-100'>95%</p>
275+
</div>
276+
</div>
277+
</div>
278+
279+
<div className='group relative flex cursor-pointer'>
280+
<motion.img
281+
initial={{
282+
x: directionLeft ? -200 : 200,
283+
opacity: 0
284+
}}
285+
transition={{ duration: 1 }}
286+
whileInView={{ opacity: 1, x: 0 }}
287+
src='https://cdn.sanity.io/images/wpot5oxi/production/3afad53e9984699280c769969b3b5136b5bd16d6-240x210.png'
250288
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
251289
/>
252290
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300

‎pages/index.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@ import WorkExperience from '../components/WorkExperience'
1111
export default function Home() {
1212
return (
1313
<div className='bg-slate-50 h-screen text-[#004d25] snap-y snap-mandatory
14-
overflow-y-scroll overflow-x-hidden z-0 scrollbar-thin scrollbar-track-gray-400/20
15-
scrollbar-thumb-[#f7ab0a]/80'>
14+
overflow-y-scroll overflow-x-hidden z-0 scrollbar-thin scrollbar-track-[#48bf53]/20
15+
scrollbar-thumb-[#004d25]/80'>
1616
<Head>
1717
<title>Vance Portfolio</title>
1818
</Head>

‎tailwind.config.js‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,5 +7,7 @@ module.exports = {
77
theme: {
88
extend: {},
99
},
10-
plugins: [],
10+
plugins: [
11+
require('tailwind-scrollbar'),
12+
],
1113
}

0 commit comments

Comments
 (0)
Back | FazBrowse Home | New Git URL