add day 83
This commit is contained in:
30
day83/src/pages/index.devto
Normal file
30
day83/src/pages/index.devto
Normal file
@@ -0,0 +1,30 @@
|
||||
<devto:head>
|
||||
<title>special head</title>
|
||||
<meta name="description"
|
||||
content="realistic app description">
|
||||
</devto:head>
|
||||
|
||||
<div class="grid place-items-center p-3 content-center h-full">
|
||||
<div class="p-6 border-neutral-800 rounded-lg container__content border">
|
||||
<slotComponent>
|
||||
<div class="text-center mb-2">
|
||||
<p>we get it</p>
|
||||
</div>
|
||||
</slotComponent>
|
||||
<indexComponent />
|
||||
<div class="bg-rose-600" d-bind:class="(appState.contents.count == 0) ? 'bg-gray-500' : 'bg-emerald-600'" :aria-label="2+2">
|
||||
<a href="/page2"
|
||||
client:prefetch>Navigate</a>
|
||||
<a href="/page3"
|
||||
client:prefetch>Navigate</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
definePageMeta({ layout: 'default', suspendUntilHydrated: false });
|
||||
</script>
|
||||
|
||||
<script serverSideScript>
|
||||
console.log(req.originalUrl)
|
||||
</script>
|
||||
23
day83/src/pages/l.devto
Normal file
23
day83/src/pages/l.devto
Normal file
@@ -0,0 +1,23 @@
|
||||
<devto:head>
|
||||
<title>take this L</title>
|
||||
</devto:head>
|
||||
|
||||
<div class="grid place-items-center p-3 content-center h-full">
|
||||
<div class="p-6 border-neutral-800 rounded-lg container__content border">
|
||||
<Counter />
|
||||
<Counter />
|
||||
<Counter />
|
||||
<Counter />
|
||||
<Counter />
|
||||
<div>
|
||||
<a href="/page2"
|
||||
client:prefetch>Navigate</a>
|
||||
<a href="/page3"
|
||||
client:prefetch>Navigate</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
definePageMeta({ layout: 'default' });
|
||||
</script>
|
||||
7
day83/src/pages/music.devto
Normal file
7
day83/src/pages/music.devto
Normal file
@@ -0,0 +1,7 @@
|
||||
<div class="grid place-items-center p-3 content-center h-full">
|
||||
<div class="p-6 border-neutral-800 rounded-lg container__content border">
|
||||
<MusicPlayer />
|
||||
<button d-on:click="appState.contents.audioObj.playing=!appState.contents.audioObj.playing; console.log(appState.contents.audioObj.playing)">{appState.contents.audioObj.playing}</button>
|
||||
<a client:prefetch href="/">Home</a>
|
||||
</div>
|
||||
</div>
|
||||
11
day83/src/pages/nojavascript.devto
Normal file
11
day83/src/pages/nojavascript.devto
Normal file
@@ -0,0 +1,11 @@
|
||||
<div class="grid place-items-center p-3 content-center h-full">
|
||||
<div class="p-6 border-neutral-800 rounded-lg container__content border">
|
||||
<h1 class="text-xl font-semibold">This page has no javascript!!</h1>
|
||||
<a href="/">Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
definePageMeta({ reduceJavascript: true, suspendUntilHydrated: false, serverSideSPALikeRouting: false });
|
||||
</script>
|
||||
25
day83/src/pages/page2.devto
Normal file
25
day83/src/pages/page2.devto
Normal file
@@ -0,0 +1,25 @@
|
||||
<div class="grid place-items-center p-3 content-center h-full">
|
||||
<div class="p-6 border-neutral-800 rounded-lg container__content border">
|
||||
<htmlInput />
|
||||
<myDad />
|
||||
<div>
|
||||
{Math.floor(Math.random() * 50)}
|
||||
{Math.floor(Math.random() * 50)}
|
||||
{Math.floor(Math.random() * 50)}
|
||||
{Math.floor(Math.random() * 50)}
|
||||
{Math.floor(Math.random() * 50)}
|
||||
{Math.floor(Math.random() * 50)}
|
||||
{Math.floor(Math.random() * 50)}
|
||||
{Math.floor(Math.random() * 50)}
|
||||
{Math.floor(Math.random() * 50)}
|
||||
{Math.floor(Math.random() * 50)}
|
||||
{Math.floor(Math.random() * 50)}
|
||||
</div>
|
||||
<a href="/"
|
||||
client:prefetch>Home</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
console.log('make this pg because its open source teheheheh')
|
||||
</script>
|
||||
13
day83/src/pages/page3.devto
Normal file
13
day83/src/pages/page3.devto
Normal file
@@ -0,0 +1,13 @@
|
||||
<div class="grid place-items-center p-3 content-center h-full">
|
||||
<div class="p-6 border-neutral-800 rounded-lg container__content border">
|
||||
<cookieInput />
|
||||
<htmlInput />
|
||||
<a href="/"
|
||||
client:prefetch>Home</a>
|
||||
<br/>
|
||||
<a href="/nojavascript"
|
||||
client:prefetch>No javascript</a>
|
||||
<br/>
|
||||
<a href="/music" client:prefetch>Music</a>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user