diff --git a/assets/stripe_payment10.png b/assets/stripe_payment10.png new file mode 100644 index 0000000..aecc625 Binary files /dev/null and b/assets/stripe_payment10.png differ diff --git a/assets/stripe_payment5.png b/assets/stripe_payment5.png new file mode 100644 index 0000000..b1bc8b2 Binary files /dev/null and b/assets/stripe_payment5.png differ diff --git a/index.html b/index.html index be09e1c..b468005 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,11 @@ + + + + + @@ -15,21 +20,17 @@ body { background-color: rgb(41, 42, 48); + /* background-color: rgb(1, 1, 59); */ width:100%; height:100%; margin:0; padding:0; } .loginbtn { - color: #ffffff; - background-color: #2909c6; - font-size: 19px; - border: 2px solid #000000; - padding: 15px; - cursor: pointer; - width: 200px; + margin-top: 14px; + scale: 1.2; + border-radius: 10%; } .loginbtn:hover { - color: #ffffff; - background-color: #377aea; + color: #377aea; } .tooltip { @@ -61,12 +62,10 @@ transition-delay: 0.3s; } - .navbar { - background-color: rgb(69, 11, 102); - height: 50px; - border-width: 1px; - border-style: double; - } + .navbar .nav-item { + margin-right: 25px; + margin-left: 25px; + } #right { float: right; @@ -75,13 +74,71 @@ .logoutbtn { margin-top: 14px; - scale: 1.7; + scale: 1.2; + border-radius: 10%; + /* float: right; */ } .logoutbtn:hover { cursor: pointer; color: red; } + + .desctext { + /* float:left; */ + color: white; + /* margin-left: 50px; */ + margin-top: 20px; + background-color: rgb(1, 69, 196, 0.1); + padding: 20px; + border-radius: 10%; + width: auto; + } + + /************************* + CAROUSEL + *************************/ + + .carousel .carousel-inner { + height: 550px; + margin-top: 20px; + margin-bottom: 100px; + background: #faf9f9; + border:1px dashed rgb(255, 166, 0); + + } + + .carousel-control.right, + .carousel-control.left { + background-image: none; + } + + .control-icon { + color: #393939; + text-shadow: none; + } + + .carousel-inner { + position: relative; + height: 300px; + } + + .carousel-img { + /* width: 200px; + height: 400px; */ + background-size: cover; + position: relative; + /* top: 50px; */ + transform: translateY(5%); + } + + .cat-title { + text-shadow: none; + } + + .item{ + position: relative; + } @@ -100,6 +157,8 @@ } window.onload = () => { + // createBody(); + const fragment = new URLSearchParams(window.location.hash.slice(1)); const [accessToken, tokenType, state] = [fragment.get('access_token'), fragment.get('token_type'), fragment.get('state')]; @@ -109,10 +168,23 @@ document.getElementById('guildslink').href = ''; document.getElementById('guildslink').style = 'cursor: no-drop;'; + // $(".custom-alert").slideUp(0); + document.getElementById('login').href += `&state=${encodeURIComponent(btoa(randomString))}`; return document.getElementById('login').style.display = 'block'; } else if (!accessToken && window.localStorage.getItem('serverInfo')) { - //Maybe do something? + //The user is already logged in + document.getElementById('loginbtn').style.display = 'none' + document.getElementById('logoutbtn').style.display = "block"; + } else { + document.getElementById('alertrow').style = ""; + $(".custom-alert").slideDown(500); + + window.setTimeout(function() { + $(".custom-alert").slideUp(500, function() { + $(this).remove(); + }); + }, 5000); } if (localStorage.getItem('oauth-state') !== atob(decodeURIComponent(state))) { @@ -133,7 +205,7 @@ // console.log(guilds); // document.getElementById('info').innerText += ` ${username}#${discriminator}`; - // window.location = `https://selmer-bot-website.herokuapp.com/user?id=${id}`; + // window.location = `http://:53134/user?id=${id}`; }) .catch(console.error); @@ -149,7 +221,7 @@ const owned = result.filter((inp) => { return (inp.owner); }); // window.localStorage.setItem('guilds', owned); - alert('Loading, please hold!\nps - You can close this alert :)'); + // alert('Loading, please hold!\nps - You can close this alert :)'); var xhr = new XMLHttpRequest(); xhr.open('post', 'https://selmer-bot-website.herokuapp.com/user/', true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); @@ -159,7 +231,7 @@ xhr.onloadend = (e) => { window.localStorage.setItem('guilds', (JSON.stringify(xhr.response))); window.location = 'https://selmer-bot-website.herokuapp.com/myGuilds.html'; } xhr.send(JSON.stringify(owned)); }).then((r) => { - + }) }) .catch(console.error); @@ -170,7 +242,6 @@ //Get the redirect link function getAPIRedirect() { if (window.location.href.indexOf('localhost') != -1) { - alert(1); return 'https://discord.com/api/oauth2/authorize?client_id=926551095352901632&redirect_uri=http%3A%2F%2Flocalhost%3A53134%2F&response_type=token&scope=identify%20guilds'; } else { return "https://discord.com/api/oauth2/authorize?client_id=944046902415093760&redirect_uri=https%3A%2F%2Fselmer-bot-website.herokuapp.com%2F&response_type=token&scope=identify%20guilds" @@ -182,46 +253,292 @@ window.location.href = 'index.html'; } + + + + + + -
- - + + + + + -
-

SELMER BOT WEB DASHBOARD

- -
- - Github Repository - -
-
- Discord Invite Link Discord Invite Link +
+ +

Based off a real Professor of Logic!

+ + Selmer Icon +
+ + + +
+
+ +
+
+ + +
+ +
+
+

+ Play your favorite songs with easy-to-use controls! +

+ + Features: +
    +
  • + Easy Controls +
    • +
  • + Audio Queue +
    • +
  • + Stopping, pausing and unpausing! +
    • +
+
+
+ + +
+
+
+
+

+ Get details about your favorite Anime and Manga! +

+ + Features: +
    +
  • + Three different styles: Fancy, Summary, and Stats +
    • +
  • + Get info on the newsest releases +
    • +
+

+ I've actually mispelled anime/manga names several times and found some amazing new mangas +

+
+
+ + + +
+
+ + +
+
+
+ +
+ + +
+

+ Use the shop and even add custom items! +

+ + Features: +
    +
  • + Customizable Items +
    • +
  • + Selling and Buying among server members +
    • +
  • + Earning XP and currency through work and games! +
    • +
+
+ +
+
+ + +
+
+
+ + + +
+ + + + + +

+ Play games and win XP and Selmer Coins! +

+ + Features: +
    +
  • + Sever games +
    • +
  • + Play by yourself or others +
    • +
  • + Use the currency in the item shop! +
    • +
+ + Games: +
    +
  • + Trivia +
    • +
  • + Tic Tac Toe +
    • +
+ +
+
+ + + + + + +
    +
  • + + + Discord Invite Link +
    • +
-
- - - +