From e5d753b30964d4cde8430b1b6eea17ce8b9105b0 Mon Sep 17 00:00:00 2001
From: Ayushya Amitabh <ayushyamitabh@gmail.com>
Date: Mon, 8 Mar 2021 16:45:38 -0500
Subject: [PATCH] v1.7.10/release changelog

---
 website/changes/index.html | 226 +++++++++++++++++++++++++++----------
 1 file changed, 166 insertions(+), 60 deletions(-)

diff --git a/website/changes/index.html b/website/changes/index.html
index 312109c..bd0487e 100644
--- a/website/changes/index.html
+++ b/website/changes/index.html
@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />
     <link rel="manifest" href="/manifest.json" />
-    <link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
+    <link
+      rel="preload"
+      as="font"
+      href="/fonts/glacialindifference-bold-webfont.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables.css";
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @import "/styles/extrasmall.css";
+      @import "/styles/small.css" only screen and (min-width: 768px) and
+        (max-width: 1024px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
+      @import "/styles/large.css" only screen and (min-width: 1366px);
+      @import "/styles/extralarge.css" only screen and (min-width: 1921px);
 
       @font-face {
-        font-family: 'GlacialBold';
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+        font-family: "GlacialBold";
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+        font-family: "GlacialItalic";
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+        font-family: "Glacial";
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
-        font-family: 'Glacial', sans-serif;
+      [data-font="sans"] {
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
-        font-family: 'GlacialBold', sans-serif;
+      [data-font="sans-bold"] {
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
-        font-family: 'GlacialItalic', sans-serif;
+      [data-font="sans-italic"] {
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,13 +130,25 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <h4 class="sub-title" data-font="sans">
         WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
       </h4>
-      <a href="https://get.firefoxwatchparty.com" class="big-button" data-font="sans">
+      <a
+        href="https://get.firefoxwatchparty.com"
+        class="big-button"
+        data-font="sans"
+      >
         GET FIREFOX ADD-ON
       </a>
-      <a href="https://get.edgewatchparty.com" class="big-button" data-font="sans">
+      <a
+        href="https://get.edgewatchparty.com"
+        class="big-button"
+        data-font="sans"
+      >
         GET EDGE ADD-ON
       </a>
-      <a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
+      <a
+        href="https://get.chromewatchparty.com"
+        class="big-button"
+        data-font="sans"
+      >
         GET CHROME EXTENSION
       </a>
     </div>
@@ -170,7 +192,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </div>
         <div class="info-text">
           <h4 class="sub-title" data-font="sans-bold">CHANGELOG</h4>
-          <p class="body" data-font="sans">Questions about changes? Feel free to reach out!</p>
+          <p class="body" data-font="sans">
+            Questions about changes? Feel free to reach out!
+          </p>
           <a
             href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
             class="underlink"
@@ -190,25 +214,66 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
     </div>
     <div class="versions card-grid">
-      <a href="/changes/v1.5.2/" data-font="sans-bold" class="support-card">v1.5.2</a>
-      <a href="/changes/v1.6.0/" data-font="sans-bold" class="support-card">v1.6.0</a>
-      <a href="/changes/v1.6.1/" data-font="sans-bold" class="support-card">v1.6.1</a>
-      <a href="/changes/v1.6.2/" data-font="sans-bold" class="support-card">v1.6.2</a>
-      <a href="/changes/v1.6.3/" data-font="sans-bold" class="support-card">v1.6.3</a>
-      <a href="/changes/v1.6.4/" data-font="sans-bold" class="support-card">v1.6.4</a>
-      <a href="/changes/v1.6.5/" data-font="sans-bold" class="support-card">v1.6.5</a>
-      <a href="/changes/v1.6.6/" data-font="sans-bold" class="support-card">v1.6.6</a>
-      <a href="/changes/v1.6.7/" data-font="sans-bold" class="support-card">v1.6.7</a>
-      <a href="/changes/v1.7.0/" data-font="sans-bold" class="support-card">v1.7.0</a>
-      <a href="/changes/v1.7.1/" data-font="sans-bold" class="support-card">v1.7.1</a>
-      <a href="/changes/v1.7.2/" data-font="sans-bold" class="support-card">v1.7.2</a>
-      <a href="/changes/v1.7.3/" data-font="sans-bold" class="support-card">v1.7.3</a>
-      <a href="/changes/v1.7.4/" data-font="sans-bold" class="support-card">v1.7.4</a>
-      <a href="/changes/v1.7.5/" data-font="sans-bold" class="support-card">v1.7.5</a>
-      <a href="/changes/v1.7.6/" data-font="sans-bold" class="support-card">v1.7.6</a>
-      <a href="/changes/v1.7.7/" data-font="sans-bold" class="support-card">v1.7.7</a>
-      <a href="/changes/v1.7.8/" data-font="sans-bold" class="support-card">v1.7.8</a>
-      <a href="/changes/v1.7.9/" data-font="sans-bold" class="support-card">v1.7.9</a>
+      <a href="/changes/v1.5.2/" data-font="sans-bold" class="support-card"
+        >v1.5.2</a
+      >
+      <a href="/changes/v1.6.0/" data-font="sans-bold" class="support-card"
+        >v1.6.0</a
+      >
+      <a href="/changes/v1.6.1/" data-font="sans-bold" class="support-card"
+        >v1.6.1</a
+      >
+      <a href="/changes/v1.6.2/" data-font="sans-bold" class="support-card"
+        >v1.6.2</a
+      >
+      <a href="/changes/v1.6.3/" data-font="sans-bold" class="support-card"
+        >v1.6.3</a
+      >
+      <a href="/changes/v1.6.4/" data-font="sans-bold" class="support-card"
+        >v1.6.4</a
+      >
+      <a href="/changes/v1.6.5/" data-font="sans-bold" class="support-card"
+        >v1.6.5</a
+      >
+      <a href="/changes/v1.6.6/" data-font="sans-bold" class="support-card"
+        >v1.6.6</a
+      >
+      <a href="/changes/v1.6.7/" data-font="sans-bold" class="support-card"
+        >v1.6.7</a
+      >
+      <a href="/changes/v1.7.0/" data-font="sans-bold" class="support-card"
+        >v1.7.0</a
+      >
+      <a href="/changes/v1.7.1/" data-font="sans-bold" class="support-card"
+        >v1.7.1</a
+      >
+      <a href="/changes/v1.7.2/" data-font="sans-bold" class="support-card"
+        >v1.7.2</a
+      >
+      <a href="/changes/v1.7.3/" data-font="sans-bold" class="support-card"
+        >v1.7.3</a
+      >
+      <a href="/changes/v1.7.4/" data-font="sans-bold" class="support-card"
+        >v1.7.4</a
+      >
+      <a href="/changes/v1.7.5/" data-font="sans-bold" class="support-card"
+        >v1.7.5</a
+      >
+      <a href="/changes/v1.7.6/" data-font="sans-bold" class="support-card"
+        >v1.7.6</a
+      >
+      <a href="/changes/v1.7.7/" data-font="sans-bold" class="support-card"
+        >v1.7.7</a
+      >
+      <a href="/changes/v1.7.8/" data-font="sans-bold" class="support-card"
+        >v1.7.8</a
+      >
+      <a href="/changes/v1.7.9/" data-font="sans-bold" class="support-card"
+        >v1.7.9</a
+      >
+      <a href="/changes/v1.7.10/" data-font="sans-bold" class="support-card"
+        >v1.7.10</a
+      >
     </div>
 
     <footer>
@@ -225,8 +290,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+          <a class="underlink" href="/welcome" data-font="sans"
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -254,22 +323,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </div>
         <div class="link-list">
           <h6 class="link-list-title" data-font="sans-bold">FOR DEVELOPERS</h6>
-          <a class="underlink" target="_blank" href="https://firebase.google.com" data-font="sans"
+          <a
+            class="underlink"
+            target="_blank"
+            href="https://firebase.google.com"
+            data-font="sans"
             >Firebase</a
           >
-          <a class="underlink" target="_blank" href="https://material-ui.com" data-font="sans"
+          <a
+            class="underlink"
+            target="_blank"
+            href="https://material-ui.com"
+            data-font="sans"
             >Material UI</a
           >
-          <a class="underlink" target="_blank" href="https://dolby.io" data-font="sans"
+          <a
+            class="underlink"
+            target="_blank"
+            href="https://dolby.io"
+            data-font="sans"
             >Dolby Voxeet</a
           >
-          <a class="underlink" target="_blank" href="https://reactjs.org" data-font="sans"
+          <a
+            class="underlink"
+            target="_blank"
+            href="https://reactjs.org"
+            data-font="sans"
             >React JS</a
           >
-          <a class="underlink" target="_blank" href="https://nodejs.org" data-font="sans"
+          <a
+            class="underlink"
+            target="_blank"
+            href="https://nodejs.org"
+            data-font="sans"
             >Node JS</a
           >
-          <a class="underlink" target="_blank" href="http://developers.giphy.com" data-font="sans"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -288,9 +381,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -308,7 +406,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -322,7 +424,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"