whisper.cat stuff

weboasis/faq/net/bg.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 1500"><defs/><path fill="#0280cf" d="M0 0h2000v1500H0z"/><defs><radialGradient id="c" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#021f30"/><stop offset="1" stop-color="#0280cf"/></radialGradient><linearGradient id="a" x1="0" x2="1550" y1="750" y2="750" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#025080"/><stop offset="1" stop-color="#0280cf"/></linearGradient><path id="b" fill="url(#a)" d="M1549 52a1562 1562 0 01-143 572 1537 1537 0 01-839 778 1504 1504 0 01-567 98 1502 1502 0 00808-258 1477 1477 0 00612-916c18-92 28-185 29-278 0-27 23-48 51-48s49 22 49 50v2z"/><g id="d"><use href="#b" transform="rotate(60) scale(.12)"/><use href="#b" transform="rotate(10) scale(.2)"/><use href="#b" transform="rotate(40) scale(.25)"/><use href="#b" transform="rotate(-20) scale(.3)"/><use href="#b" transform="rotate(-30) scale(.4)"/><use href="#b" transform="rotate(20) scale(.5)"/><use href="#b" transform="rotate(60) scale(.6)"/><use href="#b" transform="rotate(10) scale(.7)"/><use href="#b" transform="rotate(-40) scale(.835)"/><use href="#b" transform="rotate(40) scale(.9)"/><use href="#b" transform="rotate(25) scale(1.05)"/><use href="#b" transform="rotate(8) scale(1.2)"/><use href="#b" transform="rotate(-60) scale(1.333)"/><use href="#b" transform="rotate(-30) scale(1.45)"/><use href="#b" transform="rotate(10) scale(1.6)"/></g></defs><g><circle r="3000" fill="url(#c)"/><g fill="url(#c)" opacity=".5"><circle r="2000"/><circle r="1800"/><circle r="1700"/><circle r="1651"/><circle r="1450"/><circle r="1250"/><circle r="1175"/><circle r="900"/><circle r="750"/><circle r="500"/><circle r="380"/><circle r="250"/></g><g><use href="#d" transform="rotate(10)"/><use href="#d" transform="rotate(120)"/><use href="#d" transform="rotate(240)"/></g><circle r="3000" fill="url(#c)" fill-opacity=".1"/></g></svg>

weboasis/faq/net/faq.js

@@ -0,0 +1,87 @@
+history.scrollRestoration = "manual";
+let questions = document.getElementsByClassName("panel-default");
+let answers = document.getElementsByClassName("toggleAnswer");
+for (i = 0; i < questions.length; i++) {
+  questions[i].addEventListener("click", function (event) {
+    event.preventDefault();
+    var panel = this.nextElementSibling;
+    if (panel.style.display === "block") {
+      panel.style.display = "none";
+    } else {
+      panel.style.display = "block";
+      this.scrollIntoView({ block: "nearest", behavior: "smooth" });
+    }
+  });
+}
+
+//Navigating to individual faq
+let re = /#(.*)/;
+if (re.exec(window.location.href)) {
+  var x = re.exec(window.location.href)[1];
+  let element2 = document.getElementById(x);
+  element2.parentElement.previousElementSibling.scrollIntoView({
+    block: "start",
+  });
+  element2.parentElement.style.display = "block";
+}
+
+//Expand Button
+function listExpansion() {
+  let expanding =
+    document.getElementById("expand").getAttribute("expanding") == "true";
+
+  let elements = document.querySelectorAll(".toggleAnswer");
+  if (!expanding) {
+    elements = document.querySelectorAll(".toggleAnswer");
+  }
+
+  for (let i = 0; i < elements.length; i++) {
+    if (expanding) {
+      elements[i].style.display = "block";
+    } else {
+      elements[i].style.display = "none";
+    }
+  }
+
+  let nextStatus = !expanding;
+  document.getElementById("expand").innerHTML = nextStatus
+    ? "Expand"
+    : "Collapse";
+  if (!nextStatus) {
+    document.getElementById("expand").innerHTML = "Collapse";
+  } else {
+    document.getElementById("expand").innerHTML = "Expand";
+  }
+
+  document.getElementById("expand").setAttribute("expanding", nextStatus);
+}
+
+window.listExpansion = listExpansion;
+document.getElementById("expand").setAttribute("expanding", true);
+
+//copy link to share
+function copyLink(copyButton) {
+  var status = copyButton.nextElementSibling;
+  status.innerHTML = "Copied!";
+  var faqId = copyButton.parentElement.parentElement.id;
+  var dummy = document.createElement("textarea");
+  document.body.appendChild(dummy);
+  dummy.value = "https://weboas.is/faq/net/#" + faqId;
+  dummy.select();
+  document.execCommand("copy");
+  document.body.removeChild(dummy);
+}
+
+//mouseover copybutton
+let allShareButton = document.getElementsByClassName("sharebtn");
+for (i = 0; i < allShareButton.length; i++) {
+  allShareButton[i].addEventListener("mouseover", function (event) {
+    var status = this.nextElementSibling;
+    status.style.display = "block";
+  });
+  allShareButton[i].addEventListener("mouseout", function (event) {
+    var status = this.nextElementSibling;
+    status.style.display = "none";
+    status.innerHTML = "Copy";
+  });
+}

