General Updates

Added additional comments for clarification and reorganized a recently added brand alphabetically.

Author: sethcottle

css/brands.css

@@ -458,6 +458,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Threema */
+.button.button-threema {
+  color: #000000;
+  background-color: #3fe669;
+}
+.button.button-threema:hover,
+.button.button-threema:focus {
+  filter: brightness(90%);
+}
+
 /* TikTok */
 .button.button-tiktok {
   color: #ffffff;
@@ -588,13 +598,3 @@ button:hover,
 .button.button-yt:focus {
   filter: brightness(90%);
 }
-
-/* Threema */
-.button.button-threema {
-  color: #000000;
-  background-color: #3fe669;
-}
-.button.button-threema:hover,
-.button.button-threema:focus {
-  filter: brightness(90%);
-}

index.html

@@ -381,8 +381,13 @@ <h1>LittleLink</h1>
         <br>
 
         <br>
-        <p>🔒
-            <a href="privacy.html">Privacy Policy</a> | Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
+        <!-- 
+            Footer:
+            This includes a link to privacy.html page which can be setup for your Privacy Policy.
+            This also includes a link to the LittleLink repository to make forking LittleLink easier.
+            You can edit or remove anything here to make your own footer.
+        -->
+        <p><a href="privacy.html">Privacy Policy</a> | Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
 
       </div>
     </div>

privacy.html

@@ -18,11 +18,12 @@
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
     <link rel="stylesheet" href="css/normalize.css" />
 
-    <!-- Themes:
+    <!-- 
+        Themes:
          Auto:   css/skeleton-auto.css
          Light:  css/skeleton-light.css
          Dark:   css/skeleton-dark.css
-  -->
+     -->
 
     <link rel="stylesheet" href="css/skeleton-auto.css" />
     <link rel="stylesheet" href="css/brands.css" />
@@ -43,6 +44,22 @@
             <a href="index.html">⬅️ Back to main page</a>
           </p>
 
+          <!--
+            Privacy Policy:
+            We recommend adding a Privacy Policy to your LittleLink. Adding one can help you stay compliant 
+            with different privacy legislation and can also help set expectations for your site visitors.
+
+            This is a boilerplate, what is here may not be applicable to you. By default, we give three sections...
+
+            Analytics: where you can add links to analytic services like Fathom or Google Analytics.
+
+            Content From External Platforms: This could be used for CDN services or additional buttons like GitHub hotlinkable buttons.
+
+            Hosting and Backend Infrastructure: For where you host your LittleLink.
+
+            You can remove, edit, and add to these as necessary for your project. 
+          -->
+
           <!-- Page Name -->
           <h1>🔒 Privacy Overview</h1>
 
@@ -54,6 +71,7 @@ <h1>🔒 Privacy Overview</h1>
             >
             <br />
             <br />
+            <!-- Start Section -->
             <b>🧮 Analytics</b>
             <br />
             The services contained in this section enable the Owner to monitor
@@ -72,6 +90,9 @@ <h1>🔒 Privacy Overview</h1>
               >Privacy Policy</a
             >
           </p>
+          <!-- End Section -->
+
+          <!-- Start Section -->
           <p>
             <b>📦 Displaying Content From External Platforms</b>
             <br />
@@ -82,7 +103,7 @@ <h1>🔒 Privacy Overview</h1>
             pages where the service is installed, even when Users do not use it.
             <br />
             <br />
-            <!-- Here you can add any external cdn's and they use and what they track -->
+            <!-- Add any external cdn's and they use and what they track -->
             <b>1.) Example LLC</b><br />
             Personal Data:
             <i
@@ -94,6 +115,9 @@ <h1>🔒 Privacy Overview</h1>
               >Privacy Policy</a
             >
           </p>
+          <!-- End Section -->
+
+          <!-- Start Section -->
           <p>
             <b>📁 Hosting and Backend Infrastructure</b>
             <br />
@@ -118,8 +142,15 @@ <h1>🔒 Privacy Overview</h1>
               >Privacy Policy</a
             >
           </p>
+          <!-- End Section -->
           <br />
           <br />
+          
+          <!-- 
+            Footer:
+            This includes a link to the LittleLink repository to make forking LittleLink easier.
+            You can edit or remove anything here to make your own footer.
+           -->
           <center>
             <p>Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
           </center>