How do I supposed to import everytime?!??!?!

HOW?!

in your /tsconfig.json right at root of your project, inside compilerOptions Dictionary, there is paths Dictionary.
Look at the example at here for how to add yours
Also have a look at Astro Aliases for more information about Path Aliases.

The ICON (https://github.com/natemoo-re/astro-icon)

Automatically fetches and inlines Material Design Icon's "account" SVG

Equivalent shorthand

Sprite

Programastic

Discord-like Spoiler CSS Class

Not sharing download link & sauce is cringe & virgin, giant L!

Accessible Emoji

🫀

MIDI Player

using cifkao's HTML MIDI Player (https://github.com/cifkao/html-midi-player) (Demo MIDI included)

and Demo MIDI from Duwindu's ColomboGMGS2 at Here (https://archive.org/details/dawnsgmgs2)

Magenta Demo MIDIs at Here (https://github.com/magenta/magenta-js/tree/master/music/demos) (you better clone entire Source code, I think..)

Heathens (Duwindu's cover)

Unfortunately, Magenta JS only support converted soundfont, in Magenta's JSONed soundfont format, & here's the only available Magenta Soundfont JSONs right now (https://magenta.github.io/magenta-js/music/index.html#soundfonts)
let's convert it with FalcoSoft MIDI Player (https://falcosoft.hu/softwares.html#midiplayer) , & convert the MIDI to WAV.

Sorry folks, it's not your system, it's the software bug. the FalcoSoft built-in recorder did not correct my laptop lags.

Also, here's the Duwindu's video about this Heathens (https://youtu.be/0BqCctHHxAQr)

Jazz.mid

Kay you know what, this above is not gonna work coz we have no way to have performance CDN here. let's use MIDI Player Demo files cifkao has

EDIT: The soundfont file is not RAW SF2 file!!! it's Magenta's JSONed file!!!

Twinkle Little Star lite

Twine Melody

Guruku Tersayang (Helly Hilmi's cover with JOELwindows7's improvement)

here the Guruku Tersayang MIDI we have had improved from Helly Hilmi's.

Now compare with our Funkined version here
which we have LMMS project at there

Hover which of these paragraphs bellow to play a sound the paragraph has!

DairyOrange's Fart , Download File Here (MP3) OR Here (OGG)

Perhaps Fart Reverb Origin: kmlkmljkl's Hamster lmao meme Download File Here (MP3) OR Here (OGG)

Powered by mahdif's Loud Links JS

Every Owen Wilson's WOW

Owen Wilson wow API!

This loads random wows of Owen Wilson from various movies. Basically, clipping a scene that contains Owen Wilson acted character saying wow e.g.

Flippers and all. Wow.
– Jack Ryan, 2004

Sauce = The Big Bounce (2004)

Released ,

Directed by George Armitage

Wow #1 of 2

Film Duration = 01:28:10

More Info about Owen WOW API

Incredible Quips

<samp></samp> tag

w3school samp tag

PS W:\starring codes\Astro Projects\perkedel-astro> ls Directory: W:\starring codes\Astro Projects\perkedel-astro Mode LastWriteTime Length Name ---- ------------- ------ ---- d---- 10/11/2022 20.33 .github d---- 16/11/2022 02.25 .vscode d---- 20/10/2022 14.57 cypress_bak d---- 22/10/2022 23.05 dist d---- 29/11/2022 01.19 node_modules d---- 24/11/2022 01.54 public d---- 02/11/2022 20.46 scrappe d---- 20/10/2022 14.57 src d---- 15/11/2022 23.48 src-tauri -a--- 05/11/2022 23.42 407 .gitignore -a--- 20/10/2022 14.57 69 .npmrc -a--- 16/11/2022 02.18 52738 app-icon.png -a--- 24/10/2022 02.01 913 astro.config.mjs -a--- 27/10/2022 18.31 1550 CODE_OF_CONDUCT.md -a--- 18/11/2022 03.05 20081 CONTRIBUTING.md -a--- 28/10/2022 17.11 298 cypress.config.ts -a--- 20/10/2022 15.45 35182 LICENSE -a--- 15/11/2022 02.59 3815 netlify.toml -a--- 29/11/2022 01.19 877558 package-lock.json -a--- 29/11/2022 21.05 1695 package.json -a--- 29/11/2022 21.05 64 packagescrap.txt -a--- 21/10/2022 00.59 60 perkedel-astro.code-workspace -a--- 25/10/2022 15.11 2284 README.md -a--- 20/10/2022 15.17 7777 readmescrap.md -a--- 20/10/2022 14.57 141 renovate.json -a--- 20/10/2022 16.44 136 scrap toml netlify.txt -a--- 28/10/2022 23.31 1201 tsconfig.json PS W:\starring codes\Astro Projects\perkedel-astro>

<kbd></kbd> tag

w3school kbd tag

Press Ctrl+Alt+T to open Terminal

Hover Expand

Scroll Reveal

JPEG XL

Yo, JPEG XL!

To Enable plugin, enable flag! Brave how here
Basically, open URL chrome://flags, search enable-jxl, Enable it! Click Relaunch browser.

Checkout the sort of Polyfill JS by niutech. & peck you Chromium!
Hey, plugin unreliable! just enable the flag!
Brave how here. basically again, you enable that enable-jpegxl experiemental flag, restart browser, that's it.
Moar Data pls Now libjxl Test
EVEN Moar Data pls Now JPEG XL Info Test
libjxl source code pls Now
JPEG XL Info pls Now
JPEG XL Arts pls Now
JPEG XL Official Website pls Now
JPEG XL Art Surma generator pls Now
Perkedel Logo kit pls Now

MOAR:

• Patent ANS on Arxiv
• Microsoft granted the ANS patent

Click here to visit any image to JXL converter! a $0 tool to convert any image to JPEG XL.

GONE!!! ALL GONE!!! INSTALL THIS CHROMIUM EXTENSION TO AUTO-COVERT 1ST FRAME OF JXL OBJECTS IN EVERY PAGE & RENDER IT . The animation is not supported, only 1st frame. HDR still supported as is!

Year On Netlify

Year on Netlify pls

2022

Year 2022

Hello World Netlify FUnction

These sends API request to our Netlify functions hello-world with argument name filled with whatever name you like

URL = https://perkedel.netlify.app/api/hello-world?name=YOUR_NAME

Fixed Button

Customize

NOTE: The method must be GET so it will processed using URL Parameters (?name=YOUR_NAME&desc=DESCRIPTIONS, that Question mark followed with variables) above.
We haven't yet figured how to process POST method at the moment.

Mavrickle Test

 Download PNG , View sauce SVG

Astro Embeds

Astro Embeds is currently out of date & will fail to compile if we force using it. The addon contributors must update to support newer version of Astro.

Homestuck CSS

Homestuck CSS Test. Test the Homestuck CSSers

Click here to view this component source code ; Click here to open Homestuck.css

DialogLog

Ahei, Dasandimian!
Oh cool, A CSS Stylizer for our HTMLLog!! 8ravo!
AND MarkdownLog 4LSO, 1F W3 PUT TH4T TOO H3R3. SO F4R SO GOOD, Y34H!
Perhaps. wai wait. I got an idea.

Tips: Ensure that all text in your HTML-log can be read by screen readers normally. Especially, Terezi's caption style is leet-speak. Hence it would mess with screen readers. Use aria-label to label the normal text so the screen reader would read that instead. Click here to see StackOverflow answer about Aria Label solutions. Remember, when Terezi lost her vision before, she can still use PC like normal due to her backup abilities, But other people who are also had vision trouble & even lost their vision do not have the same extra backups as her is. Therefore having a way for their screen reader or any similar system to be able to read aloud such text properly is essential.

DialogLog per Paragraph

Testoiden

hmmm, Maybe it's a good idea to have each of our line on 1 paragraph, how does that look?

H3Y, 1 TH1NK TH4T LOOKS B3TT3R. PROB4BLY JUST DO TH1S L1K3 TH1S FROM NOW ON.

Yeah yeah, I like this one more.

Yep, it's better. in fact that's how the new paragraph in Markdown interpretation, people. I think, idk, but yeah!

Hey guys! What'rre doing here?

We're building your captioning style system. We will have our caption automatically stylized just like your writing style back in the day.

OwO!?!?!? AWWSUMM 😸😸😸😸😸😸😸😸😸😸😸!!!!

Go check it out. You will only need to type whatever inside the tag, install your class, & voilla. everything in style.

(Look this result & compare with this source code) HOHOHO,, YESS!!!

Yeah. Enjoy.

Doc Scratch

Ahem.. Test test, one, two, three..

Yep, I can hear ya! But your caption had a bad contrast here. Uh.. the low hearing can't get what you say, hold on. HEY!! LOOK AT THE CAPTION LOG! Highlight it!

Hello, audience.

Kay, can you see it? That's how. Also, doc. We call viewers / audience, gamers. Coz.. to be cool. They play games!

Oooooo.. Okay, thank you for that. Gamers.... Alright, I'll remember that.

Okay, done. fixed your contrast!, I hope.. how does it look?

OH MY GOD!! MY TEXT IS GLOWING!!!, Just like my head!... How did you do that?!

Simple. there is this 2 properties text-shadow & box-shadow. Color each of this the bright and you'll have text glowing.

Wow.. I'm curious, How (press F12) did..

Yeah, like that, but.. your style's here aand.. this' the component code.

Mmmmm, okay.. Astro.. I think I've heard this once before..

Yeah I'm using it This' the framework.

Alright.. But is it hard to use?

No, not really. You just need the same knowledge of HTML & CSS & All you have to think is like.. Object orientation.

You mean.. this part of a website inherits from a core or parent component?

Yeah! Object Oriented website!

Wwwwwooooww... How.. How didn't I know that?

Yeah, frameworks lives in the background. Apparently, those who wanted to build site fast & easy but do not want the hassle & lies of the.. quote on quote "free" web builders, they'll know this anyways.

I see... ... I wanted to build website, but my friends' suggestion do not satisfy me, heck this one YouTuber sponsored, is not free at all.

That's because those scammers paid those YouTubers. It works for them, but never most of beings.

Okay... ... Did you tell everyone about this?

Yeah I did. In fact they're behind this curtain (open curtain remotely).

OH H3Y!

sup, a888888? Finally met to 10 eyes again huh?

Oh, Vriska. Hi..

SO yeah, big shoutout to Terezi, she has been tirelessly helping me porting everyone's caption style. We're not done yet. I still has more to port to here.

Oh wow, okay. hmmm. I hope you got all of them, don't give up.

Thancc cool and good.

Previously, on Lrd English.

WARNING!!! FLASHING COLORS

In a universe immigration resolve chamber room. Lord English inside the chamber. Chamber has intentionally entire floor of cloth soft bed to cover all size beings. This is the medium size chamber, about 1 km2 with height of 500 m, not fit for a space ship which was featured in the Inside Out TVA Part 2. Joel & friend sits on left corner console outside the chamber upon Lord English right legs where he initially lied down at. Lord English not tied, put on the very center of the chamber, because this chamber has already designed for strongest possible struggling beings.

Resurrection completed

uuugh... ow... ... (open eyes)...

(Looking).....

... (awake very fast just torso)!?!??!?...

(flinch)!!!??...

... Hello?

ugh... WHERE... WHERE AM I?...

Ahei. Welcome to the Perkedel Cinematic Universe. You have just been brought here for the resolve. We were trying to yoink Homestuck & its elements. It appears that this franchise has alot of Git violations & merge conflicts going on, and you.. are one of the merge conflict source.

(approach fast towards glass & smack) WHAT ARE YOU TALKING ABOUT?!?!?!??!

(panik that Lord English can anytime break through) WHAAHA!!...

(calm Arn & pls calm hand gesture) ssh ssh shh. We have detected that you comprises of multiple entities. That's not healthy. You're not yourself.

SO WHAT?! WHAT ARE YOU GOING TO DO?!

Display says Gamzee, Equius, & Dirk bits detected

☝️ One moment, please. (Call Interpol)....

Announcement speaker answers automatically

Ahei gamers. Sorry for interuption. Urgent. Gamzee, Dirk, & Equius. (open portal to this Universe Inspection Border dimension), Please come to this portal. Thancc cool and good. (close)

(got it)??? (okay, let's go)?.. (let's go)...

oKaY... (go)..

Heuh.. (go) I hope it's not strange test? Alright...

All entered

Okay, gamers, sit on those each chair, and relax.

Whaa? Strange test?!

No no, it's not. there's bits of you left out.

(not get it yet) Oh, eum.. (sit anyway)..

(nervously sitt)..

(sit nervously)...

Okay, gamers, are we ready?

Ready.

(press Execute)!

Slimy separations BOKK!!!

Lord English has been successfully separated.

UUAHAA!!... (hit bed)!..

(async) (felt something filling in 🫀 heart) UUUOOOOH!!.. wow

(async) (felt something filling in 🫀 heart) Whoaaaahhh whow...

(async) (felt something filling in 🫀 heart) EeEeEeEyoOoO!!! WOw, feels like I gaIneD An EnErGy inside my dOog DooG.. WhAt iS iT? Oh.. 🫀 HeArT.

eeeoooouggghhhh... euhhh..

Alright! Successful, amazing awesome yey!!! But we got more to do here. Thank you so much, Equius, Dirk, & Gamzee. You may now go back to your station.

wAiT tHaT's iT?

Yep, that's it. Go, quickly, before things messy again coz here is sensitive.

oh OkEh OkEh.. gUyS!, (go to portal back)

Okay (immediately run back to portal)!

(just go back to portal)...

Good! (immediately close after all 3 went back to station)!!

😡😡😡😡😡😡😡😡😡.... BUT THAT'S MY ULTIMATE POWER. WHAT THE HELL, MAN?!

Ayy chill out bro, You'll get even better power without having to amalgamate poor innocent and whatever people you'd want to combine to be. Idk which, but, guarantee, it will be better.

(sigh)!...... WHATEVER YOU SAY MAN 😑😑😑😑😑.. HEY, WHO PUT EMOJI HERE?!

(point to camera that has subtitle) oh that? That's a Viorfa. Say hi.

Hello!

OKAY..

& the studio out in Viorfa dimension, people there subtitled our says, in real time.

MEH, OKAY.

I see, not the appreciating kind of guy huh 💔? That's okay I guess. (manifest mischief kit briefcase to Caliborn's left hand) Your toy is in your hand.

OH C'MON (noticed left hand become heavy, lift it up) HUH?!?!

Use them wisely, there'll be more to come, I have removed chain, no need to cut off your leg again, pls don't, STEM expensive..

OKAY SHUT UP. WHAaT?! WHAT ELSE? QUICKLY. ... WHERE'S MY HOME? STILL EXIST?

Yes (instantly teleport Caliborn to his bedroom).

OH THAT'S GR(noticed he teleported back to his bedroom)... WAIT.. OH.. OKAY. GEEZ, WHAT THE (interupted as he went F go back to main scene) F888?

... Where's my home then? Wai wait. Do I still serve him?

idk, up to you. Wait you know what, no more. have a good life. Be the best teacher you can be.

Teaching what?

Anything good you want all to know (also immediately teleport to his house).

Thank you I'll (noticed he teleported to his room).... (slowly) figure this.. out. Hmm. Okay. Wow that was.. (unsure if that scene was a dream or not, confused because he never felt this teleportation so instantaneous, seamless, & silent) Am I dreaming?

... Uh...

And you, Jack Noir.. No idea for you but... (finally teleport Jack to his spawn place) We'll figure you out later.

(point to that ragdoll) Sir?

Okay, Lil Hal, time to go back to your house. (teleport the ragdoll 3 meters above Dave's keyboard while he was using it)!

Touchdown with Dave's back hands

(surprised a body suddenly hit his back hands while typing) HUAAAaAAAA (wait, it's Lil Hal)... Oh.. Heuh?... (stand up & pick up ragdoll), (put to the other above cupboard behind).. Heh.. (go back to chair & go back computing, backspace error type, retype correctly again)...

Snowman

... This isn't bad.... ....

Ahem. Your text is animated

That's my style, why?

Without pictures.

(skeptic) Are you (try drag her own subtitle).. (it highlights instead of silhouette of image PNG dragging), pogchamps) 😯😯😯😯😯😯😯😯😯😯😯!??!?!?!?! Wait, how??

Well, the power of CSS. You gotta thank Kaorfa for his skill.

Who's Kaorfa?

Just a regular person. A human.

No, I cannot believe this. How did he got the magic? where did he got it from?

Uhhh, from internet of course. For you, I was told he got it from this tutorial

(read the W3Schools article briefly)..... Okay... Nowadays even regular kids got power so easily from the interweb, I wonder.

Btw, his real name is Joel Robert Justiawan. Chumhandle is JOELwindows7.

.... (attempt to pronounciate) Jo ael. .. Even kids also had weird names. Not just trolls.

Apparently, you do not see names only in English. This name is very common, originated from Hebrew. Also again, he is not a troll. that's a human name. Real.

So was it influenced?

No, it happens to be not influenced. That is way ancient name, and obviously way too far to do with Alternians.

Okay.

Like every other kids, he's already a grown man.

Wow, time flies. What things did I missed?

Thank Joel. He brought you back.

Wait, I am alive?

What do you think?

(moved no tear) 😐😐😐😐😐😐......

Stories & Pages

Auto logo placings below is a part of our website CSS.

• Yoink assets from articles around MSPA Wikia!!!
• (Homestuck¹) Page 808
• (Homestuck¹) Epilogues
• (Homestuck²) Page 407 Note, it seems only epilogue on 1st had separation based on timeline branch, right??
• (Homestuck¹) Epilogue Candy 5
• (Homestuck¹) Epilogue Meat 5
• (Paradox Space) Page 196 via Hiveswap website

Make her pay simulator

Carefully open which of these detail box to reveal a white box.

WARNING! Very bright!

• Chrome dev HD CSS Color guide
• Wikipedia, Impossible Colors, section Imaginary Colors
• W3 Schools color tutorial
• MDN CSS Color parameter
• MDN CSS Color function
• Wikipeda, Munsell color system
• CSS & HDR Display
• kidi's CSS HDR bug exploitPut an HDR video. somewhere before video, add a text with this style: filter: brightness(10); -webkit-backdrop-filter: brightness(1); backdrop-filter: brightness(1);
  Yeah basically... brightness beyond 1, okay.
• MDN Brightness filter

Nerd Font Test

Welcome to New Nerd Font New test . Here new update. You can checkout NerdFonts.com for more info.

Wait, then I can do this? 󱃎

Or perhaps 󰗗 Altimeter? Like

HTMX Test

Control Click below

Hover this below

Hover this below Once

Sauce Shortcut

ODSY:@JOELwindows7

CENSORED

CENSORED