Skip to content

Commit

Permalink
updating paths
Browse files Browse the repository at this point in the history
  • Loading branch information
@ManavSarkar
ManavSarkar committed Mar 8, 2024
1 parent b501cae commit 472ec98
Show file tree
Hide file tree
Showing 4 changed files with 113 additions and 59 deletions.
8 changes: 3 additions & 5 deletions .github/workflows/nextjs.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ name: Deploy Next.js site to Pages
on:
# Runs on pushes targeting the default branch
push:
branches: ["main"]
branches: ['main']

# Allows you to run this workflow manually from the Actions tab
workflow_dispatch:
Expand All @@ -21,7 +21,7 @@ permissions:
# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
concurrency:
group: "pages"
group: 'pages'
cancel-in-progress: false

jobs:
Expand Down Expand Up @@ -51,10 +51,8 @@ jobs:
- name: Setup Node
uses: actions/setup-node@v4
with:
node-version: "20"
node-version: '20'
cache: ${{ steps.detect-package-manager.outputs.manager }}
- name: Setup Pages
uses: actions/configure-pages@v4
- name: Restore cache
uses: actions/cache@v4
with:
Expand Down
2 changes: 2 additions & 0 deletions next.config.mjs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,13 +6,15 @@ import rehypePrism from '@mapbox/rehype-prism'
const nextConfig = {
output: "export",
distDir: "output",
basePath: '/website',
pageExtensions: ['js', 'jsx', 'mdx'],
reactStrictMode: true,
experimental: {
scrollRestoration: true,
},
images: {
unoptimized: true,
path: ".",
},
}

Expand Down
2 changes: 1 addition & 1 deletion src/components/Header.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -230,7 +230,7 @@ function Home({ large = false, className, ...props }) {
className={clsx(className, 'pointer-events-auto')}
{...props}
>
<Image src='/logo1.png' width={100} height={100} className='scale-125' alt='Aossie Logo' />
<Image src='./logo1.png' width={100} height={100} className='scale-125' alt='Aossie Logo' />
</Link>
)
}
Expand Down
160 changes: 107 additions & 53 deletions src/pages/index.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,108 +6,163 @@ import { useState, useEffect } from 'react'
import { Container } from '@/components/Container'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faEnvelope } from '@fortawesome/free-solid-svg-icons'
import { faDiscord, faGithub, faGitlab, faTwitter } from '@fortawesome/free-brands-svg-icons'
import {
faDiscord,
faGithub,
faGitlab,
faTwitter,
} from '@fortawesome/free-brands-svg-icons'
import { CardEffect } from '@/components/CardEffect'
import { Banner } from '@/components/Banner'
import projects from '@/helper/projects'


