[ [ [ bloggin space w i k i ] ] ]Difference between revisions of "Test page"
| Line 233: | Line 233: | ||
<html> | <html> | ||
<div style="display:flex;justify-content:center;"><div style="width:280px;padding:20px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.1);border-radius:12px;animation:bounceIn 5s;">✨ Suck It!</div></div><style>@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.05)}80%{transform:scale(.95)}100%{opacity:1;transform:scale(1)}}</style> | <div style="display:flex;justify-content:center;"><div style="width:280px;padding:20px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.1);border-radius:12px;animation:bounceIn 5s;">✨ Suck It!</div></div><style>@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.05)}80%{transform:scale(.95)}100%{opacity:1;transform:scale(1)}}</style> | ||
</html> | |||
==Typer== | |||
<html> | |||
<div style="font-family:monospace;font-size:18px;overflow:hidden;white-space:nowrap;width:0;animation:type 4s steps(40) infinite alternate;border-right:3px solid;margin:40px auto;text-align:center;">Typing effect forever...</div><style>@keyframes type{from{width:0}to{width:280px}}</style> | |||
</html> | </html> | ||
[[Category:Help]] | [[Category:Help]] | ||
Revision as of 08:23, 28 November 2025
Test Page is the page where I try out random stuff on the wiki that may be used elsewhere. One product of this page (that has been removed and given it's own page) is Current Weather.
blah blah blah
This is a horizontal info box you can add stuff like Current Weather or images.
Blah?
Another info box that is collapsable.
This text is hidden until you click the line above. You can hide stuff here.
Quote Box 3.0
A different quote box than I normally use. - me
Pro Box
I hate rounded corners using the border-radius attribute. Also, green doesn't make something look professional.
That Stupid Warning Box
Warning: You need to be warned.
I don't know why they keep wanting border-radius
Welcome to My Awesome Wiki
Everything you need is right here.
Black Spoiler Box
SPOILERS
Secret knowledge is hidden here.
Code
you can put all sorts of stuff in here and make it look like code.
Progress Bar
A fake progress bar that never moves. It's like installing something on Windows 11.
73% Complete...
73% Complete...
73% Complete...
Side By Side Pictures
Left side caption
Right side caption
Download Button
Timeline
Step 1 – Do this first
Step 2 – Then this
Step 3 – Profit!
Keyboard
Press Ctrl + S to save.
Press Ctrl + S to save.
Press Ctrl + S to save.
Reverse Collapsable
This doesn't really work and is stupid.
Click to hide this section ▼
All the hidden stuff lives here.
5 Pictures
Hamburger Soup
Oreo Blueberry
Picture here to demonstrate
That you can make
Your own style of gallery.
Spinner
Bounce Card
Typer