Skip to content

Commit

Permalink
About page Implemented
Browse files Browse the repository at this point in the history
  • Loading branch information
Movin21 committed Jan 5, 2025
1 parent 8ce88dd commit e4d2ce0
Show file tree
Hide file tree
Showing 6 changed files with 155 additions and 17 deletions.
10 changes: 10 additions & 0 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@
"classnames": "^2.5.1",
"date-fns": "^3.6.0",
"gray-matter": "^4.0.3",
"lucide-react": "^0.469.0",
"next": "15.0.2",
"react": "19.0.0-rc-02c0e824-20241028",
"react-dom": "19.0.0-rc-02c0e824-20241028",
Expand Down
Binary file removed public/favicon/apple-touch-icon.png
Binary file not shown.
9 changes: 0 additions & 9 deletions public/favicon/safari-pinned-tab.svg

This file was deleted.

22 changes: 14 additions & 8 deletions src/app/_components/Navbar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -37,32 +37,37 @@ export default function Navbar() {
<button
onClick={toggleMenu}
className="focus:outline-none text-blue-900 hover:text-black"
aria-label="Toggle menu">
aria-label="Toggle menu"
>
{isOpen ? (
<svg
className="w-6 h-6"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
xmlns="http://www.w3.org/2000/svg"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M6 18L18 6M6 6l12 12"></path>
d="M6 18L18 6M6 6l12 12"
></path>
</svg>
) : (
<svg
className="w-6 h-6"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
xmlns="http://www.w3.org/2000/svg"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M4 6h16M4 12h16m-7 6h7"></path>
d="M4 6h16M4 12h16m-7 6h7"
></path>
</svg>
)}
</button>
Expand All @@ -73,16 +78,17 @@ export default function Navbar() {
<div
className={`md:flex md:items-end font-medium text-xl md:justify-center md:mt-0 md:mb-0 ${
isOpen ? "flex flex-col w-full mt-4 mb-2" : "hidden"
}`}>
}`}
>
<ul className="flex flex-col md:flex-row md:space-x-6 text-nowrap">
<li className="mt-4 md:mt-0 hover:text-black hover:underline underline-offset-2">
<Link href="/">Home</Link>
</li>
<li className="mt-4 md:mt-0 hover:text-black hover:underline underline-offset-2">
<Link href="/about">All Posts</Link>
<Link href="/">All Posts</Link>
</li>
<li className="mt-4 md:mt-0 hover:text-black hover:underline underline-offset-2">
<Link href="/contact">About</Link>
<Link href="/about">About</Link>
</li>
</ul>
</div>
Expand Down
130 changes: 130 additions & 0 deletions src/app/about/page.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,130 @@
import Container from "../_components/container";
import { EXAMPLE_PATH } from "@/lib/constants";
import Image from "next/image";
import {
Mail,
MapPin,
Github,
Facebook,
Linkedin,
Instagram,
Globe,
} from "lucide-react";

export default function About() {
return (
<Container>
<article className="mb-32">
<div className="flex flex-col items-center mb-16 mt-12">
<div className="w-full max-w-2xl mb-8">
<Image
src="/assets/sesc-logo-svg.svg"
alt="SLIIT SESC Logo"
width={300}
height={300}
className="mx-auto"
/>
</div>
<div className="w-full max-w-2xl">
<p className="text-lg leading-relaxed mb-4">
SLIIT SESC (Software Engineering Students' Community) is a dynamic
organization at the Sri Lanka Institute of Information Technology.
We foster collaboration, knowledge sharing, and skill development
among software engineering students, preparing them for the
challenges of the tech industry.
</p>
<p className="text-lg leading-relaxed mb-4">
Our blog showcases insights, experiences, and the latest trends in
software engineering, reflecting the vibrant spirit of our
community.
</p>
</div>
</div>

<div className="flex flex-col md:flex-row justify-between space-y-8 md:space-y-0 md:space-x-8">
<div className="bg-accent-1 p-6 rounded-lg shadow-md w-full md:w-1/2">
<h2 className="text-2xl font-bold mb-4 text-dark-blue text-center">
Our Mission
</h2>
<ul className="list-disc pl-6 space-y-2">
<li className="text-lg">
Maintain a healthy interpersonal relationship among the software
engineering undergraduates and the academic staff.
</li>
<li className="text-lg">
Promote academic related and non-academic events/activities for
the wellbeing of student community.
</li>
</ul>
</div>

<div className="bg-accent-1 p-6 rounded-lg shadow-md w-full md:w-1/2">
<h2 className="text-2xl font-bold mb-4 text-dark-blue text-center">
Contact Us
</h2>
<div className="grid grid-cols-1 gap-4">
<div className="flex items-center">
<Mail className="w-5 h-5 mr-2 text-dark-blue" />
<a
href="mailto:[email protected]"
className="text-dark-blue hover:underline"
>
[email protected]
</a>
</div>
<div className="flex items-center">
<MapPin className="w-5 h-5 mr-2 text-dark-blue" />
<span>SLIIT, New Kandy Road, Malabe, Sri Lanka</span>
</div>
<div className="flex items-center">
<Globe className="w-5 h-5 mr-2 text-dark-blue" />
<a
href="https://www.sliit.lk"
target="_blank"
rel="noopener noreferrer"
className="text-dark-blue hover:underline"
>
www.sliit.lk
</a>
</div>
</div>
<div className="mt-6 flex justify-center space-x-4">
<a
href="https://github.com/sliit-sesc"
target="_blank"
rel="noopener noreferrer"
className="text-dark-blue hover:text-accent-7"
>
<Github className="w-6 h-6" />
</a>
<a
href="https://web.facebook.com/sliitsecommunity"
target="_blank"
rel="noopener noreferrer"
className="text-dark-blue hover:text-accent-7"
>
<Facebook className="w-6 h-6" />
</a>
<a
href="https://www.instagram.com/sliit.sesc"
target="_blank"
rel="noopener noreferrer"
className="text-dark-blue hover:text-accent-7"
>
<Instagram className="w-6 h-6" />
</a>
<a
href="https://www.linkedin.com/company/sesc-sliit"
target="_blank"
rel="noopener noreferrer"
className="text-dark-blue hover:text-accent-7"
>
<Linkedin className="w-6 h-6" />
</a>
</div>
</div>
</div>
</article>
</Container>
);
}

0 comments on commit e4d2ce0

Please sign in to comment.