Nanna nanna-dk
nanna-dk
/ filter-and-pagination.js
Last active
June 24, 2025 08:55
Filter, sort and paginate a list of items. Handles special characters as well.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| document.addEventListener('DOMContentLoaded', () => { | |
| 'use strict'; | |
| /** | |
| * Script to handle filtering, sorting and pagination out of a list of items | |
| */ | |
| const pagination = (el) => { | |
| // Get current html document language | |
| const lang = document.documentElement.lang; |
nanna-dk
/ Javascript-touch-gesture
Created
January 15, 2024 12:48
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Source: https://codyhouse.co/ds/components/info/swipe-content | |
| * To activate the touch gesture detection for a specific element, add the js-swipe class to that element. | |
| */ | |
| const runSwipeContent = () => { | |
| const swipeEl = document.querySelectorAll('.js-swipe'); | |
| class SwipeContent { | |
| constructor(element) { |
nanna-dk
/ parseFeed.php
Last active
June 24, 2025 09:15
PHP proxy for xml/rss feeds - sets headers (domains and subdomains) to fix CORS issues. Works with POST and GET.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| /* | |
| * PHP Proxy | |
| * Responds to both HTTP GET and POST requests | |
| * Usage: | |
| * https://this-url/parseFeed.php?url=" + encodeURIComponent(external-source) + "&mimeType=application/rss+xml. | |
| */ | |
| $url = $_POST['url'] ?? ($_GET['url'] ?? null); | |
| $mimeType = $_POST['mimeType'] ?? ($_GET['mimeType'] ?? null); | |
| $isPost = isset($_POST['url']); |
nanna-dk
/ Scroll-progress-indicator.js
Last active
September 17, 2021 11:33
Accessible scroll progress indicator
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script> | |
| document.addEventListener('DOMContentLoaded', () => { | |
| const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)'); | |
| if (reduceMotion.matches) { | |
| return; | |
| } | |
| let scrollPosition = 0; | |
| let tick = false; | |
| const scrollProgress = () => { |
nanna-dk
/ multiple-video-player.js
Created
August 17, 2021 10:59
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| document.addEventListener('DOMContentLoaded', function() { | |
| var lang = document.documentElement.lang; | |
| var translations; | |
| if (lang == 'da') { | |
| translations = { | |
| 'pause': 'Stop afspilning (brug Enter tast)', | |
| 'play': 'Afspil (brug Enter tast)' | |
| } | |
| } else { | |
| translations = { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var lang = navigator.language || navigator.userLanguage; | |
| if (lang == 'da' || lang == 'da-DK') { | |
| t = { | |
| "hr": "time", | |
| "hrs": "timer", | |
| "min": "minut", | |
| "mins": "minutter", | |
| "sec": "sekund", | |
| "secs": "sekunder" | |
| } |
nanna-dk
/ 23video-events.js
Created
October 29, 2020 13:19
— forked from steffentchr/23video-events.js
A sample script for GlueFrame, illustrating how to implement a generic analytics tag, which listens to events from 23 Video player.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function(){ | |
| var identifiedFrames = []; | |
| // Method to run any reporting | |
| var report = function(Player, event, playing, duration) { | |
| Player.get('currentTime', function(currentTime){ | |
| Player.get('duration', function(duration){ | |
| console.log(event, playing, currentTime, duration); | |
| }); | |
| }); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(function () { | |
| var $slideshow = $(".carousel"); | |
| $slideshow.each(function () { | |
| if ($(this).is(".type-one-carousel")) { | |
| $(this).slick({ | |
| dots: true, | |
| infinite: true, | |
| slidesToShow: 2 |
nanna-dk
/ get-average-color-from-image.js
Last active
September 24, 2019 09:15
Get average color of image via Javascript
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Setting the BODY's background to the average color in the following image: | |
| <img id="i" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QBKRXhpZgAASUkqAAgAAAADABoBBQABAAAAMgAAABsBBQABAAAAOgAAACgBAwABAAAAAgAAAAAAAAAAcDg5gJaYAABwODmAlpgA/9sAQwAFAwQEBAMFBAQEBQUFBgcMCAcHBwcPCwsJDBEPEhIRDxERExYcFxMUGhURERghGBodHR8fHxMXIiQiHiQcHh8e/9sAQwEFBQUHBgcOCAgOHhQRFB4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4e/8AAEQgAqgDiAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX2 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> .one{ | |
| opacity:.5; | |
| } | |
| </style> | |
| </head> |
NewerOlder