is there any reason why the spinning icon doesnt show up on my end when i use it?
hm, for me it looks as if there's nothing in the spot for the icon at all
<span class="fa-stack" style="font-size:100px;height:100px;"> </span>
what it looks like originally should be
<span class="fa-stack" style="font-size:100px;height:100px;"><i class="fad fa-sun fa-stack-2x" style="animation:fa-spin 10s infinite linear;"></i></span>
could you send me the code you're using?
yup, looks exactly as it did by just inspecting the webpage - the element for the icon somehow got replaced with two blank spaces, if i had to guess i'd say it was probably WYSIWYG not being fully disabled before editing (sometimes you'll need to reload the page before the editor operates correctly). just reinsert the element (put <i class="fad fa-sun fa-stack-2x" style="-webkit-animation: fa-spin 10s infinite linear;animation: fa-spin 10s infinite linear;"></i> where the is) and it should work
Used! This is a really awesome code, and exactly the type of minimalistic look I was wanting! Thank you so much for making this!
I'm not sure why.. but this code has started to CHANGE on my profile.. is it just my devices glitching?
change how? if i had to make a guess, i'd say it may have something to do with toyhou.se running font awesome's v6 beta (this was updated to fairly recently, i believe), so there may be issues with certain icons changing appearance or failing to render - but without any further context that's only a guess. can you describe what's changed? or better yet, do you have screenshots of what it looks like on your device now and how it looked before? even a screenshot of right now could be helpful, so i can compare it to what i'm seeing and determine if it's a device issue. and have you edited the code recently? if so, did these issues come after editing or at complete random?
Well, if you look at how it's SUPPOSED to look and compare it to mine:
- It started with the outer ring of the sun suddenly glitching into (admittedly a REALLY COOL) orbiting moon/planet.
- Then today I saw that both circles were gone and the background was lighter/bluish.
The second one seems to have happened after editing though the first was unprompted, however the only changes I've made have been to the information.
i'm honestly not certain how the first issue would've happened. this does sound like a potential result of font awesome v6 beta and/or toyhou.se itself doing weird beta/upgrading things - what you're describing sounds kind of like the "sun" icon was changed to the "eclipse" icon? which seems plausible, and is really the only idea i could come up with if the code hadn't been touched beforehand, but i can't confirm. assuming it was a v6 beta issue, we shouldn't have to worry about any issues in the code itself
as for the second, based on what i can see just using my browser's inspect element, the first background declaration and the icon element look to be missing
the background declaration should be here, in the first section after the introductory comment
<div class="rounded-circle card border-0 mx-auto text-center mt-5"
style="width:500px;height:500px;color:#d7bbbb;
background: #600000
url(https://f2.toyhou.se/file/f2-toyhou-se/images/21089376_yY4meU5AMAoWefM.png);
background-blend-mode:color-burn;
font-family:verdana;">
that "background: #600000 url(https://f2.toyhou.se/file/f2-toyhou-se/images/21089376_yY4meU5AMAoWefM.png);" bit seems to be missing or altered - either way, the solution should be just to restore that section to how it was before (as it's shown above)
similar situation with the icon element, it should appear around where the comment says "spinner" as
<span class="fa-stack" style="font-size:100px;height:100px;">
<i class="fad fa-eclipse fa-stack-2x" style="-webkit-animation: fa-spin 10s infinite linear;animation: fa-spin 10s infinite linear;"></i>
</span>
but the whole "<i class="fad fa-eclipse fa-stack-2x" style="-webkit-animation: fa-spin 10s infinite linear;animation: fa-spin 10s infinite linear;"></i>" looks to be missing
https://pastebin.com/BdTUGpHJ copying and pasting this over your current profile should work, if not you can send me back the code as you have it and i can take another look
f2u . THE GALAXY's Comments