mirror of
https://github.com/musix-org/musix-org.github.io
synced 2024-11-12 15:20:19 +00:00
full thing
This commit is contained in:
Matte
parent
b2e288f1a2
commit
db120a151f
152
index.html
152
index.html
@ -1,45 +1,109 @@
|
||||
<h1>Privacy Policy</h1>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="stylesheet" href="./public/main.css" />
|
||||
<title>Musix - Home</title>
|
||||
</head>
|
||||
|
||||
<table class="table table-striped">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<th scope="row"></th>
|
||||
Your privacy is imporatant to us. By
|
||||
using our products,
|
||||
you agree
|
||||
to this policy and to our <a href="/terms">Terms of Service</a>. Our products include all of our
|
||||
official bots
|
||||
(Musix, Musix-Beta, Musix 2 and Musix-Dev<br><br>
|
||||
For any questions please contact support on our <a href="/discord">discord support server</a> or
|
||||
by email to
|
||||
musixdiscordbot(a)gmail.com.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">1. Data collection</th>
|
||||
<td>
|
||||
We only collect data on your guild. We <u>do not</u> collect any usage or user data individually.
|
||||
By using our products you agree for us to save the following data from your discord guild:<br>
|
||||
- The ID of your guild<br>
|
||||
- IDs of some channels<br>
|
||||
- IDs of some roles<br>
|
||||
- and the current state for different settings in musix.<br>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2. Location of your data</th>
|
||||
<td>
|
||||
We have servers in the US and Europe (Germany and Finland)<br>
|
||||
By using our products you agree for the aforementioned data to be stored in these locations
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3. Third parties</th>
|
||||
<td>
|
||||
This Privacy Policy only applies to our prodcuts. You may find links to 3rd party sites within our prodcuts. The data these sites collect is out of our control and thus we have no authority over the data they may collect.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
Effective as of April 1, 2022 and updated on 20th of July 2022
|
||||
<body>
|
||||
<header>
|
||||
<link rel="stylesheet" href="./public/nav.css" />
|
||||
<nav id="nav">
|
||||
<div id="navLogo">
|
||||
<a
|
||||
href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands"
|
||||
target="_blank"
|
||||
></a>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbtn">Menu</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="./releases">Releases</a>
|
||||
<a href="./">Home</a>
|
||||
<a href="./terms">Terms</a>
|
||||
<a href="./privacy-policy">Privacy Policy</a>
|
||||
<a href="https://discord.gg/rvHuJt" target="_blank">Discord</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<script src="./public/main.js"></script>
|
||||
<h1>Home</h1>
|
||||
</header>
|
||||
<div id="phrase">
|
||||
<div id="logo"></div>
|
||||
Musix has all the features you would expect from a Discord music bot.<br />
|
||||
But whats even better is that you can get it all for absolutely free!<br />
|
||||
<button id="invite">
|
||||
<a
|
||||
href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands"
|
||||
>Add to Discord</a
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
<div id="wrapper">
|
||||
<div id="space"></div>
|
||||
<div id="items">
|
||||
<div class="item">
|
||||
<img src="./public/img/images/uptodate.png" />
|
||||
<br />Always being updated and worked on to deliver the best music
|
||||
experience possible.
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="./public/img/images/easytouse.png" />
|
||||
<br />
|
||||
Easy to use. No setup needed. Play music using a single command.
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="./public/img/images/servers.png" /><br />We assure that
|
||||
there is always enough capacity for all servers to have the best
|
||||
quality possible.
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="./public/img/images/sound.png" /><br />We have a different
|
||||
audio modifiers that you can use free of charge.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<link rel="stylesheet" href="./public/footer.css" />
|
||||
<footer>
|
||||
<div class="footerItem">
|
||||
<div class="footerDiscordLogo">
|
||||
<a
|
||||
href="https:/https://discord.gg/rvHuJt.gg/rvHuJtB"
|
||||
target="_blank"
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footerItem">
|
||||
<br /><br />Matte<br />Project Lead<br />Discord: mvzg
|
||||
<div class="footerGithubLogo">
|
||||
<a href="https://github.com/MatteZ02" target="_blank"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footerItem">
|
||||
<br /><br />Cwchristerw<br />Developer<br />Discord: cwchristerw
|
||||
<div class="footerGithubLogo">
|
||||
<a href="https://github.com/cwchristerw" target="_blank"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footerItem">
|
||||
<button id="footerInvite">
|
||||
<a
|
||||
href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands"
|
||||
target="_blank"
|
||||
>Add to Discord</a
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="underFooter">
|
||||
© Musix 2024 - Designed and developed by Matte
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
114
privacy-policy.html
Normal file
114
privacy-policy.html
Normal file
@ -0,0 +1,114 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap"
|
||||
rel="stylesheet" />
|
||||
<link rel="stylesheet" href="./public/faq.css" />
|
||||
<title>Musix - Privacy Policy</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<link rel="stylesheet" href="./public/nav.css" />
|
||||
<nav id="nav">
|
||||
<div id="navLogo">
|
||||
<a href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands" target="_blank"></a>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbtn">Menu</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="./releases">Releases</a>
|
||||
<a href="./">Home</a>
|
||||
<a href="./terms">Terms</a>
|
||||
<a href="./privacy-policy">Privacy Policy</a>
|
||||
<a href="https://discord.gg/rvHuJt" target="_blank">Discord</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<script src="./public/main.js"></script>
|
||||
<h1>Privacy Policy</h1>
|
||||
</header>
|
||||
<div class="wrapper">
|
||||
Musix privacy policy<br />For any questions please contact support on our
|
||||
<a href="https://discord.gg/rvHuJt">support server</a>
|
||||
</div>
|
||||
<div class="faq">
|
||||
<table class="table table-striped">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<th scope="row"></th>
|
||||
Your privacy is imporatant to us by
|
||||
using our products,
|
||||
you agree
|
||||
to this policy and to our <a href="./terms">Terms of Service</a>. Our products include all of our
|
||||
official bots
|
||||
(Musix, Musix-Beta, Musix 2 and Musix-Dev<br><br>
|
||||
For any questions please contact support on our <a href="https://discord.gg/rvHuJt">discord support server</a> or
|
||||
by email to
|
||||
musixdiscordbot(a)gmail.com.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">1. Data collection</th>
|
||||
<td>
|
||||
We only collect data on your guild. We <u>do not</u> collect any usage or user data individually.
|
||||
By using our products you agree for us to save the following data from your discord guild:<br>
|
||||
- The ID of your guild<br>
|
||||
- IDs of blacklisted channels<br>
|
||||
- ID of a possible dj role setup<br>
|
||||
- and the current state for permissions and startPlaying options.<br>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2. Location of your data</th>
|
||||
<td>
|
||||
We have servers in the U.s and Europe (Germany and Finland)<br>
|
||||
By using our products you agree for the aforementioned data to be stored in these locations
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3. Third parties</th>
|
||||
<td>
|
||||
This Privacy Policy only applies to our prodcuts. You may find links to 3rd party sites within our prodcuts. The data these sites collect is out of our control and thus we have no authority over the data they may collect.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
Effective as of April 1, 2022 and updated on 29th of March 2022
|
||||
</div>
|
||||
<link rel="stylesheet" href="./public/footer.css">
|
||||
<footer>
|
||||
<div class="footerItem">
|
||||
<div class="footerDiscordLogo">
|
||||
<a href="https:/https://discord.gg/rvHuJt.gg/rvHuJtB" target="_blank"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footerItem">
|
||||
<br /><br />Matte<br>Project Lead<br />Discord: mvzg
|
||||
<div class="footerGithubLogo">
|
||||
<a href="https://github.com/MatteZ02" target="_blank"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footerItem">
|
||||
<br /><br />Cwchristerw<br />Developer<br>Discord: cwchristerw
|
||||
<div class="footerGithubLogo">
|
||||
<a href="https://github.com/cwchristerw" target="_blank"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footerItem">
|
||||
<button id="footerInvite">
|
||||
<a href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands" target="_blank">Add to Discord</a>
|
||||
</button>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="underFooter">
|
||||
© Musix 2024 - Designed and developed by Matte
|
||||
</div>
|
||||
</body>
|
||||
<script src="./main.js"></script>
|
||||
|
||||
</html>
|
||||
9
public/colors.json
Normal file
9
public/colors.json
Normal file
@ -0,0 +1,9 @@
|
||||
{
|
||||
"red": "#b50002",
|
||||
"blue": "#2780cd",
|
||||
"orange": "#cd7427",
|
||||
"pink": "#c400ff",
|
||||
"green": "#27cd3f",
|
||||
"grey": "#23272A",
|
||||
"light_blue": "#7289DA"
|
||||
}
|
||||
83
public/footer.css
Normal file
83
public/footer.css
Normal file
@ -0,0 +1,83 @@
|
||||
footer {
|
||||
background-color: var(--dark-grey);
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
justify-content: space-evenly;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.underFooter {
|
||||
background-color: var(--dark-grey);
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footerItem {
|
||||
width: 25%;
|
||||
height: 150px;
|
||||
margin-top: 25px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-size: x-large;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footerDiscordLogo {
|
||||
margin-top: 40px;
|
||||
width: 78.15px;
|
||||
height: 56.225px;
|
||||
background-image: url("./img/logos/discord.png");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.footerDiscordLogo a {
|
||||
float: left;
|
||||
text-align: center;
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
padding-left: 25px;
|
||||
padding-right: 55px;
|
||||
padding-bottom: 55px;
|
||||
}
|
||||
|
||||
.footerGithubLogo {
|
||||
margin-top: 10px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background-image: url("./img/logos/github.png");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.footerGithubLogo a {
|
||||
float: left;
|
||||
text-align: center;
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
#footerInvite {
|
||||
margin-top: 1.5cm;
|
||||
width: 6cm;
|
||||
height: 1cm;
|
||||
border-radius: 20px;
|
||||
background-color: var(--main-accent);
|
||||
text-align: center;
|
||||
transition: 0.3s;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#footerInvite a {
|
||||
font-size: x-large;
|
||||
color: white;
|
||||
text-shadow: 0 0 2px white;
|
||||
text-decoration: none;
|
||||
padding: 14px 16px;
|
||||
}
|
||||
155
public/guide.css
Normal file
155
public/guide.css
Normal file
@ -0,0 +1,155 @@
|
||||
@import "./master.css";
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-size: 2vw;
|
||||
text-shadow: 0 0 5px white;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
font-size: 1.5vw;
|
||||
text-shadow: 0 0 5px white;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
float: right;
|
||||
margin-right: 2rem;
|
||||
margin-left: 1rem;
|
||||
box-shadow: 0 0 30px -5px black;
|
||||
}
|
||||
|
||||
#large {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
#larger {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#normal {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
#smaller {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
#small {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
#smallest {
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
#tiny {
|
||||
width: 5%;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0066ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #0066ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: #0066ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: #0066ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0066ff;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.nav {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: var(--dark-grey);
|
||||
width: auto;
|
||||
padding: 1rem;
|
||||
float: left;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
#nav-text {
|
||||
float: left;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
font-size: x-large;
|
||||
text-shadow: 0 0 2px white;
|
||||
}
|
||||
|
||||
.nav a {
|
||||
transition: 0.4s;
|
||||
float: left;
|
||||
padding: 14px 16px;
|
||||
font-size: x-large;
|
||||
text-shadow: 0 0 2px white;
|
||||
}
|
||||
|
||||
.nav a:visited {
|
||||
color: rgb(255, 255, 255);
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nav a:link {
|
||||
color: rgb(255, 255, 255);
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nav a:active {
|
||||
color: rgb(255, 255, 255);
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nav a:hover {
|
||||
transition: 0.4s;
|
||||
color: rgb(255, 255, 255);
|
||||
background-color: transparent;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
background-color: var(--dark-grey);
|
||||
width: 75%;
|
||||
height: auto;
|
||||
margin-left: 23.5%;
|
||||
margin-bottom: 2rem;
|
||||
border-radius: 5rem;
|
||||
box-shadow: 0 0 30px -5px black;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-left: 2rem;
|
||||
}
|
||||
|
||||
#getting-started {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#queue-management {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#customizability {
|
||||
text-align: left;
|
||||
}
|
||||
BIN
public/img/backgrouds/background.png
Normal file
BIN
public/img/backgrouds/background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 421 KiB |
BIN
public/img/backgrouds/mobile_background.png
Normal file
BIN
public/img/backgrouds/mobile_background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 KiB |
BIN
public/img/backgrouds/wave.png
Normal file
BIN
public/img/backgrouds/wave.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
public/img/guide/help.PNG
Normal file
BIN
public/img/guide/help.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
public/img/guide/invite.PNG
Normal file
BIN
public/img/guide/invite.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
BIN
public/img/guide/move.PNG
Normal file
BIN
public/img/guide/move.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
public/img/guide/play.PNG
Normal file
BIN
public/img/guide/play.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/img/guide/skip.PNG
Normal file
BIN
public/img/guide/skip.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/img/guide/spotify.PNG
Normal file
BIN
public/img/guide/spotify.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
BIN
public/img/guide/spotifyPlaylist.PNG
Normal file
BIN
public/img/guide/spotifyPlaylist.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
BIN
public/img/guide/spotifySong.PNG
Normal file
BIN
public/img/guide/spotifySong.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
public/img/guide/voiceChannel.PNG
Normal file
BIN
public/img/guide/voiceChannel.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/img/images/easytouse.png
Normal file
BIN
public/img/images/easytouse.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
BIN
public/img/images/servers.png
Normal file
BIN
public/img/images/servers.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
public/img/images/sound.png
Normal file
BIN
public/img/images/sound.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
public/img/images/test.png
Normal file
BIN
public/img/images/test.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
public/img/images/uptodate.png
Normal file
BIN
public/img/images/uptodate.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
BIN
public/img/logos/Musix_logo_round_small.png
Normal file
BIN
public/img/logos/Musix_logo_round_small.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/img/logos/discord.png
Normal file
BIN
public/img/logos/discord.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
public/img/logos/github.png
Normal file
BIN
public/img/logos/github.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/img/logos/musix_2_round.png
Normal file
BIN
public/img/logos/musix_2_round.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
BIN
public/img/logos/musix_beta_round.png
Normal file
BIN
public/img/logos/musix_beta_round.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
BIN
public/img/logos/musix_dev.png
Normal file
BIN
public/img/logos/musix_dev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
BIN
public/img/logos/musix_round.png
Normal file
BIN
public/img/logos/musix_round.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 273 KiB |
BIN
public/img/logos/musix_support_round.png
Normal file
BIN
public/img/logos/musix_support_round.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
95
public/main.css
Normal file
95
public/main.css
Normal file
@ -0,0 +1,95 @@
|
||||
@import "./master.css";
|
||||
|
||||
#phrase {
|
||||
margin-left: 20%;
|
||||
margin-top: 3cm;
|
||||
margin-bottom: 6cm;
|
||||
height: 150px;
|
||||
width: 60%;
|
||||
font-size: xx-large;
|
||||
}
|
||||
|
||||
#logo {
|
||||
background-image: url("./img/logos/musix_round.png");
|
||||
display: block;
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#invite {
|
||||
margin-top: 1cm;
|
||||
margin-left: 5cm;
|
||||
width: 6cm;
|
||||
height: 1cm;
|
||||
border-radius: 20px;
|
||||
background-color: var(--light-blue);
|
||||
text-align: center;
|
||||
transition: 0.3s;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#invite a {
|
||||
font-size: x-large;
|
||||
color: white;
|
||||
text-shadow: 0 0 2px white;
|
||||
text-decoration: none;
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
#invite:hover {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
margin-top: 1cm;
|
||||
height: 500px;
|
||||
background-image: url("./img/backgrouds/wave.png");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
#space {
|
||||
height: 3cm;
|
||||
}
|
||||
|
||||
#items {
|
||||
margin-top: 25px;
|
||||
height: 250px;
|
||||
justify-content: space-evenly;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.item {
|
||||
height: 250px;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin: 5px 25px;
|
||||
font-size: x-large;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (max-width: 1016px) {
|
||||
#wrapper {
|
||||
height: 700px;
|
||||
}
|
||||
|
||||
#invite {
|
||||
margin-left: 1cm;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 516px) {
|
||||
#wrapper {
|
||||
height: 1200px;
|
||||
}
|
||||
|
||||
#invite {
|
||||
margin-left: 0cm;
|
||||
}
|
||||
}
|
||||
11
public/main.js
Normal file
11
public/main.js
Normal file
@ -0,0 +1,11 @@
|
||||
getColors().then((colors) => {
|
||||
if (document.URL.includes("/guide")) {
|
||||
document.documentElement.style.setProperty("--main-accent", colors.green);
|
||||
}
|
||||
});
|
||||
|
||||
async function getColors() {
|
||||
const res = await fetch("./public/colors.json");
|
||||
const final = await res.json();
|
||||
return final;
|
||||
}
|
||||
23
public/master.css
Normal file
23
public/master.css
Normal file
@ -0,0 +1,23 @@
|
||||
@import "./styling.css";
|
||||
|
||||
body {
|
||||
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
|
||||
margin: 0;
|
||||
background-image: url("./img/backgrouds/background.png");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
height: auto;
|
||||
color: white;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
text-align: center;
|
||||
font-size: 6vw;
|
||||
text-shadow: 0 0 5px white;
|
||||
}
|
||||
|
||||
.rounded-circle {
|
||||
border-radius: 50% !important;
|
||||
}
|
||||
15
public/misc.css
Normal file
15
public/misc.css
Normal file
@ -0,0 +1,15 @@
|
||||
@import "./master.css";
|
||||
|
||||
#body {
|
||||
width: 80%;
|
||||
height: 100px;
|
||||
margin-top: 10%;
|
||||
margin-left: 10%;
|
||||
margin-bottom: 50%;
|
||||
text-align: center;
|
||||
background-color: orange;
|
||||
color: red;
|
||||
font-size: xx-large;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 30px -5px orange;
|
||||
}
|
||||
137
public/nav.css
Normal file
137
public/nav.css
Normal file
@ -0,0 +1,137 @@
|
||||
@import "./styling.css";
|
||||
|
||||
#navLogo {
|
||||
margin-top: 5px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background-image: url("./img/logos/Musix_logo_round_small.png");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
float: left;
|
||||
}
|
||||
|
||||
nav {
|
||||
float: top;
|
||||
background: linear-gradient(
|
||||
135deg,
|
||||
var(--dark-grey) 50%,
|
||||
var(--main-accent) 100%
|
||||
);
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
box-shadow: 0 0 30px -5px black;
|
||||
}
|
||||
|
||||
nav a {
|
||||
transition: 0.4s;
|
||||
float: left;
|
||||
padding: 14px 16px;
|
||||
font-size: x-large;
|
||||
text-shadow: 0 0 2px white;
|
||||
}
|
||||
|
||||
nav a:visited {
|
||||
color: rgb(255, 255, 255);
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
nav a:link {
|
||||
color: rgb(255, 255, 255);
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
nav a:active {
|
||||
color: rgb(255, 255, 255);
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
nav a:hover {
|
||||
color: rgb(255, 255, 255);
|
||||
background-color: transparent;
|
||||
text-decoration: underline;
|
||||
background-color: var(--main-accent);
|
||||
}
|
||||
|
||||
#navLogo a:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.dropbtn {
|
||||
font-size: x-large;
|
||||
float: right;
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
nav {
|
||||
float: none;
|
||||
width: none;
|
||||
height: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
nav a {
|
||||
float: left;
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.dropbtn {
|
||||
text-shadow: 0 0 4px white;
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dropdown .dropbtn {
|
||||
font-size: 16px;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: white;
|
||||
padding: 14px 16px;
|
||||
background-color: inherit;
|
||||
font-family: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
nav a:hover,
|
||||
.dropdown:hover .dropbtn {
|
||||
background-color: var(---main-accent);
|
||||
}
|
||||
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-image: url("./img/backgrouds/background.png");
|
||||
min-width: 160px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.dropdown-content a {
|
||||
float: none;
|
||||
color: var(--main-grey);
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
text-align: left;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.dropdown-content a:hover {
|
||||
background-color: var(--main-accent);
|
||||
}
|
||||
|
||||
.dropdown:hover .dropdown-content {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
68
public/releases.css
Normal file
68
public/releases.css
Normal file
@ -0,0 +1,68 @@
|
||||
@import "./master.css";
|
||||
|
||||
.release {
|
||||
margin-top: 50px;
|
||||
margin-left: 10%;
|
||||
height: 200px;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.release img {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.release h1 {
|
||||
margin-top: -100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.release h1 #stable {
|
||||
color: rgb(0, 255, 0);
|
||||
}
|
||||
|
||||
.release h1 #unstable {
|
||||
color: rgb(255, 0, 0);
|
||||
}
|
||||
|
||||
.release h1 #private {
|
||||
color: rgb(0, 4, 255);
|
||||
}
|
||||
|
||||
.release h1 #offline {
|
||||
color: rgb(62, 62, 63);
|
||||
}
|
||||
|
||||
.release h1 #verified {
|
||||
color: var(--light-blue);
|
||||
}
|
||||
|
||||
.release h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.release #invite {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.release #invite button {
|
||||
width: 6cm;
|
||||
height: 1cm;
|
||||
border-radius: 20px;
|
||||
background-color: var(--light-blue);
|
||||
text-align: center;
|
||||
transition: 0.3s;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.release #invite button a {
|
||||
font-size: x-large;
|
||||
color: white;
|
||||
text-shadow: 0 0 2px white;
|
||||
text-decoration: none;
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.release #invite button:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
5
public/styling.css
Normal file
5
public/styling.css
Normal file
@ -0,0 +1,5 @@
|
||||
:root {
|
||||
--main-accent: #b50002;
|
||||
--dark-grey: #23272A;
|
||||
--light-blue: #7289DA;
|
||||
}
|
||||
43
public/table.css
Normal file
43
public/table.css
Normal file
@ -0,0 +1,43 @@
|
||||
.table {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
*,
|
||||
::after,
|
||||
::before {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.row {
|
||||
background-color: #fff;
|
||||
color: #23272A;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
tbody {
|
||||
display: table-row-group;
|
||||
vertical-align: middle;
|
||||
border-color: inherit;
|
||||
}
|
||||
|
||||
.table-striped tbody tr:nth-of-type(odd) {
|
||||
background-color: rgba(0, 0, 0, .05);
|
||||
}
|
||||
|
||||
table td,
|
||||
.table th {
|
||||
padding: .75rem;
|
||||
vertical-align: top;
|
||||
border-top: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
}
|
||||
144
releases.html
Normal file
144
releases.html
Normal file
@ -0,0 +1,144 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="stylesheet" href="./public/releases.css" />
|
||||
<title>Musix - Releases</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<link rel="stylesheet" href="./public/nav.css" />
|
||||
<nav id="nav">
|
||||
<div id="navLogo">
|
||||
<a
|
||||
href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands"
|
||||
target="_blank"
|
||||
></a>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbtn">Menu</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="./releases">Releases</a>
|
||||
<a href="./">Home</a>
|
||||
<a href="./terms">Terms</a>
|
||||
<a href="./privacy-policy">Privacy Policy</a>
|
||||
<a href="https://discord.gg/rvHuJt" target="_blank">Discord</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<script src="./public/main.js"></script>
|
||||
<h1>Releases</h1>
|
||||
</header>
|
||||
<div class="release">
|
||||
<img src="./public/img/logos/musix_round.png" />
|
||||
<h1>
|
||||
Musix#3411
|
||||
<div id="stable">Stable</div>
|
||||
<div id="verified">Verified</div>
|
||||
</h1>
|
||||
<h2>
|
||||
This is our most used and most stable main bot. <br />Best stability and
|
||||
quality is provided on this release.
|
||||
</h2>
|
||||
<div id="invite">
|
||||
<button>
|
||||
<a
|
||||
href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands"
|
||||
>Add to Discord</a
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="release">
|
||||
<img src="./public/img/logos/musix_2_round.png" />
|
||||
<h1>
|
||||
Musix 2#1795
|
||||
<div id="offline">Offline</div>
|
||||
</h1>
|
||||
<h2>
|
||||
This is our secondary bot.<br />This release is currently offline so it
|
||||
cannot be used!
|
||||
</h2>
|
||||
<div id="invite">
|
||||
<button>
|
||||
<a
|
||||
href="https://discord.com/api/oauth2/authorize?client_id=727669741618987139&permissions=3427328&scope=bot%20applications.commands"
|
||||
>Add to Discord</a
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="release">
|
||||
<img src="./public/img/logos/musix_beta_round.png" />
|
||||
<h1>
|
||||
Musix Beta#7026
|
||||
<div id="unstable">Unstable</div>
|
||||
</h1>
|
||||
<h2>
|
||||
This is our public test bot.<br />New updates that are unstable or
|
||||
untested are pushed into this release.
|
||||
</h2>
|
||||
<div id="invite">
|
||||
<button>
|
||||
<a
|
||||
href="https://discord.com/api/oauth2/authorize?client_id=649252971690983446&permissions=3427328&scope=bot%20applications.commands"
|
||||
>Add to Discord</a
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="release">
|
||||
<img src="./public/img/logos/musix_dev.png" />
|
||||
<h1>
|
||||
Musix Dev#3406
|
||||
<div id="private">Private</div>
|
||||
</h1>
|
||||
<h2>
|
||||
This is our private development bot.<br />This realease is not available
|
||||
for public!
|
||||
</h2>
|
||||
</div>
|
||||
<link rel="stylesheet" href="./public/footer.css" />
|
||||
<footer>
|
||||
<div class="footerItem">
|
||||
<div class="footerDiscordLogo">
|
||||
<a
|
||||
href="https:/https://discord.gg/rvHuJt.gg/rvHuJtB"
|
||||
target="_blank"
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footerItem">
|
||||
<br /><br />Matte<br />Project Lead<br />Discord: mvzg
|
||||
<div class="footerGithubLogo">
|
||||
<a href="https://github.com/MatteZ02" target="_blank"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footerItem">
|
||||
<br /><br />Cwchristerw<br />Developer<br />Discord: cwchristerw
|
||||
<div class="footerGithubLogo">
|
||||
<a href="https://github.com/cwchristerw" target="_blank"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footerItem">
|
||||
<button id="footerInvite">
|
||||
<a
|
||||
href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands"
|
||||
target="_blank"
|
||||
>Add to Discord</a
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="underFooter">
|
||||
© Musix 2024 - Designed and developed by Matte
|
||||
</div>
|
||||
</body>
|
||||
<script src="./main.js"></script>
|
||||
</html>
|
||||
132
terms.html
Normal file
132
terms.html
Normal file
@ -0,0 +1,132 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap"
|
||||
rel="stylesheet" />
|
||||
<link rel="stylesheet" href="./public/faq.css" />
|
||||
<title>Musix - Terms of service</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<link rel="stylesheet" href="./public/nav.css" />
|
||||
<nav id="nav">
|
||||
<div id="navLogo">
|
||||
<a href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands" target="_blank"></a>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbtn">Menu</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="./releases">Releases</a>
|
||||
<a href="./">Home</a>
|
||||
<a href="./terms">Terms</a>
|
||||
<a href="./privacy-policy">Privacy Policy</a>
|
||||
<a href="https://discord.gg/rvHuJt" target="_blank">Discord</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<script src="./public/main.js"></script>
|
||||
<h1>Terms of Service</h1>
|
||||
</header>
|
||||
<div class="wrapper">
|
||||
Musix terms of service<br />For any questions please contact support on our
|
||||
<a href="https://discord.gg/rvHuJt">support server</a>
|
||||
</div>
|
||||
<div class="faq">
|
||||
<table class="table table-striped">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<th scope="row"></th>
|
||||
These Terms of Service govern your use of the Musix discord bot and related services (for example this website). By
|
||||
using our products,
|
||||
you agree
|
||||
to these terms and by our <a href="./privacy-policy">Privacy Policy</a>. Our products include all of our official bots
|
||||
(Musix, Musix-Beta, Musix 2 and Musix-Dev<br><br>
|
||||
For any questions please contact support on our <a href="https://discord.gg/rvHuJt">discord support server</a> or
|
||||
by email to
|
||||
musixdiscordbot(a)gmail.com.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">1. Using the bot</th>
|
||||
<td>
|
||||
a. Who can use Musix<br>
|
||||
You may use the Musix discord bot only if you are at least 13 years old and only in compliance with these terms and all applicable laws.<br>
|
||||
b. Our license to you<br>
|
||||
Subject to these Terms and our policies, we grant you a limited, non-exclusive, non-transferable, revocable license to use our products.<br>
|
||||
c. Commercial use of our products<br>
|
||||
Unless otherwise expressly authorized herein by us, you may not use our products for any commercial purpose.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2. Your data</th>
|
||||
<td>
|
||||
a. What data do we save?<br>
|
||||
We save data for the settings and nothing else.<br>
|
||||
By using our products you agree for us to save the following data from your discord guild:<br>
|
||||
- The ID of your guild<br>
|
||||
- IDs of blacklisted channels<br>
|
||||
- ID of a possible dj role setup<br>
|
||||
- and the current state for permissions and startPlaying options.<br>
|
||||
b. How do we use it?<br>
|
||||
Your data is used by the bot internally to operate the way you want it to.<br>
|
||||
c. How long do we keep it?<br>
|
||||
Your data is saved for as long as the bot stays on your guild. There cam be exceptions to this however you can contact us if you wish to make sure your data has been deleted.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3. Disclaimers</th>
|
||||
<td>
|
||||
a. Disclaimer of warranty<br>
|
||||
We do not guarantee that our products will meet your requirements, we make no guarantees that our products will be secure, or that our products will be
|
||||
free of errors.<br>
|
||||
b. Limitation of liability<br>
|
||||
We will not be liable for any damages, including without limitation, indirect or consequential damages or any damages resulting from loss of use, data, or profits,
|
||||
whether in an action of contract, negligence or other tortuous action, arising out of or in connection with the use of our products, or any other website,
|
||||
software, or content.<br>
|
||||
c. Indemnification<br>
|
||||
You agree to indemnify, defend and hold harmless us and our affiliates, and each of our and our affiliates' directors, officers, employees, agents, licensors, suppliers,
|
||||
and affiliates from and against any and all claims, damages, obligations, losses, liabilities, costs or debt, and expenses (including but not limited to attorney's fees)
|
||||
related to your use of our products, including any errors or omissions in any content, or any loss or damage of any kind incurred as a result of the use of our products.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
Effective as of April 1, 2022 and updated on 29th of March 2022
|
||||
</div>
|
||||
<link rel="stylesheet" href="./public/footer.css">
|
||||
<footer>
|
||||
<div class="footerItem">
|
||||
<div class="footerDiscordLogo">
|
||||
<a href="https:/https://discord.gg/rvHuJt.gg/rvHuJtB" target="_blank"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footerItem">
|
||||
<br /><br />Matte<br>Project Lead<br />Discord: mvzg
|
||||
<div class="footerGithubLogo">
|
||||
<a href="https://github.com/MatteZ02" target="_blank"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footerItem">
|
||||
<br /><br />Cwchristerw<br />Developer<br>Discord: cwchristerw
|
||||
<div class="footerGithubLogo">
|
||||
<a href="https://github.com/cwchristerw" target="_blank"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footerItem">
|
||||
<button id="footerInvite">
|
||||
<a href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands" target="_blank">Add to Discord</a>
|
||||
</button>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="underFooter">
|
||||
© Musix 2024 - Designed and developed by Matte
|
||||
</div>
|
||||
</body>
|
||||
<script src="./main.js"></script>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user