Update the website's code

- Rewrote the description
- Updated branding, including name, logo, etc
- Use new screenshot and device mockup
- Use new background image

docs/assets/css/main.css

@@ -2562,8 +2562,8 @@ input[type="submit"]:hover,
 input[type="reset"]:hover,
 input[type="button"]:hover,
 .button:hover {
-  border-color: #49bf9d;
-  color: #49bf9d !important;
+  border-color: #0E96FB;
+  color: #0E96FB !important;
 }
 
 input[type="submit"]:active,
@@ -2692,7 +2692,7 @@ input[type="button"]:disabled,
   justify-content: space-between;
   background-color: #1f1815;
   background-attachment: scroll, scroll;
-  background-image: url("images/overlay.png"), url("../../images/bg.jpg");
+  background-image: url("images/overlay.png"), url("../../images/bg.png");
   background-position: top left, top left;
   background-repeat: repeat, no-repeat;
   background-size: auto, 150%;
@@ -3185,7 +3185,7 @@ body.is-touch .poptrox-popup .closer {
   #footer {
     background-attachment: scroll;
     background-color: #1f1815;
-    background-image: url("images/overlay.png"), url("../../images/bg.jpg");
+    background-image: url("images/overlay.png"), url("../../images/bg.png");
     background-position: top left, bottom center;
     background-repeat: repeat, no-repeat;
     background-size: auto, cover;
@@ -3325,6 +3325,5 @@ body.is-touch .poptrox-popup .closer {
 
 img.floatright {
   float: right;
-
   margin: 5px;
 }

docs/index.html

@@ -22,8 +22,8 @@
           ><img src="images/logo.png" alt=""
         /></a>
         <h1>
-          <strong>MS-Office-Electron</strong><br />
-          Free Office Online Desktop Client
+          <strong>MS-365-Electron</strong><br />
+          Microsoft 365 Web Desktop Wrapper
         </h1>
       </div>
     </header>
@@ -34,23 +34,21 @@
       <section id="one">
         <header class="major">
           <h2>
-            An Unofficial Microsoft Office Online Desktop Client made with
-            Electron. Free of Cost.
+            Unofficial Microsoft 365 Web Desktop Wrapper made with Electron
           </h2>
         </header>
         <p>
           <img
-            src="images/Mac_Screenshot.png"
+            src="images/mac.png"
             alt=""
             width="500"
             height="auto"
             class="floatright"
           />
-          MS-Office-Electron is an app in which the Web Version of MS Office
-          is wrapped into a Cross-Platform App with Electron. And all the
-          Services of Microsoft Office will work for free. It is available for
-          Windows, Mac OS, and Linux! If you like the project, do not forget to
-          give a "<i class="far fa-star"></i>
+          MS-365-Electron is a dsktop wrapper for the web version of Microsoft
+          365, which is free but with some basic limits. It is made with
+          Electron and is available for Windows, Mac OS, and Linux! If you like
+          the project, do not forget to give a "<i class="far fa-star"></i>
           Star" to the project :D
         </p>
         <h2>Download Now:</h2>