Update index.html

Hanro50 · Jun 18, 2022 · e3cec9d · e3cec9d
1 parent 51ce11b
commit e3cec9d
Showing 1 changed file with 14 additions and 111 deletions.
diff --git a/webpage/index.html b/webpage/index.html
@@ -2,119 +2,19 @@
 <html>
 
 <head>
+ <link rel="preload" href="https://styles.hanro50.net.za/v1/light" as="style">
+ <link rel="stylesheet" href="https://styles.hanro50.net.za/v1/main,img,centre">
+ <script src="https://styles.hanro50.net.za/themer.js"></script>
  <title>MSMC</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description"
  content="A semi-barebones authentication library for Minecraft. Allowing one to add Microsoft authentication to launchers written with Nodejs, Electron or NW.js">
  <link rel="icon" type="image/jpeg" href="/favicon.jpeg">
- <style>
- :root {
- --text: #000;
- --background: #eee;
- --border: #000;
- --accent: #fff;
- }
-
- html {
- height: 100%;
- }
-
- body {
- font-family: sans-serif;
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: center;
- background-color: var(--background);
- color: var(--text);
- height: calc(100% - 16px);
- }
-
- h1,
- p {
- text-align: center;
- }
-
- .button {
- border: solid 1px var(--border);
- background-color: var(--accent);
- border-radius: 15px;
- margin-right: 5vw;
- margin-left: 5vw;
- padding: 5px;
- }
-
- div {
- text-align: center;
- transition-duration: 0.5s;
- }
-
- div:hover,
- .button:hover {
- background-color: var(--background);
- }
-
- *:focus {
- outline: none;
- }
-
- .w {
- color: red;
- background-color: var(--background);
- }
-
- body * {
- border-radius: 10px;
- width: 70%;
- min-width: 300px;
- text-align: center;
-
- }
-
- @media not screen and (max-width: 1000px) {
- body * {
- width: 689px;
- min-width: 0px;
- }
- }
-
- @media only screen and (max-width: 300px) {
- body * {
- width: 99%;
- min-width: 0px;
- }
- }
- </style>
- <style id="dark">
- :root {
- --text: #fff;
- --background: rgb(20, 20, 20);
- --border: rgb(30, 30, 30);
- --accent: rgb(40, 40, 40);
-
- }
- </style>
- <script>
- const theme = document.getElementById("dark");
-
- function switchTheme() {
- if (theme.parentElement) {
- theme.remove()
- localStorage.setItem("light", "true")
- } else {
- document.head.appendChild(theme)
- localStorage.removeItem("light")
- }
- }
- if (localStorage.getItem("light")) {
- switchTheme()
- }
- </script>
+
 </head>
 
-<body>
-
- <h1>MSMC: A library for authenticating with Microsoft.</h1>
+<body class="centre_all">
+ <h1>MSMC</h1>
  <p>MSMC is a lightweight library for authenticating with Microsoft for the sole intention of launching Minecraft.
  </p>
 
@@ -150,14 +50,17 @@ <h2>Fine controll over refreshes and Logins</h2>
  between logging onto Xbox and getting the Minecraft token needed to launch the game! By default it can even
  check if tokens even need to be refreshed!<br>
  (Assuming the launcher hasn't been closed and reopened)</p>
- <div class="button" id="themer" onclick="switchTheme()">Switch theme</div>
+ <div class="element button" id="themer" onclick="switchTheme()">Switch theme</div>
  <br>
- <div class="button" id="themer" onclick="window.open('https://github.com/Hanro50/MSMC','_blank')">View on github
+ <div class="element button" id="themer" onclick="window.open('https://github.com/Hanro50/MSMC','_blank')">View on
+ github
  </div>
  <br>
- <div class=" button" onclick="document.location.href='../'">back</div>
- <br>
- &nbsp;
+ <div class="element button" onclick="document.location.href='../'">back</div>
+
+ <footer id="license">
+ MSMC&nbsp;&lt;MIT&gt;&nbsp;Copyright&nbsp;(C)&nbsp;2022&nbsp;Hanro50
+ </footer>
 </body>
 
 </html>