#my code

Holaa!

Puedes darle formato a todos los dados que quieras. En el mismo código aparece una sección en la que dice que ahí se pueden agregar los dados y un ejemplo comentado, sin embargo, aquí te dejo un ejemplo con cuatro dados para que veas como se tiene que visualizar. Solo debes cambiar la variable rol_dices por la que aparece a continuación:

var rol_dices = {

'dado1': {

'1': 'resultado1.',

'2': 'resultado2.',

'3': 'resultado3.',

'4': 'resultado4.',

'5': 'resultado5.',

'6': 'resultado6.',

},

'dado2': {

'1': 'resultado1.',

'2': 'resultado2.',

},

'dado3': {

'1': 'resultado1.',

'2': 'resultado2.',

'3': 'resultado3.',

'4': 'resultado4.',

},

'dado4': {

'1': 'resultado1.',

'2': 'resultado2.',

'3': 'resultado3.',

'4': 'resultado4.',

'5': 'resultado5.',

'6': 'resultado6.',

},

// aquí vienen todos los dados que se quieran añadir

// recordar usar siempre el siguiente formato:

/*

'nombre_dado_en_miniscula': { // tal cual aparece en la lanzada de dados

'1': '', // un numero por cada lanzada de dado disponible.

'2': '', // un numero por cada lanzada de dado disponible.

'3': '', // un numero por cada lanzada de dado disponible.

// no olvidar ninguna cara o en caso contrario tirará un error al realizar la misma y obtener dicho resultado.

},

*/

};

Si quieres agregar más datos, solo sigues el formato.

Espero haver ayudado,

Its mostly just trying out movement mechanics and custom block functions, feel free to check out the code inside to see how it works :DD

I'm looking for bug reports on:

The Day/Night cycle

Movement fluidity(there are only four frames right now, I'll be adding more later)

The full explanation of how it works and my thought process is up on my site, but here I'll skip over a lot of that.

Now, I’m not super tapped into the state of the art for AO3 workskins, it’s possible and indeed very plausible to me that I’m not actually the first to think of some of this. AO3 is an old site and everything I’m using is just a clever combination of features HTML has had for decades.

But as far as I’m aware‍—though my experience is just existing in a couple of small fandom communities and making a half‍-​hearted google search‍—I know of three main ways you can implement footnotes.

Dead simple: just put ¹ in the chapter, and expect the reader scroll down or keep another tab open to crossreference the endnotes. (Or just keep the footnotes nearby.)

Standard trick: just use anchor links (e.g. <a id="from-fn1" href="to-fn1">1</a>) to auto scroll down to the end, where a matching link (<a href="from-fn1">↩︎</a>) will take you back to the top. This is what many tutorials recommend, and it’s what conversion software like pandoc will spit out.

Advanced trick: include the footnotes in the workskin, coded so that when you hover over the link the footnote will expand out inline.

That the first of these sucks goes without saying.

The second one is decently functional‍—most existing sites with footnotes do this. I find it interrupts the reading experience pretty badly, and the juice is perhaps not worth the squeeze, when you’re doing that whole jarring transition just for a quick joke from an author who may or may not actually be funny.

The third one is pretty nice… with a lot of technical warts. Editing the css instead of the actual content is extremely inelegant, requires a unique skin per fic, makes you deal with quote weirdness, and you can’t use italics or other formatting. On top of that, readers with workskins disabled (or those exported the text) will lose your footnotes entirely.

Finally the mobile experience with these hover‍-​centric approaches can often be hit or miss. (Worse, there’s no “the” mobile experience, since some, like iOS, have browsers with special behavior to interact with hover elements.)

So, what does my solution look like?  I have a demo embedded on my site, but obviously you can't do that on tumblr.  You check out this codepen if that's your speed, I guess.

First, you’ll need a workskin. I assume you know how that works.  The code you need to add for this is several dozen lines, so I'll put it at the end of this post.  Paste that into your workskin, and then you just need to add the actual footnotes to the fic.

For that you need to edit the HTML of your fic. I also assume you know how that works. To add notes, put this where you want the link to appear:

<span class="note"><a id="fn-ID" href="#fn-ID"></a><a href="#-"></a><span>[</span><span class="txt" >TEXT< /span><span>]</span></span>

Replace TEXT the contents of the note, and ID with a sequence of number or letters unique to this note. If you forget or duplicate an ID, the note may not open when clicked.

Now you should be good to go. Specifically, doing this will give you:

TEXT is hidden by default, and only the first link is displayed

Links will say “note” by default. If you add any text before the first </a>, it will override this. (e.g. † or 1).

If you click the link, TEXT will appear, and the link is hidden, and the second link appears in the same place.

If you click the second link, the note is once again hidden

If you hover over the link, the note will appear, slightly transparent.

if the <span class="note"> is changed to <span class="note no-hover"> then the hovering behavior is suppressed. (Good for longer notes, though it may be better to consistently pick one or the other.)

If the <span class="note"> is changed to <span class="note float"> then the note will float over the text instead of appearing inline.note(You can combine this with no-hover in a way I hope is obvious.)e

Footnotes require different code. Put this where you want the link to appear:

^{<a id="from-fn-ID href="fn-ID">note</a>}

(ID is once again selected to be unique, and ‘note’ may be replaced with a symbol or number of your choice. It probably should be a number, for clarity’s sake.)

Put this where you want the footnote to reside (e.g. at the end of the chapter), with the same ID:

<a class="fn-anchor" id="fn-ID"></a><div class="footnote" >TEXT< a href="#-"></a><a class="fn-back" href="#from-fn-ID"></a></div>

A minor limitation to be aware of is that you can only have a single footnote open at once; clicking another closes the one already opened. In particular, this means nested footnotes will not work out of the box.

This is fixable; the workskin provided includes code specifically for displaying footnotes‍-​within‍-​footnotes, but making them actually work requires careful attention to the HTML. Specifically, the link with href="#-" must be changed to say href="#fn-PID" where PID is the ID of the footnote containing the sub‍-​footnote.

That’s all that comes to mind. I’ve done what I can to make this code work, checked for and fixed edge cases and polished away cruft borne of iteration and false starts. I’ve tried to keep this bare and functional‍—you can get fancier with the borders and hover effects, you could add box‍-​shadows, but if you know how to do all that… well, do it.

I’m sure a CSS expert could fix this up further (the floating bits in particular feel like I’m bumbling without a rich understanding), but I think what I have is an improvement over a lot of what’s out there‍—I hope it serves you well!

If do use this code, consider crediting me and linking back here? I’d like to have my spores out there.

Anyway, here's the code for people who don't want to open neocities or codepen for some reason:

he actually works now, i just need to add more sprites and things he can say

,for when i make it public: the code is fully customisable, its also all html, using the <script/> tag, so you can make it any character you want or change the color of the text box and such