From 0dd7d1c21632d4d824c31bcd4d686c78a4fa92e7 Mon Sep 17 00:00:00 2001
From: revengeday <revengeday@noreply.git.cyberwa.re>
Date: Fri, 15 Nov 2024 21:56:25 +0000
Subject: [PATCH] Cyber Slider added

---
 index.html | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 11045f7..ede72fd 100644
--- a/index.html
+++ b/index.html
@@ -47,6 +47,11 @@
                         <input type="radio" id="pleroma" name="backend" value="pleroma" autocomplete="off">
                         <label for="pleroma">Pleroma API</label>
                     </div>
+                    <div class="slider-container">
+    <label for="countSlider">Cyber Score:</label>
+    <input type="range" id="countSlider" name="count" min="1" max="1000" value="250" step="1">
+    <span id="sliderValueDisplay">250</span>
+</div>
                     <button type="submit" id="generateButton">⟨ Generate ⟩</button>
                 </form>
             </div>
@@ -70,6 +75,9 @@
         </section>
         <section class="faq-section">
             <h3>Frequently Asked Questions</h3>
+            <p><strong>Q:</strong> What does Cyber Score mean?</p>
+            <p><strong>A:</strong> The higher you set the value, the more your Fediverse conversations are examined to determine with which users you interact the most. Imagine it as if you would like to view the last 7 days, the last 14 days, the last 30 days. Note that the higher the value you enter, the longer it takes for your Cyber Circle to be generated.
+            <hr>
             <p><strong>Q:</strong> Why is a Cyberpunk figure displayed instead of a profile picture?</p>
             <p><strong>A:</strong> If a user's profile picture cannot be loaded, a placeholder image (in this case, a Cyberpunk figure) is displayed. This is done to provide a visual substitute in case the original image is unavailable due to loading errors or missing image URLs.</p>
             <hr>
@@ -82,11 +90,11 @@
             <p><strong>Q:</strong> What happens if there is a delay in loading avatars?</p>
             <p><strong>A:</strong> During the loading of avatars, a progress status is shown on the webpage indicating <strong>how many avatars have been successfully loaded</strong> (e.g., "Loading avatars: 1/10"). Once all avatars are loaded, this display disappears.</p>
             <hr>
-<p><strong>Q:</strong> What does the message "Something went horribly wrong, couldn't fetch your user: Error fetching .../api/v1/accounts/lookup?acct=" mean?</p>
-<p><strong>A:</strong> This message indicates that the instance is currently not responding. Please try again later.</p>
-<hr>
-<p><strong>Q:</strong> Is it possible to directly link to my account?</p>
-<p><strong>A:</strong> Yes, it is possible. Simply change the URL to <i>https://ccc.cyber.to/?@revengeday@corteximplant.com</i>, replacing <i>@revengeday@corteximplant.com</i> with your own account details.</p>
+            <p><strong>Q:</strong> What does the message "Something went horribly wrong, couldn't fetch your user: Error fetching .../api/v1/accounts/lookup?acct=" mean?</p>
+            <p><strong>A:</strong> This message indicates that the instance is currently not responding. Please try again later.</p>
+            <hr>
+            <p><strong>Q:</strong> Is it possible to directly link to my account?</p>
+            <p><strong>A:</strong> Yes, it is possible. Simply change the URL to <i>https://ccc.cyber.to/?@revengeday@corteximplant.com</i>, replacing <i>@revengeday@corteximplant.com</i> with your own account details.</p>
 <hr>
         </section>
         <section class="credits-section">
@@ -100,5 +108,7 @@
     <script src="js/create-circle.js"></script>
     <script src="js/image.js"></script>
     <script src="js/url.js"></script>
+    <script src="js/slider.js"></script>
+<script>initializeSlider();</script>
 </body>
 </html>
\ No newline at end of file