77 lines
4.0 KiB
Plaintext
77 lines
4.0 KiB
Plaintext
@page "/pokemonsleep"
|
|
|
|
|
|
@attribute [StreamRendering]
|
|
@rendermode InteractiveServer
|
|
|
|
|
|
<PageTitle>Pokémon Sleep</PageTitle>
|
|
<head>
|
|
<link rel="stylesheet" href="bootstrap/bootstrap-lumen.css" /> <!-- app.css -->
|
|
</head>
|
|
|
|
<div class="">
|
|
<div class="row w-100">
|
|
<!-- <PokemonBackground PokemonImages="pokemonImageUrls" ShinyPokemonImages="pokemonShinyImageUrls" /> -->
|
|
<div class="row"><PokemonHeader /></div>
|
|
|
|
<!-- Card -->
|
|
<div class="row card shadow-sm border-0 p-3 pb-4 mt-4 m-auto w-75 mb-5 bg-white">
|
|
<!-- Top Row-->
|
|
<div class="row d-flex flex-row">
|
|
<!-- Image side -->
|
|
<div class="col w-50 border-0 ">
|
|
<div>
|
|
|
|
</div>
|
|
<img class="shadow-sm w-100 m-auto img-fluid" src="images/Pokemon_Sleep_ID.jpg" />
|
|
</div>
|
|
<!-- Text side -->
|
|
<div class="col w-50 p-3">
|
|
<p class="fw-bold fst-italic fs-3">Pokémon Sleep? Really?</p>
|
|
<p class="fw-normal fs-6 text-start">
|
|
Yes, really! Pokémon Sleep has become a fun addition to my day since it's release.
|
|
</p>
|
|
<p class="fw-bold fst-italic fs-3">But what do you even do?</p>
|
|
<p class="fw-normal fs-6 text-start">
|
|
That's harder to explain. See, it isn't as much a game, as it is a gamified sleep tracker. But it's fun to collect the Pokémon and gather their berries and ingredients and create silly little Pokémon-themed foods. Plus, it encourages me to try to get to bed in a timely manner; though, if I'm honest, I definitely put my Pokémon to bed ahead of when I do.
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- Second Row -->
|
|
<div class="row mt-3">
|
|
<p class="fw-bold fst-italic fs-3">Okay, but why a whole section dedicated to Pokémon Sleep?</p>
|
|
<p class="fw-normal fs-6 text-start">
|
|
Well, as it is in any Pokémon game, Natures (and in this case Subskills) matter, amongst other things. This was designed as a helpful tool in assessing new Pokémon acquired from Sleep Research.
|
|
</p>
|
|
</div>
|
|
<!-- Button Row-->
|
|
<div class="row btn-group d-flex flex-row justify-content-around mt-4">
|
|
<div class="w-auto">
|
|
<button class="btn btn-info">
|
|
<NavLink href="/pokemon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-table mb-1" viewBox="0 0 16 16">
|
|
<path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z" />
|
|
</svg>
|
|
<span class="ps-1">Available Pokémon</span>
|
|
</NavLink>
|
|
</button>
|
|
</div>
|
|
<div class="w-auto">
|
|
<button class="btn btn-success link">
|
|
<NavLink href="/rate-pokemon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-award-fill mb-1" viewBox="0 0 16 16">
|
|
<path d="m8 0 1.669.864 1.858.282.842 1.68 1.337 1.32L13.4 6l.306 1.854-1.337 1.32-.842 1.68-1.858.282L8 12l-1.669-.864-1.858-.282-.842-1.68-1.337-1.32L2.6 6l-.306-1.854 1.337-1.32.842-1.68L6.331.864z" />
|
|
<path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z" />
|
|
</svg>
|
|
<span class="ps-1">Rate Pokémon</span>
|
|
</NavLink>
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|