What security issue would there be if variables were allowed for border-color? If anything, I'd imagine variables for border would be more susceptible to security issues.
I was messing around with TemplateStyles and found that I can now use CSS variables. I can't create CSS variables, only use already existing ones, but I didn't hear about this.
I'm fairly certain that this isn't a TemplateStyles update, as it continues to say it cannot use CSS variables in its extension page, but I couldn't find any mention of it in a blog post. I was wondering if anyone knew anything about this.
Bummer. WAM looks like what I wanted, and I'm not interested in manually crawling through hundreds of wikis. I guess that's it.
Is there any tool that lists wikis by their stats? I'm active on what I imagine to be a mid-sized wiki, but I don't really know since I can only check wikis one at a time. I was wondering if there was something that would let me sort wikis by total edits, active users, or whatever other metrics there are for wikis.
I was also thinking that JavaScript could maybe directly add an a tag to the DOM, but it wouldn’t work on mobile, and I don’t know JavaScript, so I was looking for another solution.
You just have to move the content in/out of mainpage columns or in/out of the holy grail design thing. ctrl+x and ctrl+v.
The design you're looking for has a name, or is at least similar to, the Holy Grail.
Regardless, you're probably looking for something like this.
<div style="display: grid; gap: 8px; grid-template-columns: 1fr max-content 1fr;">
<div>
[left content]
</div>
<div>
[middle content]
</div>
<div>
[right content]
</div>
</div>Replace [left/middle/right content] with the content where you want it.
You could also use something like this, but the previous example makes the left and right columns have the same width, which I figured was desirable.
<div style="display: flex; gap: 8px;">
<div>
[left content]
</div>
<div>
[middle content]
</div>
<div>
[right content]
</div>
</div>Another piece of advice, you don't need to wrap text in triple braces ({{{}}}). Triple braces are for template arguments, and the content after the pipe (|) is the default. But since the main page (presumably) isn't going to be used like a template, it just always uses the default and clutters the wikitext.
(Also, the white text in "Welcome to the Azure Patch wiki" doesn't show in light mode, since it has a white background)
I think the best option would be to change BDFI to Battle for Dream Island and cut the custom achievements. If they can no longer be modified, then I don't think they should be kept around. Maybe a replacement for the could be found in the future, but I wouldn't consider Custom Achievements suitable for this purpose anymore.
@Oot42 Unrelated to the rest of the thread, but aren't polls not anonymous? Can't you just click on an option to see who voted for it, or click on the number of votes to see everyone who has voted in the poll?
I'd like to make it clear from the get-go that I know how to link text and images through wikitext. I know that both of these examples work, and I know how they work.
[[Home]]
[[File:Knit Hat.png|link=Home|100px]]What I'm looking for is distinctly different. I'm looking for a linked <div> element, or something similar to it.
I'm not interested in linking the content within the <div>, as then only the parts of the div with text on it would be linked. In this example, I would want the bottom/bottom-right of the div to also be a link.
<div style="background: lime; width: 100px; height: 100px;">
div element with content in it
</div>
<div style="background: lime; width: 100px; height: 100px;">
[[Home|I don't want this]]
</div>I have found a hacky thing that is sort of able to recreate what I want, being a <span> tag with a bunch of styling within the link's text to display, but it has a major issue in the fact it breaks if images are in the element, which I need from it.
[[Home|<span style="background: hsl(170 50% 50%); width: 100px; height: 100px; display: block;">linked span element with content in it</span>]]
[[Home|<span style="background: hsl(190 50% 50%); width: 200px; height: 200px; display: block;">but it falls apart if there's an image [[File:Knit Hat.png|50px]]</span>]]This would be used in a template that asks for images from the editor, so I can't use CSS to try and hard-code a background (and in turn, an image) to the linked element.
Basically, think of YouTube's website. You don't necessarily have to click on the video's thumbnail or title to open it; you can click the empty bottom right, which has no content but is still within the video's block element, and still open the video. That's what I want from my template.
If you're wondering, I can't use the "a" tag itself because it is not a part of MediaWiki's list of allowed HTML tags.
If you want to see a live version of the examples I used in this post, see here.
Anyways, what are some solutions?
It is fairly random, but it draws from top editors I think. I'm on quite a large wiki and the list changes very little.
They're likely doing some more A/B testing with the old design and the new design. Either that or it's a bug,
A game I play has a daily shop. They have a discord bot that automatically posts the shop's contents for today. Currently, the wiki for the game manually updates the daily shop page, but since it updates at midnight, it can be a bit demanding. I was wondering if it would be possible to use the Discord API to read the most recent message the bot has posted, and then use that on the wiki.
It would be very useful for using a daily shop bot. If it's not possible with Lua, is it possible with JavaScript?
A notable member of a wiki I'm on was recently globally blocked, and I was wondering if there was any way for me to find out why.
I'm fairly certain that they didn't disable their account themselves, and there is a reason I suspect they may have been blocked for, but I would like to confirm if possible.
The cards' content being aligned to the top means that they'd all have white-space on the bottom. (Which isn't a link, and doesn't solve the problem.)
If I were to make the height of cards fit the content, then the cards would be of different sizes, and would ruin the design, in my opinion.
I could always do that, and it is my fall back, but I was looking for specifically the block element solution because sometimes there'll be a lot of white-space where there is no image nor text.
Here's an example of where I hope to apply it to. As you can see by the highlighted part, there's quite a bit of white-space on the second card because the third card's text uses 2 lines. (It's in a flexbox, if that wasn't obvious.)
I was mostly doing all this to see if I could learn about a more "luxury" way of doing it.
This would be used in a Navbox template, so that wouldn't work either.
I want "cards" to link to a page when anywhere on them is clicked. I tried wrapping the cards in a link, but it didn't work.
<td>[[Blind Warrior|<div class="navbox__image-item"><div class="navbox__image-item-image">[[File:Blind Warrior.png|100px]]</div><div class="navbox__image-item-caption">Blind Warrior</div></div>]]</td>I found that this solution works when there's not an image, but the cards I'm using will require one. I'm hoping to use this in a table, by the way.
Is there any solution to this, or is it just not meant to be?