export default function Home() {
const [randomProjects, setRandomProjects] = useState(projects);
const [randomProjects, setRandomProjects] = useState(projects)

useEffect(() => {
setRandomProjects(projects.sort(() => 0.5 - Math.random()).slice(0, 3));
}, []);
setRandomProjects(projects.sort(() => 0.5 - Math.random()).slice(0, 3))
}, [])
return (
<>
<Head>
<title>
AOSSIE
</title>
<meta
name="description"
content="AOSSIE Website"
/>
<title>AOSSIE</title>
<meta name="description" content="AOSSIE Website" />
</Head>
<Container className='mt-9'>
<Container className="mt-9">
<div className="flex flex-col sm:flex-row">
<div className="flex-1 self-center">
<Image
src = '/logo1.png'
width = {320}
height = {300}
className='mx-auto scale-110'
src="./logo1.png"
width={320}
height={300}
className="mx-auto scale-110"
alt="AOSSIE Logo"
/>
</div>
<div className="flex-1 sm:ml-10 lg:ml-0 lg:mt-0 mt-10">
<div className="mt-10 flex-1 sm:ml-10 lg:ml-0 lg:mt-0">
<div className="max-w-xl">
<h1 className="text-6xl sm:text-6xl md:text-5xl font-mono lg:text-6xl font-extrabold tracking-tighter text-[#00843D] dark:text-yellow-400">
<h1 className="font-mono text-6xl font-extrabold tracking-tighter text-[#00843D] dark:text-yellow-400 sm:text-6xl md:text-5xl lg:text-6xl">
We Innovate <br /> We Educate
</h1>
<p className="mt-4 text-xl text-zinc-600 dark:text-zinc-400 leading-7 font-mono ">
We are an Australian not-for-profit umbrella organization for open-source projects. We believe the open-source philosophy provides a resource-efficient channel to transfer knowledge and achieve innovation and education.
<p className="mt-4 font-mono text-xl leading-7 text-zinc-600 dark:text-zinc-400 ">
We are an Australian not-for-profit umbrella organization for
open-source projects. We believe the open-source philosophy
provides a resource-efficient channel to transfer knowledge and
achieve innovation and education.
</p>
<div className="mt-6 flex gap-6 ml-4">
<Link aria-label="Contact by Mail" className=' text-zinc-500 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='mailto:[email protected]'>
<FontAwesomeIcon icon={faEnvelope} size='2xl' />
<div className="mt-6 ml-4 flex gap-6">
<Link
aria-label="Contact by Mail"
className=" text-zinc-500 transition hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400"
href="mailto:[email protected]"
>
<FontAwesomeIcon icon={faEnvelope} size="2xl" />
</Link>
<Link aria-label="Follow on GitLab" className=' text-zinc-500 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://gitlab.com/aossie'>
<FontAwesomeIcon icon={faGitlab} size='2xl' />
<Link
aria-label="Follow on GitLab"
className=" text-zinc-500 transition hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400"
href="https://gitlab.com/aossie"
>
<FontAwesomeIcon icon={faGitlab} size="2xl" />
</Link>
<Link aria-label="Follow on GitHub" className=' text-zinc-500 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://github.com/AOSSIE-Org'>
<FontAwesomeIcon icon={faGithub} size='2xl' />
<Link
aria-label="Follow on GitHub"
className=" text-zinc-500 transition hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400"
href="https://github.com/AOSSIE-Org"
>
<FontAwesomeIcon icon={faGithub} size="2xl" />
</Link>
<Link aria-label="Join on Discord" className=' text-zinc-500 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://discord.com/invite/6mFZ2S846n'>
<FontAwesomeIcon icon={faDiscord} size='2xl' />
<Link
aria-label="Join on Discord"
className=" text-zinc-500 transition hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400"
href="https://discord.com/invite/6mFZ2S846n"
>
<FontAwesomeIcon icon={faDiscord} size="2xl" />
</Link>
<Link aria-label="Follow on Twitter" className=' text-zinc-500 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://twitter.com/aossie_org'>
<FontAwesomeIcon icon={faTwitter} size='2xl' />
<Link
aria-label="Follow on Twitter"
className=" text-zinc-500 transition hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400"
href="https://twitter.com/aossie_org"
>
<FontAwesomeIcon icon={faTwitter} size="2xl" />
</Link>
</div>
</div>
</div>
</div>
<div className='text-center mt-16'>
<Link href="/about" className="relative inline-block text-lg group">
<span className="relative z-10 block px-5 py-3 overflow-hidden transition-colors duration-300 ease-in-out border-2 border-gray-900 rounded-lg dark:group-hover:text-black group-hover:text-white">
<span className="absolute inset-0 w-full h-full px-5 py-3 rounded-lg bg-white"></span>
<span className="absolute left-0 w-72 h-48 -ml-2 transition-all duration-300 origin-top-right -rotate-90 -translate-x-full translate-y-12 bg-[#00843D] dark:bg-yellow-400 group-hover:-rotate-180 ease-in-out"></span>
<span className="relative font-mono text-xl font-black tracking-tighter">Learn More About Us</span>
<div className="mt-16 text-center">
<Link href="/about" className="group relative inline-block text-lg">
<span className="relative z-10 block overflow-hidden rounded-lg border-2 border-gray-900 px-5 py-3 transition-colors duration-300 ease-in-out group-hover:text-white dark:group-hover:text-black">
<span className="absolute inset-0 h-full w-full rounded-lg bg-white px-5 py-3"></span>
<span className="absolute left-0 -ml-2 h-48 w-72 origin-top-right -translate-x-full translate-y-12 -rotate-90 bg-[#00843D] transition-all duration-300 ease-in-out group-hover:-rotate-180 dark:bg-yellow-400"></span>
<span className="relative font-mono text-xl font-black tracking-tighter">
Learn More About Us
</span>
</span>
<span className="absolute bottom-0 right-0 w-full h-14 mb-3 mr-2 transition-all duration-200 ease-linear bg-[#00843D] dark:bg-yellow-400 rounded-lg group-hover:m-0" data-rounded="rounded-lg"></span>
<span
className="absolute bottom-0 right-0 mb-3 mr-2 h-14 w-full rounded-lg bg-[#00843D] transition-all duration-200 ease-linear group-hover:m-0 dark:bg-yellow-400"
data-rounded="rounded-lg"
></span>
</Link>
</div>
</Container>
<Container className="mt-24 md:mt-28">
<div className="mx-auto gap-y-20 lg:max-w-none lg:grid-cols-2">
<div className="space-y-10 lg:pl-16 xl:pl-24">
<div className='grid grid-cols-12'>
<div className=' bg-[#00843D] dark:bg-yellow-400 hidden md:flex p-2 w-12 h-12 items-center justify-center -left-2 top-2 transform translate-x-px relative rounded-full'>
<svg aria-hidden="true" role="img" className="text-white dark:text-black scale-125 font-extrabold" viewBox="0 0 24 24" width="24" height="24" fill="currentColor" ><path d="M7.25 6a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5A.75.75 0 007.25 6zM12 6a.75.75 0 00-.75.75v4.5a.75.75 0 001.5 0v-4.5A.75.75 0 0012 6zm4 .75a.75.75 0 011.5 0v9.5a.75.75 0 01-1.5 0v-9.5z"></path><path fillRule="evenodd" d="M3.75 2A1.75 1.75 0 002 3.75v16.5c0 .966.784 1.75 1.75 1.75h16.5A1.75 1.75 0 0022 20.25V3.75A1.75 1.75 0 0020.25 2H3.75zM3.5 3.75a.25.25 0 01.25-.25h16.5a.25.25 0 01.25.25v16.5a.25.25 0 01-.25.25H3.75a.25.25 0 01-.25-.25V3.75z"></path></svg>
<div className="grid grid-cols-12">
<div className=" relative -left-2 top-2 hidden h-12 w-12 translate-x-px transform items-center justify-center rounded-full bg-[#00843D] p-2 dark:bg-yellow-400 md:flex">
<svg
aria-hidden="true"
role="img"
className="scale-125 font-extrabold text-white dark:text-black"
viewBox="0 0 24 24"
width="24"
height="24"
fill="currentColor"
>
<path d="M7.25 6a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5A.75.75 0 007.25 6zM12 6a.75.75 0 00-.75.75v4.5a.75.75 0 001.5 0v-4.5A.75.75 0 0012 6zm4 .75a.75.75 0 011.5 0v9.5a.75.75 0 01-1.5 0v-9.5z"></path>
<path
fillRule="evenodd"
d="M3.75 2A1.75 1.75 0 002 3.75v16.5c0 .966.784 1.75 1.75 1.75h16.5A1.75 1.75 0 0022 20.25V3.75A1.75 1.75 0 0020.25 2H3.75zM3.5 3.75a.25.25 0 01.25-.25h16.5a.25.25 0 01.25.25v16.5a.25.25 0 01-.25.25H3.75a.25.25 0 01-.25-.25V3.75z"
></path>
</svg>
</div>
<div className='col-span-8 lg:col-start-2 lg:-ml-6 self-center mt-3'>
<h1 className='text-3xl font-black tracking-tighter text-zinc-800 dark:text-white font-mono capitalize'>projects</h1>
<div className="col-span-8 mt-3 self-center lg:col-start-2 lg:-ml-6">
<h1 className="font-mono text-3xl font-black capitalize tracking-tighter text-zinc-800 dark:text-white">
projects
</h1>
</div>
</div>


<p className=' text-lg text-zinc-600 dark:text-zinc-400 font-mono '>Our Projects, where we showcase our tech wizardry and code-slinging skills!! <br></br> Be a part of our community and contribute to meaningful projects that are making a difference. Explore our selection of projects and find the perfect opportunity to showcase your skills and make an impact.</p>
<p className=" font-mono text-lg text-zinc-600 dark:text-zinc-400 ">
Our Projects, where we showcase our tech wizardry and
code-slinging skills!! <br></br> Be a part of our community and
contribute to meaningful projects that are making a difference.
Explore our selection of projects and find the perfect opportunity
to showcase your skills and make an impact.
</p>
</div>
<div className='flex flex-col sm:flex-row gap-6 sm:gap-0 mt-10 sm:justify-evenly items-center' >
<div className="mt-10 flex flex-col items-center gap-6 sm:flex-row sm:justify-evenly sm:gap-0">
<Container.Inner>
<div className="grid grid-cols-1 gap-x-12 gap-y-16 sm:grid-cols-2 lg:grid-cols-3">
{randomProjects.map((project) => (
<span key={project.name}>
<CardEffect heading={project.name} logo={project.logo} content={project.description} />
<CardEffect
heading={project.name}
logo={project.logo}
content={project.description}
/>
</span>
))}
</div>
</Container.Inner>
</div>
<div className='text-center mt-12'>
<Link className="group relative rounded-lg inline-flex items-center overflow-hidden bg-[#00843D] dark:bg-yellow-400 px-8 py-3 text-white dark:text-zinc-900 focus:outline-none active:bg-[#00843D]" href="/projects">
<span className="absolute right-0 translate-x-full transition-transform group-hover:-translate-x-4 flex-shrink-0 rounded-full border border-current bg-white p-1 text-black">
<div className="mt-12 text-center">
<Link
className="group relative inline-flex items-center overflow-hidden rounded-lg bg-[#00843D] px-8 py-3 text-white focus:outline-none active:bg-[#00843D] dark:bg-yellow-400 dark:text-zinc-900"
href="/projects"
>
<span className="absolute right-0 flex-shrink-0 translate-x-full rounded-full border border-current bg-white p-1 text-black transition-transform group-hover:-translate-x-4">
<svg
className="h-5 w-5"
xmlns="http://www.w3.org/2000/svg"
Expand All @@ -128,10 +183,9 @@ export default function Home() {
</span>
</Link>
</div>

</div>
</Container>
<Container.Outer className='mt-28'>
<Container.Outer className="mt-28">
<Banner />
</Container.Outer>
</>
Expand Down

0 comments on commit 472ec98

Please sign in to comment.