Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fiks: ui branda #52

Merged
merged 1 commit into from
Dec 29, 2024
Merged

fiks: ui branda #52

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/components/ArticleCard.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,15 +33,15 @@ export default function ArticleCard({ slug, frontmatter }) {
src={frontmatter.thumbnail}
alt=""
className="w-full h-60 object-cover rounded-lg"
width={1280}
width={100}
height={720}
/>
) : (
<Image
src={IMAGEPLACEHOLDER}
alt=""
className="w-full h-60 object-cover rounded-lg"
width={1280}
width={1000}
height={720}
/>
)}
Expand Down
57 changes: 32 additions & 25 deletions src/pages/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,10 +34,10 @@ export default function Home({ posts }) {
return (
<div className="w-full min-h-screen bg-white">
<Head>
<title>Beranda | GDSC Universitas Negeri Malang</title>
<title>Beranda | GDGoC Universitas Negeri Malang</title>
<meta
name="description"
content="Official Page of Google Developer Student Clubs Universitas Negeri Malang"
content="Official Page of GDGoC Chapter Universitas Negeri Malang"
/>
</Head>
{/* Hero */}
Expand All @@ -47,7 +47,7 @@ export default function Home({ posts }) {
#WeGrowAsOne☝
</h1>
<p className="text-[#4D4D4D] font-normal text-sm lg:text-2xl text-center">
Official Page of Google Developer Student Clubs
Official Page of Google Developer Grub on Campus
<br />
Universitas Negeri Malang
</p>
Expand All @@ -69,9 +69,9 @@ export default function Home({ posts }) {
<div className="mx-auto container flex flex-col lg:flex-row justify-center items-center gap-5 lg:gap-[100px] px-5">
<Image alt="apa-itu-gdsc" src={ApaItu} width={393} height={292} />
<div className="flex flex-col items-center text-center lg:text-left lg:items-start text-white gap-3">
<h2 className="font-bold text-3xl lg:text-5xl">Apa itu GDSC?</h2>
<h2 className="font-bold text-3xl lg:text-5xl">Apa itu GDGoC?</h2>
<p className="text-lg font-normal">
Google Developer Student Clubs (GDSC) adalah komunitas pengembang
Google Developer Grub on Campus (GDGoC) adalah komunitas pengembang
berbasis universitas yang diinisiasi oleh Google. Komunitas ini
menyediakan lingkungan belajar sesama rekan bagi mahasiswa yang
tertarik dengan teknologi, mahasiswa dari jurusan apa pun
Expand All @@ -91,7 +91,7 @@ export default function Home({ posts }) {
<h2 className="text-center pb-4 pt-2 text-black font-bold text-3xl lg:text-5xl mb-8 lg:px-0 px-5">
Yang Dipelajari di GDSC UM
</h2>
<div className="grid lg:grid-cols-3 gap-3 px-5 lg:px-16">
<div className="grid lg:grid-cols-4 gap-3 px-5 lg:px-16">
<div className="w-full bg-[#3CAB5A] rounded-xl p-5 flex flex-col items-center justify-center gap-3">
<Image alt="web-dev" src={webdev} width={134} height={134} />
<p className="text-black font-bold text-xl">Web Development</p>
Expand Down Expand Up @@ -122,6 +122,18 @@ export default function Home({ posts }) {
</div>
</div>
</div>
<div className="w-full bg-[yellow] rounded-xl p-5 flex flex-col items-center justify-center gap-3">
<Image alt="web-dev" src={mobiledev} width={134} height={134} />
<p className="text-black font-bold text-xl">UI/UX Designer</p>
<div className="flex gap-1 items-center">
<div className="bg-[#E3F2FD] text-[#498AF4] font-normal rounded-full text-xs px-3 py-1">
UI/UX Design
</div>
<div className="bg-[#E3F2FD] text-[#3CAB5A] font-normal rounded-full text-xs px-3 py-1">
Figma
</div>
</div>
</div>
<div className="w-full bg-[#498AF4] rounded-xl px-5 py-8 flex flex-col items-center justify-center gap-3">
<Image alt="web-dev" src={mlai} width={134} height={134} />
<p className="text-black font-bold text-xl">ML/AI</p>
Expand All @@ -142,27 +154,22 @@ export default function Home({ posts }) {
</div>
{/* Artikel terbaru */}
<div className="bg-[#E3F2FD] py-12">
<div className="w-full mx-auto container px-5 lg:px-16 flex flex-col justify-center items-center">
<h2 className="font-bold text-3xl lg:text-5xl lg:px-0 px-5 py-4 text-black text-center">
Artikel Terbaru
</h2>
<div className="grid lg:grid-cols-3 gap-3 mt-8">
{posts.map(({ slug, frontmatter }) => (
<ArticleCard
slug={`/blog/${slug}`}
frontmatter={frontmatter}
key={slug}
/>
))}
</div>
<Link
className="mt-8 px-6 py-3 bg-coreBlue-primary rounded-full text-white text-xl hover:bg-coreBlue-500 hover:outline-offset-2 hover:outline hover:outline-coreBlue-500"
href={"/blog"}
>
Lihat artikel lainnya
</Link>
<div className="w-full mx-auto container px-5 lg:px-16 flex flex-col justify-center items-center">
<h2 className="font-bold text-3xl lg:text-5xl lg:px-0 px-5 py-4 text-black text-center">
Artikel Terbaru
</h2>
<div className="grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3 mt-8">
{posts.map(({ slug, frontmatter }) => (
<ArticleCard
slug={`/blog/${slug}`}
frontmatter={frontmatter}
key={slug}
/>
))}
</div>
</div>
</div>

</div>
);
}
2 changes: 1 addition & 1 deletion src/pages/profile.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ export default function Profile() {
Tentang GDSC Universitas Negeri Malang
</h1>
<p className="text-[#4D4D4D] font-normal text-lg lg:text-2xl px-5 lg:px-32 mt-4 lg:text-justify text-center">
Google Developer Student Clubs (GDSC) adalah komunitas pengembang
Google Developer Grub on Campus (GDGoC) adalah komunitas pengembang
berbasis universitas yang diinisiasi oleh Google. Komunitas ini
menyediakan lingkungan belajar sesama rekan bagi mahasiswa yang
tertarik dengan teknologi, mahasiswa dari jurusan apa pun dipersilakan
Expand Down
4 changes: 4 additions & 0 deletions src/styles/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

html {
overflow-x: hidden;
}
Loading