diff --git a/index.html b/index.html index 4b03670..a8967a8 100644 --- a/index.html +++ b/index.html @@ -1,45 +1,109 @@ -

Privacy Policy

+ + + + + + + Musix - Home + - - - - - Your privacy is imporatant to us. By - using our products, - you agree - to this policy and to our Terms of Service. Our products include all of our - official bots - (Musix, Musix-Beta, Musix 2 and Musix-Dev

- For any questions please contact support on our discord support server or - by email to - musixdiscordbot(a)gmail.com. - - - - - - - - - - - - - - - -
-
1. Data collection - We only collect data on your guild. We do not collect any usage or user data individually. - By using our products you agree for us to save the following data from your discord guild:
- - The ID of your guild
- - IDs of some channels
- - IDs of some roles
- - and the current state for different settings in musix.
-
2. Location of your data - We have servers in the US and Europe (Germany and Finland)
- By using our products you agree for the aforementioned data to be stored in these locations -
3. Third parties - 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. -
-Effective as of April 1, 2022 and updated on 20th of July 2022 \ No newline at end of file + +
+ + + + +

Home

+
+
+ + Musix has all the features you would expect from a Discord music bot.
+ But whats even better is that you can get it all for absolutely free!
+ +
+
+
+
+
+ +
Always being updated and worked on to deliver the best music + experience possible. +
+
+ +
+ Easy to use. No setup needed. Play music using a single command. +
+
+
We assure that + there is always enough capacity for all servers to have the best + quality possible. +
+
+
We have a different + audio modifiers that you can use free of charge. +
+
+
+ + +
+ © Musix 2024 - Designed and developed by Matte +
+ + diff --git a/privacy-policy.html b/privacy-policy.html new file mode 100644 index 0000000..86c6c82 --- /dev/null +++ b/privacy-policy.html @@ -0,0 +1,114 @@ + + + + + + + + Musix - Privacy Policy + + + +
+ + + + +

Privacy Policy

+
+
+ Musix privacy policy
For any questions please contact support on our + support server +
+
+ + + + + Your privacy is imporatant to us by + using our products, + you agree + to this policy and to our Terms of Service. Our products include all of our + official bots + (Musix, Musix-Beta, Musix 2 and Musix-Dev

+ For any questions please contact support on our discord support server or + by email to + musixdiscordbot(a)gmail.com. + + + + + + + + + + + + + + + +
+
1. Data collection + We only collect data on your guild. We do not collect any usage or user data individually. + By using our products you agree for us to save the following data from your discord guild:
+ - The ID of your guild
+ - IDs of blacklisted channels
+ - ID of a possible dj role setup
+ - and the current state for permissions and startPlaying options.
+
2. Location of your data + We have servers in the U.s and Europe (Germany and Finland)
+ By using our products you agree for the aforementioned data to be stored in these locations +
3. Third parties + 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. +
+ Effective as of April 1, 2022 and updated on 29th of March 2022 +
+ + +
+ © Musix 2024 - Designed and developed by Matte +
+ + + + \ No newline at end of file diff --git a/public/colors.json b/public/colors.json new file mode 100644 index 0000000..2f0827a --- /dev/null +++ b/public/colors.json @@ -0,0 +1,9 @@ +{ + "red": "#b50002", + "blue": "#2780cd", + "orange": "#cd7427", + "pink": "#c400ff", + "green": "#27cd3f", + "grey": "#23272A", + "light_blue": "#7289DA" +} \ No newline at end of file diff --git a/public/footer.css b/public/footer.css new file mode 100644 index 0000000..3070f4e --- /dev/null +++ b/public/footer.css @@ -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; +} diff --git a/public/guide.css b/public/guide.css new file mode 100644 index 0000000..3a2e45c --- /dev/null +++ b/public/guide.css @@ -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; +} diff --git a/public/img/backgrouds/background.png b/public/img/backgrouds/background.png new file mode 100644 index 0000000..a98a12a Binary files /dev/null and b/public/img/backgrouds/background.png differ diff --git a/public/img/backgrouds/mobile_background.png b/public/img/backgrouds/mobile_background.png new file mode 100644 index 0000000..2711b74 Binary files /dev/null and b/public/img/backgrouds/mobile_background.png differ diff --git a/public/img/backgrouds/wave.png b/public/img/backgrouds/wave.png new file mode 100644 index 0000000..aa76e37 Binary files /dev/null and b/public/img/backgrouds/wave.png differ diff --git a/public/img/guide/help.PNG b/public/img/guide/help.PNG new file mode 100644 index 0000000..6587878 Binary files /dev/null and b/public/img/guide/help.PNG differ diff --git a/public/img/guide/invite.PNG b/public/img/guide/invite.PNG new file mode 100644 index 0000000..7420c43 Binary files /dev/null and b/public/img/guide/invite.PNG differ diff --git a/public/img/guide/move.PNG b/public/img/guide/move.PNG new file mode 100644 index 0000000..9a15033 Binary files /dev/null and b/public/img/guide/move.PNG differ diff --git a/public/img/guide/play.PNG b/public/img/guide/play.PNG new file mode 100644 index 0000000..46321ce Binary files /dev/null and b/public/img/guide/play.PNG differ diff --git a/public/img/guide/skip.PNG b/public/img/guide/skip.PNG new file mode 100644 index 0000000..8f78ae6 Binary files /dev/null and b/public/img/guide/skip.PNG differ diff --git a/public/img/guide/spotify.PNG b/public/img/guide/spotify.PNG new file mode 100644 index 0000000..f94e29d Binary files /dev/null and b/public/img/guide/spotify.PNG differ diff --git a/public/img/guide/spotifyPlaylist.PNG b/public/img/guide/spotifyPlaylist.PNG new file mode 100644 index 0000000..5688604 Binary files /dev/null and b/public/img/guide/spotifyPlaylist.PNG differ diff --git a/public/img/guide/spotifySong.PNG b/public/img/guide/spotifySong.PNG new file mode 100644 index 0000000..dfb00c2 Binary files /dev/null and b/public/img/guide/spotifySong.PNG differ diff --git a/public/img/guide/voiceChannel.PNG b/public/img/guide/voiceChannel.PNG new file mode 100644 index 0000000..041d154 Binary files /dev/null and b/public/img/guide/voiceChannel.PNG differ diff --git a/public/img/images/easytouse.png b/public/img/images/easytouse.png new file mode 100644 index 0000000..4f57ed6 Binary files /dev/null and b/public/img/images/easytouse.png differ diff --git a/public/img/images/servers.png b/public/img/images/servers.png new file mode 100644 index 0000000..79cfaad Binary files /dev/null and b/public/img/images/servers.png differ diff --git a/public/img/images/sound.png b/public/img/images/sound.png new file mode 100644 index 0000000..e719767 Binary files /dev/null and b/public/img/images/sound.png differ diff --git a/public/img/images/test.png b/public/img/images/test.png new file mode 100644 index 0000000..c206ea8 Binary files /dev/null and b/public/img/images/test.png differ diff --git a/public/img/images/uptodate.png b/public/img/images/uptodate.png new file mode 100644 index 0000000..f859de0 Binary files /dev/null and b/public/img/images/uptodate.png differ diff --git a/public/img/logos/Musix_logo_round_small.png b/public/img/logos/Musix_logo_round_small.png new file mode 100644 index 0000000..68b7fea Binary files /dev/null and b/public/img/logos/Musix_logo_round_small.png differ diff --git a/public/img/logos/discord.png b/public/img/logos/discord.png new file mode 100644 index 0000000..838c9e3 Binary files /dev/null and b/public/img/logos/discord.png differ diff --git a/public/img/logos/github.png b/public/img/logos/github.png new file mode 100644 index 0000000..628da97 Binary files /dev/null and b/public/img/logos/github.png differ diff --git a/public/img/logos/musix_2_round.png b/public/img/logos/musix_2_round.png new file mode 100644 index 0000000..543f6a6 Binary files /dev/null and b/public/img/logos/musix_2_round.png differ diff --git a/public/img/logos/musix_beta_round.png b/public/img/logos/musix_beta_round.png new file mode 100644 index 0000000..bbd625d Binary files /dev/null and b/public/img/logos/musix_beta_round.png differ diff --git a/public/img/logos/musix_dev.png b/public/img/logos/musix_dev.png new file mode 100644 index 0000000..0a69233 Binary files /dev/null and b/public/img/logos/musix_dev.png differ diff --git a/public/img/logos/musix_round.png b/public/img/logos/musix_round.png new file mode 100644 index 0000000..8ac0a1f Binary files /dev/null and b/public/img/logos/musix_round.png differ diff --git a/public/img/logos/musix_support_round.png b/public/img/logos/musix_support_round.png new file mode 100644 index 0000000..51f8b54 Binary files /dev/null and b/public/img/logos/musix_support_round.png differ diff --git a/public/main.css b/public/main.css new file mode 100644 index 0000000..bae71c1 --- /dev/null +++ b/public/main.css @@ -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; + } +} diff --git a/public/main.js b/public/main.js new file mode 100644 index 0000000..a13d192 --- /dev/null +++ b/public/main.js @@ -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; +} diff --git a/public/master.css b/public/master.css new file mode 100644 index 0000000..fb50526 --- /dev/null +++ b/public/master.css @@ -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; +} \ No newline at end of file diff --git a/public/misc.css b/public/misc.css new file mode 100644 index 0000000..1418139 --- /dev/null +++ b/public/misc.css @@ -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; +} \ No newline at end of file diff --git a/public/nav.css b/public/nav.css new file mode 100644 index 0000000..98e1067 --- /dev/null +++ b/public/nav.css @@ -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; + } +} diff --git a/public/releases.css b/public/releases.css new file mode 100644 index 0000000..0bca953 --- /dev/null +++ b/public/releases.css @@ -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); +} \ No newline at end of file diff --git a/public/styling.css b/public/styling.css new file mode 100644 index 0000000..4713ed3 --- /dev/null +++ b/public/styling.css @@ -0,0 +1,5 @@ +:root { + --main-accent: #b50002; + --dark-grey: #23272A; + --light-blue: #7289DA; + } \ No newline at end of file diff --git a/public/table.css b/public/table.css new file mode 100644 index 0000000..c09ce50 --- /dev/null +++ b/public/table.css @@ -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; +} \ No newline at end of file diff --git a/releases.html b/releases.html new file mode 100644 index 0000000..ac5f9d0 --- /dev/null +++ b/releases.html @@ -0,0 +1,144 @@ + + + + + + + Musix - Releases + + + +
+ + + + +

Releases

+
+
+ +

+ Musix#3411 +
Stable
+
Verified
+

+

+ This is our most used and most stable main bot.
Best stability and + quality is provided on this release. +

+
+ +
+
+
+ +

+ Musix 2#1795 +
Offline
+

+

+ This is our secondary bot.
This release is currently offline so it + cannot be used! +

+
+ +
+
+
+ +

+ Musix Beta#7026 +
Unstable
+

+

+ This is our public test bot.
New updates that are unstable or + untested are pushed into this release. +

+
+ +
+
+
+ +

+ Musix Dev#3406 +
Private
+

+

+ This is our private development bot.
This realease is not available + for public! +

+
+ + +
+ © Musix 2024 - Designed and developed by Matte +
+ + + diff --git a/terms.html b/terms.html new file mode 100644 index 0000000..40298a2 --- /dev/null +++ b/terms.html @@ -0,0 +1,132 @@ + + + + + + + + Musix - Terms of service + + + +
+ + + + +

Terms of Service

+
+
+ Musix terms of service
For any questions please contact support on our + support server +
+
+ + + + + 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 Privacy Policy. Our products include all of our official bots + (Musix, Musix-Beta, Musix 2 and Musix-Dev

+ For any questions please contact support on our discord support server or + by email to + musixdiscordbot(a)gmail.com. + + + + + + + + + + + + + + + +
+
1. Using the bot + a. Who can use Musix
+ 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.
+ b. Our license to you
+ Subject to these Terms and our policies, we grant you a limited, non-exclusive, non-transferable, revocable license to use our products.
+ c. Commercial use of our products
+ Unless otherwise expressly authorized herein by us, you may not use our products for any commercial purpose. +
2. Your data + a. What data do we save?
+ We save data for the settings and nothing else.
+ By using our products you agree for us to save the following data from your discord guild:
+ - The ID of your guild
+ - IDs of blacklisted channels
+ - ID of a possible dj role setup
+ - and the current state for permissions and startPlaying options.
+ b. How do we use it?
+ Your data is used by the bot internally to operate the way you want it to.
+ c. How long do we keep it?
+ 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. +
3. Disclaimers + a. Disclaimer of warranty
+ 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.
+ b. Limitation of liability
+ 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.
+ c. Indemnification
+ 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. +
+ Effective as of April 1, 2022 and updated on 29th of March 2022 +
+ + +
+ © Musix 2024 - Designed and developed by Matte +
+ + + + \ No newline at end of file