v.korobtsev/vkorobtsev-nextJs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add Simadun project and update education section

Browse source
This commit is contained in:
Alvalen 2025-01-04 10:51:29 +07:00
parent 10c2c68da1
commit c32bba2193
10 changed files with 82 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

74
app/about/(education)/education.jsx
View file

@ -28,19 +28,34 @@ export default function Education() {
<h3 className="text-md font-normal mb-3">
S1 Teknik Informatika | Computer Science
</h3>
<div className="grid gap-4 mb-4 grayscale hover:grayscale-0 transition-all ease duration-300">
<Image
src={Me4}
width={400}
height={225}
alt="University"
className="rounded-lg"
style={{
aspectRatio: "16/9",
objectFit: "cover",
width: "100%",
}}
/>
<div className="gap-4 mb-4 flex items-stretch md:h-[300px] xl:h-[400px]">
<div className="flex-[1] transition-all duration-300 ease-in-out hover:flex-[3] group">
<Image
src={Me4}
width={400}
height={225}
alt="University"
className="rounded-lg w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-300 ease-in-out"
/>
</div>
<div className="flex-[1] transition-all duration-300 ease-in-out hover:flex-[3] group">
<Image
src={Me4}
width={400}
height={225}
alt="University"
className="rounded-lg w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-300 ease-in-out"
/>
</div>
<div className="flex-[1] transition-all duration-300 ease-in-out hover:flex-[3] group">
<Image
src={Me4}
width={400}
height={225}
alt="University"
className="rounded-lg w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-300 ease-in-out"
/>
</div>
</div>
<div className="flex items-center gap-2">
<p className="text-justify">
@ -60,13 +75,13 @@ export default function Education() {
</div>
</div>
</div>
<div className="flex flex-col justify-start ">
<h2 className="font-semibold text-xl mt-7">
Achievements
</h2>
<p className="text-md font-normal mb-3 md:mb-12">
Some of my achievements during my study.
</p>
<div className="flex flex-col justify-start px-5 md:px-0">
<h2 className="font-semibold text-xl mt-7">
Achievements
</h2>
<p className="text-md font-normal mb-3 md:mb-12">
Some of my achievements during my study.
</p>
<div className="flex items-center gap-4 mb-4">
<div className="aspect-square w-10 rounded-full bg-black flex items-center justify-center text-primary-foreground">
<FontAwesomeIcon
@ -76,11 +91,11 @@ export default function Education() {
</div>
<div>
<h3 className="font-medium">
Special Award | Gold Medal | Incubation Opportunity
Special Award | Gold Medal | Incubation
Opportunity
</h3>
<p className="text-sm">
Indonesia Inventor Day 2024 (IID) | Aug
2024
Indonesia Inventor Day 2024 (IID) | Aug 2024
</p>
</div>
</div>
@ -96,8 +111,8 @@ export default function Education() {
3rd place (Bronze Medal)
</h3>
<p className="text-sm">
Student Digital Innovation Competition (LIDM) | Jun
2024
Student Digital Innovation Competition
(LIDM) | Jun 2024
</p>
</div>
</div>
@ -113,8 +128,7 @@ export default function Education() {
3rd place (Bronze Medal)
</h3>
<p className="text-sm">
Fesmaro UI/UX Design | Jun
2024
Fesmaro UI/UX Design | Jun 2024
</p>
</div>
</div>
@ -128,7 +142,8 @@ export default function Education() {
<div>
<h3 className="font-medium">Finalist</h3>
<p className="text-sm">
36th National Student Science Week (PIMNAS) | Nov 2023
36th National Student Science Week (PIMNAS)
| Nov 2023
</p>
</div>
</div>
@ -144,7 +159,8 @@ export default function Education() {
3rd place (Bronze Medal)
</h3>
<p className="text-sm">
FORKAFEST 3.0 Web Development competition | Jan 2023
FORKAFEST 3.0 Web Development competition |
Jan 2023
</p>
</div>
</div>