[ [ [ bloggin space w i k i ] ] ]Difference between revisions of "Test page"
| Line 130: | Line 130: | ||
</div> | </div> | ||
<!-- just keep adding more divs – it will wrap on mobile too --> | <!-- just keep adding more divs – it will wrap on mobile too --> | ||
</div> | |||
==Something?== | |||
<div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:25px; margin:30px 0;"> | |||
<div style="text-align:center; border-radius:12px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.15);"> | |||
<div style="overflow:hidden;"> | |||
<img src="https://bloggin.space/images/christmas4.jpg/250px-Hamburgersoup.jpg" style="display:block; width:100%; height:auto; transition:all .4s ease;" onmouseover="this.style.transform='scale(1.15)'; this.style.boxShadow='0 15px 30px rgba(0,0,0,0.3)'" onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='none'"/> | |||
</div> | |||
<div style="padding:10px; background:#fff; font-weight:600;">Hamburger Soup</div> | |||
</div> | |||
<!-- repeat the block above for each image, just change the file name and caption --> | |||
</div> | </div> | ||
[[Category:Help]] | [[Category:Help]] | ||
Revision as of 07:58, 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
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.
