Эх сурвалжийг харах

Reformatted with Prettier

Dmitrii Selivanov 3 жил өмнө
parent
commit
31dfb1a2cc
1 өөрчлөгдсөн 328 нэмэгдсэн , 227 устгасан
  1. 328 227
      StaticSite/index.html

+ 328 - 227
StaticSite/index.html

@@ -1,242 +1,343 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-<head>
-  <!-- Required meta tags -->
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-
-  <!-- Bootstrap CSS -->
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
-    integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
-
-  <title>Return youtube dislike count</title>
-</head>
-<body>
-
-<nav class="navbar navbar-expand-lg navbar-light bg-light">
-  <div class="container-xxl">
-    <a class="navbar-brand" href="/">Return youtube dislike count</a>
-    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
-      aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
-      <span class="navbar-toggler-icon"></span>
-    </button>
-    <div class="collapse navbar-collapse" id="navbarNav">
-      <ul class="navbar-nav">
-        <li class="nav-item">
-          <a class="nav-link" href="#downloads">Downloads</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" href="#installation">Installation</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" href="#faq">FAQ</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" href="#communication">Communication</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" href="#sources">Sources</a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-
-<div class="container">
-  <div class="row justify-content-center">
-    <div class="col-lg-8 col-md-10 col-sm-12">
-      <h3 class="mt-4">Chrome/Firefox/Usersript extension to return youtube dislike count</h3>
-      <img src="images/aAGrY8L_700b.jpg" class="img-fluid"/>
-
-
-      <p><strong>Version 0.0.0.5 released - ratio (like/dislike) bar added</strong></p>
-      <img class="img-fluid mb-5" src="images/ratio.jpg"/>
-      <p>This is a Chrome/Firefox/Userscript extension that return dislike statistics to YouTube. For now, it only works
-        if
-        a video had public display of dislikes enabled before YouTube removed dislike stats.</p>
-
-      <p>Base dislike stats are retrieved from YouTube API while it's available. When API closes - the extension will
-        use data from extension users to derive actual dislike count on a video</p>
-      <p>Youtube has removed dislike statistics. Since this was a very usefull feature -
-        this extension aims to return this functionality to users.
-      </p>
-      <div class="alert alert-primary" role="alert">
-        Currently available only for Chrome and Firefox desktop browsers. Coming to mobile soon.
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <!-- Bootstrap CSS -->
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
+      crossorigin="anonymous"
+    />
+
+    <title>Return youtube dislike count</title>
+  </head>
+  <body>
+    <nav class="navbar navbar-expand-lg navbar-light bg-light">
+      <div class="container-xxl">
+        <a class="navbar-brand" href="/">Return youtube dislike count</a>
+        <button
+          class="navbar-toggler"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navbarNav"
+          aria-controls="navbarNav"
+          aria-expanded="false"
+          aria-label="Toggle navigation"
+        >
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+          <ul class="navbar-nav">
+            <li class="nav-item">
+              <a class="nav-link" href="#downloads">Downloads</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#installation">Installation</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#faq">FAQ</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#communication">Communication</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#sources">Sources</a>
+            </li>
+          </ul>
+        </div>
       </div>
-      <p>We're considering integration with <a href="https://vancedapp.com/">Youtube Vanced</a> mobile app, if the devs
-        will want to utilize our API</p>
-
-
-      <p>The downvotes count looks like this, similar to what it used to be before it was removed</p>
-      <p>Like/dislike ratio bar is coming soon</p>
-      <img class="img-fluid mb-5" src="images/DislikeScreenshot.JPG"/>
-
-      <hr>
-
-      <section id="downloads" class="pb-5">
-        <h2>Downloads:</h2>
-        <p><strong>This is an ALHPA version!</strong> It may be slow. It may be buggy.</p>
-        <p>Only available for chrome and Firefox now and as a Userscript now, but coming to other platforms soon</p>
-        <h4>Chrome:</h4>
-        <p>
-          <a href="files/chrome/return_youtube_dislike0.0.0.1.crx">v_0.0.0.1</a></p>
-        <p><a href="files/chrome/return_youtube_dislike0.0.0.2.crx">v_0.0.0.2</a> - Better number formatting added,
-        <p><a href="files/chrome/return_youtube_dislike_LOAD_UNPACKED_0.0.0.3.zip">v_0.0.0.3</a>
-        <p> 0.0.0.4 <strong> removed (accidental self-ddos)</strong></p>
-        <p><a href="files/chrome/return_youtube_dislike_LOAD_UNPACKED_0.0.0.5.zip">0.0.0.5</a>
-          - ratio bar added. Dislikes from every video on page are saved now
-
-          Previous versions are disabled automatically by chrome, because Chrome doesn't like .crx extensions.
-
-          Install this following new instructions.
-        </p>
-
-        <h4>Firefox:</h4>
-
-        Install from extension's firefox addon store <a
-        href="https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/" target="_blank">page</a>.
-        Check for updates often - this extension is being actively improved
-        Latest version coming out as soon as update is approved by Mozilla
-
-        <p>
-        <div class="accordion" id="accordionExample">
-          <div class="accordion-item">
-            <h2 class="accordion-header" id="headingTwo">
-              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
-                data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
-                Outdated installation via files
-              </button>
-            </h2>
-            <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
-              data-bs-parent="#accordionExample">
-              <div class="accordion-body">
-                <div class="card card-body">
-
-                  <p> NOT RECOMMENDED! Use firefox addon store <a
-                    href="https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/"
-                    target="_blank">link</a>
-                  </p>
-                  <p>
-                    <a href="files/ff/youtube_dislike_button-0.0.0.1-fx.xpi">v_0.0.0.1</a>
-                  </p>
-                  <p><a href="files/ff/youtube_dislike_button-0.0.0.2-fx.xpi">v_0.0.0.2</a> - Better number formatting
-                    added
-                    thanks, <strong>bstka</strong>
-                  </p>
+    </nav>
+
+    <div class="container">
+      <div class="row justify-content-center">
+        <div class="col-lg-8 col-md-10 col-sm-12">
+          <h3 class="mt-4">
+            Chrome/Firefox/Usersript extension to return youtube dislike count
+          </h3>
+          <img src="images/aAGrY8L_700b.jpg" class="img-fluid" />
+
+          <p>
+            <strong
+              >Version 0.0.0.5 released - ratio (like/dislike) bar added</strong
+            >
+          </p>
+          <img class="img-fluid mb-5" src="images/ratio.jpg" />
+          <p>
+            This is a Chrome/Firefox/Userscript extension that return dislike
+            statistics to YouTube. For now, it only works if a video had public
+            display of dislikes enabled before YouTube removed dislike stats.
+          </p>
+
+          <p>
+            Base dislike stats are retrieved from YouTube API while it's
+            available. When API closes - the extension will use data from
+            extension users to derive actual dislike count on a video
+          </p>
+          <p>
+            Youtube has removed dislike statistics. Since this was a very
+            usefull feature - this extension aims to return this functionality
+            to users.
+          </p>
+          <div>
+            Currently available only for Chrome and Firefox desktop browsers.
+            Coming to mobile soon.
+          </div>
+          <p>
+            We're considering integration with
+            <a href="https://vancedapp.com/">Youtube Vanced</a> mobile app, if
+            the devs will want to utilize our API
+          </p>
+
+          <p>
+            The downvotes count looks like this, similar to what it used to be
+            before it was removed
+          </p>
+          <p>Like/dislike ratio bar is coming soon</p>
+          <img class="img-fluid mb-5" src="images/DislikeScreenshot.JPG" />
+
+          <hr />
+
+          <section id="downloads" class="pb-5">
+            <h2>Downloads:</h2>
+            <p>
+              <strong>This is an ALHPA version!</strong> It may be slow. It may
+              be buggy.
+            </p>
+            <p>
+              Only available for chrome and Firefox now and as a Userscript now,
+              but coming to other platforms soon
+            </p>
+            <h4>Chrome:</h4>
+            <p>
+              <a href="files/chrome/return_youtube_dislike0.0.0.1.crx"
+                >v_0.0.0.1</a
+              >
+            </p>
+            <p>
+              <a href="files/chrome/return_youtube_dislike0.0.0.2.crx"
+                >v_0.0.0.2</a
+              >
+              - Better number formatting added,
+            </p>
+            <p>
+              <a
+                href="files/chrome/return_youtube_dislike_LOAD_UNPACKED_0.0.0.3.zip"
+                >v_0.0.0.3</a
+              >
+            </p>
+            <p>0.0.0.4 <strong> removed (accidental self-ddos)</strong></p>
+            <p>
+              <a
+                href="files/chrome/return_youtube_dislike_LOAD_UNPACKED_0.0.0.5.zip"
+                >0.0.0.5</a
+              >
+              - ratio bar added. Dislikes from every video on page are saved now
+              Previous versions are disabled automatically by chrome, because
+              Chrome doesn't like .crx extensions. Install this following new
+              instructions.
+            </p>
+
+            <h4>Firefox:</h4>
+
+            Install from extension's firefox addon store
+            <a
+              href="https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/"
+              target="_blank"
+              >page</a
+            >. Check for updates often - this extension is being actively
+            improved Latest version coming out as soon as update is approved by
+            Mozilla
+
+            <p></p>
+            <div class="accordion" id="accordionExample">
+              <div class="accordion-item">
+                <h2 class="accordion-header" id="headingTwo">
+                  <button
+                    class="accordion-button collapsed"
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#collapseTwo"
+                    aria-expanded="false"
+                    aria-controls="collapseTwo"
+                  >
+                    Outdated installation via files
+                  </button>
+                </h2>
+                <div
+                  id="collapseTwo"
+                  class="accordion-collapse collapse"
+                  aria-labelledby="headingTwo"
+                  data-bs-parent="#accordionExample"
+                >
+                  <div class="accordion-body">
+                    <div class="card card-body">
+                      <p>
+                        NOT RECOMMENDED! Use firefox addon store
+                        <a
+                          href="https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/"
+                          target="_blank"
+                          >link</a
+                        >
+                      </p>
+                      <p>
+                        <a href="files/ff/youtube_dislike_button-0.0.0.1-fx.xpi"
+                          >v_0.0.0.1</a
+                        >
+                      </p>
+                      <p>
+                        <a href="files/ff/youtube_dislike_button-0.0.0.2-fx.xpi"
+                          >v_0.0.0.2</a
+                        >
+                        - Better number formatting added thanks,
+                        <strong>bstka</strong>
+                      </p>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
-          </div>
-        </div>
 
+            <h4 class="pt-5">Userscript, tested on Tampermonkey</h4>
+            <p>
+              <a
+                href="https://github.com/Anarios/return-youtube-dislike/raw/main/Extensions/UserScript/Return%20Youtube%20Dislike.user.js"
+              >
+                https://github.com/Anarios/return-youtube-dislike/raw/main/Extensions/UserScript/Return%20Youtube%20Dislike.user.js</a
+              >
+            </p>
+          </section>
+          <hr />
+          <section id="installation" class="pb-5">
+            <h2>Installation on chrome</h2>
+            <p>
+              <strong
+                >Before installing new version - please manually delete old
+                version</strong
+              >
+            </p>
+            <p>
+              <strong
+                >Chrome might disable this extension - you'll need to delete it
+                and reinstall.
+              </strong>
+              This is a temporary problem while awaiting chrome store approval.
+              You might use userscript or firefox extension meanwhile.
+            </p>
 
-        <h4 class="pt-5">Userscript, tested on Tampermonkey</h4>
-        <p><a
-          href="https://github.com/Anarios/return-youtube-dislike/raw/main/Extensions/UserScript/Return%20Youtube%20Dislike.user.js">
-          https://github.com/Anarios/return-youtube-dislike/raw/main/Extensions/UserScript/Return%20Youtube%20Dislike.user.js</a>
-          </a></p>
-      </section>
-      <hr>
-      <section id="installation" class="pb-5">
-        <h2>Installation on chrome</h2>
-        <p></p><strong>Before installing new version - please manually delete old version</strong></p>
-        <p></p><strong>Chrome might disable this extension - you'll need to delete it and reinstall. </strong>
-        This is a temporary problem while awaiting chrome store approval. You might use userscript or firefox extension
-        meanwhile.</p>
-
-
-        <p> Installation is described for Chrome. For firefox extension is available in store</p>
-        <ol>
-          <li>
-            Download latest version for you browser. Extract .zip file contents into empty folder
-          </li>
-          <li>
-            <p>Write chrome://extensions in url bar.</p>
-            <p>Or press ... in right corner => Settings => Extensions</p>
-          </li>
-          <li>
-            Enable Developer Mode
-            <img class="img-fluid mb-3" src="images/EnableDeveloperMode.JPG"/>
-          </li>
-          <li>
-            <p>Press "Load unpacked</p>
-
-          </li>
-          <li>Press "Add extension" button</li>
-          <li>Select the folder that you extracted .zip file contents into</li>
-        </ol>
-      </section>
-      <hr>
-      <section id="faq" class="pb-4">
-        <h2>FAQ</h2>
-        <ol>
-          <li>
-            <strong>Why is it not in chrome store yet?</strong>
-            <p>Chrome extension appoval process takes some time. As soon as it's available in the store - We'll update
-              the
-              site</p>
-          </li>
-          <li>
-            <strong>Is it dangerous?/Is it a virus?</strong>
-            <p>While there is some trust involved in installing an extension from 3-rd party source
-              - you can see all permissions requested by the extension before installing it. This extension only asks
-              for
-              access
-              to youtube.com page</p>
-            <img class="img-fluid mb-3" src="images/Permissions.JPG"/>
-          </li>
-          <li>
-            <strong>I downvoted a video, and downvotes number didn't change</strong>
-            <p>Currently we're using YouTube API to get dislikes count. It may take some time for data to be updated.
-              YouTube might freeze
-              dislike counts as well. We're working on a solution for this</p>
-          </li>
-        </ol>
-
-        For anything else contact us at email\discord channel listed in Communication section
-      </section>
-      <hr>
-      <section id="communication" class="pb-5">
-        <h2>Communication</h2>
-        <h4>Email</h4>
-        <span>You can mail me at</span>
-        <a href="mailto:selivano.d@gmail.com?subject=Return-youtube-dislike-count&body=Message">
-          selivano.d@gmail.com
-        </a>
-        <br>
-        <br>
-        <h4>Discord server</h4>
-        <a href="https://discord.gg/HvwXNG4M">Join</a> a discord discussion
-      </section>
-      <hr>
-      <section id="sources" class="pb-5">
-        <h2> Sources </h2>
-        <a
-          href="https://github.com/Anarios/return-youtube-dislike">https://github.com/Anarios/return-youtube-dislike</a>
-      </section>
-
-
-      <br>
-      <br>
+            <p>
+              Installation is described for Chrome. For firefox extension is
+              available in store
+            </p>
+            <ol>
+              <li>
+                Download latest version for you browser. Extract .zip file
+                contents into empty folder
+              </li>
+              <li>
+                <p>Write chrome://extensions in url bar.</p>
+                <p>Or press ... in right corner => Settings => Extensions</p>
+              </li>
+              <li>
+                Enable Developer Mode
+                <img
+                  class="img-fluid mb-3"
+                  src="images/EnableDeveloperMode.JPG"
+                />
+              </li>
+              <li>
+                <p>Press "Load unpacked</p>
+              </li>
+              <li>Press "Add extension" button</li>
+              <li>
+                Select the folder that you extracted .zip file contents into
+              </li>
+            </ol>
+          </section>
+          <hr />
+          <section id="faq" class="pb-4">
+            <h2>FAQ</h2>
+            <ol>
+              <li>
+                <strong>Why is it not in chrome store yet?</strong>
+                <p>
+                  Chrome extension appoval process takes some time. As soon as
+                  it's available in the store - We'll update the site
+                </p>
+              </li>
+              <li>
+                <strong>Is it dangerous?/Is it a virus?</strong>
+                <p>
+                  While there is some trust involved in installing an extension
+                  from 3-rd party source - you can see all permissions requested
+                  by the extension before installing it. This extension only
+                  asks for access to youtube.com page
+                </p>
+                <img class="img-fluid mb-3" src="images/Permissions.JPG" />
+              </li>
+              <li>
+                <strong
+                  >I downvoted a video, and downvotes number didn't
+                  change</strong
+                >
+                <p>
+                  Currently we're using YouTube API to get dislikes count. It
+                  may take some time for data to be updated. YouTube might
+                  freeze dislike counts as well. We're working on a solution for
+                  this
+                </p>
+              </li>
+            </ol>
 
-    </div>
-  </div>
-</div>
+            For anything else contact us at email\discord channel listed in
+            Communication section
+          </section>
+          <hr />
+          <section id="communication" class="pb-5">
+            <h2>Communication</h2>
+            <h4>Email</h4>
+            <span>You can mail me at</span>
+            <a
+              href="mailto:selivano.d@gmail.com?subject=Return-youtube-dislike-count&body=Message"
+            >
+              selivano.d@gmail.com
+            </a>
+            <br />
+            <br />
+            <h4>Discord server</h4>
+            <a href="https://discord.gg/HvwXNG4M">Join</a> a discord discussion
+          </section>
+          <hr />
+          <section id="sources" class="pb-5">
+            <h2>Sources</h2>
+            <a href="https://github.com/Anarios/return-youtube-dislike"
+              >https://github.com/Anarios/return-youtube-dislike</a
+            >
+          </section>
 
-</div>
-<!--<img src="images/aAGrY8L_700b.jpg"/>-->
-<!--<img src="images/aAGrY8L_700b.jpg"/>-->
-<!-- Optional JavaScript; choose one of the two! -->
+          <br />
+          <br />
+        </div>
+      </div>
+    </div>
+    <!--<img src="images/aAGrY8L_700b.jpg"/>-->
+    <!--<img src="images/aAGrY8L_700b.jpg"/>-->
+    <!-- Optional JavaScript; choose one of the two! -->
 
-<!-- Option 1: Bootstrap Bundle with Popper -->
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
-  integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
-  crossorigin="anonymous"></script>
+    <!-- Option 1: Bootstrap Bundle with Popper -->
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
+      crossorigin="anonymous"
+    ></script>
 
-<!-- Option 2: Separate Popper and Bootstrap JS -->
-<!--
+    <!-- Option 2: Separate Popper and Bootstrap JS -->
+    <!--
 <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
 -->
-</body>
+  </body>
 </html>