Commit 775f243a authored by SpinShare's avatar SpinShare

slight design changes

parent be2704f2
...@@ -19,6 +19,12 @@ ...@@ -19,6 +19,12 @@
<div class="page-wrapper with-navbar with-sidebar"> <div class="page-wrapper with-navbar with-sidebar">
<nav class="navbar"> <nav class="navbar">
<div class="navbar-content">
<button class="btn btn-action" type="button" onclick="halfmoon.toggleSidebar()">
<i class="mdi mdi-menu" aria-hidden="true"></i>
<span class="sr-only">Toggle sidebar</span>
</button>
</div>
<a href="#" class="navbar-brand"> <a href="#" class="navbar-brand">
<img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" /> <img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" />
<img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" /> <img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" />
......
...@@ -19,6 +19,12 @@ ...@@ -19,6 +19,12 @@
<div class="page-wrapper with-navbar with-sidebar"> <div class="page-wrapper with-navbar with-sidebar">
<nav class="navbar"> <nav class="navbar">
<div class="navbar-content">
<button class="btn btn-action" type="button" onclick="halfmoon.toggleSidebar()">
<i class="mdi mdi-menu" aria-hidden="true"></i>
<span class="sr-only">Toggle sidebar</span>
</button>
</div>
<a href="#" class="navbar-brand"> <a href="#" class="navbar-brand">
<img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" /> <img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" />
<img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" /> <img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" />
...@@ -107,18 +113,17 @@ ...@@ -107,18 +113,17 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-lg-7"> <div class="col-lg-7">
<div class="content"> <div class="content" id="introduction">
<h1 class="content-title"> <h1 class="content-title">
Connect Introduction
</h1> </h1>
<div class="card" id="introduction">
<h2 class="card-title">Introduction</h2>
<p>This document outlines how to connect a SpinShare userprofile with your application and how you can use this connection to perform user actions such as creating reviews or adding charts to playlists.</p> <p>This document outlines how to connect a SpinShare userprofile with your application and how you can use this connection to perform user actions such as creating reviews or adding charts to playlists.</p>
</div> </div>
<div class="content" id="terminology">
<div class="card" id="terminology"> <h1 class="content-title">
<h2 class="card-title">Terminology</h2> Terminology
</h1>
<table class="table table-bordered"> <table class="table table-bordered">
<tr> <tr>
...@@ -144,8 +149,10 @@ ...@@ -144,8 +149,10 @@
</table> </table>
</div> </div>
<div class="card" id="creating-a-connection"> <div class="content" id="creating-a-connection">
<h2 class="card-title">Creating a Connection</h2> <h1 class="content-title">
Creating a Connection
</h1>
<div class="alert alert-secondary" role="alert"> <div class="alert alert-secondary" role="alert">
<h4 class="alert-heading">Attention</h4> <h4 class="alert-heading">Attention</h4>
...@@ -159,6 +166,7 @@ ...@@ -159,6 +166,7 @@
<p>Save the ConnectToken locally and use it for protected API endpoints. If you need to verify if your ConnectToken is still valid, you can use the <a href="#validating-a-token">Validating a Token</a> API endpoint.</p> <p>Save the ConnectToken locally and use it for protected API endpoints. If you need to verify if your ConnectToken is still valid, you can use the <a href="#validating-a-token">Validating a Token</a> API endpoint.</p>
</div> </div>
<div class="content">
<div class="card" id="getting-a-token"> <div class="card" id="getting-a-token">
<h2 class="card-title">Getting a Token</h2> <h2 class="card-title">Getting a Token</h2>
<p>Returns a ConnectToken.</p> <p>Returns a ConnectToken.</p>
......
...@@ -19,6 +19,12 @@ ...@@ -19,6 +19,12 @@
<div class="page-wrapper with-navbar with-sidebar"> <div class="page-wrapper with-navbar with-sidebar">
<nav class="navbar"> <nav class="navbar">
<div class="navbar-content">
<button class="btn btn-action" type="button" onclick="halfmoon.toggleSidebar()">
<i class="mdi mdi-menu" aria-hidden="true"></i>
<span class="sr-only">Toggle sidebar</span>
</button>
</div>
<a href="#" class="navbar-brand"> <a href="#" class="navbar-brand">
<img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" /> <img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" />
<img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" /> <img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" />
......
...@@ -19,6 +19,12 @@ ...@@ -19,6 +19,12 @@
<div class="page-wrapper with-navbar with-sidebar"> <div class="page-wrapper with-navbar with-sidebar">
<nav class="navbar"> <nav class="navbar">
<div class="navbar-content">
<button class="btn btn-action" type="button" onclick="halfmoon.toggleSidebar()">
<i class="mdi mdi-menu" aria-hidden="true"></i>
<span class="sr-only">Toggle sidebar</span>
</button>
</div>
<a href="#" class="navbar-brand"> <a href="#" class="navbar-brand">
<img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" /> <img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" />
<img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" /> <img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" />
...@@ -114,6 +120,13 @@ ...@@ -114,6 +120,13 @@
<p>Welcome to the SpinShare API Documentation! These pages focus on all the data you can access from SpinSha.re to make cool stuff. Whether you're working on a Twitch bot, a mod for the game or anything else helping, we want you to be able to use our platform to make your projects even better!<br /><br />So what are we waiting for? Let's create something awesome together!</p> <p>Welcome to the SpinShare API Documentation! These pages focus on all the data you can access from SpinSha.re to make cool stuff. Whether you're working on a Twitch bot, a mod for the game or anything else helping, we want you to be able to use our platform to make your projects even better!<br /><br />So what are we waiting for? Let's create something awesome together!</p>
</div> </div>
<div class="content">
<h1 class="content-title">
Support
</h1>
<p>If you need any help implementing the SpinShare API, feel free to ask us anything in the <code class="code">#development</code> channel on our <a href="https://spinsha.re/discord" target="_blank">Discord Server</a>.</p>
</div>
<div class="content"> <div class="content">
<h1 class="content-title"> <h1 class="content-title">
Changelog Changelog
......
...@@ -19,6 +19,12 @@ ...@@ -19,6 +19,12 @@
<div class="page-wrapper with-navbar with-sidebar"> <div class="page-wrapper with-navbar with-sidebar">
<nav class="navbar"> <nav class="navbar">
<div class="navbar-content">
<button class="btn btn-action" type="button" onclick="halfmoon.toggleSidebar()">
<i class="mdi mdi-menu" aria-hidden="true"></i>
<span class="sr-only">Toggle sidebar</span>
</button>
</div>
<a href="#" class="navbar-brand"> <a href="#" class="navbar-brand">
<img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" /> <img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" />
<img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" /> <img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" />
......
...@@ -19,6 +19,12 @@ ...@@ -19,6 +19,12 @@
<div class="page-wrapper with-navbar with-sidebar"> <div class="page-wrapper with-navbar with-sidebar">
<nav class="navbar"> <nav class="navbar">
<div class="navbar-content">
<button class="btn btn-action" type="button" onclick="halfmoon.toggleSidebar()">
<i class="mdi mdi-menu" aria-hidden="true"></i>
<span class="sr-only">Toggle sidebar</span>
</button>
</div>
<a href="#" class="navbar-brand"> <a href="#" class="navbar-brand">
<img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" /> <img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" />
<img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" /> <img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" />
......
...@@ -19,6 +19,12 @@ ...@@ -19,6 +19,12 @@
<div class="page-wrapper with-navbar with-sidebar"> <div class="page-wrapper with-navbar with-sidebar">
<nav class="navbar"> <nav class="navbar">
<div class="navbar-content">
<button class="btn btn-action" type="button" onclick="halfmoon.toggleSidebar()">
<i class="mdi mdi-menu" aria-hidden="true"></i>
<span class="sr-only">Toggle sidebar</span>
</button>
</div>
<a href="#" class="navbar-brand"> <a href="#" class="navbar-brand">
<img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" /> <img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" />
<img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" /> <img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" />
......
...@@ -19,6 +19,12 @@ ...@@ -19,6 +19,12 @@
<div class="page-wrapper with-navbar with-sidebar"> <div class="page-wrapper with-navbar with-sidebar">
<nav class="navbar"> <nav class="navbar">
<div class="navbar-content">
<button class="btn btn-action" type="button" onclick="halfmoon.toggleSidebar()">
<i class="mdi mdi-menu" aria-hidden="true"></i>
<span class="sr-only">Toggle sidebar</span>
</button>
</div>
<a href="#" class="navbar-brand"> <a href="#" class="navbar-brand">
<img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" /> <img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" />
<img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" /> <img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" />
......
...@@ -19,6 +19,12 @@ ...@@ -19,6 +19,12 @@
<div class="page-wrapper with-navbar with-sidebar"> <div class="page-wrapper with-navbar with-sidebar">
<nav class="navbar"> <nav class="navbar">
<div class="navbar-content">
<button class="btn btn-action" type="button" onclick="halfmoon.toggleSidebar()">
<i class="mdi mdi-menu" aria-hidden="true"></i>
<span class="sr-only">Toggle sidebar</span>
</button>
</div>
<a href="#" class="navbar-brand"> <a href="#" class="navbar-brand">
<img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" /> <img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" />
<img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" /> <img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" />
......
...@@ -19,6 +19,12 @@ ...@@ -19,6 +19,12 @@
<div class="page-wrapper with-navbar with-sidebar"> <div class="page-wrapper with-navbar with-sidebar">
<nav class="navbar"> <nav class="navbar">
<div class="navbar-content">
<button class="btn btn-action" type="button" onclick="halfmoon.toggleSidebar()">
<i class="mdi mdi-menu" aria-hidden="true"></i>
<span class="sr-only">Toggle sidebar</span>
</button>
</div>
<a href="#" class="navbar-brand"> <a href="#" class="navbar-brand">
<img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" /> <img class="hidden-lm" src="https://spinsha.re/assets/img/logo_colored_ondark.svg" />
<img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" /> <img class="hidden-dm" src="https://spinsha.re/assets/img/logo_colored_onwhite.svg" />
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment