Adds Babylist as a new brand, fixes SimpleX Chat Alt, and adds a new sensitive content warning module (new HTML, new CSS file, new JS folder and file, new icon).
This commit is contained in:
Seth Cottle 2025-03-16 20:59:47 -04:00
parent 98bf64ff42
commit c99d8fd702
8 changed files with 297 additions and 21 deletions

View file

@ -33,6 +33,9 @@
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/brands-extended.css">
<!-- Stylesheets / Sensitive Content Module -->
<link rel="stylesheet" href="css/sensitive-content.css">
</head>
@ -62,6 +65,8 @@
<!-- All your buttons go here -->
<div class="button-stack" role="navigation">
<h2>Extended Brands</h2>
<!-- 500px -->
<a class="button button-500px" href="#" target="_blank" rel="noopener" role="button"> <img class="icon" aria-hidden="true" aria-hidden="true" src="images/icons-extended/500px.svg" alt="500px Logo">500px</a>
@ -207,10 +212,10 @@
<a class="button button-skoob" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/skoob.svg" alt="Skoob logo">Skoob</a>
<!-- SimpleX chat -->
<a class="button button-simplex" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/simplex.svg" alt="SimpleX Logo">SimpleX chat</a>
<a class="button button-simplex" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/simplex.svg" alt="SimpleX Logo">SimpleX chat</a>
<!-- SimpleX Chat Alt -->
<a class="button button-simplex-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/simplex-alt.svg" alt="SimpleX Logo">SimpleX Chat</a>
<a class="button button-simplex-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/simplex-alt.svg" alt="SimpleX Logo">SimpleX Chat</a>
<!-- SpaceHey -->
<a class="button button-spacehey" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/spacehey.svg" alt="SpaceHey Logo">SpaceHey</a>
@ -248,6 +253,27 @@
<!-- Xing -->
<a class="button button-xing" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/xing.svg" alt="Xing Logo">Xing</a>
<h2>Sensitive Content Warning Module</h2>
<!-- Sensitive Content Module -->
<div class="slide-container" data-continue-url="https://littlelink.io">
<!-- Trigger Button -->
<a class="button button-sensitive sensitive-trigger" href="javascript:void(0)">
<img class="icon" aria-hidden="true" src="images/icons-extended/generic-warning.svg" alt="Warning Icon">
Sensitive Content
</a>
<!-- The Slide-Down Panel -->
<div class="sensitive-panel">
<div class="sensitive-panel__content">
<p>This link may contain content that is not appropriate for all audiences.</p>
<button class="button button-sensitive sensitive-continue">
Continue
</button>
</div>
</div>
</div>
</div>
<!-- Feel free to add your own footer information, including updating `privacy.html` to reflect how your LittleLink fork is set up -->
@ -258,7 +284,9 @@
</div>
</div>
</body>
<!-- JS -->
<script src="js/sensitive-content.js"></script>
</body>
</html>