Cyber Slider added
This commit is contained in:
parent
5e45870d5b
commit
0dd7d1c216
1 changed files with 15 additions and 5 deletions
20
index.html
20
index.html
|
@ -47,6 +47,11 @@
|
||||||
<input type="radio" id="pleroma" name="backend" value="pleroma" autocomplete="off">
|
<input type="radio" id="pleroma" name="backend" value="pleroma" autocomplete="off">
|
||||||
<label for="pleroma">Pleroma API</label>
|
<label for="pleroma">Pleroma API</label>
|
||||||
</div>
|
</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>
|
<button type="submit" id="generateButton">⟨ Generate ⟩</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
@ -70,6 +75,9 @@
|
||||||
</section>
|
</section>
|
||||||
<section class="faq-section">
|
<section class="faq-section">
|
||||||
<h3>Frequently Asked Questions</h3>
|
<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>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>
|
<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>
|
<hr>
|
||||||
|
@ -82,11 +90,11 @@
|
||||||
<p><strong>Q:</strong> What happens if there is a delay in loading avatars?</p>
|
<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>
|
<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>
|
<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>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>
|
<p><strong>A:</strong> This message indicates that the instance is currently not responding. Please try again later.</p>
|
||||||
<hr>
|
<hr>
|
||||||
<p><strong>Q:</strong> Is it possible to directly link to my account?</p>
|
<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>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>
|
<hr>
|
||||||
</section>
|
</section>
|
||||||
<section class="credits-section">
|
<section class="credits-section">
|
||||||
|
@ -100,5 +108,7 @@
|
||||||
<script src="js/create-circle.js"></script>
|
<script src="js/create-circle.js"></script>
|
||||||
<script src="js/image.js"></script>
|
<script src="js/image.js"></script>
|
||||||
<script src="js/url.js"></script>
|
<script src="js/url.js"></script>
|
||||||
|
<script src="js/slider.js"></script>
|
||||||
|
<script>initializeSlider();</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in a new issue