mirror of
https://github.com/JonasunderscoreJones/blog.jonasjones.dev.git
synced 2025-10-23 06:59:19 +02:00
part of skeleton
This commit is contained in:
parent
b550b19aae
commit
68f6de3e11
24 changed files with 2375 additions and 119 deletions
32
src/routes/Lorem.svelte
Normal file
32
src/routes/Lorem.svelte
Normal file
|
@ -0,0 +1,32 @@
|
|||
<script lang="ts">
|
||||
export let params: {repeat?: string} = {};
|
||||
|
||||
let repeat = 1;
|
||||
$: {
|
||||
repeat = 1
|
||||
if (params?.repeat) {
|
||||
repeat = parseInt(params.repeat, 10)
|
||||
if (repeat < 1) {
|
||||
repeat = 1
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<h1>Lorem ipsum</h1>
|
||||
<p>Tip: try changing the number in the URL's fragment, e.g. <code>#/lorem/4</code></p>
|
||||
{#each Array(repeat) as _}
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sed consequatur dicta, explicabo delectus, cupiditate, rem illo repellat aperiam saepe id minus ipsa. Illum libero consectetur fuga neque officia, adipisci commodi.Porro eius harum sed architecto maxime, molestiae cum ad dignissimos eum, nihil eligendi? Non quo, modi officia doloribus distinctio pariatur sed? Veniam facere beatae ipsam reprehenderit suscipit! Sequi, distinctio debitis.
|
||||
</p>
|
||||
{/each}
|
||||
|
||||
<style>
|
||||
h1 {
|
||||
color: #008cff;
|
||||
text-transform: uppercase;
|
||||
font-size: 4em;
|
||||
font-weight: 100;
|
||||
}
|
||||
</style>
|
||||
|
Loading…
Add table
Add a link
Reference in a new issue