weboasis/faq/net/faq.min.js

@@ -0,0 +1 @@
+history.scrollRestoration="manual";let questions=document.getElementsByClassName("panel-default"),answers=document.getElementsByClassName("toggleAnswer");for(i=0;i<questions.length;i++)questions[i].addEventListener("click",function(a){a.preventDefault();var b=this.nextElementSibling;"block"===b.style.display?b.style.display="none":(b.style.display="block",this.scrollIntoView({block:"nearest",behavior:"smooth"}))});let re=/#(.*)/;if(re.exec(window.location.href)){var x=re.exec(window.location.href)[1];let a=document.getElementById(x);a.parentElement.previousElementSibling.scrollIntoView({block:"start"}),a.parentElement.style.display="block"}function listExpansion(){let a="true"==document.getElementById("expand").getAttribute("expanding"),b=document.querySelectorAll(".toggleAnswer");a||(b=document.querySelectorAll(".toggleAnswer"));for(let c=0;c<b.length;c++)b[c].style.display=a?"block":"none";let c=!a;document.getElementById("expand").innerHTML=c?"Expand":"Collapse",document.getElementById("expand").innerHTML=c?"Expand":"Collapse",document.getElementById("expand").setAttribute("expanding",c)}window.listExpansion=listExpansion,document.getElementById("expand").setAttribute("expanding",!0);function copyLink(a){var b=a.nextElementSibling;b.innerHTML="Copied!";var c=a.parentElement.parentElement.id,d=document.createElement("textarea");document.body.appendChild(d),d.value="https://weboas.is/faq/net/#"+c,d.select(),document.execCommand("copy"),document.body.removeChild(d)}let allShareButton=document.getElementsByClassName("sharebtn");for(i=0;i<allShareButton.length;i++)allShareButton[i].addEventListener("mouseover",function(){var a=this.nextElementSibling;a.style.display="block"}),allShareButton[i].addEventListener("mouseout",function(){var a=this.nextElementSibling;a.style.display="none",a.innerHTML="Copy"});

weboasis/faq/net/search.js

@@ -0,0 +1,28 @@
+const input = document.getElementById("searchInput");
+const divsList = document.getElementsByClassName("panel");
+function searchFilter() {
+  var filter, textVal;
+  filter = input.value.toUpperCase();
+  for (var i = 0; i < divsList.length; i++) {
+    textVal = divsList[i].textContent;
+    if (
+      textVal.toUpperCase().indexOf(filter) > -1 &&
+      !divsList[i].classList.contains("toggleAnswer")
+    ) {
+      divsList[i].style.display = "block";
+    } else if (
+      textVal.toUpperCase().indexOf(filter) > -1 &&
+      divsList[i].classList.contains("toggleAnswer")
+    ) {
+      divsList[i].previousElementSibling.style.display = "block";
+    } else {
+      divsList[i].style.display = "none";
+    }
+  }
+}
+function clearSearch() {
+  input.value = "";
+  for (var j = 0; j < divsList.length; j++) {
+    divsList[j].style.display = "";
+  }
+}

weboasis/faq/net/search.min.js

@@ -0,0 +1 @@
+const input=document.getElementById("searchInput"),divsList=document.getElementsByClassName("panel");function searchFilter(){var a,b;a=input.value.toUpperCase();for(var c=0;c<divsList.length;c++)b=divsList[c].textContent,-1<b.toUpperCase().indexOf(a)&&!divsList[c].classList.contains("toggleAnswer")?divsList[c].style.display="block":-1<b.toUpperCase().indexOf(a)&&divsList[c].classList.contains("toggleAnswer")?divsList[c].previousElementSibling.style.display="block":divsList[c].style.display="none"}function clearSearch(){input.value="";for(var a=0;a<divsList.length;a++)divsList[a].style.display=""}

weboasis/faq/net/share.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 496"><path fill="#25b7d3" d="M0 248a248 248 0 11496 0 248 248 0 01-496 0z"/><g fill="#fff"><circle cx="146.5" cy="249" r="53.8"/><circle cx="310.7" cy="153.3" r="53.8"/><circle cx="310.7" cy="342.8" r="53.8"/><path d="M154 260l-15-25 164-96 15 25z"/><path d="M303 355l-164-96 15-25 164 96z"/></g></svg>

weboasis/faq/net/style.css

@@ -0,0 +1,227 @@
+body {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  margin-top: 0px;
+}
+.toggleAnswer {
+  display: none;
+  margin-bottom: 5px;
+  border: 1px solid #000;
+}
+.panel-heading {
+  display: block;
+  cursor: pointer;
+}
+.background {
+  background-image: url(bg.svg);
+  background-size: cover;
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+a {
+  color: #000;
+  text-decoration: none;
+}
+
+a:link {
+  color: #000;
+  text-decoration: none;
+}
+
+a:visited {
+  color: #000;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #000;
+  text-decoration: none;
+}
+
+a:active {
+  color: #000;
+  text-decoration: none;
+}
+@media only screen and (min-width: 400px) {
+  #searchInput {
+    padding: 7px;
+    border-radius: 4px;
+    border: 2px solid #333;
+    min-width: 50%;
+  }
+}
+@media only screen and (max-width: 400px) {
+  #searchInput {
+    padding: 7px;
+    border-radius: 4px;
+    border: 2px solid #333;
+    max-width: 40%;
+  }
+}
+
+#accordion {
+  padding: 1em 1em 2em;
+  margin-top: 40px;
+}
+
+.panel-group > .panel.panel-default {
+  background-color: rgb(255, 255, 255);
+  border-radius: 4px;
+  margin-bottom: 5px;
+  border: 1px solid #000;
+}
+.panel.panel-default > a {
+  text-decoration: none;
+}
+.panel-heading {
+  padding-bottom: 10px;
+  padding-left: 15px;
+  padding-right: 15px;
+  padding-top: 10px;
+}
+.panel-title {
+  font-size: 16px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  font-weight: 400;
+}
+
+.container {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.panel-group {
+  margin-top: 40px;
+  margin-bottom: 20px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.panel-collapse {
+  padding: 15px;
+  font-size: 14px;
+  display: block;
+  background: white;
+}
+
+.btn {
+  display: inline-block;
+  padding: 0.4em 0.2em;
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.42857143;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background-image: none;
+  border-radius: 4px;
+  background-color: #0280CF;
+  border: 1px solid #000;
+}
+
+.btn-primary {
+  color: white;
+}
+
+.pull-right {
+  float: right !important;
+}
+
+.container {
+  margin-top: 5px;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+@media (max-width: 768px) {
+  .container {
+    padding: 0px;
+  }
+  #copybutton {
+    margin-left: 80%;
+  }
+  .mouseover {
+    margin-left: 60%;
+    margin-top: -2.3em !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .container {
+    width: 750px;
+    padding: 0px;
+  }
+  #copybutton {
+    margin-left: 92%;
+  }
+  .mouseover {
+    margin-left: 85%;
+  }
+}
+
+@media (min-width: 992px) {
+  .container {
+    width: 970px;
+  }
+}
+
+.container > form:first-child > button {
+  margin-left: 0.09em;
+}
+
+#expand {
+  margin-right: 1px;
+}
+
+.bullet-height > li {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  color: #333;
+  line-height: 1.42857143;
+}
+
+.bullet-height > li > a {
+  text-decoration: none;
+}
+
+.mouseover {
+  font-size: small;
+  font-weight: 400;
+  background-color: skyblue;
+  padding: 1% 0.5% 1% 0.5%;
+  text-align: center;
+  text-decoration: none;
+  border-radius: 1em;
+  width: 3.6em;
+  margin-top: -2.8em;
+}
+
+#copybutton {
+  width: 4.4em;
+  height: 3em;
+  padding: 0;
+  border: 1px solid #000;
+}
+
+#copybutton img {
+  width: 2em;
+  height: 2em;
+  vertical-align: middle;
+}

weboasis/faq/net/style.min.css

@@ -0,0 +1 @@
+body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;margin-top:0}.toggleAnswer{display:none;margin-bottom:5px;border:1px solid #000}.panel-heading{display:block;cursor:pointer}.background{background-image:url(bg.svg);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:center}a{color:#000;text-decoration:none}a:link{color:#000;text-decoration:none}a:visited{color:#000;text-decoration:none}a:hover{color:#000;text-decoration:none}a:active{color:#000;text-decoration:none}@media only screen and (min-width:400px){#searchInput{padding:7px;border-radius:4px;border:2px solid #333;min-width:50%}}@media only screen and (max-width:400px){#searchInput{padding:7px;border-radius:4px;border:2px solid #333;max-width:40%}}#accordion{padding:1em 1em 2em;margin-top:40px}.panel-group>.panel.panel-default{background-color:#fff;border-radius:4px;margin-bottom:5px;border:1px solid #000}.panel.panel-default>a{text-decoration:none}.panel-heading{padding-bottom:10px;padding-left:15px;padding-right:15px;padding-top:10px}.panel-title{font-size:16px;margin-top:0;margin-bottom:0;font-weight:400}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.panel-group{margin-top:40px;margin-bottom:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.panel-collapse{padding:15px;font-size:14px;display:block;background:#fff}.btn{display:inline-block;padding:.4em .2em;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:4px;background-color:#0280cf;border:1px solid #000}.btn-primary{color:#fff}.pull-right{float:right!important}.container{margin-top:5px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media (max-width:768px){.container{padding:0}#copybutton{margin-left:80%}.mouseover{margin-left:60%;margin-top:-2.3em!important}}@media (min-width:768px){.container{width:750px;padding:0}#copybutton{margin-left:92%}.mouseover{margin-left:85%}}@media (min-width:992px){.container{width:970px}}.container>form:first-child>button{margin-left:.09em}#expand{margin-right:1px}.bullet-height>li{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;color:#333;line-height:1.42857143}.bullet-height>li>a{text-decoration:none}.mouseover{font-size:small;font-weight:400;background-color:#87ceeb;padding:1% .5% 1% .5%;text-align:center;text-decoration:none;border-radius:1em;width:3.6em;margin-top:-2.8em}#copybutton{width:4.4em;height:3em;padding:0;border:1px solid #000}#copybutton img{width:2em;height:2em;vertical-align:middle}