color tweak, modularizing css, redone index, rewritten stuff
This commit is contained in:
parent
c6bac45ecf
commit
ee8bce1bd3
18 changed files with 614 additions and 664 deletions
|
|
@ -5,7 +5,7 @@ icon: "M 6 3 L 19 3 L 26 10 L 26 30 L 6 30 Z M 17 12 L 24 12 L 17 5 Z"
|
||||||
|
|
||||||
<article>
|
<article>
|
||||||
{{content|safe}}
|
{{content|safe}}
|
||||||
<div aria-label="Postscript">
|
<section aria-label="Postscript">
|
||||||
{{blurb|safe}} <img src="{{avatar}}">
|
{{blurb|safe}} <img src="{{avatar}}">
|
||||||
</div>
|
</section>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -9,10 +9,6 @@ article {
|
||||||
& section:not(section:has(p)) {
|
& section:not(section:has(p)) {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: var(--pad-l);
|
gap: var(--pad-l);
|
||||||
& figure {
|
|
||||||
height: max-content;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
& aside {
|
& aside {
|
||||||
float: right;
|
float: right;
|
||||||
|
|
@ -62,7 +58,6 @@ article > [aria-label="Postscript"] {
|
||||||
width: 64px;
|
width: 64px;
|
||||||
height: 64px;
|
height: 64px;
|
||||||
mask-image: var(--paw);
|
mask-image: var(--paw);
|
||||||
mask-position-x: center;
|
|
||||||
mask-size: 100%;
|
mask-size: 100%;
|
||||||
mask-repeat: no-repeat;
|
mask-repeat: no-repeat;
|
||||||
transform: rotate(15deg);
|
transform: rotate(15deg);
|
||||||
|
|
@ -117,8 +112,7 @@ article > [aria-label="Postscript"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
#posts {
|
#posts {
|
||||||
max-width: 75ch;
|
max-width: var(--post);
|
||||||
|
|
||||||
& ul {
|
& ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
@ -136,7 +130,6 @@ article > [aria-label="Postscript"] {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
transition: border-color var(--trans);
|
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-radius: var(--round);
|
border-radius: var(--round);
|
||||||
|
|
@ -145,11 +138,6 @@ article > [aria-label="Postscript"] {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
|
|
||||||
&:is(:hover, :focus) {
|
|
||||||
border-color: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
& time,
|
& time,
|
||||||
p {
|
p {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -158,25 +146,3 @@ article > [aria-label="Postscript"] {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 920px) {
|
|
||||||
article aside {
|
|
||||||
float: none !important;
|
|
||||||
width: fit-content !important;
|
|
||||||
}
|
|
||||||
article section {
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
#posts {
|
|
||||||
max-width: unset;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
[aria-label="Postscript"] {
|
|
||||||
& p {
|
|
||||||
margin-right: unset;
|
|
||||||
& > img {
|
|
||||||
height: auto;
|
|
||||||
max-height: var(--view);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,7 @@
|
||||||
@import url("/assets/css/nav.css");
|
@import url("/assets/css/nav.css");
|
||||||
@import url("/assets/css/theme-light.css");
|
@import url("/assets/css/theme-light.css");
|
||||||
@import url("/assets/css/theme-dark.css");
|
@import url("/assets/css/theme-dark.css");
|
||||||
|
@import url("/assets/css/mobile.css");
|
||||||
:root {
|
:root {
|
||||||
--view: 18rem;
|
--view: 18rem;
|
||||||
}
|
}
|
||||||
|
|
@ -11,6 +12,9 @@ body {
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
& a {
|
||||||
|
transition: background-color var(--trans), border-color var(--trans), color var(--trans);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
|
|
@ -24,7 +28,6 @@ article {
|
||||||
border-radius: var(--round);
|
border-radius: var(--round);
|
||||||
height: max-content;
|
height: max-content;
|
||||||
padding: var(--pad-xl);
|
padding: var(--pad-xl);
|
||||||
|
|
||||||
& a {
|
& a {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
@ -55,7 +58,7 @@ article {
|
||||||
|
|
||||||
& p {
|
& p {
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
padding: var(--pad-sm)
|
padding: var(--pad-sm);
|
||||||
}
|
}
|
||||||
|
|
||||||
& code:not(pre *) {
|
& code:not(pre *) {
|
||||||
|
|
@ -102,8 +105,9 @@ article {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
& section {
|
& section {
|
||||||
& a {
|
& a:has(figure) {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
height: max-content;
|
||||||
}
|
}
|
||||||
& figure img {
|
& figure img {
|
||||||
border-radius: var(--round);
|
border-radius: var(--round);
|
||||||
|
|
@ -111,7 +115,7 @@ article {
|
||||||
& figcaption {
|
& figcaption {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
padding: var(--pad-l);
|
padding-top: var(--pad-sm);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -204,64 +208,3 @@ img[src*="/assets/img/flag/"] {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-color: #fff;
|
border-color: #fff;
|
||||||
}
|
}
|
||||||
/* Mobile view */
|
|
||||||
@media screen and (max-width: 920px) {
|
|
||||||
body > nav {
|
|
||||||
position: initial;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
|
||||||
padding: var(--pad-l);
|
|
||||||
}
|
|
||||||
|
|
||||||
main > section {
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
main > section {
|
|
||||||
width: initial;
|
|
||||||
}
|
|
||||||
|
|
||||||
article {
|
|
||||||
max-width: initial;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
body > nav::before {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
body > nav {
|
|
||||||
flex-direction: row;
|
|
||||||
top: 0;
|
|
||||||
border-right: 0;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
& details {
|
|
||||||
height: fit-content;
|
|
||||||
}
|
|
||||||
|
|
||||||
& details {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
body::after {
|
|
||||||
content: "";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 400px) {
|
|
||||||
article {
|
|
||||||
padding: var(--pad-l) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
body > nav {
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: start;
|
|
||||||
|
|
||||||
& details[open] {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -25,12 +25,13 @@
|
||||||
& a {
|
& a {
|
||||||
display: block;
|
display: block;
|
||||||
text-decoration: unset;
|
text-decoration: unset;
|
||||||
|
border-radius: var(--round);
|
||||||
& figure {
|
& figure {
|
||||||
|
border-radius: inherit;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: var(--pad-sm);
|
padding: var(--pad-sm);
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: var(--round);
|
|
||||||
& img {
|
& img {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -64,27 +65,13 @@
|
||||||
& a {
|
& a {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: max-content;
|
height: max-content;
|
||||||
text-decoration: none;
|
border-radius: var(--round);
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
max-width: calc(var(--post) - var(--view));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
& time {
|
& time {
|
||||||
display: flex;
|
display: flex;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
& a {
|
|
||||||
max-width: var(--post);
|
|
||||||
width: fit-content;
|
|
||||||
& figure {
|
|
||||||
max-width: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (max-width: 920px) {
|
|
||||||
#art section {
|
|
||||||
align-self: center;
|
|
||||||
}
|
|
||||||
#art section:has(a:nth-child(n + 2)) {
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -86,14 +86,14 @@ body [id]:not(:nth-child(1)) ul {
|
||||||
#collection {
|
#collection {
|
||||||
& ul {
|
& ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: var(--pad-l) 0 0 0;
|
||||||
justify-content: start;
|
justify-content: start;
|
||||||
}
|
}
|
||||||
& li {
|
& li {
|
||||||
display: flex;
|
display: flex;
|
||||||
& a {
|
& a {
|
||||||
padding-top: 8px;
|
padding: var(--pad-sm);
|
||||||
transition: background-color var(--trans);
|
background-color: transparent;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
& span {
|
& span {
|
||||||
|
|
@ -125,7 +125,7 @@ body [id]:not(:nth-child(1)) ul {
|
||||||
}
|
}
|
||||||
& a:is(:hover, :focus) img {
|
& a:is(:hover, :focus) img {
|
||||||
transform: translateY(-4px);
|
transform: translateY(-4px);
|
||||||
transition: 0.3s;
|
transition: var(--trans);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#collection div:has(img)::after {
|
#collection div:has(img)::after {
|
||||||
|
|
@ -138,9 +138,3 @@ body [id]:not(:nth-child(1)) ul {
|
||||||
margin: -1.5rem 0 0 -0.5rem;
|
margin: -1.5rem 0 0 -0.5rem;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 920px) {
|
|
||||||
#collection {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -1,26 +1,29 @@
|
||||||
@import url("/assets/css/variables.css");
|
@import url("/assets/css/variables.css");
|
||||||
|
@import url("/assets/css/theme-light.css");
|
||||||
|
@import url("/assets/css/theme-dark.css");
|
||||||
|
|
||||||
#index {
|
#index {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: rgb(255, 190, 0);
|
|
||||||
background-image: url("/assets/img/theme/citrus/sundae.png");
|
|
||||||
background-size: contain;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
& main {
|
||||||
main {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 100vh;
|
||||||
|
width: inherit;
|
||||||
|
& p {
|
||||||
|
font-family: "Urbanist", sans-serif;
|
||||||
|
font-size: 500%;
|
||||||
|
margin: 0;
|
||||||
|
&::after {
|
||||||
|
content: "";
|
||||||
|
mask-image: url("/assets/img/theme/paw.svg");
|
||||||
|
background-color: red;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a img {
|
|
||||||
width: 100%;
|
|
||||||
transition: var(--trans);
|
|
||||||
transform: scale(0.9);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a img:hover {
|
|
||||||
transform: scale(0.95) translateY(-1rem);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
92
_src/assets/css/mobile.css
Normal file
92
_src/assets/css/mobile.css
Normal file
|
|
@ -0,0 +1,92 @@
|
||||||
|
@media screen and (max-width: 1400px) {
|
||||||
|
/* gallery.css */
|
||||||
|
#art section:has(a:nth-child(n + 2)) {
|
||||||
|
flex-direction: column !important;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 920px) {
|
||||||
|
/* gallery .css */
|
||||||
|
#art section {
|
||||||
|
align-self: center !important;
|
||||||
|
}
|
||||||
|
/* blog.css */
|
||||||
|
article aside {
|
||||||
|
float: none !important;
|
||||||
|
width: fit-content !important;
|
||||||
|
}
|
||||||
|
article section {
|
||||||
|
flex-direction: column !important;
|
||||||
|
}
|
||||||
|
#posts {
|
||||||
|
max-width: unset !important;
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
[aria-label="Postscript"] {
|
||||||
|
& p {
|
||||||
|
margin-right: unset !important;
|
||||||
|
&> img {
|
||||||
|
height: auto !important;
|
||||||
|
max-height: var(--view) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* default.css */
|
||||||
|
body > nav {
|
||||||
|
position: initial !important;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
padding: var(--pad-l) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
main > section {
|
||||||
|
flex-direction: column !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
main > section {
|
||||||
|
width: initial !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
max-width: initial !important;
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
body > nav::before {
|
||||||
|
content: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
body > nav {
|
||||||
|
flex-direction: row !important;
|
||||||
|
top: 0 !important;
|
||||||
|
border-right: 0 !important;
|
||||||
|
width: 100% !important;
|
||||||
|
& details {
|
||||||
|
height: fit-content !important;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
body::after {
|
||||||
|
content: "" !important;
|
||||||
|
}
|
||||||
|
/* home.css */
|
||||||
|
#collection {
|
||||||
|
display: flex !important;
|
||||||
|
flex-direction: column !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 400px) {
|
||||||
|
article {
|
||||||
|
padding: var(--pad-l) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
body > nav {
|
||||||
|
flex-direction: column !important;
|
||||||
|
justify-content: start !important;
|
||||||
|
& details[open] {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -30,10 +30,10 @@ body::after {
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: "Rubik", sans-serif;
|
font-family: "Rubik", sans-serif;
|
||||||
&>nav {
|
& > nav {
|
||||||
gap: 0.8rem;
|
gap: var(--pad-m);
|
||||||
& details {
|
& details {
|
||||||
gap: 0.8rem;
|
gap: inherit;
|
||||||
border-radius: var(--round);
|
border-radius: var(--round);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
@ -41,23 +41,25 @@ body {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 0 1.4rem 0 0;
|
padding: 0 var(--pad-lm) 0 0;
|
||||||
height: var(--pad);
|
height: var(--pad-xl);
|
||||||
|
|
||||||
& > svg {
|
& > svg {
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
transition: transform var(--trans);
|
transition: transform var(--trans);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
& details:not([open]) > summary {
|
||||||
& details[open] > summary {
|
border-radius: var(--round);
|
||||||
margin-bottom: 0.4rem;
|
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-radius: var(--round);
|
}
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
|
|
||||||
|
& details[open] {
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 2px;
|
||||||
|
& > summary {
|
||||||
|
margin-bottom: var(--pad-sm);
|
||||||
& svg {
|
& svg {
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
}
|
}
|
||||||
|
|
@ -66,9 +68,10 @@ body {
|
||||||
& a {
|
& a {
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
margin: 0 var(--pad-l);
|
margin: 0 var(--pad-sm);
|
||||||
margin-bottom: var(--pad-sm);
|
margin-bottom: var(--pad-sm);
|
||||||
border-radius: var(--round);
|
border-radius: var(--round);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -19,15 +19,6 @@
|
||||||
text-decoration-color: color-mix(in lch, red, var(--secondary-500) 20%);
|
text-decoration-color: color-mix(in lch, red, var(--secondary-500) 20%);
|
||||||
}
|
}
|
||||||
|
|
||||||
& h3 a {
|
|
||||||
color: var(--secondary-light-300);
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: var(--secondary-light-300);
|
|
||||||
color: var(--secondary);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
& code:not(pre *) {
|
& code:not(pre *) {
|
||||||
background-color: var(--secondary-400);
|
background-color: var(--secondary-400);
|
||||||
}
|
}
|
||||||
|
|
@ -50,15 +41,21 @@
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: var(--secondary-100);
|
background-color: var(--secondary-100);
|
||||||
color: var(--secondary-light-200);
|
color: var(--secondary-light-300);
|
||||||
|
& a:not(article *) {
|
||||||
|
color: var(--secondary);
|
||||||
|
border-color: var(--secondary-600);
|
||||||
|
background-color: var(--secondary-400);
|
||||||
|
&:is(:hover, :focus) {
|
||||||
|
color: var(--secondary-light-500);
|
||||||
|
border-color: currentColor;
|
||||||
|
background-color: var(--secondary-500);
|
||||||
|
}
|
||||||
|
}
|
||||||
& > nav {
|
& > nav {
|
||||||
border-right: 1px solid var(--secondary);
|
border-right: 1px solid var(--secondary);
|
||||||
|
&::before,
|
||||||
&::before,::after {
|
::after {
|
||||||
background-color: var(--secondary);
|
|
||||||
}
|
|
||||||
& a {
|
|
||||||
background-color: var(--secondary);
|
background-color: var(--secondary);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -68,29 +65,26 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
& details {
|
& details {
|
||||||
box-shadow: inset 0 0 0 2px var(--secondary);
|
|
||||||
background-color: var(--secondary-100);
|
background-color: var(--secondary-100);
|
||||||
|
&:not([open]) summary {
|
||||||
color: var(--secondary);
|
color: var(--secondary);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
& details[open] {
|
& details[open] {
|
||||||
box-shadow: inset 0 0 0 2px var(--secondary);
|
border-color: var(--secondary);
|
||||||
background-color: var(--secondary-300);
|
background-color: var(--secondary-300);
|
||||||
color: var(--secondary-light-200);
|
color: var(--secondary-light-300);
|
||||||
|
|
||||||
& summary {
|
& summary {
|
||||||
border-color: var(--secondary);
|
color: var(--secondary-light-300);
|
||||||
background-color: var(--secondary-600);
|
background-color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
& a {
|
& a[aria-current] {
|
||||||
color: var(--secondary-200);
|
color: var(--secondary-500);
|
||||||
border-color: var(--secondary);
|
border-color: var(--secondary-light-500);
|
||||||
&[aria-current] {
|
background-color: var(--secondary-light-500);
|
||||||
border-color: var(--secondary-600);
|
|
||||||
background-color: var(--secondary-200);
|
|
||||||
color: var(--secondary-light-500);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -118,16 +112,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#posts {
|
#posts {
|
||||||
& a {
|
|
||||||
border-color: var(--secondary-600);
|
|
||||||
background-color: var(--secondary-300);
|
|
||||||
color: var(--secondary-light-400);
|
|
||||||
|
|
||||||
&:is(:hover, :focus) {
|
|
||||||
background-color: var(--secondary-500);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
& p:not(:last-child) {
|
& p:not(:last-child) {
|
||||||
color: var(--secondary-light-700);
|
color: var(--secondary-light-700);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -19,15 +19,6 @@
|
||||||
text-decoration-color: color-mix(in lch, red, var(--primary-500) 20%);
|
text-decoration-color: color-mix(in lch, red, var(--primary-500) 20%);
|
||||||
}
|
}
|
||||||
|
|
||||||
& h3 a {
|
|
||||||
color: var(--primary-dark-300);
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: var(--primary-dark-300);
|
|
||||||
color: var(--primary);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
& code:not(pre *) {
|
& code:not(pre *) {
|
||||||
background-color: var(--primary-400);
|
background-color: var(--primary-400);
|
||||||
}
|
}
|
||||||
|
|
@ -51,15 +42,20 @@
|
||||||
body {
|
body {
|
||||||
background-color: var(--primary-100);
|
background-color: var(--primary-100);
|
||||||
color: var(--primary-dark-300);
|
color: var(--primary-dark-300);
|
||||||
|
& a:not(article *) {
|
||||||
|
color: var(--primary);
|
||||||
|
border-color: var(--primary-600);
|
||||||
|
background-color: var(--primary-400);
|
||||||
|
&:is(:hover, :focus) {
|
||||||
|
color: var(--primary-dark-500);
|
||||||
|
border-color: currentColor;
|
||||||
|
background-color: var(--primary-500);
|
||||||
|
}
|
||||||
|
}
|
||||||
& > nav {
|
& > nav {
|
||||||
border-right: 1px solid var(--primary);
|
border-right: 1px solid var(--primary);
|
||||||
|
&::before,
|
||||||
&::before,::after {
|
::after {
|
||||||
background-color: var(--primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
& a {
|
|
||||||
background-color: var(--primary);
|
background-color: var(--primary);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -69,29 +65,25 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
& details {
|
& details {
|
||||||
box-shadow: inset 0 0 0 2px var(--primary);
|
background-color: var(--primary-100);
|
||||||
background-color: white;
|
&:not([open]) summary {
|
||||||
color: var(--primary);
|
color: var(--primary);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
& details[open] {
|
& details[open] {
|
||||||
box-shadow: inset 0 0 0 2px var(--primary);
|
border-color: var(--primary);
|
||||||
background-color: var(--primary-300);
|
background-color: var(--primary-300);
|
||||||
color: var(--primary-dark-400);
|
color: var(--primary-dark-300);
|
||||||
|
|
||||||
& summary {
|
& summary {
|
||||||
border-color: var(--primary);
|
background-color: inherit;
|
||||||
background-color: var(--primary-600);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
& a {
|
& a[aria-current] {
|
||||||
color: var(--primary-100);
|
color: var(--primary-500);
|
||||||
border-color: var(--primary);
|
border-color: var(--primary-dark-500);
|
||||||
&[aria-current] {
|
background-color: var(--primary-dark-500);
|
||||||
border-color: var(--primary-600);
|
|
||||||
background-color: var(--primary-100);
|
|
||||||
color: var(--primary-dark-500);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -119,16 +111,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#posts {
|
#posts {
|
||||||
& a {
|
|
||||||
border-color: var(--primary-600);
|
|
||||||
background-color: var(--primary-300);
|
|
||||||
color: var(--primary-dark-400);
|
|
||||||
|
|
||||||
&:is(:hover, :focus) {
|
|
||||||
background-color: var(--primary-500);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
& p:not(:last-child) {
|
& p:not(:last-child) {
|
||||||
color: var(--primary-dark-700);
|
color: var(--primary-dark-700);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,42 +1,44 @@
|
||||||
:root {
|
:root {
|
||||||
--primary: rgb(255, 190, 0);
|
--primary: rgb(255, 190, 0);
|
||||||
--secondary: rgb(255, 100, 0);
|
--secondary: rgb(255, 100, 0);
|
||||||
--primary-100: color-mix(in lch, var(--primary), white 90%);
|
--light: rgb(255, 252, 245);
|
||||||
--primary-200: color-mix(in lch, var(--primary), white 80%);
|
--dark: rgb(6, 2, 0);
|
||||||
--primary-300: color-mix(in lch, var(--primary), white 70%);
|
--primary-100: color-mix(in lch, var(--primary), var(--light) 90%);
|
||||||
--primary-400: color-mix(in lch, var(--primary), white 60%);
|
--primary-200: color-mix(in lch, var(--primary), var(--light) 80%);
|
||||||
--primary-500: color-mix(in lch, var(--primary), white);
|
--primary-300: color-mix(in lch, var(--primary), var(--light) 70%);
|
||||||
--primary-600: color-mix(in lch, var(--primary), white 40%);
|
--primary-400: color-mix(in lch, var(--primary), var(--light) 60%);
|
||||||
--primary-700: color-mix(in lch, var(--primary), white 30%);
|
--primary-500: color-mix(in lch, var(--primary), var(--light));
|
||||||
--primary-800: color-mix(in lch, var(--primary), white 20%);
|
--primary-600: color-mix(in lch, var(--primary), var(--light) 40%);
|
||||||
--primary-900: color-mix(in lch, var(--primary), white 10%);
|
--primary-700: color-mix(in lch, var(--primary), var(--light) 30%);
|
||||||
--primary-dark-100: color-mix(in lch, var(--primary), black 90%);
|
--primary-800: color-mix(in lch, var(--primary), var(--light) 20%);
|
||||||
--primary-dark-200: color-mix(in lch, var(--primary), black 80%);
|
--primary-900: color-mix(in lch, var(--primary), var(--light) 10%);
|
||||||
--primary-dark-300: color-mix(in lch, var(--primary), black 70%);
|
--primary-dark-100: color-mix(in lch, var(--primary), var(--dark) 90%);
|
||||||
--primary-dark-400: color-mix(in lch, var(--primary), black 60%);
|
--primary-dark-200: color-mix(in lch, var(--primary), var(--dark) 80%);
|
||||||
--primary-dark-500: color-mix(in lch, var(--primary), black);
|
--primary-dark-300: color-mix(in lch, var(--primary), var(--dark) 70%);
|
||||||
--primary-dark-600: color-mix(in lch, var(--primary), black 40%);
|
--primary-dark-400: color-mix(in lch, var(--primary), var(--dark) 60%);
|
||||||
--primary-dark-700: color-mix(in lch, var(--primary), black 30%);
|
--primary-dark-500: color-mix(in lch, var(--primary), var(--dark));
|
||||||
--primary-dark-800: color-mix(in lch, var(--primary), black 20%);
|
--primary-dark-600: color-mix(in lch, var(--primary), var(--dark) 40%);
|
||||||
--primary-dark-900: color-mix(in lch, var(--primary), black 10%);
|
--primary-dark-700: color-mix(in lch, var(--primary), var(--dark) 30%);
|
||||||
--secondary-light-100: color-mix(in lch, var(--secondary), white 90%);
|
--primary-dark-800: color-mix(in lch, var(--primary), var(--dark) 20%);
|
||||||
--secondary-light-200: color-mix(in lch, var(--secondary), white 80%);
|
--primary-dark-900: color-mix(in lch, var(--primary), var(--dark) 10%);
|
||||||
--secondary-light-300: color-mix(in lch, var(--secondary), white 70%);
|
--secondary-light-100: color-mix(in lch, var(--secondary), var(--light) 90%);
|
||||||
--secondary-light-400: color-mix(in lch, var(--secondary), white 60%);
|
--secondary-light-200: color-mix(in lch, var(--secondary), var(--light) 80%);
|
||||||
--secondary-light-500: color-mix(in lch, var(--secondary), white);
|
--secondary-light-300: color-mix(in lch, var(--secondary), var(--light) 70%);
|
||||||
--secondary-light-600: color-mix(in lch, var(--secondary), white 40%);
|
--secondary-light-400: color-mix(in lch, var(--secondary), var(--light) 60%);
|
||||||
--secondary-light-700: color-mix(in lch, var(--secondary), white 30%);
|
--secondary-light-500: color-mix(in lch, var(--secondary), var(--light));
|
||||||
--secondary-light-800: color-mix(in lch, var(--secondary), white 20%);
|
--secondary-light-600: color-mix(in lch, var(--secondary), var(--light) 40%);
|
||||||
--secondary-light-900: color-mix(in lch, var(--secondary), white 10%);
|
--secondary-light-700: color-mix(in lch, var(--secondary), var(--light) 30%);
|
||||||
--secondary-100: color-mix(in lch, var(--secondary), black 90%);
|
--secondary-light-800: color-mix(in lch, var(--secondary), var(--light) 20%);
|
||||||
--secondary-200: color-mix(in lch, var(--secondary), black 80%);
|
--secondary-light-900: color-mix(in lch, var(--secondary), var(--light) 10%);
|
||||||
--secondary-300: color-mix(in lch, var(--secondary), black 70%);
|
--secondary-100: color-mix(in lch, var(--secondary), var(--dark) 90%);
|
||||||
--secondary-400: color-mix(in lch, var(--secondary), black 60%);
|
--secondary-200: color-mix(in lch, var(--secondary), var(--dark) 80%);
|
||||||
--secondary-500: color-mix(in lch, var(--secondary), black);
|
--secondary-300: color-mix(in lch, var(--secondary), var(--dark) 70%);
|
||||||
--secondary-600: color-mix(in lch, var(--secondary), black 40%);
|
--secondary-400: color-mix(in lch, var(--secondary), var(--dark) 60%);
|
||||||
--secondary-700: color-mix(in lch, var(--secondary), black 30%);
|
--secondary-500: color-mix(in lch, var(--secondary), var(--dark));
|
||||||
--secondary-800: color-mix(in lch, var(--secondary), black 20%);
|
--secondary-600: color-mix(in lch, var(--secondary), var(--dark) 40%);
|
||||||
--secondary-900: color-mix(in lch, var(--secondary), black 10%);
|
--secondary-700: color-mix(in lch, var(--secondary), var(--dark) 30%);
|
||||||
|
--secondary-800: color-mix(in lch, var(--secondary), var(--dark) 20%);
|
||||||
|
--secondary-900: color-mix(in lch, var(--secondary), var(--dark) 10%);
|
||||||
--trans: 300ms;
|
--trans: 300ms;
|
||||||
--image: 24rem;
|
--image: 24rem;
|
||||||
--post: 75ch;
|
--post: 75ch;
|
||||||
|
|
|
||||||
|
|
@ -1,375 +1,370 @@
|
||||||
var favorites = [
|
const imgBasePath = "/assets/img/pkmn/";
|
||||||
{ img: 'src="/assets/img/pkmn/1.png" title="Bulbasaur"'},
|
let favorites = [
|
||||||
{ img: 'src="/assets/img/pkmn/2.png" title="Ivysaur"'},
|
{ img: `${imgBasePath}1.png`, title: "Bulbasaur"},
|
||||||
{ img: 'src="/assets/img/pkmn/3.png" title="Venusaur"'},
|
{ img: `${imgBasePath}2.png`, title: "Ivysaur"},
|
||||||
{ img: 'src="/assets/img/pkmn/4.png" title="Charmander"'},
|
{ img: `${imgBasePath}3.png`, title: "Venusaur"},
|
||||||
{ img: 'src="/assets/img/pkmn/5.png" title="Charmeleon"'},
|
{ img: `${imgBasePath}4.png`, title: "Charmander"},
|
||||||
{ img: 'src="/assets/img/pkmn/6.png" title="Charizard"'},
|
{ img: `${imgBasePath}5.png`, title: "Charmeleon"},
|
||||||
{ img: 'src="/assets/img/pkmn/7.png" title="Squirtle"'},
|
{ img: `${imgBasePath}6.png`, title: "Charizard"},
|
||||||
{ img: 'src="/assets/img/pkmn/8.png" title="Wartortle"'},
|
{ img: `${imgBasePath}7.png`, title: "Squirtle"},
|
||||||
{ img: 'src="/assets/img/pkmn/9.png" title="Blastoise"'},
|
{ img: `${imgBasePath}8.png`, title: "Wartortle"},
|
||||||
{ img: 'src="/assets/img/pkmn/15.png" title="Beedrill"'},
|
{ img: `${imgBasePath}9.png`, title: "Blastoise"},
|
||||||
{ img: 'src="/assets/img/pkmn/25.png" title="Pikachu"'},
|
{ img: `${imgBasePath}15.png`, title: "Beedrill"},
|
||||||
{ img: 'src="/assets/img/pkmn/26.png" title="Raichu"'},
|
{ img: `${imgBasePath}25.png`, title: "Pikachu"},
|
||||||
{ img: 'src="/assets/img/pkmn/28.png" title="Sandslash"'},
|
{ img: `${imgBasePath}26.png`, title: "Raichu"},
|
||||||
{ img: 'src="/assets/img/pkmn/29.png" title="Nidoran (Female)"'},
|
{ img: `${imgBasePath}28.png`, title: "Sandslash"},
|
||||||
{ img: 'src="/assets/img/pkmn/30.png" title="Nidorina"'},
|
{ img: `${imgBasePath}29.png`, title: "Nidoran (Female)"},
|
||||||
{ img: 'src="/assets/img/pkmn/31.png" title="Nidoqueen"'},
|
{ img: `${imgBasePath}30.png`, title: "Nidorina"},
|
||||||
{ img: 'src="/assets/img/pkmn/32.png" title="Nidoran (Male)"'},
|
{ img: `${imgBasePath}31.png`, title: "Nidoqueen"},
|
||||||
{ img: 'src="/assets/img/pkmn/33.png" title="Nidorino"'},
|
{ img: `${imgBasePath}32.png`, title: "Nidoran (Male)"},
|
||||||
{ img: 'src="/assets/img/pkmn/34.png" title="Nidoking"'},
|
{ img: `${imgBasePath}33.png`, title: "Nidorino"},
|
||||||
{ img: 'src="/assets/img/pkmn/37.png" title="Vulpix"'},
|
{ img: `${imgBasePath}34.png`, title: "Nidoking"},
|
||||||
{ img: 'src="/assets/img/pkmn/38.png" title="Ninetales"'},
|
{ img: `${imgBasePath}37.png`, title: "Vulpix"},
|
||||||
{ img: 'src="/assets/img/pkmn/52.png" title="Meowth"'},
|
{ img: `${imgBasePath}38.png`, title: "Ninetales"},
|
||||||
{ img: 'src="/assets/img/pkmn/58.png" title="Growlithe"'},
|
{ img: `${imgBasePath}52.png`, title: "Meowth"},
|
||||||
{ img: 'src="/assets/img/pkmn/59.png" title="Arcanine"'},
|
{ img: `${imgBasePath}58.png`, title: "Growlithe"},
|
||||||
{ img: 'src="/assets/img/pkmn/79.png" title="Slowpoke"'},
|
{ img: `${imgBasePath}59.png`, title: "Arcanine"},
|
||||||
{ img: 'src="/assets/img/pkmn/81.png" title="Magnemite"'},
|
{ img: `${imgBasePath}79.png`, title: "Slowpoke"},
|
||||||
{ img: 'src="/assets/img/pkmn/82.png" title="Magneton"'},
|
{ img: `${imgBasePath}81.png`, title: "Magnemite"},
|
||||||
{ img: 'src="/assets/img/pkmn/87.png" title="Dewgong"'},
|
{ img: `${imgBasePath}82.png`, title: "Magneton"},
|
||||||
{ img: 'src="/assets/img/pkmn/90.png" title="Shellder"'},
|
{ img: `${imgBasePath}87.png`, title: "Dewgong"},
|
||||||
{ img: 'src="/assets/img/pkmn/92.png" title="Gastly"'},
|
{ img: `${imgBasePath}90.png`, title: "Shellder"},
|
||||||
{ img: 'src="/assets/img/pkmn/93.png" title="Haunter"'},
|
{ img: `${imgBasePath}92.png`, title: "Gastly"},
|
||||||
{ img: 'src="/assets/img/pkmn/94.png" title="Gengar"'},
|
{ img: `${imgBasePath}93.png`, title: "Haunter"},
|
||||||
{ img: 'src="/assets/img/pkmn/96.png" title="Drowzee"'},
|
{ img: `${imgBasePath}94.png`, title: "Gengar"},
|
||||||
{ img: 'src="/assets/img/pkmn/104.png" title="Cubone"'},
|
{ img: `${imgBasePath}96.png`, title: "Drowzee"},
|
||||||
{ img: 'src="/assets/img/pkmn/112.png" title="Rhydon"'},
|
{ img: `${imgBasePath}104.png`, title: "Cubone"},
|
||||||
{ img: 'src="/assets/img/pkmn/115.png" title="Kangaskhan"'},
|
{ img: `${imgBasePath}112.png`, title: "Rhydon"},
|
||||||
{ img: 'src="/assets/img/pkmn/131.png" title="Lapras"'},
|
{ img: `${imgBasePath}115.png`, title: "Kangaskhan"},
|
||||||
{ img: 'src="/assets/img/pkmn/133.png" title="Eevee"'},
|
{ img: `${imgBasePath}131.png`, title: "Lapras"},
|
||||||
{ img: 'src="/assets/img/pkmn/134.png" title="Vaporeon"'},
|
{ img: `${imgBasePath}133.png`, title: "Eevee"},
|
||||||
{ img: 'src="/assets/img/pkmn/135.png" title="Jolteon"'},
|
{ img: `${imgBasePath}134.png`, title: "Vaporeon"},
|
||||||
{ img: 'src="/assets/img/pkmn/136.png" title="Flareon"'},
|
{ img: `${imgBasePath}135.png`, title: "Jolteon"},
|
||||||
{ img: 'src="/assets/img/pkmn/137.png" title="Porygon"'},
|
{ img: `${imgBasePath}136.png`, title: "Flareon"},
|
||||||
{ img: 'src="/assets/img/pkmn/138.png" title="Omanyte"'},
|
{ img: `${imgBasePath}137.png`, title: "Porygon"},
|
||||||
{ img: 'src="/assets/img/pkmn/147.png" title="Dratini"'},
|
{ img: `${imgBasePath}138.png`, title: "Omanyte"},
|
||||||
{ img: 'src="/assets/img/pkmn/148.png" title="Dragonair"'},
|
{ img: `${imgBasePath}147.png`, title: "Dratini"},
|
||||||
{ img: 'src="/assets/img/pkmn/149.png" title="Dragonite"'},
|
{ img: `${imgBasePath}148.png`, title: "Dragonair"},
|
||||||
{ img: 'src="/assets/img/pkmn/150.png" title="Mewtwo"'},
|
{ img: `${imgBasePath}149.png`, title: "Dragonite"},
|
||||||
{ img: 'src="/assets/img/pkmn/151.png" title="Mew"'},
|
{ img: `${imgBasePath}150.png`, title: "Mewtwo"},
|
||||||
{ img: 'src="/assets/img/pkmn/155.png" title="Cyndaquil"'},
|
{ img: `${imgBasePath}151.png`, title: "Mew"},
|
||||||
{ img: 'src="/assets/img/pkmn/156.png" title="Quilava"'},
|
{ img: `${imgBasePath}155.png`, title: "Cyndaquil"},
|
||||||
{ img: 'src="/assets/img/pkmn/157.png" title="Typhlosion"'},
|
{ img: `${imgBasePath}156.png`, title: "Quilava"},
|
||||||
{ img: 'src="/assets/img/pkmn/158.png" title="Totodile"'},
|
{ img: `${imgBasePath}157.png`, title: "Typhlosion"},
|
||||||
{ img: 'src="/assets/img/pkmn/159.png" title="Croconaw"'},
|
{ img: `${imgBasePath}158.png`, title: "Totodile"},
|
||||||
{ img: 'src="/assets/img/pkmn/160.png" title="Feraligatr"'},
|
{ img: `${imgBasePath}159.png`, title: "Croconaw"},
|
||||||
{ img: 'src="/assets/img/pkmn/162.png" title="Furret"'},
|
{ img: `${imgBasePath}160.png`, title: "Feraligatr"},
|
||||||
{ img: 'src="/assets/img/pkmn/166.png" title="Ledian"'},
|
{ img: `${imgBasePath}162.png`, title: "Furret"},
|
||||||
{ img: 'src="/assets/img/pkmn/167.png" title="Spinarak"'},
|
{ img: `${imgBasePath}166.png`, title: "Ledian"},
|
||||||
{ img: 'src="/assets/img/pkmn/172.png" title="Pichu"'},
|
{ img: `${imgBasePath}167.png`, title: "Spinarak"},
|
||||||
{ img: 'src="/assets/img/pkmn/175.png" title="Togepi"'},
|
{ img: `${imgBasePath}172.png`, title: "Pichu"},
|
||||||
{ img: 'src="/assets/img/pkmn/176.png" title="Togetic"'},
|
{ img: `${imgBasePath}175.png`, title: "Togepi"},
|
||||||
{ img: 'src="/assets/img/pkmn/177.png" title="Natu"'},
|
{ img: `${imgBasePath}176.png`, title: "Togetic"},
|
||||||
{ img: 'src="/assets/img/pkmn/178.png" title="Xatu"'},
|
{ img: `${imgBasePath}177.png`, title: "Natu"},
|
||||||
{ img: 'src="/assets/img/pkmn/179.png" title="Mareep"'},
|
{ img: `${imgBasePath}178.png`, title: "Xatu"},
|
||||||
{ img: 'src="/assets/img/pkmn/180.png" title="Flaaffy"'},
|
{ img: `${imgBasePath}179.png`, title: "Mareep"},
|
||||||
{ img: 'src="/assets/img/pkmn/181.png" title="Ampharos"'},
|
{ img: `${imgBasePath}180.png`, title: "Flaaffy"},
|
||||||
{ img: 'src="/assets/img/pkmn/182.png" title="Bellossom"'},
|
{ img: `${imgBasePath}181.png`, title: "Ampharos"},
|
||||||
{ img: 'src="/assets/img/pkmn/183.png" title="Marill"'},
|
{ img: `${imgBasePath}182.png`, title: "Bellossom"},
|
||||||
{ img: 'src="/assets/img/pkmn/184.png" title="Azumarill"'},
|
{ img: `${imgBasePath}183.png`, title: "Marill"},
|
||||||
{ img: 'src="/assets/img/pkmn/187.png" title="Hoppip"'},
|
{ img: `${imgBasePath}184.png`, title: "Azumarill"},
|
||||||
{ img: 'src="/assets/img/pkmn/190.png" title="Aipom"'},
|
{ img: `${imgBasePath}187.png`, title: "Hoppip"},
|
||||||
{ img: 'src="/assets/img/pkmn/194.png" title="Wooper"'},
|
{ img: `${imgBasePath}190.png`, title: "Aipom"},
|
||||||
{ img: 'src="/assets/img/pkmn/195.png" title="Quagsire"'},
|
{ img: `${imgBasePath}194.png`, title: "Wooper"},
|
||||||
{ img: 'src="/assets/img/pkmn/196.png" title="Espeon"'},
|
{ img: `${imgBasePath}195.png`, title: "Quagsire"},
|
||||||
{ img: 'src="/assets/img/pkmn/197.png" title="Umbreon"'},
|
{ img: `${imgBasePath}196.png`, title: "Espeon"},
|
||||||
{ img: 'src="/assets/img/pkmn/198.png" title="Murkrow"'},
|
{ img: `${imgBasePath}197.png`, title: "Umbreon"},
|
||||||
{ img: 'src="/assets/img/pkmn/200.png" title="Misdreavus"'},
|
{ img: `${imgBasePath}198.png`, title: "Murkrow"},
|
||||||
{ img: 'src="/assets/img/pkmn/202.png" title="Girafarig"'},
|
{ img: `${imgBasePath}200.png`, title: "Misdreavus"},
|
||||||
{ img: 'src="/assets/img/pkmn/203.png" title="Wobbuffet"'},
|
{ img: `${imgBasePath}202.png`, title: "Girafarig"},
|
||||||
{ img: 'src="/assets/img/pkmn/206.png" title="Dunsparce"'},
|
{ img: `${imgBasePath}203.png`, title: "Wobbuffet"},
|
||||||
{ img: 'src="/assets/img/pkmn/212.png" title="Scizor"'},
|
{ img: `${imgBasePath}206.png`, title: "Dunsparce"},
|
||||||
{ img: 'src="/assets/img/pkmn/213.png" title="Shuckle"'},
|
{ img: `${imgBasePath}212.png`, title: "Scizor"},
|
||||||
{ img: 'src="/assets/img/pkmn/215.png" title="Sneasel"'},
|
{ img: `${imgBasePath}213.png`, title: "Shuckle"},
|
||||||
{ img: 'src="/assets/img/pkmn/216.png" title="Teddiursa"'},
|
{ img: `${imgBasePath}215.png`, title: "Sneasel"},
|
||||||
{ img: 'src="/assets/img/pkmn/218.png" title="Slugma"'},
|
{ img: `${imgBasePath}216.png`, title: "Teddiursa"},
|
||||||
{ img: 'src="/assets/img/pkmn/222.png" title="Corsola"'},
|
{ img: `${imgBasePath}218.png`, title: "Slugma"},
|
||||||
{ img: 'src="/assets/img/pkmn/225.png" title="Delibird"'},
|
{ img: `${imgBasePath}222.png`, title: "Corsola"},
|
||||||
{ img: 'src="/assets/img/pkmn/227.png" title="Skarmory"'},
|
{ img: `${imgBasePath}225.png`, title: "Delibird"},
|
||||||
{ img: 'src="/assets/img/pkmn/228.png" title="Houndour"'},
|
{ img: `${imgBasePath}227.png`, title: "Skarmory"},
|
||||||
{ img: 'src="/assets/img/pkmn/229.png" title="Houndoom"'},
|
{ img: `${imgBasePath}228.png`, title: "Houndour"},
|
||||||
{ img: 'src="/assets/img/pkmn/231.png" title="Phanpy"'},
|
{ img: `${imgBasePath}229.png`, title: "Houndoom"},
|
||||||
{ img: 'src="/assets/img/pkmn/233.png" title="Porygon2"'},
|
{ img: `${imgBasePath}231.png`, title: "Phanpy"},
|
||||||
{ img: 'src="/assets/img/pkmn/235.png" title="Smeargle"'},
|
{ img: `${imgBasePath}233.png`, title: "Porygon2"},
|
||||||
{ img: 'src="/assets/img/pkmn/241.png" title="Miltank"'},
|
{ img: `${imgBasePath}235.png`, title: "Smeargle"},
|
||||||
{ img: 'src="/assets/img/pkmn/245.png" title="Suicune"'},
|
{ img: `${imgBasePath}241.png`, title: "Miltank"},
|
||||||
{ img: 'src="/assets/img/pkmn/248.png" title="Tyranitar"'},
|
{ img: `${imgBasePath}245.png`, title: "Suicune"},
|
||||||
{ img: 'src="/assets/img/pkmn/249.png" title="Lugia"'},
|
{ img: `${imgBasePath}248.png`, title: "Tyranitar"},
|
||||||
{ img: 'src="/assets/img/pkmn/250.png" title="Ho-oh"'},
|
{ img: `${imgBasePath}249.png`, title: "Lugia"},
|
||||||
{ img: 'src="/assets/img/pkmn/251.png" title="Celebi"'},
|
{ img: `${imgBasePath}250.png`, title: "Ho-oh"},
|
||||||
{ img: 'src="/assets/img/pkmn/252.png" title="Treecko"'},
|
{ img: `${imgBasePath}251.png`, title: "Celebi"},
|
||||||
{ img: 'src="/assets/img/pkmn/253.png" title="Grovyle"'},
|
{ img: `${imgBasePath}252.png`, title: "Treecko"},
|
||||||
{ img: 'src="/assets/img/pkmn/254.png" title="Sceptile"'},
|
{ img: `${imgBasePath}253.png`, title: "Grovyle"},
|
||||||
{ img: 'src="/assets/img/pkmn/255.png" title="Torchic"'},
|
{ img: `${imgBasePath}254.png`, title: "Sceptile"},
|
||||||
{ img: 'src="/assets/img/pkmn/257.png" title="Blaziken"'},
|
{ img: `${imgBasePath}255.png`, title: "Torchic"},
|
||||||
{ img: 'src="/assets/img/pkmn/258.png" title="Mudkip"'},
|
{ img: `${imgBasePath}257.png`, title: "Blaziken"},
|
||||||
{ img: 'src="/assets/img/pkmn/260.png" title="Swampert"'},
|
{ img: `${imgBasePath}258.png`, title: "Mudkip"},
|
||||||
{ img: 'src="/assets/img/pkmn/261.png" title="Poochyena"'},
|
{ img: `${imgBasePath}260.png`, title: "Swampert"},
|
||||||
{ img: 'src="/assets/img/pkmn/262.png" title="Mightyena"'},
|
{ img: `${imgBasePath}261.png`, title: "Poochyena"},
|
||||||
{ img: 'src="/assets/img/pkmn/263.png" title="Zigzagoon"'},
|
{ img: `${imgBasePath}262.png`, title: "Mightyena"},
|
||||||
{ img: 'src="/assets/img/pkmn/265.png" title="Wurmple"'},
|
{ img: `${imgBasePath}263.png`, title: "Zigzagoon"},
|
||||||
{ img: 'src="/assets/img/pkmn/274.png" title="Nuzleaf"'},
|
{ img: `${imgBasePath}265.png`, title: "Wurmple"},
|
||||||
{ img: 'src="/assets/img/pkmn/280.png" title="Ralts"'},
|
{ img: `${imgBasePath}274.png`, title: "Nuzleaf"},
|
||||||
{ img: 'src="/assets/img/pkmn/281.png" title="Kirlia"'},
|
{ img: `${imgBasePath}280.png`, title: "Ralts"},
|
||||||
{ img: 'src="/assets/img/pkmn/282.png" title="Gardevoir"'},
|
{ img: `${imgBasePath}281.png`, title: "Kirlia"},
|
||||||
{ img: 'src="/assets/img/pkmn/286.png" title="Breloom"'},
|
{ img: `${imgBasePath}282.png`, title: "Gardevoir"},
|
||||||
{ img: 'src="/assets/img/pkmn/287.png" title="Slakoth"'},
|
{ img: `${imgBasePath}286.png`, title: "Breloom"},
|
||||||
{ img: 'src="/assets/img/pkmn/298.png" title="Azurill"'},
|
{ img: `${imgBasePath}287.png`, title: "Slakoth"},
|
||||||
{ img: 'src="/assets/img/pkmn/300.png" title="Skitty"'},
|
{ img: `${imgBasePath}298.png`, title: "Azurill"},
|
||||||
{ img: 'src="/assets/img/pkmn/301.png" title="Delcatty"'},
|
{ img: `${imgBasePath}300.png`, title: "Skitty"},
|
||||||
{ img: 'src="/assets/img/pkmn/302.png" title="Sableye"'},
|
{ img: `${imgBasePath}301.png`, title: "Delcatty"},
|
||||||
{ img: 'src="/assets/img/pkmn/303.png" title="Mawile"'},
|
{ img: `${imgBasePath}302.png`, title: "Sableye"},
|
||||||
{ img: 'src="/assets/img/pkmn/304.png" title="Aron"'},
|
{ img: `${imgBasePath}303.png`, title: "Mawile"},
|
||||||
{ img: 'src="/assets/img/pkmn/306.png" title="Aggron"'},
|
{ img: `${imgBasePath}304.png`, title: "Aron"},
|
||||||
{ img: 'src="/assets/img/pkmn/311.png" title="Plusle"'},
|
{ img: `${imgBasePath}306.png`, title: "Aggron"},
|
||||||
{ img: 'src="/assets/img/pkmn/312.png" title="Minun"'},
|
{ img: `${imgBasePath}311.png`, title: "Plusle"},
|
||||||
{ img: 'src="/assets/img/pkmn/315.png" title="Roselia"'},
|
{ img: `${imgBasePath}312.png`, title: "Minun"},
|
||||||
{ img: 'src="/assets/img/pkmn/322.png" title="Numel"'},
|
{ img: `${imgBasePath}315.png`, title: "Roselia"},
|
||||||
{ img: 'src="/assets/img/pkmn/327.png" title="Spinda"'},
|
{ img: `${imgBasePath}322.png`, title: "Numel"},
|
||||||
{ img: 'src="/assets/img/pkmn/328.png" title="Trapinch"'},
|
{ img: `${imgBasePath}327.png`, title: "Spinda"},
|
||||||
{ img: 'src="/assets/img/pkmn/329.png" title="Vibrava"'},
|
{ img: `${imgBasePath}328.png`, title: "Trapinch"},
|
||||||
{ img: 'src="/assets/img/pkmn/330.png" title="Flygon"'},
|
{ img: `${imgBasePath}329.png`, title: "Vibrava"},
|
||||||
{ img: 'src="/assets/img/pkmn/334.png" title="Altaria"'},
|
{ img: `${imgBasePath}330.png`, title: "Flygon"},
|
||||||
{ img: 'src="/assets/img/pkmn/335.png" title="Zangoose"'},
|
{ img: `${imgBasePath}334.png`, title: "Altaria"},
|
||||||
{ img: 'src="/assets/img/pkmn/336.png" title="Seviper"'},
|
{ img: `${imgBasePath}335.png`, title: "Zangoose"},
|
||||||
{ img: 'src="/assets/img/pkmn/337.png" title="Lunatone"'},
|
{ img: `${imgBasePath}336.png`, title: "Seviper"},
|
||||||
{ img: 'src="/assets/img/pkmn/338.png" title="Solrock"'},
|
{ img: `${imgBasePath}337.png`, title: "Lunatone"},
|
||||||
{ img: 'src="/assets/img/pkmn/350.png" title="Milotic"'},
|
{ img: `${imgBasePath}338.png`, title: "Solrock"},
|
||||||
{ img: 'src="/assets/img/pkmn/352.png" title="Kecleon"'},
|
{ img: `${imgBasePath}350.png`, title: "Milotic"},
|
||||||
{ img: 'src="/assets/img/pkmn/354.png" title="Banette"'},
|
{ img: `${imgBasePath}352.png`, title: "Kecleon"},
|
||||||
{ img: 'src="/assets/img/pkmn/359.png" title="Absol"'},
|
{ img: `${imgBasePath}354.png`, title: "Banette"},
|
||||||
{ img: 'src="/assets/img/pkmn/360.png" title="Wynaut"'},
|
{ img: `${imgBasePath}359.png`, title: "Absol"},
|
||||||
{ img: 'src="/assets/img/pkmn/363.png" title="Spheal"'},
|
{ img: `${imgBasePath}360.png`, title: "Wynaut"},
|
||||||
{ img: 'src="/assets/img/pkmn/373.png" title="Salamence"'},
|
{ img: `${imgBasePath}363.png`, title: "Spheal"},
|
||||||
{ img: 'src="/assets/img/pkmn/380.png" title="Latias"'},
|
{ img: `${imgBasePath}373.png`, title: "Salamence"},
|
||||||
{ img: 'src="/assets/img/pkmn/381.png" title="Latios"'},
|
{ img: `${imgBasePath}380.png`, title: "Latias"},
|
||||||
{ img: 'src="/assets/img/pkmn/384.png" title="Rayquaza"'},
|
{ img: `${imgBasePath}381.png`, title: "Latios"},
|
||||||
{ img: 'src="/assets/img/pkmn/385.png" title="Jirachi"'},
|
{ img: `${imgBasePath}384.png`, title: "Rayquaza"},
|
||||||
{ img: 'src="/assets/img/pkmn/387.png" title="Turtwig"'},
|
{ img: `${imgBasePath}385.png`, title: "Jirachi"},
|
||||||
{ img: 'src="/assets/img/pkmn/389.png" title="Torterra"'},
|
{ img: `${imgBasePath}387.png`, title: "Turtwig"},
|
||||||
{ img: 'src="/assets/img/pkmn/393.png" title="Piplup"'},
|
{ img: `${imgBasePath}389.png`, title: "Torterra"},
|
||||||
{ img: 'src="/assets/img/pkmn/403.png" title="Shinx"'},
|
{ img: `${imgBasePath}393.png`, title: "Piplup"},
|
||||||
{ img: 'src="/assets/img/pkmn/404.png" title="Luxio"'},
|
{ img: `${imgBasePath}403.png`, title: "Shinx"},
|
||||||
{ img: 'src="/assets/img/pkmn/405.png" title="Luxray"'},
|
{ img: `${imgBasePath}404.png`, title: "Luxio"},
|
||||||
{ img: 'src="/assets/img/pkmn/407.png" title="Roserade"'},
|
{ img: `${imgBasePath}405.png`, title: "Luxray"},
|
||||||
{ img: 'src="/assets/img/pkmn/418.png" title="Buizel"'},
|
{ img: `${imgBasePath}407.png`, title: "Roserade"},
|
||||||
{ img: 'src="/assets/img/pkmn/419.png" title="Floatzel"'},
|
{ img: `${imgBasePath}418.png`, title: "Buizel"},
|
||||||
{ img: 'src="/assets/img/pkmn/423.png" title="Gastrodon"'},
|
{ img: `${imgBasePath}419.png`, title: "Floatzel"},
|
||||||
{ img: 'src="/assets/img/pkmn/424.png" title="Ambipom"'},
|
{ img: `${imgBasePath}423.png`, title: "Gastrodon"},
|
||||||
{ img: 'src="/assets/img/pkmn/427.png" title="Buneary"'},
|
{ img: `${imgBasePath}424.png`, title: "Ambipom"},
|
||||||
{ img: 'src="/assets/img/pkmn/428.png" title="Lopunny"'},
|
{ img: `${imgBasePath}427.png`, title: "Buneary"},
|
||||||
{ img: 'src="/assets/img/pkmn/429.png" title="Mismagius"'},
|
{ img: `${imgBasePath}428.png`, title: "Lopunny"},
|
||||||
{ img: 'src="/assets/img/pkmn/430.png" title="Honchkrow"'},
|
{ img: `${imgBasePath}429.png`, title: "Mismagius"},
|
||||||
{ img: 'src="/assets/img/pkmn/431.png" title="Glameow"'},
|
{ img: `${imgBasePath}430.png`, title: "Honchkrow"},
|
||||||
{ img: 'src="/assets/img/pkmn/432.png" title="Purugly"'},
|
{ img: `${imgBasePath}431.png`, title: "Glameow"},
|
||||||
{ img: 'src="/assets/img/pkmn/445.png" title="Garchomp"'},
|
{ img: `${imgBasePath}432.png`, title: "Purugly"},
|
||||||
{ img: 'src="/assets/img/pkmn/447.png" title="Riolu"'},
|
{ img: `${imgBasePath}445.png`, title: "Garchomp"},
|
||||||
{ img: 'src="/assets/img/pkmn/448.png" title="Lucario"'},
|
{ img: `${imgBasePath}447.png`, title: "Riolu"},
|
||||||
{ img: 'src="/assets/img/pkmn/453.png" title="Croagunk"'},
|
{ img: `${imgBasePath}448.png`, title: "Lucario"},
|
||||||
{ img: 'src="/assets/img/pkmn/461.png" title="Weavile"'},
|
{ img: `${imgBasePath}453.png`, title: "Croagunk"},
|
||||||
{ img: 'src="/assets/img/pkmn/468.png" title="Togekiss"'},
|
{ img: `${imgBasePath}461.png`, title: "Weavile"},
|
||||||
{ img: 'src="/assets/img/pkmn/470.png" title="Leafeon"'},
|
{ img: `${imgBasePath}468.png`, title: "Togekiss"},
|
||||||
{ img: 'src="/assets/img/pkmn/471.png" title="Glaceon"'},
|
{ img: `${imgBasePath}470.png`, title: "Leafeon"},
|
||||||
{ img: 'src="/assets/img/pkmn/474.png" title="Porygon-Z"'},
|
{ img: `${imgBasePath}471.png`, title: "Glaceon"},
|
||||||
{ img: 'src="/assets/img/pkmn/475.png" title="Gallade"'},
|
{ img: `${imgBasePath}474.png`, title: "Porygon-Z"},
|
||||||
{ img: 'src="/assets/img/pkmn/478.png" title="Froslass"'},
|
{ img: `${imgBasePath}475.png`, title: "Gallade"},
|
||||||
{ img: 'src="/assets/img/pkmn/480.png" title="Uxie"'},
|
{ img: `${imgBasePath}478.png`, title: "Froslass"},
|
||||||
{ img: 'src="/assets/img/pkmn/481.png" title="Mesprit"'},
|
{ img: `${imgBasePath}480.png`, title: "Uxie"},
|
||||||
{ img: 'src="/assets/img/pkmn/482.png" title="Azelf"'},
|
{ img: `${imgBasePath}481.png`, title: "Mesprit"},
|
||||||
{ img: 'src="/assets/img/pkmn/487.png" title="Giratina"'},
|
{ img: `${imgBasePath}482.png`, title: "Azelf"},
|
||||||
{ img: 'src="/assets/img/pkmn/488.png" title="Cresselia"'},
|
{ img: `${imgBasePath}487.png`, title: "Giratina"},
|
||||||
{ img: 'src="/assets/img/pkmn/490.png" title="Manaphy"'},
|
{ img: `${imgBasePath}488.png`, title: "Cresselia"},
|
||||||
{ img: 'src="/assets/img/pkmn/492.png" title="Shaymin"'},
|
{ img: `${imgBasePath}490.png`, title: "Manaphy"},
|
||||||
{ img: 'src="/assets/img/pkmn/493.png" title="Arceus"'},
|
{ img: `${imgBasePath}492.png`, title: "Shaymin"},
|
||||||
{ img: 'src="/assets/img/pkmn/494.png" title="Victini"'},
|
{ img: `${imgBasePath}493.png`, title: "Arceus"},
|
||||||
{ img: 'src="/assets/img/pkmn/495.png" title="Snivy"'},
|
{ img: `${imgBasePath}494.png`, title: "Victini"},
|
||||||
{ img: 'src="/assets/img/pkmn/496.png" title="Servine"'},
|
{ img: `${imgBasePath}495.png`, title: "Snivy"},
|
||||||
{ img: 'src="/assets/img/pkmn/497.png" title="Serperior"'},
|
{ img: `${imgBasePath}496.png`, title: "Servine"},
|
||||||
{ img: 'src="/assets/img/pkmn/498.png" title="Tepig"'},
|
{ img: `${imgBasePath}497.png`, title: "Serperior"},
|
||||||
{ img: 'src="/assets/img/pkmn/501.png" title="Oshawott"'},
|
{ img: `${imgBasePath}498.png`, title: "Tepig"},
|
||||||
{ img: 'src="/assets/img/pkmn/502.png" title="Dewott"'},
|
{ img: `${imgBasePath}501.png`, title: "Oshawott"},
|
||||||
{ img: 'src="/assets/img/pkmn/503.png" title="Samurott"'},
|
{ img: `${imgBasePath}502.png`, title: "Dewott"},
|
||||||
{ img: 'src="/assets/img/pkmn/509.png" title="Purrloin"'},
|
{ img: `${imgBasePath}503.png`, title: "Samurott"},
|
||||||
{ img: 'src="/assets/img/pkmn/510.png" title="Liepard"'},
|
{ img: `${imgBasePath}509.png`, title: "Purrloin"},
|
||||||
{ img: 'src="/assets/img/pkmn/515.png" title="Panpour"'},
|
{ img: `${imgBasePath}510.png`, title: "Liepard"},
|
||||||
{ img: 'src="/assets/img/pkmn/516.png" title="Simipour"'},
|
{ img: `${imgBasePath}515.png`, title: "Panpour"},
|
||||||
{ img: 'src="/assets/img/pkmn/529.png" title="Drilbur"'},
|
{ img: `${imgBasePath}516.png`, title: "Simipour"},
|
||||||
{ img: 'src="/assets/img/pkmn/530.png" title="Excadrill"'},
|
{ img: `${imgBasePath}529.png`, title: "Drilbur"},
|
||||||
{ img: 'src="/assets/img/pkmn/531.png" title="Audino"'},
|
{ img: `${imgBasePath}530.png`, title: "Excadrill"},
|
||||||
{ img: 'src="/assets/img/pkmn/540.png" title="Sewaddle"'},
|
{ img: `${imgBasePath}531.png`, title: "Audino"},
|
||||||
{ img: 'src="/assets/img/pkmn/541.png" title="Swadloon"'},
|
{ img: `${imgBasePath}540.png`, title: "Sewaddle"},
|
||||||
{ img: 'src="/assets/img/pkmn/542.png" title="Leavanny"'},
|
{ img: `${imgBasePath}541.png`, title: "Swadloon"},
|
||||||
{ img: 'src="/assets/img/pkmn/545.png" title="Scolipede"'},
|
{ img: `${imgBasePath}542.png`, title: "Leavanny"},
|
||||||
{ img: 'src="/assets/img/pkmn/546.png" title="Cottonee"'},
|
{ img: `${imgBasePath}545.png`, title: "Scolipede"},
|
||||||
{ img: 'src="/assets/img/pkmn/547.png" title="Whimsicott"'},
|
{ img: `${imgBasePath}546.png`, title: "Cottonee"},
|
||||||
{ img: 'src="/assets/img/pkmn/548.png" title="Petilil"'},
|
{ img: `${imgBasePath}547.png`, title: "Whimsicott"},
|
||||||
{ img: 'src="/assets/img/pkmn/549.png" title="Lilligant"'},
|
{ img: `${imgBasePath}548.png`, title: "Petilil"},
|
||||||
{ img: 'src="/assets/img/pkmn/556.png" title="Maractus"'},
|
{ img: `${imgBasePath}549.png`, title: "Lilligant"},
|
||||||
{ img: 'src="/assets/img/pkmn/559.png" title="Scraggy"'},
|
{ img: `${imgBasePath}556.png`, title: "Maractus"},
|
||||||
{ img: 'src="/assets/img/pkmn/560.png" title="Scrafty"'},
|
{ img: `${imgBasePath}559.png`, title: "Scraggy"},
|
||||||
{ img: 'src="/assets/img/pkmn/566.png" title="Archen"'},
|
{ img: `${imgBasePath}560.png`, title: "Scrafty"},
|
||||||
{ img: 'src="/assets/img/pkmn/567.png" title="Archeops"'},
|
{ img: `${imgBasePath}566.png`, title: "Archen"},
|
||||||
{ img: 'src="/assets/img/pkmn/570.png" title="Zorua"'},
|
{ img: `${imgBasePath}567.png`, title: "Archeops"},
|
||||||
{ img: 'src="/assets/img/pkmn/571.png" title="Zoroark"'},
|
{ img: `${imgBasePath}570.png`, title: "Zorua"},
|
||||||
{ img: 'src="/assets/img/pkmn/572.png" title="Minccino"'},
|
{ img: `${imgBasePath}571.png`, title: "Zoroark"},
|
||||||
{ img: 'src="/assets/img/pkmn/573.png" title="Cinccino"'},
|
{ img: `${imgBasePath}572.png`, title: "Minccino"},
|
||||||
{ img: 'src="/assets/img/pkmn/577.png" title="Solosis"'},
|
{ img: `${imgBasePath}573.png`, title: "Cinccino"},
|
||||||
{ img: 'src="/assets/img/pkmn/578.png" title="Duosion"'},
|
{ img: `${imgBasePath}577.png`, title: "Solosis"},
|
||||||
{ img: 'src="/assets/img/pkmn/579.png" title="Reuniclus"'},
|
{ img: `${imgBasePath}578.png`, title: "Duosion"},
|
||||||
{ img: 'src="/assets/img/pkmn/580.png" title="Ducklett"'},
|
{ img: `${imgBasePath}579.png`, title: "Reuniclus"},
|
||||||
{ img: 'src="/assets/img/pkmn/585.png" title="Deerling"'},
|
{ img: `${imgBasePath}580.png`, title: "Ducklett"},
|
||||||
{ img: 'src="/assets/img/pkmn/587.png" title="Emolga"'},
|
{ img: `${imgBasePath}585.png`, title: "Deerling"},
|
||||||
{ img: 'src="/assets/img/pkmn/595.png" title="Joltik"'},
|
{ img: `${imgBasePath}587.png`, title: "Emolga"},
|
||||||
{ img: 'src="/assets/img/pkmn/612.png" title="Haxorus"'},
|
{ img: `${imgBasePath}595.png`, title: "Joltik"},
|
||||||
{ img: 'src="/assets/img/pkmn/616.png" title="Shelmet"'},
|
{ img: `${imgBasePath}612.png`, title: "Haxorus"},
|
||||||
{ img: 'src="/assets/img/pkmn/619.png" title="Mienfoo"'},
|
{ img: `${imgBasePath}616.png`, title: "Shelmet"},
|
||||||
{ img: 'src="/assets/img/pkmn/620.png" title="Mienshao"'},
|
{ img: `${imgBasePath}619.png`, title: "Mienfoo"},
|
||||||
{ img: 'src="/assets/img/pkmn/633.png" title="Deino"'},
|
{ img: `${imgBasePath}620.png`, title: "Mienshao"},
|
||||||
{ img: 'src="/assets/img/pkmn/634.png" title="Zweilous"'},
|
{ img: `${imgBasePath}633.png`, title: "Deino"},
|
||||||
{ img: 'src="/assets/img/pkmn/637.png" title="Volcarona"'},
|
{ img: `${imgBasePath}634.png`, title: "Zweilous"},
|
||||||
{ img: 'src="/assets/img/pkmn/638.png" title="Cobalion"'},
|
{ img: `${imgBasePath}637.png`, title: "Volcarona"},
|
||||||
{ img: 'src="/assets/img/pkmn/640.png" title="Virizion"'},
|
{ img: `${imgBasePath}638.png`, title: "Cobalion"},
|
||||||
{ img: 'src="/assets/img/pkmn/643.png" title="Reshiram"'},
|
{ img: `${imgBasePath}640.png`, title: "Virizion"},
|
||||||
{ img: 'src="/assets/img/pkmn/644.png" title="Zekrom"'},
|
{ img: `${imgBasePath}643.png`, title: "Reshiram"},
|
||||||
{ img: 'src="/assets/img/pkmn/647.png" title="Keldeo"'},
|
{ img: `${imgBasePath}644.png`, title: "Zekrom"},
|
||||||
{ img: 'src="/assets/img/pkmn/648.png" title="Meloetta"'},
|
{ img: `${imgBasePath}647.png`, title: "Keldeo"},
|
||||||
{ img: 'src="/assets/img/pkmn/3-mega.png" title="Mega Venusaur"'},
|
{ img: `${imgBasePath}648.png`, title: "Meloetta"},
|
||||||
{ img: 'src="/assets/img/pkmn/6-mega-x.png" title="Mega Charizard X"'},
|
{ img: `${imgBasePath}3-mega.png`, title: "Mega Venusaur"},
|
||||||
{ img: 'src="/assets/img/pkmn/6-mega-y.png" title="Mega Charizard Y"'},
|
{ img: `${imgBasePath}6-mega-x.png`, title: "Mega Charizard X"},
|
||||||
{ img: 'src="/assets/img/pkmn/9-mega.png" title="Mega Blastoise"'},
|
{ img: `${imgBasePath}6-mega-y.png`, title: "Mega Charizard Y"},
|
||||||
{ img: 'src="/assets/img/pkmn/15-mega.png" title="Mega Beedrill"'},
|
{ img: `${imgBasePath}9-mega.png`, title: "Mega Blastoise"},
|
||||||
{ img: 'src="/assets/img/pkmn/115-mega.png" title="Mega Kangaskhan"'},
|
{ img: `${imgBasePath}15-mega.png`, title: "Mega Beedrill"},
|
||||||
{ img: 'src="/assets/img/pkmn/150-mega-x.png" title="Mega Mewtwo X"'},
|
{ img: `${imgBasePath}115-mega.png`, title: "Mega Kangaskhan"},
|
||||||
{ img: 'src="/assets/img/pkmn/150-mega-y.png" title="Mega Mewtwo Y"'},
|
{ img: `${imgBasePath}150-mega-x.png`, title: "Mega Mewtwo X"},
|
||||||
{ img: 'src="/assets/img/pkmn/181-mega.png" title="Mega Ampharos"'},
|
{ img: `${imgBasePath}150-mega-y.png`, title: "Mega Mewtwo Y"},
|
||||||
{ img: 'src="/assets/img/pkmn/212-mega.png" title="Mega Scizor"'},
|
{ img: `${imgBasePath}181-mega.png`, title: "Mega Ampharos"},
|
||||||
{ img: 'src="/assets/img/pkmn/229-mega.png" title="Mega Houndoom"'},
|
{ img: `${imgBasePath}212-mega.png`, title: "Mega Scizor"},
|
||||||
{ img: 'src="/assets/img/pkmn/248-mega.png" title="Mega Tyranitar"'},
|
{ img: `${imgBasePath}229-mega.png`, title: "Mega Houndoom"},
|
||||||
{ img: 'src="/assets/img/pkmn/254-mega.png" title="Mega Sceptile"'},
|
{ img: `${imgBasePath}248-mega.png`, title: "Mega Tyranitar"},
|
||||||
{ img: 'src="/assets/img/pkmn/257-mega.png" title="Mega Blaziken"'},
|
{ img: `${imgBasePath}254-mega.png`, title: "Mega Sceptile"},
|
||||||
{ img: 'src="/assets/img/pkmn/260-mega.png" title="Mega Swampert"'},
|
{ img: `${imgBasePath}257-mega.png`, title: "Mega Blaziken"},
|
||||||
{ img: 'src="/assets/img/pkmn/282-mega.png" title="Mega Gardevoir"'},
|
{ img: `${imgBasePath}260-mega.png`, title: "Mega Swampert"},
|
||||||
{ img: 'src="/assets/img/pkmn/302-mega.png" title="Mega Sableye"'},
|
{ img: `${imgBasePath}282-mega.png`, title: "Mega Gardevoir"},
|
||||||
{ img: 'src="/assets/img/pkmn/306-mega.png" title="Mega Aggron"'},
|
{ img: `${imgBasePath}302-mega.png`, title: "Mega Sableye"},
|
||||||
{ img: 'src="/assets/img/pkmn/334-mega.png" title="Mega Altaria"'},
|
{ img: `${imgBasePath}306-mega.png`, title: "Mega Aggron"},
|
||||||
{ img: 'src="/assets/img/pkmn/354-mega.png" title="Mega Banette"'},
|
{ img: `${imgBasePath}334-mega.png`, title: "Mega Altaria"},
|
||||||
{ img: 'src="/assets/img/pkmn/359-mega.png" title="Mega Absol"'},
|
{ img: `${imgBasePath}354-mega.png`, title: "Mega Banette"},
|
||||||
{ img: 'src="/assets/img/pkmn/373-mega.png" title="Mega Salamence"'},
|
{ img: `${imgBasePath}359-mega.png`, title: "Mega Absol"},
|
||||||
{ img: 'src="/assets/img/pkmn/428-mega.png" title="Mega Lopunny"'},
|
{ img: `${imgBasePath}373-mega.png`, title: "Mega Salamence"},
|
||||||
{ img: 'src="/assets/img/pkmn/445-mega.png" title="Mega Garchomp"'},
|
{ img: `${imgBasePath}428-mega.png`, title: "Mega Lopunny"},
|
||||||
{ img: 'src="/assets/img/pkmn/448-mega.png" title="Mega Lucario"'},
|
{ img: `${imgBasePath}445-mega.png`, title: "Mega Garchomp"},
|
||||||
{ img: 'src="/assets/img/pkmn/475-mega.png" title="Mega Gallade"'},
|
{ img: `${imgBasePath}448-mega.png`, title: "Mega Lucario"},
|
||||||
{ img: 'src="/assets/img/pkmn/531-mega.png" title="Mega Audino"'},
|
{ img: `${imgBasePath}475-mega.png`, title: "Mega Gallade"},
|
||||||
{ img: 'src="/assets/img/pkmn/650.png" title="Chespin"'},
|
{ img: `${imgBasePath}531-mega.png`, title: "Mega Audino"},
|
||||||
{ img: 'src="/assets/img/pkmn/651.png" title="Quilladin"'},
|
{ img: `${imgBasePath}650.png`, title: "Chespin"},
|
||||||
{ img: 'src="/assets/img/pkmn/652.png" title="Chesnaught"'},
|
{ img: `${imgBasePath}651.png`, title: "Quilladin"},
|
||||||
{ img: 'src="/assets/img/pkmn/653.png" title="Fennekin"'},
|
{ img: `${imgBasePath}652.png`, title: "Chesnaught"},
|
||||||
{ img: 'src="/assets/img/pkmn/654.png" title="Braixen"'},
|
{ img: `${imgBasePath}653.png`, title: "Fennekin"},
|
||||||
{ img: 'src="/assets/img/pkmn/655.png" title="Delphox"'},
|
{ img: `${imgBasePath}654.png`, title: "Braixen"},
|
||||||
{ img: 'src="/assets/img/pkmn/656.png" title="Froakie"'},
|
{ img: `${imgBasePath}655.png`, title: "Delphox"},
|
||||||
{ img: 'src="/assets/img/pkmn/657.png" title="Frogadier"'},
|
{ img: `${imgBasePath}656.png`, title: "Froakie"},
|
||||||
{ img: 'src="/assets/img/pkmn/658.png" title="Greninja"'},
|
{ img: `${imgBasePath}657.png`, title: "Frogadier"},
|
||||||
{ img: 'src="/assets/img/pkmn/674.png" title="Pancham"'},
|
{ img: `${imgBasePath}658.png`, title: "Greninja"},
|
||||||
{ img: 'src="/assets/img/pkmn/676.png" title="Furfrou"'},
|
{ img: `${imgBasePath}674.png`, title: "Pancham"},
|
||||||
{ img: 'src="/assets/img/pkmn/677.png" title="Espurr"'},
|
{ img: `${imgBasePath}676.png`, title: "Furfrou"},
|
||||||
{ img: 'src="/assets/img/pkmn/678-male.png" title="Meowstic (Male)"'},
|
{ img: `${imgBasePath}677.png`, title: "Espurr"},
|
||||||
{ img: 'src="/assets/img/pkmn/678-female.png" title="Meowstic (Female)"'},
|
{ img: `${imgBasePath}678-male.png`, title: "Meowstic (Male)"},
|
||||||
{ img: 'src="/assets/img/pkmn/694.png" title="Helioptile"'},
|
{ img: `${imgBasePath}678-female.png`, title: "Meowstic (Female)"},
|
||||||
{ img: 'src="/assets/img/pkmn/695.png" title="Heliolisk"'},
|
{ img: `${imgBasePath}694.png`, title: "Helioptile"},
|
||||||
{ img: 'src="/assets/img/pkmn/699.png" title="Aurorus"'},
|
{ img: `${imgBasePath}695.png`, title: "Heliolisk"},
|
||||||
{ img: 'src="/assets/img/pkmn/700.png" title="Sylveon"'},
|
{ img: `${imgBasePath}699.png`, title: "Aurorus"},
|
||||||
{ img: 'src="/assets/img/pkmn/701.png" title="Hawlucha"'},
|
{ img: `${imgBasePath}700.png`, title: "Sylveon"},
|
||||||
{ img: 'src="/assets/img/pkmn/704.png" title="Goomy"'},
|
{ img: `${imgBasePath}701.png`, title: "Hawlucha"},
|
||||||
{ img: 'src="/assets/img/pkmn/705.png" title="Sliggoo"'},
|
{ img: `${imgBasePath}704.png`, title: "Goomy"},
|
||||||
{ img: 'src="/assets/img/pkmn/706.png" title="Goodra"'},
|
{ img: `${imgBasePath}705.png`, title: "Sliggoo"},
|
||||||
{ img: 'src="/assets/img/pkmn/708.png" title="Phantump"'},
|
{ img: `${imgBasePath}706.png`, title: "Goodra"},
|
||||||
{ img: 'src="/assets/img/pkmn/714.png" title="Noibat"'},
|
{ img: `${imgBasePath}708.png`, title: "Phantump"},
|
||||||
{ img: 'src="/assets/img/pkmn/715.png" title="Noivern"'},
|
{ img: `${imgBasePath}714.png`, title: "Noibat"},
|
||||||
{ img: 'src="/assets/img/pkmn/716.png" title="Xerneas"'},
|
{ img: `${imgBasePath}715.png`, title: "Noivern"},
|
||||||
{ img: 'src="/assets/img/pkmn/717.png" title="Yveltal"'},
|
{ img: `${imgBasePath}716.png`, title: "Xerneas"},
|
||||||
{ img: 'src="/assets/img/pkmn/722.png" title="Rowlet"'},
|
{ img: `${imgBasePath}717.png`, title: "Yveltal"},
|
||||||
{ img: 'src="/assets/img/pkmn/723.png" title="Dartrix"'},
|
{ img: `${imgBasePath}722.png`, title: "Rowlet"},
|
||||||
{ img: 'src="/assets/img/pkmn/724.png" title="Decidueye"'},
|
{ img: `${imgBasePath}723.png`, title: "Dartrix"},
|
||||||
{ img: 'src="/assets/img/pkmn/725.png" title="Litten"'},
|
{ img: `${imgBasePath}724.png`, title: "Decidueye"},
|
||||||
{ img: 'src="/assets/img/pkmn/726.png" title="Torracat"'},
|
{ img: `${imgBasePath}725.png`, title: "Litten"},
|
||||||
{ img: 'src="/assets/img/pkmn/728.png" title="Popplio"'},
|
{ img: `${imgBasePath}726.png`, title: "Torracat"},
|
||||||
{ img: 'src="/assets/img/pkmn/729.png" title="Brionne"'},
|
{ img: `${imgBasePath}728.png`, title: "Popplio"},
|
||||||
{ img: 'src="/assets/img/pkmn/730.png" title="Primarina"'},
|
{ img: `${imgBasePath}729.png`, title: "Brionne"},
|
||||||
{ img: 'src="/assets/img/pkmn/731.png" title="Pikipek"'},
|
{ img: `${imgBasePath}730.png`, title: "Primarina"},
|
||||||
{ img: 'src="/assets/img/pkmn/743.png" title="Ribombee"'},
|
{ img: `${imgBasePath}731.png`, title: "Pikipek"},
|
||||||
{ img: 'src="/assets/img/pkmn/744.png" title="Rockruff"'},
|
{ img: `${imgBasePath}743.png`, title: "Ribombee"},
|
||||||
{ img: 'src="/assets/img/pkmn/745.png" title="Lycanroc"'},
|
{ img: `${imgBasePath}744.png`, title: "Rockruff"},
|
||||||
{ img: 'src="/assets/img/pkmn/745-dusk.png" title="Lycanroc (Dusk Form)"'},
|
{ img: `${imgBasePath}745.png`, title: "Lycanroc"},
|
||||||
{ img: 'src="/assets/img/pkmn/745-midnight.png" title="Lycanroc (Midnight Form)"'},
|
{ img: `${imgBasePath}745-dusk.png`, title: "Lycanroc (Dusk Form)"},
|
||||||
{ img: 'src="/assets/img/pkmn/747.png" title="Mareanie"'},
|
{ img: `${imgBasePath}745-midnight.png`, title: "Lycanroc (Midnight Form)"},
|
||||||
{ img: 'src="/assets/img/pkmn/748.png" title="Toxapex"'},
|
{ img: `${imgBasePath}747.png`, title: "Mareanie"},
|
||||||
{ img: 'src="/assets/img/pkmn/753.png" title="Fomantis"'},
|
{ img: `${imgBasePath}748.png`, title: "Toxapex"},
|
||||||
{ img: 'src="/assets/img/pkmn/754.png" title="Lurantis"'},
|
{ img: `${imgBasePath}753.png`, title: "Fomantis"},
|
||||||
{ img: 'src="/assets/img/pkmn/757.png" title="Salandit"'},
|
{ img: `${imgBasePath}754.png`, title: "Lurantis"},
|
||||||
{ img: 'src="/assets/img/pkmn/758.png" title="Salazzle"'},
|
{ img: `${imgBasePath}757.png`, title: "Salandit"},
|
||||||
{ img: 'src="/assets/img/pkmn/759.png" title="Stufful"'},
|
{ img: `${imgBasePath}758.png`, title: "Salazzle"},
|
||||||
{ img: 'src="/assets/img/pkmn/760.png" title="Bewear"'},
|
{ img: `${imgBasePath}759.png`, title: "Stufful"},
|
||||||
{ img: 'src="/assets/img/pkmn/762.png" title="Steenee"'},
|
{ img: `${imgBasePath}760.png`, title: "Bewear"},
|
||||||
{ img: 'src="/assets/img/pkmn/763.png" title="Tsareena"'},
|
{ img: `${imgBasePath}762.png`, title: "Steenee"},
|
||||||
{ img: 'src="/assets/img/pkmn/771.png" title="Pyukumuku"'},
|
{ img: `${imgBasePath}763.png`, title: "Tsareena"},
|
||||||
{ img: 'src="/assets/img/pkmn/775.png" title="Komala"'},
|
{ img: `${imgBasePath}771.png`, title: "Pyukumuku"},
|
||||||
{ img: 'src="/assets/img/pkmn/778.png" title="Mimikyu"'},
|
{ img: `${imgBasePath}775.png`, title: "Komala"},
|
||||||
{ img: 'src="/assets/img/pkmn/782.png" title="Jangmo-o"'},
|
{ img: `${imgBasePath}778.png`, title: "Mimikyu"},
|
||||||
{ img: 'src="/assets/img/pkmn/784.png" title="Kommo-o"'},
|
{ img: `${imgBasePath}782.png`, title: "Jangmo-o"},
|
||||||
{ img: 'src="/assets/img/pkmn/786.png" title="Tapu Lele"'},
|
{ img: `${imgBasePath}784.png`, title: "Kommo-o"},
|
||||||
{ img: 'src="/assets/img/pkmn/789.png" title="Cosmog"'},
|
{ img: `${imgBasePath}786.png`, title: "Tapu Lele"},
|
||||||
{ img: 'src="/assets/img/pkmn/791.png" title="Solgaleo"'},
|
{ img: `${imgBasePath}789.png`, title: "Cosmog"},
|
||||||
{ img: 'src="/assets/img/pkmn/792.png" title="Lunala"'},
|
{ img: `${imgBasePath}791.png`, title: "Solgaleo"},
|
||||||
{ img: 'src="/assets/img/pkmn/797.png" title="Celesteela"'},
|
{ img: `${imgBasePath}792.png`, title: "Lunala"},
|
||||||
{ img: 'src="/assets/img/pkmn/802.png" title="Marshadow"'},
|
{ img: `${imgBasePath}797.png`, title: "Celesteela"},
|
||||||
{ img: 'src="/assets/img/pkmn/803.png" title="Poipole"'},
|
{ img: `${imgBasePath}802.png`, title: "Marshadow"},
|
||||||
{ img: 'src="/assets/img/pkmn/807.png" title="Zeraora"'},
|
{ img: `${imgBasePath}803.png`, title: "Poipole"},
|
||||||
{ img: 'src="/assets/img/pkmn/810.png" title="Grookey"'},
|
{ img: `${imgBasePath}807.png`, title: "Zeraora"},
|
||||||
{ img: 'src="/assets/img/pkmn/813.png" title="Scorbunny"'},
|
{ img: `${imgBasePath}810.png`, title: "Grookey"},
|
||||||
{ img: 'src="/assets/img/pkmn/814.png" title="Raboot"'},
|
{ img: `${imgBasePath}813.png`, title: "Scorbunny"},
|
||||||
{ img: 'src="/assets/img/pkmn/815.png" title="Cinderace"'},
|
{ img: `${imgBasePath}814.png`, title: "Raboot"},
|
||||||
{ img: 'src="/assets/img/pkmn/816.png" title="Sobble"'},
|
{ img: `${imgBasePath}815.png`, title: "Cinderace"},
|
||||||
{ img: 'src="/assets/img/pkmn/817.png" title="Drizzile"'},
|
{ img: `${imgBasePath}816.png`, title: "Sobble"},
|
||||||
{ img: 'src="/assets/img/pkmn/818.png" title="Inteleon"'},
|
{ img: `${imgBasePath}817.png`, title: "Drizzile"},
|
||||||
{ img: 'src="/assets/img/pkmn/823.png" title="Corviknight"'},
|
{ img: `${imgBasePath}818.png`, title: "Inteleon"},
|
||||||
{ img: 'src="/assets/img/pkmn/827.png" title="Nickit"'},
|
{ img: `${imgBasePath}823.png`, title: "Corviknight"},
|
||||||
{ img: 'src="/assets/img/pkmn/828.png" title="Thievul"'},
|
{ img: `${imgBasePath}827.png`, title: "Nickit"},
|
||||||
{ img: 'src="/assets/img/pkmn/831.png" title="Wooloo"'},
|
{ img: `${imgBasePath}828.png`, title: "Thievul"},
|
||||||
{ img: 'src="/assets/img/pkmn/835.png" title="Yamper"'},
|
{ img: `${imgBasePath}831.png`, title: "Wooloo"},
|
||||||
{ img: 'src="/assets/img/pkmn/858.png" title="Hatterene"'},
|
{ img: `${imgBasePath}835.png`, title: "Yamper"},
|
||||||
{ img: 'src="/assets/img/pkmn/859.png" title="Impidimp"'},
|
{ img: `${imgBasePath}858.png`, title: "Hatterene"},
|
||||||
{ img: 'src="/assets/img/pkmn/862.png" title="Obstagoon"'},
|
{ img: `${imgBasePath}859.png`, title: "Impidimp"},
|
||||||
{ img: 'src="/assets/img/pkmn/869.png" title="Alcremie"'},
|
{ img: `${imgBasePath}862.png`, title: "Obstagoon"},
|
||||||
{ img: 'src="/assets/img/pkmn/870.png" title="Falinks"'},
|
{ img: `${imgBasePath}869.png`, title: "Alcremie"},
|
||||||
{ img: 'src="/assets/img/pkmn/872.png" title="Snom"'},
|
{ img: `${imgBasePath}870.png`, title: "Falinks"},
|
||||||
{ img: 'src="/assets/img/pkmn/876-male.png" title="Indeedee (Male)"'},
|
{ img: `${imgBasePath}872.png`, title: "Snom"},
|
||||||
{ img: 'src="/assets/img/pkmn/876-female.png" title="Indeedee (Female)"'},
|
{ img: `${imgBasePath}876-male.png`, title: "Indeedee (Male)"},
|
||||||
{ img: 'src="/assets/img/pkmn/887.png" title="Dragapult"'}
|
{ img: `${imgBasePath}876-female.png`, title: "Indeedee (Female)"},
|
||||||
|
{ img: `${imgBasePath}887.png`, title: "Dragapult"}
|
||||||
];
|
];
|
||||||
function getRandomUniquePkmn(pkmnArray, count) {
|
function getRandomUniquePkmn(pkmnArray, count) {
|
||||||
const uniquePkmn = new Set();
|
const uniquePkmn = new Set();
|
||||||
const totalPkmn = pkmnArray.length;
|
const totalPkmn = pkmnArray.length;
|
||||||
|
|
||||||
while (uniquePkmn.size < count && uniquePkmn.size < totalPkmn) {
|
while (uniquePkmn.size < count && uniquePkmn.size < totalPkmn) {
|
||||||
const randomIndex = Math.floor(Math.random() * totalPkmn);
|
const randomIndex = Math.floor(Math.random() * totalPkmn);
|
||||||
uniquePkmn.add(pkmnArray[randomIndex]);
|
uniquePkmn.add(pkmnArray[randomIndex]);
|
||||||
}
|
}
|
||||||
return Array.from(uniquePkmn).slice(0, count);
|
return Array.from(uniquePkmn).slice(0, count);
|
||||||
}
|
}
|
||||||
|
|
||||||
const party = getRandomUniquePkmn(favorites, 6);
|
const party = getRandomUniquePkmn(favorites, 6);
|
||||||
|
|
||||||
party.forEach(pkmnData => {
|
party.forEach(pkmnData => {
|
||||||
const imgElement = document.createElement("img");
|
const critter = document.createElement("img");
|
||||||
const imgAttributes = pkmnData.img.match(/src="([^"]+)"/);
|
critter.src = pkmnData.img;
|
||||||
imgElement.src = imgAttributes[1];
|
critter.title = pkmnData.title;
|
||||||
imgElement.title = pkmnData.img.match(/title="([^"]+)"/)[1];
|
document.getElementById("pkmn").appendChild(critter);
|
||||||
|
critter.addEventListener("mouseover", () => {
|
||||||
document.getElementById("pkmn").appendChild(imgElement);
|
const select = document.createElement("audio");
|
||||||
|
select.src = "/assets/audio/select.ogg";
|
||||||
imgElement.addEventListener("mouseover", () => {
|
|
||||||
let select = document.createElement("audio");
|
|
||||||
select.src = ("/assets/audio/select.ogg");
|
|
||||||
select.play();
|
select.play();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
@ -2,11 +2,11 @@
|
||||||
images:
|
images:
|
||||||
- src: /assets/img/art/petscii_sundae1.png
|
- src: /assets/img/art/petscii_sundae1.png
|
||||||
alt: Front-facing bust portrait of Sundae. His hair looks a bit ruffled up.
|
alt: Front-facing bust portrait of Sundae. His hair looks a bit ruffled up.
|
||||||
width: 240
|
width: 240px
|
||||||
date: 2023-02-26
|
date: 2023-02-26
|
||||||
- src: /assets/img/art/petscii_sundae-redo1.png
|
- src: /assets/img/art/petscii_sundae-redo1.png
|
||||||
alt: Revisioned front-facing bust portrait of Sundae, with shinier hair.
|
alt: Revisioned front-facing bust portrait of Sundae, with shinier hair.
|
||||||
width: 240
|
width: 240px
|
||||||
date: 2023-04-14
|
date: 2023-04-14
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,15 +3,15 @@ images:
|
||||||
- src: /assets/img/art/acnl_sundae.png
|
- src: /assets/img/art/acnl_sundae.png
|
||||||
alt: Bust portrait of Sundae smiling at the viewer with his eyes closed, outlined in rainbow colors and a secondary white outline around that.
|
alt: Bust portrait of Sundae smiling at the viewer with his eyes closed, outlined in rainbow colors and a secondary white outline around that.
|
||||||
date: 2021-09-09
|
date: 2021-09-09
|
||||||
width: 320
|
width: 320px
|
||||||
- src: /assets/img/art/acnl_sundae-redo1.png
|
- src: /assets/img/art/acnl_sundae-redo1.png
|
||||||
alt: Revisioned bust portrait of Sundae, smiling at the viewer with his eyes closed, superimposed on the rainbow pride flag.
|
alt: Revisioned bust portrait of Sundae, smiling at the viewer with his eyes closed, superimposed on the rainbow pride flag.
|
||||||
date: 2022-01-01
|
date: 2022-01-01
|
||||||
width: 320
|
width: 320px
|
||||||
- src: /assets/img/art/acnl_sundae-redo2.png
|
- src: /assets/img/art/acnl_sundae-redo2.png
|
||||||
alt: Latest revision with the view from the front, superimposed on the Agender pride flag.
|
alt: Latest revision with the view from the front, superimposed on the Agender pride flag.
|
||||||
date: 2024-10-28
|
date: 2024-10-28
|
||||||
width: 320
|
width: 320px
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
---
|
---
|
||||||
description: hi
|
description:
|
||||||
date: 2025-05-23
|
date: 2025-05-23
|
||||||
modified: 2025-05-23
|
modified: 2025-05-23
|
||||||
blurb: <p>i hate luxon</p><p><img src="/assets/img/blog/luxon.png"></p>
|
blurb: <p>i hate luxon</p><p><img src="/assets/img/blog/luxon.png"></p>
|
||||||
|
|
|
||||||
|
|
@ -3,12 +3,12 @@
|
||||||
<title>
|
<title>
|
||||||
{{site.name}}{% if title %} - {{title}}{% endif %}
|
{{site.name}}{% if title %} - {{title}}{% endif %}
|
||||||
</title>
|
</title>
|
||||||
<link rel="icon" href="/assets/img/theme/citrus/bunny.png">
|
<link rel="icon" href="/assets/img/icon/sundae.png">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="stylesheet" href="/assets/css/reset.css">
|
<link rel="stylesheet" href="/assets/css/reset.css">
|
||||||
<link rel="stylesheet" href="/assets/css/index.css">
|
<link rel="stylesheet" href="/assets/css/index.css">
|
||||||
</head>
|
</head>
|
||||||
<body id="index">
|
<body id="index">
|
||||||
<main><a href="/home"><img src="/assets/img/theme/citrus/enter.png"></a></main><a rel="me" href="https://denden.world/@fossilisk" style="display: none">Mastodon</a>
|
<main><a href="/home"><p>enter</p></a></main><a rel="me" href="https://denden.world/@fossilisk" style="display: none">Mastodon</a>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@ L 8 18 Z"
|
||||||
<ul>
|
<ul>
|
||||||
{% for post in collections.posts reversed %}
|
{% for post in collections.posts reversed %}
|
||||||
<li>
|
<li>
|
||||||
<a href="{{post.url}}"></svg>{{post.fileSlug}}<p>published: <time
|
<a href="{{post.url}}"></svg>{{post.fileSlug}}<p>published:<time
|
||||||
datetime="{{post.data.date | ISO }}">{{post.data.date
|
datetime="{{post.data.date | ISO }}">{{post.data.date
|
||||||
| readable }}</time></p>{% if post.data.modified %}<p>last edited:<time
|
| readable }}</time></p>{% if post.data.modified %}<p>last edited:<time
|
||||||
datetime="{{post.data.modified}}">{{post.data.modified | readable}}</time></p>{% endif %}
|
datetime="{{post.data.modified}}">{{post.data.modified | readable}}</time></p>{% endif %}
|
||||||
|
|
|
||||||
|
|
@ -65,12 +65,11 @@ icon: "M12 20 L12 30 4 30 4 12 16 2 28 12 28 30 20 30 20 20 Z"
|
||||||
src="{{item.button}}" alt="{{item.alt}}"></a>
|
src="{{item.button}}" alt="{{item.alt}}"></a>
|
||||||
</li>
|
</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
<script src="/assets/js/cat.js"></script>
|
<script src="/assets/js/cat.js"></script>
|
||||||
<script src="/assets/js/fox.js"></script>
|
<script src="/assets/js/fox.js"></script>
|
||||||
<script src="/assets/js/bob.js"></script>
|
<script src="/assets/js/bob.js"></script>
|
||||||
</ul>
|
|
||||||
</nav>
|
</nav>
|
||||||
<div id="pkmn" aria-label="Randomized list of my favorite Pokémon"><script src="/assets/js/poke.js"></script></div>
|
<div id="pkmn" aria-label="Randomized list of my favorite Pokémon"><script src="/assets/js/poke.js"></script></div>
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
</section>
|
</section>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue