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

i hate luxon

diff --git a/_src/index.html b/_src/index.html index da4dd83..b716966 100644 --- a/_src/index.html +++ b/_src/index.html @@ -3,12 +3,12 @@ {{site.name}}{% if title %} - {{title}}{% endif %} - + -
Mastodon +

enter

Mastodon diff --git a/_src/pages/blog.html b/_src/pages/blog.html index 6c4f78c..8811f30 100644 --- a/_src/pages/blog.html +++ b/_src/pages/blog.html @@ -8,7 +8,7 @@ L 8 18 Z" + + +
- \ No newline at end of file