Remove example code

This commit is contained in:
Hornwitser 2025-02-26 23:43:12 +01:00
parent 484c27ece2
commit cb2ad42915
9 changed files with 27 additions and 121 deletions

View file

@ -10,11 +10,8 @@
}
}
html,
body {
}
body {
padding-inline: 1rem;
color: var(--foreground);
background: var(--background);
font-family: Arial, Helvetica, sans-serif;
@ -32,9 +29,8 @@ ul, ol {
padding-inline-start: 1.5rem;
}
a {
color: inherit;
text-decoration: none;
h1, h2, h3, h4 {
margin-block: 0.75em 0.25em;
}
@media (prefers-color-scheme: dark) {
@ -42,3 +38,17 @@ a {
color-scheme: dark;
}
}
a {
text-decoration: none;
}
/* Enable hover only on non-touch devices */
@media (hover: hover) and (pointer: fine) {
a:hover {
color: color-mix(in oklab, var(--foreground), blue 50%);
text-decoration: underline;
text-underline-offset: 2px;
border-color: transparent;
}
}

View file

@ -1,17 +1,6 @@
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
@ -24,7 +13,7 @@ export default function RootLayout({
}>) {
return (
<html lang="en">
<body className={`${geistSans.variable} ${geistMono.variable}`}>
<body>
{children}
</body>
</html>

View file

@ -1,95 +1,14 @@
import Image from "next/image";
import styles from "./page.module.css";
import Link from "next/link";
export default function Home() {
return (
<div className={styles.page}>
<main className={styles.main}>
<Image
className={styles.logo}
src="/next.svg"
alt="Next.js logo"
width={180}
height={38}
priority
/>
<ol>
<li>
Get started by editing <code>app/page.tsx</code>.
</li>
<li>Save and see your changes instantly.</li>
</ol>
<div className={styles.ctas}>
<a
className={styles.primary}
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
<Image
className={styles.logo}
src="/vercel.svg"
alt="Vercel logomark"
width={20}
height={20}
/>
Deploy now
</a>
<a
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
className={styles.secondary}
>
Read our docs
</a>
</div>
</main>
<footer className={styles.footer}>
<a
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
<Image
aria-hidden
src="/file.svg"
alt="File icon"
width={16}
height={16}
/>
Learn
</a>
<a
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
<Image
aria-hidden
src="/window.svg"
alt="Window icon"
width={16}
height={16}
/>
Examples
</a>
<a
href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
<Image
aria-hidden
src="/globe.svg"
alt="Globe icon"
width={16}
height={16}
/>
Go to nextjs.org
</a>
</footer>
</div>
);
return <main>
<h1>Schedule demo</h1>
<ul>
<li>
<Link href="/schedule">Schedule demo</Link>
</li>
</ul>
</main>;
}

View file

@ -1,10 +1,3 @@
.schedule {
padding-inline: 1rem;
}
.schedule :is(h1, h2, h3, h4) {
margin-block: 0.75em 0.25em;
}
.event {
background: color-mix(in oklab, var(--background), grey 20%);
padding: 0.5rem;