Skip to content

Commit

Permalink
Created the support page.
Browse files Browse the repository at this point in the history
  • Loading branch information
@amin-xiv
amin-xiv committed Nov 23, 2024
1 parent 192d54d commit 933e3c8
Show file tree
Hide file tree
Showing 6 changed files with 561 additions and 232 deletions.
34 changes: 4 additions & 30 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dataverse</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200&icon_names=close" />
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<link rel="shortcut icon" href="website/web_images/3dlogo.svg" type="image/x-icon">
<link rel="stylesheet" href="website/styles/style.css">
Expand Down Expand Up @@ -47,7 +46,6 @@
<img src="website/web_images/3dlogo.svg" alt="Dataverse Logo" class="logo" id="normal">
<img src="website/web_images/3d_glow.webp" alt="Dataverse Logo" class="logo" id="glow">
<div class="scrollBar" id="progress_bar"></div> <!--PROGRESS BAR-->
<button class="navbarButton" id="bug-report-button" onclick="showReportForm()">Report Issue</button>
<a href="website/pages/login.html">
<button class="navbarButton">
<span class="button-text">Login</span>
Expand All @@ -66,7 +64,7 @@
<div class="plane" id="plane">
<table>
<tr>
<td><a href="index.html" class="table_link">Home</a></td>
<td><a href="./website/pages/support.html" class="table_link">Help Center</a></td>
</tr>
<tr>
<td><a href="https://github.com/multiverseweb/Dataverse" class="table_link">Github Repository</a></td>
Expand All @@ -85,11 +83,11 @@
</td>
</tr>
<tr>
<td><a href="website/pages/codeOfconduct.html" class="table_link" target="_blank">Code of Conduct</a>
<td><a href="../pages/codeOfconduct.html" class="table_link" target="_blank">Code of Conduct</a>
</td>
</tr>
<tr>
<td><a href="website/pages/license.html" class="table_link">License</a></td>
<td><a href="../pages/license.html" class="table_link">License</a></td>
</tr>
</table>
</div>
Expand Down Expand Up @@ -323,31 +321,7 @@
</div>
<div class="end_line"></div>
</div> <!--End of div.container -->
<form method="POST" data-netlify="true" name="Bug Report Form" id="bug-report-form" onsubmit="return validateReport()">
<div id="popup-header" style="display: inline;width: 100%;">
<p style="display: inline;">Encountered an Issue? Let Us Know!</p>
<button id="close-report-popup" type="button" onclick="closeReportForm()"><span class="material-symbols-outlined">close</span></button>
</div>
<label for="issue-select" >Issue type
<select name="issue-select" id="issue-select" required>
<option value="Bug">Bug</option>
<option value="UI/UX issue">UI/UX issue</option>
<option value="Performence issue">Performence issue</option>
<option value="Security issue">Security issue</option>
<option value="Other">Other</option>
</select>
</label>
<label for="issue-title-field">What's your issue about?
<input type="text" id="issue-title-field" required name="issue-title" placeholder="Briefly describe your issue">
</label>
<label for="email">Email
<input type="email" id="email" name="email" placeholder="Please provide your email" required>
</label>
<label for="issue-description-field">Issue description
<textarea name="issude-description" id="issue-description-field" placeholder="Describe your issue in detail" required></textarea>
</label>
<div class="button-div"><button type="submit">Send</button></div>
</form>

<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="website/scripts/script.js" type="module"></script>

Expand Down
173 changes: 173 additions & 0 deletions website/pages/support.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,173 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Help Center - Dataverse</title>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<link rel="shortcut icon" href="../web_images/3dlogo.svg" type="image/x-icon">
<link rel="stylesheet" href="../styles/style.css">
<link rel="stylesheet" href="../styles/support.css">
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:[email protected]&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200&icon_names=close" />
</head>
<body>
<div id="container">
<header>
<div class="buttons" id="buttons">
<div id="indicator"></div>
<div class="group">
<button id="darkButton" onclick="dark(false)">
<img src="https://static.thenounproject.com/png/4066359-200.png" class="copy" id="moon">
</button>
<button id="lightButton" onclick="light(false)">
<!-- <div id="theme2"> -->
<img src="https://cdn-icons-png.freepik.com/256/467/467619.png?semt=ais_hybrid" alt="" class="copy"
id="sun">
<!-- </div> -->
</button>
</div>
<button id="defaultButton" onclick="systemDefault()">
<img src="../web_images/settings.webp" class="copy" id="default">
</button>
</div>
<button class="top" id="top" onclick="topFunction()"><img src="../web_images/top.webp" alt=""></button>
<nav id="navbar">
<img src="../web_images/3dlogo.svg" alt="Dataverse Logo" class="logo" id="normal">
<img src="../web_images/3d_glow.webp" alt="Dataverse Logo" class="logo" id="glow">
<div class="scrollBar" id="progress_bar"></div> <!--PROGRESS BAR-->
<!-- <button class="navbarButton" id="bug-report-button" onclick="showReportForm()">Report Issue</button> -->
<a href="../pages/login.html">
<button class="navbarButton">
<span class="button-text">Login</span>
<img src="../web_images/user.png" alt="User Icon" class="user-icon">
</button>
</a>
</nav>

<button class="burger" id="burger" onclick="show()"></button>
<button id="cross" class="burger" onclick="hide()"></button>
<div class="burger" id="lines">
<div class="line" id="l1"></div>
<div class="line" id="l2"></div>
<div class="line" id="l3"></div>
</div>
<div class="plane" id="plane">
<table>
<tr>
<td><a href="../../index.html" class="table_link">Home</a></td>
</tr>
<tr>
<td><a href="https://github.com/multiverseweb/Dataverse" class="table_link">Github Repository</a></td>
</tr>
<tr>
<td><a href="https://github.com/multiverseweb/Dataverse/blob/main/README.md"
class="table_link">Documentation</a></td>
</tr>
<tr>
<td><a href="../pages/contributor.html" class="table_link">Contributors</a></td>
</tr>
<tr>
<td>
<a href="https://www.figma.com/proto/BBbXARgpxercxacjm0qpgX/Dataverse?type=design&node-id=45-25&t=zMFBUgENaIeqhRYZ-1&scaling=scale-down-width&page-id=0%3A1&starting-point-node-id=22%3A310&show-proto-sidebar=1&mode=design"
class="table_link">Figma Design</a>
</td>
</tr>
<tr>
<td><a href="../pages/codeOfconduct.html" class="table_link" target="_blank">Code of Conduct</a>
</td>
</tr>
<tr>
<td><a href="../pages/license.html" class="table_link">License</a></td>
</tr>
</table>
</div>
</header>

<main>
<div id="heading">
<h1>How can we help you?</h1>
</div>
<section id="help-categories">
<div id="category-row-1" class="category-row">
<a>
<div>
<h2>Email Us</h2>
<p>We will respond as soon as we can</p>
</div>
</a>

<a>
<div>
<h2>FAQs</h2>
<p>Everything you need to know about Dataverse</p>
</div>
</a>

<a onclick="showReportForm()">
<div>
<h2>Have an issue?</h2>
<p>You can report your issue. We would love to help!</p>
</div>
</a>
</div>
<div id="category-row-2" class="category-row">
<a href="../pages/signup.html">
<div>
<h2>Create a new account</h2>
<p>Signup as a new memeber</p>
</div>
</a>

<a href="../pages/login.html">
<div>
<h2>Have an account?</h2>
<p>Login with existing account</p>
</div>
</a>

<a href="../pages/codeOfconduct.html">
<div>
<h2>Code of Conduct</h2>
<p>Read more about our Code of Conduct</p>
</div>
</a>
</div>
</section>
</main>
</div> <!-- End of div#container -->
<form method="POST" data-netlify="true" name="Bug Report Form" id="bug-report-form" onsubmit="return validateReport()">
<div id="popup-header" style="display: inline;width: 100%;">
<p style="display: inline;">Encountered an Issue? Let Us Know!</p>
<button id="close-report-popup" type="button" onclick="closeReportForm()"><span class="material-symbols-outlined">close</span></button>
</div>
<label for="issue-select" >Issue type
<select name="issue-select" id="issue-select" required>
<option value="Bug">Bug</option>
<option value="UI/UX issue">UI/UX issue</option>
<option value="Performence issue">Performence issue</option>
<option value="Security issue">Security issue</option>
<option value="Other">Other</option>
</select>
</label>
<label for="issue-title-field">What's your issue about?
<input type="text" id="issue-title-field" required name="issue-title" placeholder="Briefly describe your issue">
</label>
<label for="email">Email
<input type="email" id="email" name="email" placeholder="Please provide your email" required>
</label>
<label for="issue-description-field">Issue description
<textarea name="issude-description" id="issue-description-field" placeholder="Describe your issue in detail" required></textarea>
</label>
<div class="button-div"><button type="submit">Send</button></div>
</form>
<script src="../scripts/script.js" type="module" defer></script>
<script src="../scripts/support.js" type="module" defer></script>
</body>
</html>
Loading

0 comments on commit 933e3c8

Please sign in to comment.