owenrees/echecsfrance
1
0
Fork 0
mirror of https://github.com/TheRealOwenRees/echecsfrance.git synced 2026-07-23 04:26:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

font size and max width changes

Browse Source
This commit is contained in:
Owen Rees
2023-06-28 20:53:50 +02:00
parent 676610a42d
commit daa38f16f9
3 changed files with 59 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files
TODO
-5
View File
@@ -4,14 +4,9 @@ TESTS
----------------------------------------------------------------- -----------------------------------------------------------------
BUGS BUGS
//TODO about page is not centred in Safari
//TODO tournament page load is weird on 2nd click. On safari it pauses for a few seconds. Is it trying to load the entire page before displaying? //TODO tournament page load is weird on 2nd click. On safari it pauses for a few seconds. Is it trying to load the entire page before displaying?
//TODO Nodemailer 'from' reverts to echecsfrance@gmail.com - quick fix done with sender address in subject line //TODO Nodemailer 'from' reverts to echecsfrance@gmail.com - quick fix done with sender address in subject line
----------------------------------------------------------------
PAGES
//TODO about page
---------------------------------------------------------------- ----------------------------------------------------------------
DESIGN CHANGES DESIGN CHANGES
//TODO font size on mobile screen //TODO font size on mobile screen
app/page.tsx
-3
View File
@@ -1,12 +1,9 @@
// noinspection HttpUrlsUsage,HtmlUnknownTarget
import Link from "next/link"; import Link from "next/link";
import Image from "next/image"; import Image from "next/image";
import Layout from "@/components/Layout"; import Layout from "@/components/Layout";
import bgImage from "@/public/images/map-bg.jpg"; import bgImage from "@/public/images/map-bg.jpg";
export default function Home() { export default function Home() {
// noinspection HtmlUnknownTarget
return ( return (
<Layout> <Layout>
<header className="grid h-[calc(100%-153px)] md:h-[calc(100%-173px)] place-items-center"> <header className="grid h-[calc(100%-153px)] md:h-[calc(100%-173px)] place-items-center">
app/qui-sommes-nous/page.tsx
+59 -60
View File
@@ -4,21 +4,21 @@ import Layout from "@/components/Layout";
export default function About() { export default function About() {
return ( return (
<Layout> <Layout>
<header className="grid h-[calc(100%-216px)] md:h-[calc(100%-174px)] place-items-center"> <header className="grid place-items-center bg-white dark:bg-gray-800">
<div className="h-full px-4 pt-8 pb-12 bg-white dark:bg-gray-800"> <div className="h-full max-w-5xl px-4 pt-8 pb-12 bg-white dark:bg-gray-800">
<h2 <h2
className="mb-4 text-4xl tracking-tight font-extrabold text-center text-gray-900 dark:text-white" className="mb-8 text-4xl tracking-tight font-extrabold text-center text-gray-900 dark:text-white"
data-test="header2" data-test="header2"
> >
Qui Sommes-Nous? Qui Sommes-Nous?
</h2> </h2>
<p className="mb-8 lg:mb-16 font-light text-center text-gray-500 dark:text-gray-400 sm:text-xl"> <p className="mb-4 font-light text-center text-gray-500 dark:text-gray-400 md:text-xl">
This project was first started in early 2022 as a means to visualise This project was first started in early 2022 as a means to visualise
where chess tournaments were taking place in France. Having moved to where chess tournaments were taking place in France. Having moved to
France in 2019, I did not know my way around the country and wanted France in 2019, I did not know my way around the country and wanted
to know which tournaments were happening near me. to know which tournaments were happening near me.
</p> </p>
<p className="mb-8 lg:mb-16 font-light text-center text-gray-500 dark:text-gray-400 sm:text-xl"> <p className="mb-4 font-light text-center text-gray-500 dark:text-gray-400 md:text-xl">
The project was shelved until Spring 2023 when it was given a new The project was shelved until Spring 2023 when it was given a new
lease of life. Rebuilt from the ground up,{" "} lease of life. Rebuilt from the ground up,{" "}
<Link href="/" className="text-teal-600"> <Link href="/" className="text-teal-600">
@@ -26,85 +26,85 @@ export default function About() {
</Link>{" "} </Link>{" "}
is now open source and open to contributions. is now open source and open to contributions.
</p> </p>
<p className="mb-8 lg:mb-16 font-light text-center text-gray-500 dark:text-gray-400 sm:text-xl"> <p className="mb-4 font-light text-center text-gray-500 dark:text-gray-400 md:text-xl">
I will be setting up a donation link if you wish to help cover some I will be setting up a donation link if you wish to help cover some
of the costs of running this website. After costs, and remaining of the costs of running this website. After costs, and remaining
funds will put back into the chess community by means of sponsoring funds will put back into the chess community by means of sponsoring
events or by donations. events or by donations.
</p> </p>
<h3 <h3
className="mb-4 text-2xl tracking-tight font-extrabold text-center text-gray-900 dark:text-white" className="mt-8 mb-4 text-2xl tracking-tight font-extrabold text-center text-gray-900 dark:text-white"
data-test="header2" data-test="header2"
> >
Credits Credits
</h3> </h3>
<p className="mb-8 lg:mb-16 font-light text-center text-gray-500 dark:text-gray-400 sm:text-xl"> <p className="mb-4 font-light text-center text-gray-500 dark:text-gray-400 md:text-xl">
This project is what it is thanks to the contributions of the wider This project is what it is thanks to the contributions of the wider
community. In particular I would like to thank the following for community. In particular I would like to thank the following for
their contributions so far: their contributions so far:
<ul className="text-teal-600">
<li>
<Link href="#" target="_blank">
Alvaro
</Link>
</li>
<li>
<Link href="#" target="_blank">
Flo
</Link>
</li>
</ul>
</p> </p>
<ul className="mb-4 text-center text-teal-600">
<li>
<Link href="#" target="_blank">
Alvaro
</Link>
</li>
<li>
<Link href="#" target="_blank">
Flo
</Link>
</li>
</ul>
<h3 <h3
className="mb-4 text-2xl tracking-tight font-extrabold text-center text-gray-900 dark:text-white" className="mt-8 mb-4 text-2xl tracking-tight font-extrabold text-center text-gray-900 dark:text-white"
data-test="header2" data-test="header2"
> >
Tech Blurb Tech Blurb
</h3> </h3>
<p className="mb-8 lg:mb-16 font-light text-center text-gray-500 dark:text-gray-400 sm:text-xl"> <p className="mb-4 font-light text-center text-gray-500 dark:text-gray-400 md:text-xl">
<Link href="/" className="text-teal-600"> <Link href="/" className="text-teal-600">
Echecs France Echecs France
</Link>{" "} </Link>{" "}
is built on the following tech stack: is built on the following tech stack:
<ul className="flex justify-around text-teal-600">
<li>
<Link href="https://nextjs.org/" target="_blank">
NextJS
</Link>
</li>
<li>
<Link href="#" target="_blank">
Typescript
</Link>
</li>
<li>
<Link href="https://tailwindcss.com/" target="_blank">
Tailwind
</Link>
</li>
<li>
<Link href="https://mongodb.com/" target="_blank">
MongoDB
</Link>
</li>
</ul>
</p> </p>
<p className="mb-8 lg:mb-16 font-light text-center text-gray-500 dark:text-gray-400 sm:text-xl"> <ul className="mb-4 flex justify-around text-teal-600">
<li>
<Link href="https://nextjs.org/" target="_blank">
NextJS
</Link>
</li>
<li>
<Link href="#" target="_blank">
Typescript
</Link>
</li>
<li>
<Link href="https://tailwindcss.com/" target="_blank">
Tailwind
</Link>
</li>
<li>
<Link href="https://mongodb.com/" target="_blank">
MongoDB
</Link>
</li>
</ul>
<p className="mb-4 font-light text-center text-gray-500 dark:text-gray-400 md:text-xl">
with the following core dependencies: with the following core dependencies:
<ul className="flex justify-around text-teal-600">
<li>
<Link href="https://leafletjs.com/" target="_blank">
Leaflet
</Link>
</li>
<li>
<Link href="https://nodemailer.com/" target="_blank">
Nodemailer
</Link>
</li>
</ul>
</p> </p>
<p className="mb-8 lg:mb-16 font-light text-center text-gray-500 dark:text-gray-400 sm:text-xl"> <ul className="mb-4 flex justify-around text-teal-600">
<li>
<Link href="https://leafletjs.com/" target="_blank">
Leaflet
</Link>
</li>
<li>
<Link href="https://nodemailer.com/" target="_blank">
Nodemailer
</Link>
</li>
</ul>
<p className="mb-16 font-light text-center text-gray-500 dark:text-gray-400 md:text-xl">
For more information and details on how to contribute, please visit For more information and details on how to contribute, please visit
our{" "} our{" "}
<Link <Link
@@ -112,10 +112,9 @@ export default function About() {
target="_blank" target="_blank"
className="text-teal-600" className="text-teal-600"
> >
GitHub repository GitHub repository.
</Link> </Link>
</p> </p>
.
</div> </div>
</header> </header>
</Layout> </Layout>