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

removed % from skills · VansRouges/Portfolio-2.0@9556c1b · GitHub

/ Portfolio-2.0 Public

Commit 9556c1b

Browse files
VansRouges
committed
removed % from skills
1 parent e18c5de commit 9556c1b

4 files changed

Lines changed: 68 additions & 33 deletions

File tree

‎components/Skill.tsx‎

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -21,12 +21,12 @@ function Skill({ directionLeft }: Props) {
2121
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
/>
24-
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
24+
{/* <div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
2525
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
2626
<div className='flex items-center justify-center h-full'>
2727
<p className='text-3xl font-bold text-black opacity-100'>75%</p>
2828
</div>
29-
</div>
29+
</div> */}
3030
</div>
3131

3232
<div className='group relative flex cursor-pointer'>
@@ -40,12 +40,12 @@ function Skill({ directionLeft }: Props) {
4040
src='https://cdn.sanity.io/images/wpot5oxi/production/8730d76efbd4a40490416180ab8389876feaca1c-225x225.png'
4141
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
4242
/>
43-
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
43+
{/* <div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
4444
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
4545
<div className='flex items-center justify-center h-full'>
4646
<p className='text-3xl font-bold text-black opacity-100'>95%</p>
4747
</div>
48-
</div>
48+
</div> */}
4949
</div>
5050

5151
<div className='group relative flex cursor-pointer'>
@@ -59,12 +59,12 @@ function Skill({ directionLeft }: Props) {
5959
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
/>
62-
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
62+
{/* <div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
6363
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
6464
<div className='flex items-center justify-center h-full'>
6565
<p className='text-3xl font-bold text-black opacity-100'>100%</p>
6666
</div>
67-
</div>
67+
</div> */}
6868
</div>
6969

7070
<div className='group relative flex cursor-pointer'>
@@ -78,12 +78,12 @@ function Skill({ directionLeft }: Props) {
7878
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
/>
81-
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
81+
{/* <div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
8282
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
8383
<div className='flex items-center justify-center h-full'>
8484
<p className='text-3xl font-bold text-black opacity-100'>85%</p>
8585
</div>
86-
</div>
86+
</div> */}
8787
</div>
8888

8989
<div className='group relative flex cursor-pointer'>
@@ -97,12 +97,12 @@ function Skill({ directionLeft }: Props) {
9797
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
/>
100-
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
100+
{/* <div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
101101
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
102102
<div className='flex items-center justify-center h-full'>
103103
<p className='text-3xl font-bold text-black opacity-100'>60%</p>
104104
</div>
105-
</div>
105+
</div> */}
106106
</div>
107107

108108
<div className='group relative flex cursor-pointer'>
@@ -116,12 +116,12 @@ function Skill({ directionLeft }: Props) {
116116
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
/>
119-
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
119+
{/* <div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
120120
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
121121
<div className='flex items-center justify-center h-full'>
122122
<p className='text-3xl font-bold text-black opacity-100'>55%</p>
123123
</div>
124-
</div>
124+
</div> */}
125125
</div>
126126

127127
<div className='group relative flex cursor-pointer'>
@@ -135,12 +135,12 @@ function Skill({ directionLeft }: Props) {
135135
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
/>
138-
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
138+
{/* <div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
139139
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
140140
<div className='flex items-center justify-center h-full'>
141141
<p className='text-3xl font-bold text-black opacity-100'>65%</p>
142142
</div>
143-
</div>
143+
</div> */}
144144
</div>
145145

146146
<div className='group relative flex cursor-pointer'>
@@ -154,12 +154,12 @@ function Skill({ directionLeft }: Props) {
154154
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
/>
157-
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
157+
{/* <div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
158158
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
159159
<div className='flex items-center justify-center h-full'>
160160
<p className='text-3xl font-bold text-black opacity-100'>85%</p>
161161
</div>
162-
</div>
162+
</div> */}
163163
</div>
164164

165165
<div className='group relative flex cursor-pointer'>
@@ -173,12 +173,12 @@ function Skill({ directionLeft }: Props) {
173173
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
/>
176-
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
176+
{/* <div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
177177
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
178178
<div className='flex items-center justify-center h-full'>
179179
<p className='text-3xl font-bold text-black opacity-100'>80%</p>
180180
</div>
181-
</div>
181+
</div> */}
182182
</div>
183183

184184
<div className='group relative flex cursor-pointer'>
@@ -192,12 +192,12 @@ function Skill({ directionLeft }: Props) {
192192
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
/>
195-
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
195+
{/* <div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
196196
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
197197
<div className='flex items-center justify-center h-full'>
198198
<p className='text-3xl font-bold text-black opacity-100'>85%</p>
199199
</div>
200-
</div>
200+
</div> */}
201201
</div>
202202

203203
<div className='group relative flex cursor-pointer'>
@@ -211,12 +211,12 @@ function Skill({ directionLeft }: Props) {
211211
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
/>
214-
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
214+
{/* <div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
215215
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
216216
<div className='flex items-center justify-center h-full'>
217217
<p className='text-3xl font-bold text-black opacity-100'>100%</p>
218218
</div>
219-
</div>
219+
</div> */}
220220
</div>
221221

222222
<div className='group relative flex cursor-pointer'>
@@ -230,12 +230,12 @@ function Skill({ directionLeft }: Props) {
230230
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
/>
233-
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
233+
{/* <div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
234234
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
235235
<div className='flex items-center justify-center h-full'>
236236
<p className='text-3xl font-bold text-black opacity-100'>70%</p>
237237
</div>
238-
</div>
238+
</div> */}
239239
</div>
240240

241241
<div className='group relative flex cursor-pointer'>
@@ -249,12 +249,12 @@ function Skill({ directionLeft }: Props) {
249249
src='https://cdn.sanity.io/images/wpot5oxi/production/c2fe5842f4f42fd4f99bb5bfd850e954a1fdf9a7-225x225.png'
250250
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
251251
/>
252-
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
252+
{/* <div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
253253
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
254254
<div className='flex items-center justify-center h-full'>
255255
<p className='text-3xl font-bold text-black opacity-100'>70%</p>
256256
</div>
257-
</div>
257+
</div> */}
258258
</div>
259259

260260
<div className='group relative flex cursor-pointer'>
@@ -268,12 +268,12 @@ function Skill({ directionLeft }: Props) {
268268
src='https://cdn.sanity.io/images/wpot5oxi/production/e3c5568c1f0ec18e55b16bd239ebefa7c6be3886-225x225.jpg'
269269
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
270270
/>
271-
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
271+
{/* <div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
272272
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
273273
<div className='flex items-center justify-center h-full'>
274274
<p className='text-3xl font-bold text-black opacity-100'>50%</p>
275275
</div>
276-
</div>
276+
</div> */}
277277
</div>
278278

279279
<div className='group relative flex cursor-pointer'>
@@ -287,12 +287,12 @@ function Skill({ directionLeft }: Props) {
287287
src='https://cdn.sanity.io/images/wpot5oxi/production/3afad53e9984699280c769969b3b5136b5bd16d6-240x210.png'
288288
className='rounded-full border border-gray-500 object-cover w-20 h-20 filter group-hover:grayscale transition duration-300 ease-in-out'
289289
/>
290-
<div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
290+
{/* <div className='absolute opacity-0 group-hover:opacity-80 transition duration-300
291291
ease-in-out group-hover:bg-white h-20 w-20 rounded-full z-0'>
292292
<div className='flex items-center justify-center h-full'>
293293
<p className='text-3xl font-bold text-black opacity-100'>75%</p>
294294
</div>
295-
</div>
295+
</div> */}
296296
</div>
297297
</div>
298298
);

‎package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@
1515
"react": "18.2.0",
1616
"react-dom": "18.2.0",
1717
"react-hook-form": "^7.38.0",
18+
"react-scroll-horizontal": "^1.6.6",
1819
"react-simple-typewriter": "^4.0.5",
1920
"react-social-icons": "^5.15.0",
2021
"tailwind-scrollbar": "^2.0.1"

‎pages/index.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import Head from 'next/head'
2+
import HorizontalScroll from 'react-scroll-horizontal'
23
// import Image from 'next/image'
34
import About from '../components/About'
45
import ContactMe from '../components/ContactMe'
@@ -10,7 +11,7 @@ import WorkExperience from '../components/WorkExperience'
1011

1112
export default function Home() {
1213
return (
13-
<div className='bg-slate-50 h-screen text-[#004d25] snap-y snap-mandatory
14+
<HorizontalScroll className='bg-slate-50 h-screen text-[#004d25] snap-y snap-mandatory
1415
overflow-y-scroll overflow-x-hidden z-0 scrollbar-thin scrollbar-track-[#48bf53]/20
1516
scrollbar-thumb-[#004d25]/80'>
1617
<Head>
@@ -43,6 +44,6 @@ export default function Home() {
4344
<section id='contact' className='snap-start'>
4445
<ContactMe />
4546
</section>
46-
</div>
47+
</HorizontalScroll>
4748
)
4849
}

‎yarn.lock‎

Lines changed: 34 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1649,6 +1649,16 @@ path-type@^4.0.0:
16491649
resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
16501650
integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
16511651

1652+
performance-now@^0.2.0:
1653+
version "0.2.0"
1654+
resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-0.2.0.tgz#33ef30c5c77d4ea21c5a53869d91b56d8f2555e5"
1655+
integrity sha512-YHk5ez1hmMR5LOkb9iJkLKqoBlL7WD5M8ljC75ZfzXriuBIVNuecaXuU7e+hOwyqf24Wxhh7Vxgt7Hnw9288Tg==
1656+
1657+
performance-now@^2.1.0:
1658+
version "2.1.0"
1659+
resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
1660+
integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==
1661+
16521662
picocolors@^1.0.0:
16531663
version "1.0.0"
16541664
resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
@@ -1741,7 +1751,7 @@ prelude-ls@^1.2.1:
17411751
resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
17421752
integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
17431753

1744-
prop-types@^15.7.2, prop-types@^15.8.1:
1754+
prop-types@^15.5.8, prop-types@^15.7.2, prop-types@^15.8.1:
17451755
version "15.8.1"
17461756
resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
17471757
integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -1765,6 +1775,13 @@ quick-lru@^5.1.1:
17651775
resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
17661776
integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
17671777

1778+
raf@^3.1.0:
1779+
version "3.4.1"
1780+
resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
1781+
integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
1782+
dependencies:
1783+
performance-now "^2.1.0"
1784+
17681785
react-dom@18.2.0:
17691786
version "18.2.0"
17701787
resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d"
@@ -1783,6 +1800,22 @@ react-is@^16.13.1:
17831800
resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
17841801
integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
17851802

1803+
react-motion@^0.5.2:
1804+
version "0.5.2"
1805+
resolved "https://registry.yarnpkg.com/react-motion/-/react-motion-0.5.2.tgz#0dd3a69e411316567927917c6626551ba0607316"
1806+
integrity sha512-9q3YAvHoUiWlP3cK0v+w1N5Z23HXMj4IF4YuvjvWegWqNPfLXsOBE/V7UvQGpXxHFKRQQcNcVQE31g9SB/6qgQ==
1807+
dependencies:
1808+
performance-now "^0.2.0"
1809+
prop-types "^15.5.8"
1810+
raf "^3.1.0"
1811+
1812+
react-scroll-horizontal@^1.6.6:
1813+
version "1.6.6"
1814+
resolved "https://registry.yarnpkg.com/react-scroll-horizontal/-/react-scroll-horizontal-1.6.6.tgz#b887be6a4e3a116054783b496c0ae8b50bfaab32"
1815+
integrity sha512-aR5xE+5EOTQhhrljztHT5qqKEiYU+mKTePaQZJQqikREN0brNfpZst7QP2iEeQo8aip+r7ljTxQZOmfT3OwdSg==
1816+
dependencies:
1817+
react-motion "^0.5.2"
1818+
17861819
react-simple-typewriter@^4.0.5:
17871820
version "4.0.5"
17881821
resolved "https://registry.yarnpkg.com/react-simple-typewriter/-/react-simple-typewriter-4.0.5.tgz#404a1e12ccb97ad7813b48f8e58813117fe8e3fb"

0 commit comments

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