❀ 𝒜𝓃 𝒜𝓋𝒾𝒶𝓇𝓎 𝑜𝒻 𝒟𝑜𝒹𝑜’𝓈 ❀
You stand on the steps facing a large but packed ballroom, dazzlingly beautiful so late in the evening with starlight shining in through the sky-light glass. The entire ball emits a constant, golden ray of utter greatness, filling you with awe as you look out across the crowd of guests.
The Dance Floor
To your left there are a number of guests dancing to the music by an enthralling live-orchestra. Just past the dance floor, there are tables laden with colourful drinks. What do you have a closer look at?
A DANCING FAMILY
A YOUNGER GROUP
THE DRINKS
x The Centre
In the centre of the room, he stands. Almost spot-lit, there is a young man who radiates an aura of greatness and accomplishment. What do you have a closer look at?
THE YOUNG MAN
THE PORTRAITS BEHIND
AN ARRAY OF MEDALS
A CRYSTAL CHANDELIER
THE GRAND PIANO
HIS WANDx
The Library
To your right, the walls are lined with mahogany shelves, filled to the brim with books from encyclopedias to storybooks to birth-records. What do you have a closer look at?
THE HISTORY SECTION
A CALENDAR
A SET OF FAIRYTALES
Last edited by Dido Bleaklane on 11 Aug 2026, 01:50, edited 3 times in total.
-Dido Bleaklane |
❀ 𝒜𝓃 𝒜𝓋𝒾𝒶𝓇𝓎 𝑜𝒻 𝒟𝑜𝒹𝑜’𝓈 ❀
Practise with floating images
Overlapping quote boxes
Not overlapping
Test with two images - works fine
Handling of large images + too large image inside quote box + two images on either side
(THIS IS MEANT TO BREAK THE METHOD ABOVE IT IS NOT USED AS AN EXAMPLE OF WHAT IS GOOD OK)
-On computer and wide screens where the dimensions are still far to big and the text + image are wrapped in single table, The first "floated" image stays put. The second moves beneath it as it cannnot overlap it. The quote box with image then stay put but are too wide so get a scrolly wheel.
-On mobile with the previous statements, the quote box and image are completely covered so you cannot scroll either.
-when the quote box (inc image) are not wrapped in a table, they move to underneath the large image. (The floater may take priority becuase it is writtten first in the code but I doubt that, but haven't tested to see otherwise). Again, the secon floating image is pushed beneath the first. The quote + img are beneath that one.
Overlapping quote boxes
Blah blah abdjensus dj dud did I’d I dbxhxnd djxnd. C djidnc jd JJ be jfkjfr Jan. Nth. Fhfh hfh the v bfj vfhj
Not overlapping
|
Test with two images - works fine
|
|
Handling of large images + too large image inside quote box + two images on either side
(THIS IS MEANT TO BREAK THE METHOD ABOVE IT IS NOT USED AS AN EXAMPLE OF WHAT IS GOOD OK)
-On computer and wide screens where the dimensions are still far to big and the text + image are wrapped in single table, The first "floated" image stays put. The second moves beneath it as it cannnot overlap it. The quote box with image then stay put but are too wide so get a scrolly wheel.
-On mobile with the previous statements, the quote box and image are completely covered so you cannot scroll either.
-when the quote box (inc image) are not wrapped in a table, they move to underneath the large image. (The floater may take priority becuase it is writtten first in the code but I doubt that, but haven't tested to see otherwise). Again, the secon floating image is pushed beneath the first. The quote + img are beneath that one.
|
-Dido Bleaklane |
❀ 𝒜𝓃 𝒜𝓋𝒾𝒶𝓇𝓎 𝑜𝒻 𝒟𝑜𝒹𝑜’𝓈 ❀
Reducio
|
Code: Select all
[img float=right size=200x200 alt="An empty golden cage"]/images/upload/uj86ik9p6xbk.webp[/img][table]
[tr]
[td][quote][center]
[img size=400x400 alt="Words saying ‘your order has been accepted’"]/images/upload/25fyktiv3wvz.webp[/img]
[color=#785800]Thank you for purchasing a bird at The Aviary.
The store-owner is currently fetching your bird.
Feel free to watch and even interact with any of the more confident birds we have here.
(only some bite!)
—————————————————————[/color][/center][/quote][/td]
[/tr]
[/table]
Last edited by Dido Bleaklane on 11 Aug 2026, 01:33, edited 1 time in total.
-Dido Bleaklane |
❀ 𝒜𝓃 𝒜𝓋𝒾𝒶𝓇𝓎 𝑜𝒻 𝒟𝑜𝒹𝑜’𝓈 ❀
Reducio
|
Code: Select all
[img float=right size=200x200 alt="An empty golden cage"]/images/upload/t561thq49824.webp[/img][table]
[tr]
[td][quote][center]
[img size=400x400 alt="Words saying ‘your order has been completed’"]/images/upload/givrxtqpyije.webp[/img]
[color=#785800]Thank you for purchasing from The Aviary.
You owe x galleons
Feel free to watch and even interact with any of the more confident birds we have here.
(only some bite!)
—————————————————————[/color][/center][/quote][/td]
[/tr]
[/table] Reducio
|
Code: Select all
[img float=right size=200x200 alt="An empty golden cage"]/images/upload/fcvx1903s5p1.webp[/img][table]
[tr]
[td][quote][center]
[img size=400x400 alt="Words saying ‘your order has been completed’"]/images/upload/givrxtqpyije.webp[/img]
[color=#785800]Thank you for purchasing from The Aviary.
You owe x galleons
Feel free to watch and even interact with any of the more confident birds we have here.
(only some bite!)
—————————————————————[/color][/center][/quote][/td]
[/tr]
[/table] Reducio
|
Code: Select all
[img float=right size=200x200 alt="An empty golden cage"]/images/upload/j40e9wl8bnsb.webp[/img][table]
[tr]
[td][quote][center]
[img size=400x400 alt="Words saying ‘your order has been completed’"]/images/upload/givrxtqpyije.webp[/img]
[color=#785800]Thank you for purchasing from The Aviary.
You owe x galleons
Feel free to watch and even interact with any of the more confident birds we have here.
(only some bite!)
—————————————————————[/color][/center][/quote][/td]
[/tr]
[/table]
Last edited by Dido Bleaklane on 25 Jul 2026, 00:15, edited 1 time in total.
-Dido Bleaklane |
