steffo/todocolors
steffo/todocolors
1
Fork 0
mirror of https://github.com/Steffo99/todocolors.git synced 2024-11-25 01:34:18 +00:00
Code Activity

Create main page skeleton

Browse source
This commit is contained in:
Steffo 2023-08-01 18:13:20 +02:00
parent 919c8d6ebf
commit 905a5899a0
Signed by: steffo
GPG key ID: 2A24051445686895
2 changed files with 68 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
todoblue/src/app/layout.tsx
View file

@ -3,6 +3,7 @@
import "@steffo/bluelib/dist/base.root.css" import "@steffo/bluelib/dist/base.root.css"
import "@steffo/bluelib/dist/classic.root.css" import "@steffo/bluelib/dist/classic.root.css"
import "@steffo/bluelib/dist/glass.root.css" import "@steffo/bluelib/dist/glass.root.css"
import "@steffo/bluelib/dist/layouts-center.root.css"
import "@steffo/bluelib/dist/colors-royalblue.root.css" import "@steffo/bluelib/dist/colors-royalblue.root.css"
import "@steffo/bluelib/dist/fonts-fira-ghpages.root.css" import "@steffo/bluelib/dist/fonts-fira-ghpages.root.css"
@ -18,7 +19,7 @@ export const metadata: NextMetadata = {
export default function RootLayout({children}: { children: ReactNode }) { export default function RootLayout({children}: { children: ReactNode }) {
return ( return (
<html lang="en"> <html lang="en">
<body> <body className={"theme-bluelib layout-center"}>
{children} {children}
</body> </body>
</html> </html>

66
todoblue/src/app/page.tsx Normal file
View file

@ -0,0 +1,66 @@
import {default as React} from "react";
export default function Page() {
return <>
<header>
<h1>
{process.env.NEXT_PUBLIC_SITE_NAME ?? "Todoblue"}
</h1>
</header>
<main>
<div className={"chapter-2"}>
<h2>
Crea un nuovo tabellone
</h2>
<form className={"panel box form-flex"}>
<h3>
Pubblico
</h3>
<p>
Crea un nuovo tabellone pubblico, con un codice personalizzato!
<br/>
<small>Se un tabellone con quel codice esiste già, sarai reindirizzato ad esso.</small>
</p>
<label className={"float-bottom"}>
<span>
Codice
</span>
<input type={"text"} placeholder={"garas-auto-planning-2023"}/>
<span/>
</label>
<label>
<span/>
<button>
Crea
</button>
<span/>
</label>
</form>
<div className={"panel box form-flex"}>
<h3>
Privato
</h3>
<p>
Crea un nuovo tabellone privato utilizzando un codice segreto autogenerato!
<br/>
<small>Esso sarà accessibile solo da chi ne conosce il link.</small>
</p>
<label className={"float-bottom"}>
<span/>
<button>
Crea
</button>
<span/>
</label>
</div>
</div>
</main>
<footer>
<p>
© <a href="https://steffo.eu">Stefano Pigozzi</a> -
<a href="https://www.gnu.org/licenses/agpl-3.0.en.html">AGPL 3.0</a> -
<a href="https://github.com/Steffo99/todocolors">GitHub</a>
</p>
</footer>
</>
}