zoeissleeping/100DaysOfCode
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add day 97

Browse Source
This commit is contained in:
Zoe
2022-12-28 23:12:23 -06:00
parent e3e1a8a648
commit 99aca3ff40
50 changed files with 12627 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
day97/src/pages/index.devto Normal file
View File

@@ -0,0 +1,32 @@
<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.path)
</script>

23
day97/src/pages/l.devto Normal file
View 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
day97/src/pages/music.devto Normal file
View 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
day97/src/pages/nojavascript.devto Normal file
View 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>

28
day97/src/pages/page2.devto Normal file
View File

@@ -0,0 +1,28 @@
<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 d-for="item in appState.contents.listElement">
a
</div>
<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('page2')
</script>

13
day97/src/pages/page3.devto Normal file
View 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>