let NN = ["punctuation", "symbol", "conflict", "matter", "flux", "loop", "visibility", "multiplicity", "imagination", "democracy","darkness", "subjectivity", "reciprocity","corn", "water", "communities", "Kanye West", "cunt", "god", "language", "knowledge", "web", "ruins", "interdependence", "oneness", "identity", "values", "systems", "democracy"];

let VB = ["embrace", "flow", "combine", "reinterpret", "understand","perform", "dominate", "argue", "overuse", "express", "imagine", "perform", "coexist", "give", "receive", "reflect", "translate", "disseminate", "learn", "weave", "complicate", "demoralise", "experience", "expand", "dominate", "overuse", "express", "happen", "arrive", "submit", "self-govern"];

let AC = ["boundless","political","pluralistic","accessible", "organic", "sublime", "imaginistic", "linguistic", "undecidable", "potential", "autonomous", "indigenous", "systemic", "reciprocal", "plural", "collective", "foreign", "unrelated", "suspicious", "other", "descriptive", "feminist", "alive", "ecologic", "harmonous"];



//main words
let NNP = ["liquid", "tense",];

var TS = ["?!", "atata", "resurgence", "hope", "practical vision", "otherness","undecidability","eco swaraj"]


function shuffleArray(inputArray){
    inputArray.sort(()=> Math.random() - 0.5);
}

shuffleArray(NN);
shuffleArray(NNP);
shuffleArray(VB);
shuffleArray(AC);
shuffleArray(TS);

var links = {
    "?!": "00/",
    "dominate" : "00/",
    "overuse" : "00/",
    "express" : "00/",
    "punctuation" : "00/",
    "symbol" : "00/",
    "conflict" : "00/",
    "political" : "00/",
    "imaginistic" : "00/",
    "linguistic" : "00/",
    "liquid": "LIQUID/",
    "flow": "LIQUID/",
    "combine": "LIQUID/",
    "reinterpret": "LIQUID/",
    "matter": "LIQUID/",
    "flux": "LIQUID/",
    "loop": "LIQUID/",
     "boundless": "LIQUID/",
    "organic": "LIQUID/",
    "sublime": "LIQUID/",
    "undecidability": "UNDECIDABILITY/",
    "visibility": "UNDECIDABILITY/",
    "multiplicity": "UNDECIDABILITY/",
    "imagination": "UNDECIDABILITY/",
    "imagine": "UNDECIDABILITY/",
    "perform": "UNDECIDABILITY/",
    "coexist": "UNDECIDABILITY/",
    "undecidable": "UNDECIDABILITY/",
    "potential": "UNDECIDABILITY/",
    "autonomous": "UNDECIDABILITY/",
    "hope": "HOPE/",
    "embrace": "HOPE/",
    "understand": "HOPE/",
    "argue": "HOPE/",
    "democracy": "HOPE/",
    "darkness": "HOPE/",
    "subjectivity": "HOPE/",
    "political": "HOPE/",
    "pluralistic": "HOPE/",
    "accessible": "HOPE/",
    "atata": "ATATA/",
    "give": "ATATA/",
    "receive": "ATATA/",
    "reflect": "ATATA/",
    "reciprocity": "ATATA/",
    "corn": "ATATA/",
    "water": "ATATA/",
    "indigenous": "ATATA/",
    "systemic": "ATATA/",
    "reciprocal": "ATATA/",
    "practical vision": "PRACTICAL_VISION/printing/",
    "translate": "PRACTICAL_VISION/printing/",
    "disseminate": "PRACTICAL_VISION/printing/",
    "learn": "PRACTICAL_VISION/printing/",
    "plural": "PRACTICAL_VISION/printing/",
    "collective": "PRACTICAL_VISION/printing/",
    "foreign": "PRACTICAL_VISION/printing/",
    "language": "PRACTICAL_VISION/printing/",
    "knowledge": "PRACTICAL_VISION/printing/",
    "web": "PRACTICAL_VISION/printing/",
    "otherness": "OTHERNESS/",
    "experience": "OTHERNESS/",
    "expand": "OTHERNESS/",
    "understand": "OTHERNESS/",
    "oneness": "OTHERNESS/",
    "identity": "OTHERNESS/",
    "values": "OTHERNESS/",
    "unrelated": "OTHERNESS/",
    "suspicious": "OTHERNESS/",
    "other": "OTHERNESS/",
    "tense": "TENSE/",
    "happen": "TENSE/",
    "arrive": "TENSE/",
    "submit": "TENSE/",
    "Kanye West": "TENSE/",
    "cunt": "TENSE/",
    "god": "TENSE/",
    "descriptive": "TENSE/",
    "feminist": "TENSE/",
    "alive": "TENSE/",
    "eco swaraj": "ECO-SWARAJ/",
    "ecologic": "ECO-SWARAJ/",
    "harmonous": "ECO-SWARAJ/",
    "political": "ECO-SWARAJ/",
    "self-govern": "ECO-SWARAJ/",
    "communities": "ECO-SWARAJ/",
    "systems": "ECO-SWARAJ/",
    "democracy": "ECO-SWARAJ/",
    "resurgence": "RESURGENCE/",
    "weave": "RESURGENCE/",
    "complicate": "RESURGENCE/",
    "demoralise": "RESURGENCE/",
    "ruins": "RESURGENCE/",
    "interdependece": "RESURGENCE/",    
}

var icons = {
    "?!": "M",
    "dominate" : "M",
    "overuse" : "M",
    "express" : "M",
    "punctuation" : "M",
    "symbol" : "M",
    "conflict" : "M",
    "political" : "M",
    "imaginistic" : "M",
    "linguistic" : "M",
    "liquid": "L",
    "flow": "L",
    "combine": "L",
    "reinterpret": "L",
    "matter": "L",
    "flux": "L",
    "loop": "L",
     "boundless": "L",
    "organic": "L",
    "sublime": "L",
    "undecidability": "U",
    "visibility": "U",
    "multiplicity": "U",
    "imagination": "U",
    "imagine": "U",
    "perform": "U",
    "coexist": "U",
    "undecidable": "U",
    "potential": "U",
    "autonomous": "U",
    "hope": "H",
    "embrace": "H",
    "understand": "H",
    "argue": "H",
    "democracy": "H",
    "darkness": "H",
    "subjectivity": "H",
    "political": "H",
    "pluralistic": "H",
    "accessible": "H",
    "atata": "A",
    "give": "A",
    "receive": "A",
    "reflect": "A",
    "reciprocity": "A",
    "corn": "A",
    "water": "A",
    "indigenous": "A",
    "systemic": "A",
    "reciprocal": "A",
    "practical vision": "P",
    "translate": "P",
    "disseminate": "P",
    "learn": "P",
    "plural": "P",
    "collective": "P",
    "foreign": "P",
    "language": "P",
    "knowledge": "P",
    "web": "P",
    "otherness": "O",
    "experience": "O",
    "expand": "O",
    "understand": "O",
    "oneness": "O",
    "identity": "O",
    "values": "O",
    "unrelated": "O",
    "suspicious": "O",
    "other": "O",
    "tense": "T",
    "happen": "T",
    "arrive": "T",
    "submit": "T",
    "Kanye West": "T",
    "cunt": "T",
    "god": "T",
    "descriptive": "T",
    "feminist": "T",
    "alive": "T",
    "eco swaraj": "E",
    "ecologic": "E",
    "harmonous": "E",
    "political": "E",
    "self-govern": "E",
    "communities": "E",
    "systems": "E",
    "democracy": "E",
    "resurgence": "R",
    "weave": "R",
    "complicate": "R",
    "demoralise": "R",
    "ruins": "R",
    "interdependece": "R",
}


let message = `In the <a2 onClick="window.location.reload();" id="future">future</a2>, the world could be full of <a class="${icons[TS[0]]}" target="_blank" href="${links[TS[0]]}">${TS[0]} <span class="${icons[TS[0]]}">${icons[TS[0]]}</span></a>.\n\

Beings could <a target="_blank" class="${icons[VB[0]]}" href="${links[VB[0]]}">${VB[0]} <span class="${icons[VB[0]]}">${icons[VB[0]]}</span></a> and <a target="_blank" class="${icons[VB[1]]}" href="${links[VB[1]]}">${VB[1]} <span class="${icons[VB[1]]}">${icons[VB[1]]}</span></a> in 

<a target="_blank" class="${icons[NNP[0]]}"href="${links[NNP[0]]}">${NNP[0]} <span class="${icons[NNP[0]]}">${icons[NNP[0]]}</span></a> <a target="_blank" class="${icons[NNP[1]]}" href="${links[NNP[1]]}">${NNP[1]} <span class="${icons[NNP[1]]}">${icons[NNP[1]]}</span></a>.\n\

The <a target="_blank" class="${icons[TS[2]]}" href="${links[TS[2]]}">${TS[2]} <span class="${icons[TS[2]]}">${icons[TS[2]]}</span></a> would no longer be <a target="_blank" class="${icons[AC[4]]}" href="${links[AC[4]]}">${AC[4]} <span class="${icons[AC[4]]}">${icons[AC[4]]}</span></a>, but 

<a target="_blank" class="${icons[AC[2]]}" href="${links[AC[2]]}">${AC[2]} <span class="${icons[AC[2]]}">${icons[AC[2]]}</span></a> and <a target="_blank" class="${icons[AC[5]]}" href="${links[AC[5]]}">${AC[5]} <span class="${icons[AC[5]]}">${icons[AC[5]]}</span></a>.\n\ 

Only with the <a target="_blank" class="${icons[AC[3]]}" href="${links[AC[3]]}">${AC[3]} <span class="${icons[AC[3]]}">${icons[AC[3]]}</span></a> <a target="_blank" class="${icons[TS[3]]}" href="${links[TS[3]]}">${TS[3]} <span class="${icons[TS[3]]}">${icons[TS[3]]}</span></a>, there could finally be 

<a target="_blank" class="${icons[TS[4]]}" href="${links[TS[4]]}">${TS[4]} <span class="${icons[TS[4]]}">${icons[TS[4]]}</span></a>.\n\ 

Without <a target="_blank" class="${icons[TS[5]]}" href="${links[TS[5]]}">${TS[5]} <span class="${icons[TS[5]]}">${icons[TS[5]]}</span></a>, <a target="_blank" class="${icons[NNP[1]]}" href="${links[NNP[1]]}">${NNP[1]} <span class="${icons[NNP[1]]}">${icons[NNP[1]]}</span></a> <a target="_blank" class="${icons[TS[6]]}" href="${links[TS[6]]}">${TS[6]} <span class="${icons[TS[6]]}">${icons[TS[6]]}</span></a> could never <a  target="_blank" class="${icons[VB[3]]}" href="${links[VB[3]]}">${VB[3]} <span class="${icons[VB[3]]}">${icons[VB[3]]}</span></a>.\n\ 

This is why we have to <a target="_blank" class="${icons[VB[2]]}" href="${links[VB[2]]}">${VB[2]} <span class="${icons[VB[2]]}">${icons[VB[2]]}</span></a> for the <a target="_blank" class="${icons[TS[7]]}" href="${links[TS[7]]}">${TS[7]} <span class="${icons[TS[7]]}">${icons[TS[7]]}</span></a> of new <a  target="_blank" class="${icons[NN[0]]}" href="${links[NN[0]]}">${NN[0]} <span class="${icons[NN[0]]}">${icons[NN[0]]}</span></a>.`

document.querySelector('#showMessage').innerHTML = message