Quinta/dotjava
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added results

Browse Source
This commit is contained in:
Quinta
2024-06-20 13:33:30 +02:00
parent 507ce411ba
commit 2dc2b21d41
2 changed files with 74 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/page.tsx
+26 -5
View File
@@ -1,5 +1,13 @@
import JavaText from "./java_tutorial.json"
import {Divider} from "@nextui-org/divider"
import {
Carousel,
CarouselContent,
CarouselItem,
CarouselNext,
CarouselPrevious,
} from "@/components/ui/carousel"
import {Cabin} from "next/dist/compiled/@next/font/dist/google";
export default function MainPage() {
const JavaContent = JavaText
@@ -10,15 +18,28 @@ export default function MainPage() {
<div className="container mx-auto px-4 md:px-6">
<h2 className="text-3xl font-bold mb-8">{section.title}</h2>
<p className="text-lg mb-8">{section.description}</p>
<div className="grid md:grid-cols-2 gap-10">
<div className="grid md:grid-cols-2 gap-16">
{section.items.map((item, itemIndex) => (
<div key={itemIndex}>
<h3 className="text-2xl font-bold mb-4">{item.title}</h3>
<p className="text-muted-foreground mb-6">{item.description}</p>
<div className="bg-background rounded-lg p-6 shadow-2xl my-4">
<pre className="text-sm font-mono">
<code className="text-pretty">{item.code}</code>
</pre>
<Carousel className="max-w px-8">
<CarouselContent>
<CarouselItem>
<pre className="text-sm font-mono">
<code className="text-pretty">{item.code}</code>
</pre>
</CarouselItem>
<CarouselItem>
<pre className="text-sm font-mono">
<code className="text-pretty">{item.result}</code>
</pre>
</CarouselItem>
</CarouselContent>
<CarouselPrevious className="mx-6"/>
<CarouselNext className="mx-6"/>
</Carousel>
</div>
<p className="text-pretty">{item.explanation}</p>
</div>