TDKHome.old/TDKPaint/menu_helpdesk.html
2023-07-16 16:57:58 -04:00

245 lines
8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TDKPaint</title>
<style>
body {
background-color: black;
margin: 0;
font-size: 12px;
line-height: normal;
word-wrap: break-word !important;
font-family: sans-serif;
color: white !important;
}
.menu {
background: #232323;
margin: auto;
max-width: 800px;
overflow: auto;
border: 1px solid black;
border-radius: 4px;
padding: 4px;
}
.nav {
max-width: 100px;
float: left;
margin: 3px 3px 3px 8px;
}
.nav2 {
max-width: 64px;
float: right;
margin: 2px;
}
.ico {
float: left;
text-align: center;
font-size: 10px;
}
.ico img {
border-radius: 16px;
}
.align-left {
text-align: left;
}
h1 {
background: #444;
max-width: 800px !important;
text-align: center;
margin: auto;
border: 1px outset #888;
border-radius: 32px;
font-size: 18px;
}
img {
max-width: 99%;
height: auto;
}
</style>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<center>
<a href="index.html" style="text-align: center; margin: auto;">
<img src="images/icons/ca9535014a37a265bad35e74ad090c7b-Full_1_177x46_280x68.png" alt="TDKPaint" title="TDKPaint">
</a>
</center>
<div class="menu" style="padding: 0!important;">
<div class="nav">
Welcome, TDK!<br>
<a href="https://3dspaint.com/" style="color: #f44;">3DSPaint Link</a>
</div>
<div class="nav2">
<img src="images/icons/icon_dc.png" alt="PFP" title="PFP" style="border: 1px gray solid; border-radius: 16px; width: 28px; height: 28px;">
</div>
</div>
<br>
<h1>Help Desk FAQs</h1>
<div class="menu">
<div class="zebra">
<script>
function showText(questionId) {
var dropdown = document.getElementById(questionId + "-dropdown");
dropdown.classList.toggle("show");
}
</script>
</head>
<body>
<div class="menu">
<div class="zebra">
<a onclick="showText('question1')">How do I write a Help Desk question?</a>
<div id="question1-dropdown" class="dropdown-content">
<p>WIP</p>
</div>
</div>
<div class="zebra">
<a onclick="showText('question2')">How do I make a custom profile picture?</a>
<div id="question2-dropdown" class="dropdown-content">
<p>Setting a profile picture is dependent on each service used.</p>
</div>
</div>
<div class="zebra">
<a onclick="showText('question3')">How do I verify my account?</a>
<div id="question3-dropdown" class="dropdown-content">
<p>Verification is subject to the services used to make a account.</p>
</div>
</div>
<div class="zebra">
<a onclick="showText('question4')">How do I change my username?</a>
<div id="question4-dropdown" class="dropdown-content">
<p>Check on the used platforms for that information.</p>
</div>
</div>
<div class="zebra">
<a onclick="showText('question5')">How do I change my email address?</a>
<div id="question5-dropdown" class="dropdown-content">
<p>Check on the used platforms for that information.</p>
</div>
</div>
<div class="zebra">
<a onclick="showText('question6')">Which BBCodes are supported?</a>
<div id="question6-dropdown" class="dropdown-content">
<p>Check on the used platforms for that information. Most likely it's not supported.</p>
</div>
</div>
<div class="zebra">
<a onclick="showText('question7')">Password Lockout Assistance</a>
<div id="question7-dropdown" class="dropdown-content">
<p>Account help are subject to the services used to make the account. Please follow the service you used for help.</p>
</div>
</div>
<div class="zebra">
<a onclick="showText('question8')">How can I customize my profile or my group?</a>
<div id="question8-dropdown" class="dropdown-content">
<p>>Check on the used platforms for that information.</p>
</div>
</div>
<div class="zebra">
<a onclick="showText('question9')">Why can't I use my paintings in the chatroom?</a>
<div id="question9-dropdown" class="dropdown-content">
<p>This is not implemented yet.</p>
</div>
</div>
<div class="zebra">
<a onclick="showText('question10')">Can you make paintings editable?</a>
<div id="question10-dropdown" class="dropdown-content">
<p>Probably not.</p>
</div>
</div>
<div class="zebra">
<a onclick="showText('question11')">How do I retrieve my password?</a>
<div id="question11-dropdown" class="dropdown-content">
<p>Account help are subject to the services used to make the account. Please follow the service you used for help.</p>
</div>
</div>
<div class="zebra">
<a onclick="showText('question12')">How do I become an admin?</a>
<div id="question12-dropdown" class="dropdown-content">
<p>Please contact us on our guilded. https://www.guilded.gg/TDK</p>
</div>
</div>
</div>
<h1>Opened Questions (4)</h1>
<div class="menu">
<div class="zebra">
<a href="https://uwuntuos.site">Example 1</a> (0)<br />
By <a href="https://uwuntuos.site">@Linux</a><br />
<label class="tag tag_default">Other</label>
<label class="tag tag_default">default</label>
<label class="tag tag_default">0 hr</label>
<div class="clear_div"></div>
</div>
<div class="zebra">
<a href="https://github.com/MattTheTekie/">Example 2</a> (0)<br />
By <a href="https://github.com/MattTheTekie/">@MattTheTekie</a><br />
<label class="tag tag_default">Bug Report</label>
<label class="tag tag_default">default</label>
<label class="tag tag_default">0 hr</label>
<div class="clear_div"></div>
</div>
<div class="zebra">
<a href="https://uwu.surge.sh/">Example 3</a> (0)<br />
By <a href="https://uwu.surge.sh/">@uwudev</a><br />
<label class="tag tag_default">Bug Report</label>
<label class="tag tag_low">low</label>
<label class="tag tag_default">0 hr</label>
<div class="clear_div"></div>
</div>
<div class="zebra">
<a href="https://deafbeef.com/">Easter Egg</a> (0)<br />
By <a href="https://deafbeef.com/">@0xDEAFBEEF</a><br />
<label class="tag tag_default">Request</label>
<label class="tag tag_default">default</label>
<label class="tag tag_default">0 hr</label>
<div class="clear_div"></div>
</div>
</div>
<div style="margin:5px; text-align:center">
<a href="../index.html"><img class="icon" src="images/icons/icon_home.png" alt="Home" /></a>
</div>
<div id="divAlertPopup" class="alerts_popup menu"></div>
<script type="text/javascript">
var AlertPopupObj = new XMLHttpRequest();
function refreshMyPopupAlerts(){
AlertPopupObj.open('GET.html', '../includes/ajax.section.my_alert_popup.php', true);
AlertPopupObj.send(null);
AlertPopupObj.onreadystatechange = function(){
if(AlertPopupObj.readyState>2 && AlertPopupObj.status>=400){
AlertPopupObj.onreadystatechange = function(){ setTimeout(refreshMyPopupAlerts, 60000); }
AlertPopupObj.abort();
return;
}
if(AlertPopupObj.readyState==4){
if(AlertPopupObj.responseText){
var divAlertPopup = document.getElementById('divAlertPopup'),
alerts = [];
try{ alerts = eval(AlertPopupObj.responseText); }catch(err){ }
if(alerts.length){
var alertString = '',
index = 0;
while(index<alerts.length){
alertString += 'New <a href="../mymessageviewer.php?message='+alerts[index].mess+'">Message</a> from <a href="/member?id='+alerts[index].id+'">'+alerts[index].name+'</a>';
index++;
}
divAlertPopup.innerHTML = alertString;
divAlertPopup.style.display = 'block';
}else{
divAlertPopup.style.display = 'none';
}
}
setTimeout(refreshMyPopupAlerts, 10000);
}
}
}
refreshMyPopupAlerts();
</script>
</body>
</html>