Skip to content

Instantly share code, notes, and snippets.

@DigiMancer3D
Created December 7, 2023 10:09
Show Gist options
  • Save DigiMancer3D/4ce26be87578ec7544fe789989a3fbcc to your computer and use it in GitHub Desktop.
Save DigiMancer3D/4ce26be87578ec7544fe789989a3fbcc to your computer and use it in GitHub Desktop.
A helpful thing
<!DOCTYPE HTML>
<html id='html'>
<a id='link' name='link' align='center' style='align:center'>
<head>
<title>Sovereignty Pill HUD
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:url" content="Pill-HUD">
<meta name="apple-mobile-web-app-capable" content="yes">
<html manifest="Pill-HUD.appcache">
</meta>
<!--<link rel="preload" href="https://ipfs.io/ipfs/bafkreibje7lzjrt4w4exc6bq7i2luafznza4br7w53cgkeix53jmbq5p3e?filename=Node-Regular.otf" as="font" crossorigin />
<link rel="preload" href="https://ipfs.io/ipfs/bafkreiaj3m433vv6qvzi7fsc244iew3y6rzl3uaqvkut6u5nwjclbtiiue" as="image" crossorigin />-->
<link rel="icon" type="image/x-icon" href="">
</head>
<script src="https://ipfs.io/ipfs/QmbegCCnE3RFReHYf45wCetXSKHVEy95bJruVpYkDDY8tm"></script>
<style>
body {
background-color: black;
color:silver;
padding:0.1vw;
overflow-x:hidden;
scroll-x:none;
scroll-behavior: smooth;
align: center;
font-family: "Courier-New", "Monospaced Slab-Serif", serif;
}
.flex-items:hover {
border: 1px solid rgb(0,155,0,0,0.8);
font-family: "Courier-New", "Monospaced Slab-Serif", serif;
font-size:28px;
background-color:rgb(0,0,0,0.74);
color:rgb(0,255,0,0.67);
padding: 0vw 0.1vw;
}
.flex-container>.active {
border: 0.75px solid rgb(0,255,0,0,0.55);
font-family: "Courier-New", "Monospaced Slab-Serif", serif;
font-size:21px;
background-color:rgb(0,0,0,0.19);
color:rgb(0,255,0,0.50);
padding: 0vw 1.5vw;
border: 1px solid rgb(255,255,255,0);
border-left-color: rgb(255,255,255,1);
border-right-color: rgb(255,255,255,1);
border-radius: 0vw;
margin-left: 0.5vw;
margin-right: 0.5vw;
}
.active {
width:98vw;
align: center;
padding:0.5vw;
flex-wrap:nowrap;
display:flex;
flex:1;
border: 1px solid rgb(255,255,255,0);
border-left-color: rgb(255,255,255,1);
border-right-color: rgb(255,255,255,1);
border-radius: 0vw;
margin-left: 0.5vw;
margin-right: 0.5vw;
}
.flex-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: flex-start;
cursor: default;
}
.flex-items {
padding:0.2vw 0.65vw 0.1vw 0.05vw;
border: 1px solid rgb(255,255,255,1);
font-size:28px;
border-radius:15vw;
max-width:20vw;
margin-left: 0.5vw;
margin-right: 0.5vw;
word-break:break-all;
}
#inner, .inner {
cursor: default;
word-break:break-word;
}
.marspan {
padding-left:15vw;
padding-right:45vw;
}
hr {
opacity: 0.4;
}
.hr {
opacity: 0.4;
}
.marquee {
font-size: 3.25vw;
margin-bottom: -2vw;
margin-top: 0.75vw;
border-left: 2.25px solid rgb(0,0,0,0);
border-right: 2.25px solid rgb(0,0,0,0);
}
.slider {
-webkit-appearance: none;
appearance: none;
width: 33vw;
height: 25px;
background: black;
color:silver;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
margin-right:1vw;
}
.slider:hover, .slider::-webkit-slider-thumb:hover {
opacity: 1;
border-radius:5vw;
}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
background: rgb(10,10,208);
cursor: pointer;
border-radius:0vw;
}
.slider::-moz-range-thumb {
width: 25px;
height: 25px;
background: rgb(10,10,208);
cursor: pointer;
border-radius:3vw 0vw 3vw 1vw;
}
<!--font-family: "Node", "Bitstream Vera Serif", serif;-->
</style>
<body>
<div id='space' style='width:98vw;height:auto;align:center;text-align:center;margin:0.5vw;padding:0.5vw;' > <!--/shown-visible space-->
<h1 style='align:center;text-align:center;margin-top:2.75vw;' ><b>Sovereignty Pill HUD</b></h1></br>&nbsp;
<div id='world' style='width:60vw;align:center;padding:2.5vw;border:2px solid rgb(0,155,0,0.65);margin-left:15vw;margin-top:1vw;'> <!--/interactive space-->
<p style='align:left;left:0;text-align:left;width:auto;overflow:none;padding-top:-0.5vw;margin-top:-0.5vw;'><sup><b>&nbsp;&nbsp;Hard&#045;2&#045;Swallow&nbsp;Pills</b></sup></p>
<span class='flex-container' style='background-color:RGB(60, 205, 2);border-radius:5vw;border:2px;border-color:black;border-style:solid;'>
<span id='phase0' class='flex-items' onclick='activer();this.className+=" active";slot0();' style='display: block;flex-grow: 3;flex-shrink: 1;flex-basis: auto;align-self: auto;order: 1;background-color:black;' title=' . . .Everyone has to start somewhere' ><b style='cursor: pointer;'>Fresh Start</b></span>
</span>
<span class='flex-container' style='background-color:RGB(47, 155, 14);border-radius:5vw;border:2px;border-color:black;border-style:solid;'>
<span id='phase2' class='flex-items' onclick='activer();this.className+=" active";slot2();' style='display: block;flex-grow: 3;flex-shrink: 1;flex-basis: auto;align-self: auto;order: 2;background-color:black;' title=' . . .Whatchu Storin?' ><b style='cursor: pointer;'>Handle Your-Own Data</b></span>
<span id='phase1' class='flex-items' onclick='activer();this.className+=" active";slot1();' style='display: block;flex-grow: 3;flex-shrink: 1;flex-basis: auto;align-self: auto;order: 3;background-color:black;' onclick='activer();this.className+=" active";slot1();' title=' . . .DIY but with your stuff' ><b style='cursor: pointer;'>Do Stuff Yourself</b></span>
</span>
<span class='flex-container' style='background-color:RGB(36, 105, 26);border-radius:5vw;border:2px;border-color:black;border-style:solid;'>
<span id='phase4' class='flex-items' onclick='activer();this.className+=" active";slot4();' style='display: block;flex-grow: 3;flex-shrink: 1;flex-basis: auto;align-self: auto;order: 4;background-color:black;' title=' . . .Use but also no' ><b style='cursor: pointer;'>Keep Near-New</b></span>
<span id='phase3' class='flex-items' onclick='activer();this.className+=" active";slot3();' style='display: block;flex-grow: 3;flex-shrink: 1;flex-basis: auto;align-self: auto;order: 5;background-color:black;' title=' . . .hide your personal data often' ><b style='cursor: pointer;'>Give No Data Up</b></span>
</span>
<span class='flex-container' style='background-color:RGB(25, 75, 38);border-radius:5vw;border:2px;border-color:black;border-style:solid;'>
<span id='phase6' class='flex-items' onclick='activer();this.className+=" active";slot6();' style='display: block;flex-grow: 3;flex-shrink: 1;flex-basis: auto;align-self: auto;order: 6;background-color:black;' ><b style='cursor: pointer;'>Have Routine</br>Data-Maintenance </b></span>
<span id='phase5' class='flex-items' onclick='activer();this.className+=" active";slot5();' style='display: block;flex-grow: 3;flex-shrink: 1;flex-basis: auto;align-self: auto;order: 7;background-color:black;' title=' . . .you side-load games thou' ><b style='cursor: pointer;'>Obtain/Store</br>Privately</b></span>
</span>
<span class='flex-container' style='background-color:RGB(21, 68, 42);border-radius:5vw;border:2px;border-color:black;border-style:solid;'>
<span id='phase8' class='flex-items' onclick='activer();this.className+=" active";slot8();' style='display: block;flex-grow: 3;flex-shrink: 1;flex-basis: auto;align-self: auto;order: 8;background-color:black;' title=' . . .Tell Apps no!' ><b style='cursor: pointer;'>Trick</br>Problem Programs</b></span>
<span id='phase7' class='flex-items' onclick='activer();this.className+=" active";slot7();' style='display: block;flex-grow: 3;flex-shrink: 1;flex-basis: auto;align-self: auto;order: 9;background-color:black;' title=' . . .Scrub behind the settings!' ><b style='cursor: pointer;'>Clean Up</br>After Yourself</b></span>
</span>
<span class='flex-container' style='background-color:RGB(16, 66, 46);border-radius:5vw;border:2px;border-color:black;border-style:solid;'>
<span id='phase9' class='flex-items' onclick='activer();this.className+=" active";slot9();' style='display: block;flex-grow: 3;flex-shrink: 1;flex-basis: auto;align-self: auto;order: 10;background-color:black;' title=' . . .Learn, Read, Repeat' ><b style='cursor: pointer;'></br>Stay Vigilant</br>&nbsp;</b></span>
</span>
<span id="scroller" style='left:clear;float:none;align:center;width:auto;bottom:0;'></span>
<div style='height-min:15px;width:auto;margin:1vw;padding:1vw;align:center;border-color:rgb(0,0,165);border-width:1px;border-style:dotted;margin-bottom:-0.75vw;margin-top:1.26vw;' id='depth' >
<div class="slidecontainer" style='width:auto;padding:1vw;margin:1vw;'>
<input type="range" min="1" max="4" value="1" class="slider" id="myRange" onclick="document.getElementById('rangeout').innerHTML=this.value;activer();" title=" . . . adjust the depth of description data">&nbsp;&nbsp;<i id='rangeout' style='margin-left:6vw;'>Knee&#045;High&nbsp;Shallow</i>
</div>
<p style='align:left;left:0;text-align:left;width:auto;overflow:none;padding-bottom:-0.5vw;margin-bottom:-0.5vw;'><sup><b>&nbsp;&nbsp;Techie&#045;Talk&nbsp;Depth</b></sup></p>
</div>
</div>
</div>
<div id='darkspace' style='visibility:hidden'> <!--/hidden-visible space-->
</div>
<div id='antispace' style=left:clear;float:none;align:center;width:auto;bottom:0;';> <!--/hidden-invisible space-->
<span id="scrolldata">
<span class="marqcon" id="marqcon" z-index="98" > <marquee style="color:silver;" class="marquee"> <!--onmouseover="this.stop();" onmouseout="this.start();"-->
<p id="marqen" >
</p></marquee></span>
</br>
</span>
</div>
</body>
<script>
var layer1 = 0, layer2 = 0, layer3 = 0, layer4 = 0, layer5 = 0, layer0 = 0;
var l1 = 0, l2 = 0, l3 = 0, l4 = 0, l5 = 0, l0 = 0;
function activer() {
var current = document.getElementsByClassName("active");
if (current.length > 0) {
current[0].className = current[0].className.replace(" active", "");
window.scrollTo(0, 0);
document.getElementById('inner').remove();
}
window.scrollTo(0, 0);
if(document.getElementById('myRange').value==1){
document.getElementById('rangeout').innerHTML = "Knee&#045;High Shallow";
}
else if(document.getElementById('myRange').value==2){
document.getElementById('rangeout').innerHTML = "Middrift&#045;Depth";
}
else if(document.getElementById('myRange').value==3){
document.getElementById('rangeout').innerHTML = "Neck&#045;High Depth";
}
else if(document.getElementById('myRange').value==4){
document.getElementById('rangeout').innerHTML = "Debt&#045;Eyes Deep";
}
else {
document.getElementById('rangeout').innerHTML = "Error [Out-of-Bounds Slider]";
}
}
//each of these slots can be added and removed dynamically and the css will work with the inline css to complete the effect
//check bottom for ipns based Dynamic slot functions
function slot0() { //place data inside 'inner' span
layer0 = 1;
l0 = Number(l0) + 1;
document.getElementById('scroller').innerHTML = document.getElementById('scrolldata').innerHTML;
document.getElementById('phase0').innerHTML = "<b style='cursor: default;'>Clean Install</b>";
document.getElementById('phase0').innerHTML += "<span id='inner'><hr><b style='color:silver;' id='inphase0'></b> <span style='margin-left:21%;margin-right:-21%;cursor:pointer;color:red;' title=' . . . click to close' onclick='document.getElementById(&#039;scroller&#039;).innerHTML=&#039;&#039;;document.getElementById(&#039;inner&#039;).remove();layer0=0;document.getElementById(&#039;phase0&#039;).innerHTML=&#039;<b style=&#034;cursor: pointer;&#034;>Fresh Start</b>&#039;;document.getElementById(&#039;warning&#039;).remove();'><b>x</b></span><hr></span>";
if(document.getElementById('myRange').value==1){
document.getElementById('inphase0').innerHTML = "To put this simply, ''Let's do a <i>Clean Install</i> of the Operating System!''<hr>A factory reset to an offline or local acount will be this major step and hurdle!";
}
else if(document.getElementById('myRange').value==2){
document.getElementById('inphase0').innerHTML = "Let's reset the Operating System to factory to obtain an offline aka 'Local' account for the OS.<hr>This is the 1st major hurdle for all operating systems.";
}
else if(document.getElementById('myRange').value==3){
document.getElementById('inphase0').innerHTML = "Reset into an offline/Local account, keep device clean.<hr>Don't install extras you may remove later.";
}
else if(document.getElementById('myRange').value==4){
document.getElementById('inphase0').innerHTML = "Restore into an offline/local account. Keep device clean (use external for boot if possible).<hr>Breath and let's search through till the end!";
}
else {
document.getElementById('inphase0').innerHTML = "Error [Out-of-Bounds slider]";
}
document.getElementById('marqen').innerHTML = '<b class="marspan"><sup>Try Presearching: <q><i>WINDOWS [OS Ver] Local Offline Setup</i></q>&nbsp;&nbsp;...just without the brackets<sup></b>';
//document.getElementById('marqen').innerHTML += '<b class="marspan">more stuff</b>';
document.getElementById('marqen').innerHTML += '<b class="marspan"><sub>Look for <i><q>3D Changes Perspectives</q> on <u>Bitcoin Live DB</u></i> for more info like this!</sub></b>';
if(layer1 != 0 || layer2 != 0 || layer3 != 0 || layer4 != 0 || layer5 != 0){
document.getElementById('inner').innerHTML += "</br><span id='warning'><b style='color:red'>WARNING:: <i style='color:silver;opacity:0.8)'>Try in order of <u style='color:orange'>Top-2-Bottom</u></i></b>";
}
}
function slot1() { //place data inside 'inner' span
layer1 = 1;
l1 = Number(l1) + 1;
document.getElementById('scroller').innerHTML = document.getElementById('scrolldata').innerHTML;
document.getElementById('phase1').innerHTML = "<b style='cursor: default;'>No Default Automation</b>";
document.getElementById('phase1').innerHTML += "<span id='inner'><hr><b style='color:silver;' id='inphase1'></b> <span style='margin-left:21%;margin-right:-21%;cursor:pointer;color:red;' title=' . . . click to close' onclick='document.getElementById(&#039;scroller&#039;).innerHTML=&#039;&#039;;document.getElementById(&#039;inner&#039;).remove();layer1=0;document.getElementById(&#039;phase1&#039;).innerHTML=&#039;<b style=&#034;cursor: pointer;&#034;>Do Stuff Yourself</b>&#039;;document.getElementById(&#039;warning&#039;).remove();'><b>x</b></span><hr></span>";
if(document.getElementById('myRange').value==1){
document.getElementById('inphase1').innerHTML = "Another way to look at this is, ''Let's not let the 'Computer decide' for us!''<hr>This can be as simple as having automation & dynamic options turned OFF in all settings!";
}
else if(document.getElementById('myRange').value==2){
document.getElementById('inphase1').innerHTML = "Cycle through your settings turning off automated, auto, & dynamic options.<hr>This is the 1st minor hurdle for all operating systems.";
}
else if(document.getElementById('myRange').value==3){
document.getElementById('inphase1').innerHTML = "Drop dynamic ranges and automation, keep device dumb.<hr>Don't activate options you may turn-off later.";
}
else if(document.getElementById('myRange').value==4){
document.getElementById('inphase1').innerHTML = "Kill auto scripts and dynamic options. Keep device dumb (use reminders for scheduling events).<hr>Breath and let's search through till the end [it may take time]!";
}
else {
document.getElementById('inphase1').innerHTML = "Error [Out-of-Bounds slider]";
}
document.getElementById('marqen').innerHTML = '<b class="marspan"><sup>Try Presearching: <q><i>WINDOWS [OS Ver] Turning off dynamic options & automated settings</i></q>&nbsp;&nbsp;...just without the brackets<sup></b>';
//document.getElementById('marqen').innerHTML += '<b class="marspan">more stuff</b>';
document.getElementById('marqen').innerHTML += '<b class="marspan"><sub>Look for <i><q>3D Changes Perspectives</q> on <u>Bitcoin Live DB</u></i> for more info like this!</sub></b>';
if(layer2 != 0 || layer3 != 0 || layer4 != 0 || layer5 != 0 || l0 < 1){
document.getElementById('inner').innerHTML += "</br><span id='warning'><b style='color:red'>WARNING:: <i style='color:silver;opacity:0.8)'>Try in order of <u style='color:orange'>Top-2-Bottom</u></i></b>";
}
}
function slot2() { //place data inside 'inner' span
layer1 = 1;
l1 = Number(l1) + 1;
document.getElementById('scroller').innerHTML = document.getElementById('scrolldata').innerHTML;
document.getElementById('phase2').innerHTML = "<b style='cursor: default;'>Digital Storage is Personal</b>";
document.getElementById('phase2').innerHTML += "<span id='inner'><hr><b style='color:silver;' id='inphase2'></b> <span style='margin-left:21%;margin-right:-21%;cursor:pointer;color:red;' title=' . . . click to close' onclick='document.getElementById(&#039;scroller&#039;).innerHTML=&#039;&#039;;document.getElementById(&#039;inner&#039;).remove();layer1=0;document.getElementById(&#039;phase2&#039;).innerHTML=&#039;<b style=&#034;cursor: pointer;&#034;>Handle Your-Own Data</b>&#039;;document.getElementById(&#039;warning&#039;).remove();'><b>x</b></span><hr></span>";
if(document.getElementById('myRange').value==1){
document.getElementById('inphase2').innerHTML = "Use your physcial storage first!<hr>Do what you can to keep your data out of cloud services!";
}
else if(document.getElementById('myRange').value==2){
document.getElementById('inphase2').innerHTML = "Extrenal SDD, HDD & thumb-drives should help here!<hr>This is the 2cd minor hurdle for all operating systems.";
}
else if(document.getElementById('myRange').value==3){
document.getElementById('inphase2').innerHTML = "Forget cloud, use local.<hr>Set-up a local NAS if you really need it.";
}
else if(document.getElementById('myRange').value==4){
document.getElementById('inphase2').innerHTML = "Use Local LAN as cloud.<hr>Set-up transferring USB sticks for hot-swappable device-to-device data sticks!";
}
else {
document.getElementById('inphase2').innerHTML = "Error [Out-of-Bounds slider]";
}
document.getElementById('marqen').innerHTML = '<b class="marspan"><sup>Try Presearching: <q><i>WINDOWS [OS Ver] Local Storage Setup</i></q>&nbsp;&nbsp;...just without the brackets<sup></b>';
//document.getElementById('marqen').innerHTML += '<b class="marspan">more stuff</b>';
document.getElementById('marqen').innerHTML += '<b class="marspan"><sub>Look for <i><q>3D Changes Perspectives</q> on <u>Bitcoin Live DB</u></i> for more info like this!</sub></b>';
if(layer2 != 0 || layer3 != 0 || layer4 != 0 || layer5 != 0 || l0 < 1){
document.getElementById('inner').innerHTML += "</br><span id='warning'><b style='color:red'>WARNING:: <i style='color:silver;opacity:0.8)'>Try in order of <u style='color:orange'>Top-2-Bottom</u></i></b>";
}
}
function slot3() { //place data inside 'inner' span
layer2 = 1;
l2 = Number(l2) + 1;
document.getElementById('scroller').innerHTML = document.getElementById('scrolldata').innerHTML;
document.getElementById('phase3').innerHTML = "<b style='cursor: default;'>Go Account-less!</b>";
document.getElementById('phase3').innerHTML += "<span id='inner'><hr><b style='color:silver;' id='inphase3'></b> <span style='margin-left:21%;margin-right:-21%;cursor:pointer;color:red;' title=' . . . click to close' onclick='document.getElementById(&#039;scroller&#039;).innerHTML=&#039;&#039;;document.getElementById(&#039;inner&#039;).remove();layer2=0;document.getElementById(&#039;phase3&#039;).innerHTML=&#039;<b style=&#034;cursor: pointer;&#034;>Give No Data Up</b>&#039;;document.getElementById(&#039;warning&#039;).remove();'><b>x</b></span><hr></span>";
if(document.getElementById('myRange').value==1){
document.getElementById('inphase3').innerHTML = "Use programs and applications that DO NOT REQUIRE AN ACCOUNT TO USE!<hr>Do what you can to keep accounts out of everything!";
}
else if(document.getElementById('myRange').value==2){
document.getElementById('inphase3').innerHTML = "Stop loging in to an account to use programs & applications<hr>This is the 2cd major hurdle for most operating systems.";
}
else if(document.getElementById('myRange').value==3){
document.getElementById('inphase3').innerHTML = "If the progam wants a login, delete it.<hr>Never login, ignore that problem altogether!";
}
else if(document.getElementById('myRange').value==4){
document.getElementById('inphase3').innerHTML = "Drop programs that want a login.<hr>Call all login-applications 'problemsome'!";
}
else {
document.getElementById('inphase3').innerHTML = "Error [Out-of-Bounds slider]";
}
document.getElementById('marqen').innerHTML = '<b class="marspan"><sup>Try Presearching: <q><i>WINDOWS [OS Ver] FOSS Programs !NO account!</i></q>&nbsp;&nbsp;...just without the brackets<sup></b>';
//document.getElementById('marqen').innerHTML += '<b class="marspan">more stuff</b>';
document.getElementById('marqen').innerHTML += '<b class="marspan"><sub>Look for <i><q>3D Changes Perspectives</q> on <u>Bitcoin Live DB</u></i> for more info like this!</sub></b>';
if(layer3 != 0 || layer4 != 0 || layer5 != 0 || l1 < 1 || l0 < 1){
document.getElementById('inner').innerHTML += "</br><span id='warning'><b style='color:red'>WARNING:: <i style='color:silver;opacity:0.8)'>Try in order of <u style='color:orange'>Top-2-Bottom</u></i></b>";
}
}
function slot4() { //place data inside 'inner' span
layer2 = 1;
l2 = Number(l2) + 1;
document.getElementById('scroller').innerHTML = document.getElementById('scrolldata').innerHTML;
document.getElementById('phase4').innerHTML = "<b style='cursor: default;'>Device as a Shell (<i>DaaS</i>)</b>";
document.getElementById('phase4').innerHTML += "<span id='inner'><hr><b style='color:silver;' id='inphase4'></b> <span style='margin-left:21%;margin-right:-21%;cursor:pointer;color:red;' title=' . . . click to close' onclick='document.getElementById(&#039;scroller&#039;).innerHTML=&#039;&#039;;document.getElementById(&#039;inner&#039;).remove();layer2=0;document.getElementById(&#039;phase4&#039;).innerHTML=&#039;<b style=&#034;cursor: pointer;&#034;>Keep Near-New</b>&#039;;document.getElementById(&#039;warning&#039;).remove();'><b>x</b></span><hr></span>";
if(document.getElementById('myRange').value==1){
document.getElementById('inphase4').innerHTML = "Don't store to the device and keep the device as if new!<hr>You'll worry less about data theft if it's not on a device!";
}
else if(document.getElementById('myRange').value==2){
document.getElementById('inphase4').innerHTML = "Use only extrenal storage systems!<hr>This is the 3rd major hurdle for most machines.";
}
else if(document.getElementById('myRange').value==3){
document.getElementById('inphase4').innerHTML = "Store, run & do from the extrenal stroage!<hr>Keep your device as new, as if you have no data on the device!";
}
else if(document.getElementById('myRange').value==4){
document.getElementById('inphase4').innerHTML = "Store, run & do from the extrenal stroage!<hr>Keep your device as if you have no data on the device, cause you don't! lol";
}
else {
document.getElementById('inphase4').innerHTML = "Error [Out-of-Bounds slider]";
}
document.getElementById('marqen').innerHTML = '<b class="marspan"><sup>Try Presearching: <q><i>WINDOWS [OS Ver] Using Extrenal Harddrive as native storage</i></q>&nbsp;&nbsp;...just without the brackets<sup></b>';
//document.getElementById('marqen').innerHTML += '<b class="marspan">more stuff</b>';
document.getElementById('marqen').innerHTML += '<b class="marspan"><sub>Look for <i><q>3D Changes Perspectives</q> on <u>Bitcoin Live DB</u></i> for more info like this!</sub></b>';
if(layer3 != 0 || layer4 != 0 || layer5 != 0 || l1 < 1 || l0 < 1){
document.getElementById('inner').innerHTML += "</br><span id='warning'><b style='color:red'>WARNING:: <i style='color:silver;opacity:0.8)'>Try in order of <u style='color:orange'>Top-2-Bottom</u></i></b>";
}
}
function slot5() { //place data inside 'inner' span
layer3 = 1;
l3 = Number(l3) + 1;
document.getElementById('scroller').innerHTML = document.getElementById('scrolldata').innerHTML;
document.getElementById('phase5').innerHTML = "<b style='cursor: default;'>Side-Grab What You Can</b>";
document.getElementById('phase5').innerHTML += "<span id='inner'><hr><b style='color:silver;' id='inphase5'></b> <span style='margin-left:21%;margin-right:-21%;cursor:pointer;color:red;' title=' . . . click to close' onclick='document.getElementById(&#039;scroller&#039;).innerHTML=&#039;&#039;;document.getElementById(&#039;inner&#039;).remove();layer3=0;document.getElementById(&#039;phase5&#039;).innerHTML=&#039;<b style=&#034;cursor: pointer;&#034;>Obtain/Store</br>Privately</b>&#039;;document.getElementById(&#039;warning&#039;).remove();'><b>x</b></span><hr></span>";
if(document.getElementById('myRange').value==1){
document.getElementById('inphase5').innerHTML = "Consider bittorrent downloading & direct from manufacture downloading.<hr>Getting the files in-tact from two places that are the same should be good-to-go!";
}
else if(document.getElementById('myRange').value==2){
document.getElementById('inphase5').innerHTML = "Bittorrent & double check the check-sum!<hr>This is the 3rd minor hurdle for most machines.";
}
else if(document.getElementById('myRange').value==3){
document.getElementById('inphase5').innerHTML = "Torrent and Verify Check-Sum!<hr>Don't run without checking the check-sum!";
}
else if(document.getElementById('myRange').value==4){
document.getElementById('inphase5').innerHTML = "Leach & Seed<hr>Verify Check-sum before seeding!";
}
else {
document.getElementById('inphase5').innerHTML = "Error [Out-of-Bounds slider]";
}
document.getElementById('marqen').innerHTML = '<b class="marspan"><sup>Try Presearching: <q><i>WINDOWS [OS Ver] How-2-Use Bittorrent</i></q>&nbsp;&nbsp;...just without the brackets<sup></b>';
//document.getElementById('marqen').innerHTML += '<b class="marspan">more stuff</b>';
document.getElementById('marqen').innerHTML += '<b class="marspan"><sub>Look for <i><q>3D Changes Perspectives</q> on <u>Bitcoin Live DB</u></i> for more info like this!</sub></b>';
if(layer4 != 0 || layer5 != 0 || l2 < 1 || l1 < 1 || l0 < 1){
document.getElementById('inner').innerHTML += "</br><span id='warning'><b style='color:red'>WARNING:: <i style='color:silver;opacity:0.8)'>Try in order of <u style='color:orange'>Top-2-Bottom</u></i></b>";
}
}
function slot6() { //place data inside 'inner' span
layer3 = 1;
l3 = Number(l3) + 1;
document.getElementById('scroller').innerHTML = document.getElementById('scrolldata').innerHTML;
document.getElementById('phase6').innerHTML = "<b style='cursor: default;'>Regularly Backup Your Data</b>";
document.getElementById('phase6').innerHTML += "<span id='inner'><hr><b style='color:silver;' id='inphase6'></b> <span style='margin-left:21%;margin-right:-21%;cursor:pointer;color:red;' title=' . . . click to close' onclick='document.getElementById(&#039;scroller&#039;).innerHTML=&#039;&#039;;document.getElementById(&#039;inner&#039;).remove();layer3=0;document.getElementById(&#039;phase6&#039;).innerHTML=&#039;<b style=&#034;cursor: pointer;&#034;>Have Routine</br>Data-Maintenance</b>&#039;;document.getElementById(&#039;warning&#039;).remove();'><b>x</b></span><hr></span>";
if(document.getElementById('myRange').value==1){
document.getElementById('inphase6').innerHTML = "Backup your data every month on two different storage devices!<hr>Ask a friend or family member to look after one of your 'long-term backup storage' in case of fire or such.";
}
else if(document.getElementById('myRange').value==2){
document.getElementById('inphase6').innerHTML = "Backup your data monthly but on two different devices each time, keep these two in seperate buildings.<hr>This is the 4th minor hurdle for most users.";
}
else if(document.getElementById('myRange').value==3){
document.getElementById('inphase6').innerHTML = "Back up monthly with a duplicate stored elsewhere<hr>Use two completely different types of stroage medium!";
}
else if(document.getElementById('myRange').value==4){
document.getElementById('inphase6').innerHTML = "Monthly Backup (2 duplicates); Never store in same place!<hr>Verify all forms of storage mediums used & individual backups 'backed-up' successfully!";
}
else {
document.getElementById('inphase6').innerHTML = "Error [Out-of-Bounds slider]";
}
document.getElementById('marqen').innerHTML = '<b class="marspan"><sup>Try Presearching: <q><i>WINDOWS [OS Ver] Backup handling practices with 2-backups</i></q>&nbsp;&nbsp;...just without the brackets<sup></b>';
//document.getElementById('marqen').innerHTML += '<b class="marspan">more stuff</b>';
document.getElementById('marqen').innerHTML += '<b class="marspan"><sub>Look for <i><q>3D Changes Perspectives</q> on <u>Bitcoin Live DB</u></i> for more info like this!</sub></b>';
if(layer4 != 0 || layer5 != 0 || l2 < 1 || l1 < 1 || l0 < 1){
document.getElementById('inner').innerHTML += "</br><span id='warning'><b style='color:red'>WARNING:: <i style='color:silver;opacity:0.8)'>Try in order of <u style='color:orange'>Top-2-Bottom</u></i></b>";
}
}
function slot7() { //place data inside 'inner' span
layer4 = 1;
l4 = Number(l4) + 1;
document.getElementById('scroller').innerHTML = document.getElementById('scrolldata').innerHTML;
document.getElementById('phase7').innerHTML = "<b style='cursor: default;'>Don't keep temparory files</b>";
document.getElementById('phase7').innerHTML += "<span id='inner'><hr><b style='color:silver;' id='inphase7'></b> <span style='margin-left:21%;margin-right:-21%;cursor:pointer;color:red;' title=' . . . click to close' onclick='document.getElementById(&#039;scroller&#039;).innerHTML=&#039;&#039;;document.getElementById(&#039;inner&#039;).remove();layer4=0;document.getElementById(&#039;phase7&#039;).innerHTML=&#039;<b style=&#034;cursor: pointer;&#034;>Clean up</br>After Yourself</b>&#039;;document.getElementById(&#039;warning&#039;).remove();'><b>x</b></span><hr></span>";
if(document.getElementById('myRange').value==1){
document.getElementById('inphase7').innerHTML = "Have your browser, applications & operating system regularly clear it's cache & temparory storage!<hr>After every use or every day are best!";
}
else if(document.getElementById('myRange').value==2){
document.getElementById('inphase7').innerHTML = "Do let applications store temp files, clean them out after each use!<hr>This is the 4th major hurdle for most users.";
}
else if(document.getElementById('myRange').value==3){
document.getElementById('inphase7').innerHTML = "Sweep cookies, temps & similars after each use!<hr>Also look for third-party attachments!";
}
else if(document.getElementById('myRange').value==4){
document.getElementById('inphase7').innerHTML = "Flush temp and cookies after each use!<hr>Prevent most third-party attaching, flush the rest!";
}
else {
document.getElementById('inphase7').innerHTML = "Error [Out-of-Bounds slider]";
}
document.getElementById('marqen').innerHTML = '<b class="marspan"><sup>Try Presearching: <q><i>WINDOWS [OS Ver] clearing cookies, temparory files & other misc data after each use</i></q>&nbsp;&nbsp;...just without the brackets<sup></b>';
//document.getElementById('marqen').innerHTML += '<b class="marspan">more stuff</b>';
document.getElementById('marqen').innerHTML += '<b class="marspan"><sub>Look for <i><q>3D Changes Perspectives</q> on <u>Bitcoin Live DB</u></i> for more info like this!</sub></b>';
if(layer5 != 0 || l3 < 1 || l2 < 1 || l1 < 1 || l0 < 1){
document.getElementById('inner').innerHTML += "</br><span id='warning'><b style='color:red'>WARNING:: <i style='color:silver;opacity:0.8)'>Try in order of <u style='color:orange'>Top-2-Bottom</u></i></b>";
}
}
function slot8() { //place data inside 'inner' span
layer4 = 1;
l4 = Number(l4) + 1;
document.getElementById('scroller').innerHTML = document.getElementById('scrolldata').innerHTML;
document.getElementById('phase8').innerHTML = "<b style='cursor: default;'>Sandbox Login Programs & Browsers</b>";
document.getElementById('phase8').innerHTML += "<span id='inner'><hr><b style='color:silver;' id='inphase8'></b> <span style='margin-left:21%;margin-right:-21%;cursor:pointer;color:red;' title=' . . . click to close' onclick='document.getElementById(&#039;scroller&#039;).innerHTML=&#039;&#039;;document.getElementById(&#039;inner&#039;).remove();layer4=0;document.getElementById(&#039;phase8&#039;).innerHTML=&#039;<b style=&#034;cursor: pointer;&#034;>Trick</br>Problem Programs</b>&#039;;document.getElementById(&#039;warning&#039;).remove();'><b>x</b></span><hr></span>";
if(document.getElementById('myRange').value==1){
document.getElementById('inphase8').innerHTML = "Use a program to change your device information when interacting with other programs or websites.<hr>Sandbox or Emulate to seperate the program from your physical device!";
}
else if(document.getElementById('myRange').value==2){
document.getElementById('inphase8').innerHTML = "Sandbox your applications you can't log-out of!<hr>This is the 5th major hurdle for most users.";
}
else if(document.getElementById('myRange').value==3){
document.getElementById('inphase8').innerHTML = "Emulate an entirely different machine!<hr>Sandbox will work too!";
}
else if(document.getElementById('myRange').value==4){
document.getElementById('inphase8').innerHTML = "Mimic a completely different machine then yours for problem programs!<hr>Also do this with problem websites & extensions!";
}
else {
document.getElementById('inphase8').innerHTML = "Error [Out-of-Bounds slider]";
}
document.getElementById('marqen').innerHTML = '<b class="marspan"><sup>Try Presearching: <q><i>WINDOWS [OS Ver] Local Offline Setup</i></q>&nbsp;&nbsp;...just without the brackets<sup></b>';
//document.getElementById('marqen').innerHTML += '<b class="marspan">more stuff</b>';
document.getElementById('marqen').innerHTML += '<b class="marspan"><sub>Look for <i><q>3D Changes Perspectives</q> on <u>Bitcoin Live DB</u></i> for more info like this!</sub></b>';
if(layer5 != 0 || l3 < 1 || l2 < 1 || l1 < 1 || l0 < 1){
document.getElementById('inner').innerHTML += "</br><span id='warning'><b style='color:red'>WARNING:: <i style='color:silver;opacity:0.8)'>Try in order of <u style='color:orange'>Top-2-Bottom</u></i></b>";
}
}
function slot9() { //place data inside 'inner' span
layer5 = 1;
l5 = Number(l5) + 1;
document.getElementById('scroller').innerHTML = document.getElementById('scrolldata').innerHTML;
document.getElementById('phase9').innerHTML = "<b style='cursor: default;'>Always Be Learning! </b>";
document.getElementById('phase9').innerHTML += "<span id='inner'><hr><b style='color:silver;' id='inphase9'></b> <span style='margin-left:21%;margin-right:-21%;cursor:pointer;color:red;' title=' . . . click to close' onclick='document.getElementById(&#039;scroller&#039;).innerHTML=&#039;&#039;;document.getElementById(&#039;inner&#039;).remove();layer5=0;document.getElementById(&#039;phase9&#039;).innerHTML=&#039;<b style=&#034;cursor: pointer;&#034;></br>Stay Vigilant</br>&nbsp;</b>&#039;;document.getElementById(&#039;warning&#039;).remove();'><b>x</b></span><hr></span>";
if(document.getElementById('myRange').value==1){
document.getElementById('inphase9').innerHTML = "Just as it says, Always Be Learning!.<hr>Four times a year, research new issues with your operating system & device!";
}
else if(document.getElementById('myRange').value==2){
document.getElementById('inphase9').innerHTML = "Keep checking in on community news on your device and operating system!<hr>This is the 6th major hurdle for most users.";
}
else if(document.getElementById('myRange').value==3){
document.getElementById('inphase9').innerHTML = "Research more to learn about your OS & device!<hr>2-4 times a year, research what you own!";
}
else if(document.getElementById('myRange').value==4){
document.getElementById('inphase9').innerHTML = "Keep up to date on security progress (quarterlies)<hr>Check in on community for new issues!";
}
else {
document.getElementById('inphase9').innerHTML = "Error [Out-of-Bounds slider]";
}
document.getElementById('marqen').innerHTML = '<b class="marspan"><sup>Try Presearching: <q><i>WINDOWS [OS Ver] Local Offline Setup</i></q>&nbsp;&nbsp;...just without the brackets<sup></b>';
//document.getElementById('marqen').innerHTML += '<b class="marspan">more stuff</b>';
document.getElementById('marqen').innerHTML += '<b class="marspan"><sub>Look for <i><q>3D Changes Perspectives</q> on <u>Bitcoin Live DB</u></i> for more info like this!</sub></b>';
if(l4 < 1 || l3 < 1 || l2 < 1 || l1 < 1 || l0 < 1){
document.getElementById('inner').innerHTML += "</br><span id='warning'><b style='color:red'>WARNING:: <i style='color:silver;opacity:0.8)'>Try in order of <u style='color:orange'>Top-2-Bottom</u></i></b>";
}
}
document.getElementById('marqen').innerHTML += '<b class="marspan">&nbsp; &nbsp;</b>';
function close() {
document.getElementById('scroller').innerHTML = '';
document.getElementById('inner').innerHTML = '';
}
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment