mirror of
https://github.com/ION606/selmer-bot-website.git
synced 2026-05-14 22:16:54 +00:00
Created the Premium page with Bootstrap and Stripe integration
This commit is contained in:
ION606
+114
-83
@@ -9,6 +9,17 @@
|
||||
<link rel="shortcut icon" href="https://github.com/ION606/selmer-bot-website/blob/main/assets/favicon.ico" type="image/x-icon">
|
||||
<script src="https://kit.fontawesome.com/728e740903.js" crossorigin="anonymous"></script>
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||||
|
||||
<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=Cinzel&family=Rajdhani:wght@300&family=Share+Tech+Mono&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
html { width:100%; height:100%; margin:0; padding:0; }
|
||||
|
||||
@@ -24,23 +35,6 @@
|
||||
|
||||
.hide { display: none; }
|
||||
|
||||
|
||||
.jumpButton {
|
||||
/* color: #ffffff; */
|
||||
font-size: 15px;
|
||||
border: 1px solid #000000;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
cursor: pointer;
|
||||
align-self: center;
|
||||
background-color: rgb(2, 2, 192);
|
||||
}
|
||||
.jumpButton:hover {
|
||||
color: #2d63c8;
|
||||
/* background-color: #ffffff; */
|
||||
}
|
||||
|
||||
|
||||
.loadingscreen {
|
||||
height: 90vh;
|
||||
background-color: bisque;
|
||||
@@ -48,12 +42,17 @@
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: rgb(69, 11, 102);
|
||||
height: 50px;
|
||||
background-color: rgb(0, 0, 0);
|
||||
/* height: 50px;
|
||||
border-width: 1px;
|
||||
border-style: double;
|
||||
border-style: double; */
|
||||
}
|
||||
|
||||
.navbar .nav-item {
|
||||
margin-right: 25px;
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
#right {
|
||||
float: right;
|
||||
margin-right: 50px;
|
||||
@@ -61,23 +60,22 @@
|
||||
|
||||
.box {
|
||||
font-size: 20px;
|
||||
height: 20px;
|
||||
height: 40px;
|
||||
width: auto;
|
||||
margin-bottom: 15px;
|
||||
margin-right: 70px;
|
||||
padding: 5px;
|
||||
padding: 3px;
|
||||
border: 1px solid black;
|
||||
clear: both;
|
||||
align-content: center;
|
||||
float: right;
|
||||
margin-right: 25px;
|
||||
margin-right: 30px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.statusdiv {
|
||||
border-style: dashed;
|
||||
border-color: rgb(247, 189, 0);
|
||||
width: 130px;
|
||||
height: 100px;
|
||||
width: 140px;
|
||||
height: 120px;
|
||||
margin-top: 20px;
|
||||
float: right;
|
||||
margin-right: 50px;
|
||||
@@ -98,7 +96,7 @@
|
||||
.buttonsmainbar {
|
||||
background-color: green;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.btnmain {
|
||||
@@ -109,7 +107,7 @@
|
||||
background-color: #42424b;
|
||||
width: 11%;
|
||||
position: fixed;
|
||||
top: 53px;
|
||||
top: 75px;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@@ -119,23 +117,6 @@
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.btnside {
|
||||
color: #ffffff;
|
||||
background-color: #42424b;
|
||||
font-size: 19px;
|
||||
/* border: 2px solid #000000; */
|
||||
outline: none;
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btnside:hover {
|
||||
color: #ffffff;
|
||||
background-color: #377aea;
|
||||
}
|
||||
|
||||
.wc {
|
||||
align-content: center;
|
||||
align-self: center;
|
||||
@@ -152,9 +133,27 @@
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
/* SUBMIT BUTTON START */
|
||||
.submitButton{
|
||||
<!-- Buttons -->
|
||||
<style>
|
||||
.jumpButton {
|
||||
/* color: #ffffff; */
|
||||
font-size: 15px;
|
||||
border: 1px solid #000000;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
cursor: pointer;
|
||||
align-self: center;
|
||||
background-color: rgb(2, 2, 192);
|
||||
}
|
||||
.jumpButton:hover {
|
||||
color: #2d63c8;
|
||||
/* background-color: #ffffff; */
|
||||
}
|
||||
|
||||
/* SUBMIT BUTTON START */
|
||||
.submitButton{
|
||||
position: relative;
|
||||
background-color: black;
|
||||
border-radius: 4em;
|
||||
@@ -214,8 +213,27 @@
|
||||
color: red;
|
||||
}
|
||||
|
||||
</style>
|
||||
#sevradio br {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.btnside {
|
||||
color: #ffffff;
|
||||
background-color: #42424b;
|
||||
font-size: 19px;
|
||||
/* border: 2px solid #000000; */
|
||||
outline: none;
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btnside:hover {
|
||||
color: #ffffff;
|
||||
background-color: #377aea;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
//Maybe pre-load the channels in the server into local storage for accessing when chosing the welcome/logging channels?
|
||||
@@ -341,31 +359,42 @@
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<!-- <center> -->
|
||||
<div class="navbar">
|
||||
<span style="padding-left: 50px;"></span>
|
||||
<a href="index.html" style="color: white"><i class="fa-solid fa-house-chimney", alt="Home" style="scale: 2; margin-top: 20px;"></i></a>
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-sm navbar-fixed-top">
|
||||
<div class="container-fluid mx-auto">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Selmer-icon.png?raw=true" alt="Selmer Icon" style="width: 50px;">
|
||||
</a>
|
||||
|
||||
<!-- <li class="nav-item">
|
||||
<a href="index.html" style="color: white" class="nav-link"><i class="fa-solid fa-house-chimney", alt="Home" style="scale: 2;"></i></a>
|
||||
</li> -->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a href="myGuilds.html" id="guildslink" class="nav-link"><i class="fa-solid fa-server" alt="Servers" style="scale: 2; color: rgb(11, 189, 189);"></i></a>
|
||||
</li>
|
||||
|
||||
<span style="padding-left:50px;">
|
||||
<a href="myGuilds.html"><i class="fa-solid fa-server" alt="Servers" style="scale: 2; color: rgb(11, 189, 189);"></i></a>
|
||||
<li class="nav-item">
|
||||
<a href="https://github.com/ION606/selmerBot/wiki" target="_blank" class="nav-link"><i class="fa-solid fa-book" style="scale: 2; color: white;" alt="WIKI"></i></a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="premium.html" class="nav-link"><i class="fa-solid fa-crown" style="scale: 2; color: gold;" alt="PREMIUM"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- <button type="button" class="btn btn-primary" data-bs-toggle="tooltip" title="Hooray!">Hover over me!</button> -->
|
||||
<div class="container" style="font-family: 'Rajdhani', sans-serif; color: white;"><h1>Selmer Bot Web Dashboard</h1></div>
|
||||
<span class="ms-auto" style="margin-right: 1%;">
|
||||
<!-- <button id="login" class="loginbtn" onclick="window.location = getAPIRedirect()">Log Into Dashboard</button> -->
|
||||
<button onclick="logout()" id="logoutbtn" class="logoutbtn" style="display: none;"><i class="fa-solid fa-arrow-right-from-bracket" alt="Log Out"></i></button>
|
||||
<button onclick="window.location = getAPIRedirect()" id="loginbtn" class="loginbtn"><i class="fa-solid fa-arrow-right-from-bracket" alt="Log In"></i></button>
|
||||
</span>
|
||||
|
||||
<span style="padding-left:50px;"></span>
|
||||
<a href="https://github.com/ION606/selmerBot/wiki" target="_blank"><i class="fa-solid fa-book" style="scale: 2; color: white;" alt="WIKI"></i></a>
|
||||
|
||||
<span style="padding-left:50px;"></span>
|
||||
<a href="premium.html"><i class="fa-solid fa-crown" style="scale: 2; color: gold;" alt="PREMIUM"></i></a>
|
||||
|
||||
<!-- <button>Home</button> -->
|
||||
<span id="right">
|
||||
<button onclick="logout()" class="logoutbtn"><i class="fa-solid fa-arrow-right-from-bracket" alt="Log Out"></i></button>
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- </center> -->
|
||||
<div class="statusdiv">
|
||||
<h1 style="color: white; margin-bottom: 10px; margin-top: 10px;">STATUS</h1>
|
||||
<h2 style="color: white; margin-bottom: 10px; margin-top: 10px;">STATUS</h2>
|
||||
<div id="savstat" class="box saved">SAVED</div>
|
||||
</div>
|
||||
|
||||
@@ -403,20 +432,22 @@
|
||||
|
||||
<label for="lc">Logging Channel Name:</label>
|
||||
<input type="text" id="lc" name="lc"><br><br>
|
||||
|
||||
<p>Log Severity</p>
|
||||
<label for="ls-none">None</label>
|
||||
<input type="radio" id="ls-none" name="ls"><br><br>
|
||||
|
||||
<label for="ls-low">Low</label>
|
||||
<input type="radio" id="ls-low" name="ls"><br><br>
|
||||
|
||||
<label for="ls-meduim">Medium</label>
|
||||
<input type="radio" id="ls-meduim" name="ls"><br><br>
|
||||
|
||||
<label for="ls-high">High</label>
|
||||
<input type="radio" id="ls-high" name="ls"><br><br>
|
||||
|
||||
|
||||
<div id="sevradio">
|
||||
<p style="margin-bottom: 0px; text-underline-offset: 2px;"><u>Log Severity</u></p>
|
||||
|
||||
<label for="ls-none" style="margin-top: 0px;">None</label>
|
||||
<input type="radio" id="ls-none" name="ls"><br>
|
||||
|
||||
<label for="ls-low">Low</label>
|
||||
<input type="radio" id="ls-low" name="ls"><br>
|
||||
|
||||
<label for="ls-meduim">Medium</label>
|
||||
<input type="radio" id="ls-meduim" name="ls"><br>
|
||||
|
||||
<label for="ls-high">High</label>
|
||||
<input type="radio" id="ls-high" name="ls"><br><br>
|
||||
</div>
|
||||
|
||||
<input type="submit" value="Submit", class="submitButton" onclick="sendData(event, { 'inp': 'logs' })">
|
||||
</form>
|
||||
|
||||
Reference in New Issue
Block a user