Updates
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:
parent
98bf64ff42
commit
c99d8fd702
8 changed files with 297 additions and 21 deletions
34
preview.html
34
preview.html
|
@ -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>
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue