Skip to content

Instantly share code, notes, and snippets.

@ssj71

ssj71/lol.html

Last active February 1, 2023 16:30
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ssj71/9926ff838b77d01746ab856806013476 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ssj71/9926ff838b77d01746ab856806013476 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. ssj71 revised this gist Jan 2, 2023. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion lol.html
    View file
    Original file line number Diff line number Diff line change
    @@ -10,7 +10,7 @@
    Sorry your browser does not support inline frames.
    </iframe>

    <div style="display:grid;grid-gap:20px;grid-template-columns:500px 200px 100px 100px 100px;">
    <div style="display:grid;grid-gap:50px;grid-template-columns:500px 200px 100px 100px 100px;">
    <div></div>
    <input type="button" value="Re-Roll" onclick="rollall()">
    <div id="die1">.</div>
  2. ssj71 revised this gist Jan 2, 2023. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion lol.html
    View file
    Original file line number Diff line number Diff line change
    @@ -10,7 +10,7 @@
    Sorry your browser does not support inline frames.
    </iframe>

    <div style="display:grid;grid-gap:20px;grid-template-columns:400px 100px 50px 50px 50px;">
    <div style="display:grid;grid-gap:20px;grid-template-columns:500px 200px 100px 100px 100px;">
    <div></div>
    <input type="button" value="Re-Roll" onclick="rollall()">
    <div id="die1">.</div>
  3. ssj71 revised this gist Jan 2, 2023. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions lol.html
    View file
    Original file line number Diff line number Diff line change
    @@ -2,15 +2,15 @@
    <html>

    <head>
    <title>Loot of Lima Solo Travel EditionI</title>
    <title>Loot of Lima Solo Travel Edition!</title>
    </head>

    <body>
    <iframe src = "https://www.kylegillingham.com/loot/" width = 100% height = "1100">
    Sorry your browser does not support inline frames.
    </iframe>

    <div style="display:grid;grid-gap:20px;grid-template-columns:300px 100px 30px 30px 30px;">
    <div style="display:grid;grid-gap:20px;grid-template-columns:400px 100px 50px 50px 50px;">
    <div></div>
    <input type="button" value="Re-Roll" onclick="rollall()">
    <div id="die1">.</div>
  4. ssj71 revised this gist Oct 26, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion lol.html
    View file
    Original file line number Diff line number Diff line change
    @@ -10,7 +10,7 @@
    Sorry your browser does not support inline frames.
    </iframe>

    <div style="display:grid;grid-gap:20px;grid-template-columns:700px 100px 30px 30px 30px;">
    <div style="display:grid;grid-gap:20px;grid-template-columns:300px 100px 30px 30px 30px;">
    <div></div>
    <input type="button" value="Re-Roll" onclick="rollall()">
    <div id="die1">.</div>
  5. ssj71 revised this gist Oct 26, 2020. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion lol.html
    View file
    Original file line number Diff line number Diff line change
    @@ -10,12 +10,14 @@
    Sorry your browser does not support inline frames.
    </iframe>

    <div style="display:grid;grid-gap:20px;grid-template-columns:100px 30px 30px 30px;">
    <div style="display:grid;grid-gap:20px;grid-template-columns:700px 100px 30px 30px 30px;">
    <div></div>
    <input type="button" value="Re-Roll" onclick="rollall()">
    <div id="die1">.</div>
    <div id="die2">.</div>
    <div id="die3">.</div>
    </div>

    <script language="javascript">
    var d1 = [ "<h3 style=\"color:grey\">N</h3>",
    "<h3 style=\"color:green\">SE</h3>",
  6. ssj71 revised this gist Oct 26, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion lol.html
    View file
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,7 @@
    </head>

    <body>
    <iframe src = "https://www.kylegillingham.com/loot/" width = 100% height = "1400">
    <iframe src = "https://www.kylegillingham.com/loot/" width = 100% height = "1100">
    Sorry your browser does not support inline frames.
    </iframe>

  7. ssj71 revised this gist Oct 26, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion lol.html
    View file
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,7 @@
    </head>

    <body>
    <iframe src = "https://www.kylegillingham.com/loot/" width = 100% height = "1000">
    <iframe src = "https://www.kylegillingham.com/loot/" width = 100% height = "1400">
    Sorry your browser does not support inline frames.
    </iframe>

  8. ssj71 created this gist Oct 26, 2020.
    68 changes: 68 additions & 0 deletions lol.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,68 @@
    <!DOCTYPE html>
    <html>

    <head>
    <title>Loot of Lima Solo Travel EditionI</title>
    </head>

    <body>
    <iframe src = "https://www.kylegillingham.com/loot/" width = 100% height = "1000">
    Sorry your browser does not support inline frames.
    </iframe>

    <div style="display:grid;grid-gap:20px;grid-template-columns:100px 30px 30px 30px;">
    <input type="button" value="Re-Roll" onclick="rollall()">
    <div id="die1">.</div>
    <div id="die2">.</div>
    <div id="die3">.</div>
    </div>
    <script language="javascript">
    var d1 = [ "<h3 style=\"color:grey\">N</h3>",
    "<h3 style=\"color:green\">SE</h3>",
    "<h3 style=\"color:green\">W</h3>",
    "<h3 style=\"color:green\">W</h3>",
    "<h3 style=\"color:#f5cb4f80\">NW</h3>",
    "<h3 style=\"color:#f5cb4f80\">SW</h3>",
    "<h3 style=\"color:#f5cb4f80\">E</h3>",
    "<h3 style=\"color:#f5cb4f80\">E</h3>",
    "<h3 style=\"color:grey\">N</h3>",
    "<h3 style=\"color:grey\">S</h3>",
    "<h3 style=\"color:grey\">NE</h3>",
    "<h3 style=\"color:blue\">S</h3>",
    ];
    var d2 = [ "<h3 style=\"color:blue\">W</h3>",
    "<h3 style=\"color:green\">N</h3>",
    "<h3 style=\"color:#f5cb4f80\">N</h3>",
    "<h3 style=\"color:#f5cb4f80\">W</h3>",
    "<h3 style=\"color:grey\">W</h3>",
    "<h3 style=\"color:grey\">S</h3>",
    "<h3 style=\"color:#f5cb4f80\">S</h3>",
    "<h3 style=\"color:grey\">E</h3>",
    "<h3 style=\"color:blue\">N</h3>",
    "<h3 style=\"color:blue\">E</h3>",
    "<h3 style=\"color:green\">S</h3>",
    "<h3 style=\"color:green\">E</h3>",
    ];
    var d3 = [ "<h3 style=\"color:green\">SW</h3>",
    "<h3 style=\"color:#f5cb4f80\">SW</h3>",
    "<h3 style=\"color:#f5cb4f80\">SE</h3>",
    "<h3 style=\"color:grey\">NE</h3>",
    "<h3 style=\"color:grey\">SW</h3>",
    "<h3 style=\"color:grey\">SE</h3>",
    "<h3 style=\"color:#f5cb4f80\">NE</h3>",
    "<h3 style=\"color:#f5cb4f80\">NW</h3>",
    "<h3 style=\"color:grey\">NW</h3>",
    "<h3 style=\"color:green\">SE</h3>",
    "<h3 style=\"color:green\">NW</h3>",
    "<h3 style=\"color:green\">NE</h3>",
    ];
    function rollall(){
    var str =
    document.getElementById("die1").innerHTML=d1[Math.floor(Math.random()*12)];
    document.getElementById("die2").innerHTML=d2[Math.floor(Math.random()*12)];
    document.getElementById("die3").innerHTML=d3[Math.floor(Math.random()*12)];
    }
    </script>
    </body>

    </html>