diff options
| author | Nikita Tchayka <nikitatchayka@gmail.com> | 2023-09-16 21:55:49 +0100 |
|---|---|---|
| committer | Nikita Tchayka <nikitatchayka@gmail.com> | 2023-09-16 21:55:49 +0100 |
| commit | 6feb69af55e01bdad5ee15dbe90db39b8effcc1f (patch) | |
| tree | b845974e12d5c9cd0ba6186ad8b2a10511a631af | |
| parent | f19aef7f880fc4b476bc49c20473fd8cc729f8cb (diff) | |
| download | neohaskell.github.io-6feb69af55e01bdad5ee15dbe90db39b8effcc1f.tar.gz neohaskell.github.io-6feb69af55e01bdad5ee15dbe90db39b8effcc1f.tar.bz2 neohaskell.github.io-6feb69af55e01bdad5ee15dbe90db39b8effcc1f.zip | |
Fix footer
| -rw-r--r-- | src/css/custom.css | 12 | ||||
| -rw-r--r-- | src/pages/index.tsx | 100 |
2 files changed, 68 insertions, 44 deletions
diff --git a/src/css/custom.css b/src/css/custom.css index aaba84f..59d9978 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -29,6 +29,18 @@ } */ +.footer { + @apply bg-black +} + +.footer__links { + text-align: center; +} + +.footer__link-item svg { + display: none; +} + .close { opacity: 1 !important; } diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 91a1dd7..9f81113 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -89,52 +89,64 @@ export default function Home(): JSX.Element { <main className="pt-32"> <HomepageFeatures /> - <div className="lg:mx-32 mx-0 mb-32"> - <Frame> - <div className="lg:p-16 p-0 flex flex-col gap-8"> - <h2 className="text-center md:text-4xl text-2xl"> - A Community for People Like You - </h2> - <div className="flex flex-col gap-8 text-lg"> - <p> - NeoHaskell is a community of people who are passionate about - delivering software in an efficient and enjoyable way. We - believe that programming should be fun, and that the best - way to learn is to build things. - </p> - <p> - Therefore, NeoHaskell is a work in progress project. We are - aiming to build a language that is delightful to learn and - use,{" "} - <b>strongly focusing on optimizing developers' happiness</b> - . - </p> - <p> - Whether you're a freshman or a senior, a hacker or a rocket - scientist, you'll find a place in our community. - </p> - <p> - Together, we are building the best language for the next - generation of developers. Join us! - </p> - </div> - <div className="mx-auto"> - <Button - className="mx-auto" - color="violet" - rounded="full" - size="lg" - > - <a - href="https://discord.com/invite/wDj3UYzec8" - target="_blank" + <div className="relative"> + <img + className="absolute sm:h-36 h-24 top-0 -z-10" + src="img/Star1.svg" + /> + <img + className="absolute sm:h-36 h-24 bottom-0 right-0 -z-10 " + src="img/Star2.svg" + /> + <div className="lg:mx-32 mx-0 mb-32"> + <Frame> + <div className="lg:p-16 p-0 flex flex-col gap-8"> + <h2 className="text-center md:text-4xl text-2xl"> + A Community for People Like You + </h2> + <div className="flex flex-col gap-8 text-lg"> + <p> + NeoHaskell is a community of people who are passionate + about delivering software in an efficient and enjoyable + way. We believe that programming should be fun, and that + the best way to learn is to build things. + </p> + <p> + Therefore, NeoHaskell is a work in progress project. We + are aiming to build a language that is delightful to learn + and use,{" "} + <b> + strongly focusing on optimizing developers' happiness + </b> + . + </p> + <p> + Whether you're a freshman or a senior, a hacker or a + rocket scientist, you'll find a place in our community. + </p> + <p> + Together, we are building the best language for the next + generation of developers. Join us! + </p> + </div> + <div className="mx-auto"> + <Button + className="mx-auto" + color="violet" + rounded="full" + size="lg" > - <h3>JOIN THE DISCORD SERVER!</h3> - </a> - </Button> + <a + href="https://discord.com/invite/wDj3UYzec8" + target="_blank" + > + <h3>JOIN THE DISCORD SERVER!</h3> + </a> + </Button> + </div> </div> - </div> - </Frame> + </Frame> + </div> </div> </main> </div> |