text code tutorial

This commit is contained in:
Kyle
2019-11-05 18:06:40 -08:00
parent e7da7925f3
commit 546a9dbb11
3 changed files with 43 additions and 4 deletions

View File

@@ -88,6 +88,7 @@ function init() {
setTimeout(testFunction, 100)
checkCookies()
initiated = true
textCodeTutorial()
}
//Loads an image. Only actually loads images the first time each image is loaded, otherwise assigns it.
function loadImage(index, target = "none") {
@@ -807,11 +808,31 @@ function tabSelectAddOption(tabSection, displayName, tabValue) {
function textCodeTutorial() {
var textCodeTutorialString = `line-skips to the next line
_linenospace-skips to the next line, but doesn't add spacing
_bar-skips to the next line, and adds the flavor text bar
_flavor-skips to the next line, adds the flavor text bar, and italicizes the following text
_i-italicizes the following text
_/i-removes italics from the following text
_fontsize#-changes the font size to # pixels
_left-justifies text to the left
_center-justifies text to the center
_right-justifies text to the right
_up#-moves the following text # pixels up
_down#-moves the following text # pixels down
_left#-moves the following text # pixels left
_right#-moves the following text # pixels right
_SYMBOL-creates a mana symbol, where SYMBOL can be: w, u, b, r, g, 1, 2, 3, etc...`
var textCodeTutorialArray = textCodeTutorialString.split("_")
for (var i = 0; i < textCodeTutorialArray.length; i ++) {
document.getElementById("textCodeTutorial").innerHTML += "<div><b>{" + textCodeTutorialArray[i].split("-")[0] + "}</b></div><div>" + textCodeTutorialArray[i].split("-")[1] + "</div>"
}
}
textCodeTutorial()
/*To do list:

View File

@@ -204,6 +204,7 @@ footer a:hover {
background-repeat: no-repeat;
}
.title {
text-align: center;
font: 1.5em belerenbsc;
}
.pageTitle {
@@ -378,8 +379,19 @@ footer a:hover {
}
.checkboxContainer .checkmark:after {
left: 0.15em;
top: 0.08em;
top: -0.1em;
}
#textCodeTutorial {
display: grid;
grid-template-columns: 6.5em auto;
/*padding: 0.5em;*/
}
#textCodeTutorial > div {
padding: 0.25em 0;
background-color: var(--clear-mid);
}
#textCodeTutorial > div:nth-child(4n), #textCodeTutorial > div:nth-child(4n - 1) {
background-color: var(--clear-light);
}