2020-08-02 09:07:18 +02:00
<!DOCTYPE html>
<!--
Based on _Story_ by html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
-->
< html lang = "en" >
< head >
< meta charset = "utf-8" / >
< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" / >
<!--
..............................................
..............................................
...........'';,...............................
.........'',,;:o:,............................
.......',;;::::::;;;,.........................
.....,;:ooooooooooo;,,''''....................
....,;ooooooooooooooo;,'..'''''...............
...,:ooooooooooooooooo;''......'''............
..,;:ooooooooooooooooo',,.........,'.......... _______ _ _ __
..,,;:,ooooo;;:ooo;o,:;,',.........;,''....... \____ \____ _____ __________ |_| ______/ |_ ___ | |
..,'..,,;:o,''.,;;'''..'';,,,,,,''',;'''...... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
..,'......':ooo:.......'';,'''''''',;,,,...... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
..,,.......,:o:'.......,'oooo:::::;:,.',;,.... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
..','.................',,..'',,,;;;;;;,.,:.... | | \ / _ \__ \ \__ \ | |_> > |\__ \ | | ( < > ) |__
...,,'...............',;oooooooooo:;;:,;oo,... |____ /(___ /___ >___ >| __/|_/____ > |_| \___/|____/
....,,'.............,,;ooooooooo;,..'',oooo,.. \/ \/ \/ \/ |_| \/
.....',,'........',,;ooo::;;,'........'oooo;..
.......'',,'''',,;;;,,'...............';;;'... All you saw was sound!
...........'''''..............................
..............................................
..............................................
..............................................
..............................................
-->
<!-- BEGIN seo.html -->
< title > Play " Unmet Dependencies" by 徒 setto セット | 徒 setto セット< / title >
< meta name = "title" content = "Play "Unmet Dependencies" by 徒 setto セット" / >
< meta name = "description" content = "A release by 徒 setto セット named "Unmet Dependencies" published on 徒 setto セット" / >
2020-08-02 16:21:00 +02:00
< meta name = "dc.date.modified" scheme = "ISO8601" content = "2020-08-02T14:20:55+00:00" / >
2020-08-02 09:07:18 +02:00
< meta name = "robots" content = "index" / >
< link rel = "canonical" href = "https://setto.basspistol.com/unmet-dependencies/" / >
< link rel = "alternate" hreflang = "x-default" href = "https://setto.basspistol.com/unmet-dependencies/" / >
< meta name = "geo.region" content = "CH-GE" / >
< meta name = "geo.placename" content = "Geneva" / >
< meta name = "geo.position" content = "46.203918;6.133011" / >
< meta name = "ICBM" content = "46.203918, 6.133011" / >
< meta name = "author" content = "徒 setto セット" / >
< meta name = "generator" content = "Jekyll v4.0.0" / >
<!-- Dublin Core basic info -->
< meta name = "dcterms.Identifier" content = "https://setto.basspistol.com" / >
< meta name = "dcterms.Format" content = "text/html" / >
< meta name = "dcterms.Relation" content = "徒 setto セット" / >
< meta name = "dcterms.Publisher" content = "Basspistol" / >
< meta name = "dcterms.Type" content = "text/html" / >
< meta name = "dcterms.Coverage" content = "https://setto.basspistol.com/" / >
< meta name = "dcterms.Rights" content = "Copyright ©2020 徒 setto セット." / >
< meta name = "dcterms.Subject" content = "A release by 徒 setto セット named "Unmet Dependencies" published on 徒 setto セット" / >
< meta name = "dcterms.Title" content = "Play "Unmet Dependencies" by 徒 setto セット" / >
< meta name = "dcterms.Contributor" content = "徒 setto セット" / >
2020-08-02 16:02:22 +02:00
< meta name = "dcterms.Date" content = "2020-08-02" / >
2020-08-02 09:07:18 +02:00
< meta name = "dcterms.Description" content = "Listen and to a release by 徒 setto セット named "Unmet Dependencies" and support your remote artist!" / >
<!-- Facebook -->
< meta property = "og:title" content = "Unmet Dependencies by 徒 setto セット" / >
< meta property = "og:locale" content = "en" / >
< meta property = "og:description" content = "Listen and to a release by 徒 setto セット named "Unmet Dependencies" and support your remote artist!" / >
< meta property = "og:url" content = "https://setto.basspistol.com/albums/unmet-dependencies/" / >
< meta property = "og:site_name" content = "徒 setto セット" / >
< meta property = "og:type" content = "music:album" / >
< meta property = "og:audio" content = "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.mp3" / > < meta property = "og:audio" content = "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3" / >
2020-08-02 16:21:00 +02:00
< meta property = "article:published_time" content = "2020-08-02T14:20:55+00:00" / >
2020-08-02 09:07:18 +02:00
< meta property = "og:image" content = "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg" / >
<!-- Twitter Card -->
< meta name = "twitter:card" content = "summary" / >
< meta name = "twitter:title" content = "Unmet Dependencies | 徒 setto セット" / >
< meta name = "twitter:description" content = "Listen and to a release by 徒 setto セット named "Unmet Dependencies" and support your remote artist!" / >
< meta name = "twitter:image" content = "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg" / >
< link rel = "alternate" type = "application/rss+xml" href = "https://setto.basspistol.com/feed.xml" title = "徒 setto セット" / >
<!-- END seo.html -->
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1, user-scalable=yes" / >
< link rel = "stylesheet" href = "../assets/css/main20200727.css" / >
< link rel = "apple-touch-icon" href = "https://setto.basspistol.com/apple-touch-icon.png" / >
< link rel = "icon" type = "image/png" href = "https://setto.basspistol.com/touch-icon.png" sizes = "192x192" / >
< link rel = "shortcut icon" href = "https://setto.basspistol.com/images/setto-logoicon.svg" type = "image/png" / >
< noscript > < link rel = "stylesheet" href = "../assets/css/noscript20200727.css" / > < / noscript >
< / head >
< body id = "body" >
< span id = "top" style = "display: none;" > < / span >
<!-- Wrapper -->
< div id = "wrapper" class = "divided" >
<!-- Banner -->
< section class = "banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style = "min-height:100vh;" >
< div class = "content editable" data-cms-source = "/_layouts/post.html" data-cms-index = "0" >
< h1 class = "editable" data-cms-source = "/_layouts/post.html" data-cms-index = "1" > Unmet Dependencies< / h1 >
< p > Proprietary tools, consultancies, remote labor... The reality in the digital industry is as hard to cope with as it is building software in Haskell. Freedom is luxury, but also a burden.
Open your mind, open the source!< / p >
< ul class = "actions stacked" >
< li > < a href = "#moe" class = "button small smooth-scroll" > Listen!< / a > < / li >
< / ul >
< / div >
< div class = "image" >
< img src = "../images/posts/final-pingnucover1220x1200.jpg" alt = "Unmet Dependencies" class = "editable" data-cms-source = "/_layouts/post.html" data-cms-index = "2" / >
< / div >
< / section >
<!-- Content -->
< section class = "wrapper style1 align-center" >
< div class = "inner" style = "padding-top: 40px;" >
< div class = "index align-left" >
<!-- Author -->
< section style = "padding-top:40px;" id = "moe" >
< header id = "author" >
< div class = "bio" >
< div alt = "Picture of 徒 setto セット"
style="margin-right: 10px;background-image:url(/siteicon.png);background-repeat: no-repeat;background-size:cover; border-radius:150px; width:150px; height:150px;">
< / div >
< br / >
< p style = "font-style: normal;" > < a href = "mailto:setto@basspistol.com" > < strong > 徒 setto セット< / strong > < / a > < / p >
< p style = "font-style: normal;" > Geek | < a target = "_blank" rel = "noopener" href = "https://keyserver.ubuntu.com/pks/lookup?search=setto%40basspistol.com&fingerprint=on&op=index" > GPG< / a > < / p >
< p style = "font-size:14px;font-style: normal;" >
Published the
2:nd
of
August
2020
< / p >
< h6 >
Share this page:
< / h6 >
< ul class = "icons" >
< li > < a target = "_blank" rel = "nofollow noopener" title = "Share to facebook" alt = "Share to facebook" href = "https://touch.facebook.com/sharer.php?u=https://setto.basspistol.com/unmet-dependencies/&quote=Unmet Dependencies%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class = "icon brands style1 fa-facebook-f" > < span class = "label" > Facebook< / span > < / a > < / li >
< li > < a target = "_blank" rel = "nofollow noopener" title = "Share to twitter" alt = "Share to twitter" href = "https://twitter.com/share?url=https://setto.basspistol.com/unmet-dependencies/&text=Unmet Dependencies%20by%20徒 setto セット%20&hashtags=paxNion" class = "icon brands style1 fa-twitter" > < span class = "label" > Twitter< / span > < / a > < / li >
< li > < a target = "_blank" rel = "nofollow noopener" title = "Share to telegram" alt = "Share to telgram" href = "https://telegram.me/share/url?url=https://setto.basspistol.com/unmet-dependencies/&text=Unmet Dependencies%20by%20徒 setto セット" class = "icon brands style1 fa-telegram" > < span class = "label" > Telegram< / span > < / a > < / li >
< li > < a target = "_blank" rel = "nofollow noopener" title = "Share to reddit" alt = "Share to reddit" href = "https://reddit.com/submit/?url=https://setto.basspistol.com/unmet-dependencies/&title=Unmet Dependencies%20by%20徒 setto セット" class = "icon brands style1 fa-reddit" > < span class = "label" > Reddit< / span > < / a > < / li >
< / ul >
< / div >
< / header >
<!-- Content -->
< div class = "content" >
<!-- HERE BEGINS MADNESS -->
<!-- Content -->
< div class = "content" >
< div id = "mainwrap" >
< div id = "nowPlay" >
< p class = "right" id = "npTitle" style = "font-weight: bold;" > < / p >
< p class = "left" id = "npAction" > Paused...< / p >
< / div >
< div id = "audiowrap" >
< div id = "audio0" >
< audio id = "audio1" preload = "metadata" controls = "controls" > Your browser does not support HTML5
Audio!< / audio >
< / div >
< div id = "tracks" >
< a id = "btnPrev" > < span class = "icon solid fa-fast-backward" > < / span > < / a >
< a id = "btnNext" > < span class = "icon solid fa-fast-forward" > < / span > < / a >
< / div >
< / div >
< div id = "plwrap" >
< ul id = "plList" >
< li >
< div class = "plItem" >
< div class = "plNum" > 1.< / div >
< div class = "plTitle" > Dependency Error< / div >
< div class = "plLength" > 5:13< / div >
< / div >
< / li >
< li >
< div class = "plItem" >
< div class = "plNum" > 2.< / div >
< div class = "plTitle" > Pingnu< / div >
< div class = "plLength" > 3:42< / div >
< / div >
< / li >
< / ul >
< / div >
< / div >
< div id = "noJSalbum" >
< div class = "plItem" >
< div class = "plNum" > 1.< / div >
< div class = "plTitle" > < a href = "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.mp3" target = "_blank" rel = "noopener" > Dependency Error < / a > < / div >
< div class = "plLength" > 5:13< / div >
< / div >
< div class = "plItem" >
< div class = "plNum" > 2.< / div >
< div class = "plTitle" > < a href = "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3" target = "_blank" rel = "noopener" > Pingnu < / a > < / div >
< div class = "plLength" > 3:42< / div >
< / div >
< / div >
< / div >
< div class = "content editable" style = "font-size: 16px;margin-top:60px;" data-cms-source = "/_layouts/post.html" data-cms-index = "3" data-cms-content-wrapper = "/_layouts/post.html" >
2020-08-02 16:02:22 +02:00
< p > Oldies, but goldies! It is through these 2 tracks that i found the To Setto Setto in me. Before that i used to do some (Excellent, but) sort of lamo Electro-pop. Originally released under < a href = "https://sakrecoer.com" target = "_blank" rel = "noreferrer noopener" > Sakrecoer,< / a > around 2016, they got some traction in Cyperpunk and geek circles, but never quite made it further…< / p >
2020-08-02 09:07:18 +02:00
< p > I don’ < / p >
< p > Hope you like them!< / p >
< p > Here is a video that was made for the track Pingnu. It’ ’ < / p >
< iframe src = "https://player.vimeo.com/video/253819945" allow = "autoplay; fullscreen" allowfullscreen = "" width = "100%" height = "360px" frameborder = "0" > < / iframe >
< / div >
< / div >
< / section >
< / div >
< / div >
< / section >
< section class = "streambox" style = "padding: 40px;" >
< h2 style = "text-align: center;display: block;" > Get this release< / h2 >
< div class = "streamer" >
2020-08-02 16:02:22 +02:00
2020-08-02 16:21:00 +02:00
2020-08-02 09:07:18 +02:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target = "_blank" rel = "noopener" href = "https://shop.basspistol.com/album/unmet-dependencies" alt = "Stream from Bandcamp" title = "Stream from Bandcamp" class = "button small icon brands fa-bandcamp" > Bandcamp< / a >
2020-08-02 16:21:00 +02:00
2020-08-02 09:07:18 +02:00
< / div >
< p style = "text-align: center;display: block;margin-top:40px;" > Stream it, follow, like and subscribe!< / p >
< div class = "streamer" >
2020-08-02 16:02:22 +02:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target = "_blank" rel = "noopener" href = "https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" alt = "Stream from Spotify" title = "Stream from Spotify" class = "button small icon brands fa-spotify" > Spotify< / a >
2020-08-02 16:21:00 +02:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target = "_blank" rel = "noopener" href = "https://listen.tidal.com/album/149706362" alt = "Stream from Tidal" title = "Stream from Tidal" class = "button small icon brands fa-creative-commons-sampling" > Tidal< / a >
2020-08-02 09:07:18 +02:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Apple']);" target = "_blank" rel = "noopener" href = "https://music.apple.com/us/album/unmet-dependencies-single/1524841124?uo=4&app=music&at=1001lry3&ct=dashboard" alt = "Stream from Apple" title = "Stream from Apple" class = "button small icon brands fa-apple" > Apple< / a >
2020-08-02 16:21:00 +02:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target = "_blank" rel = "noopener" href = "https://www.deezer.com/us/album/162768022" alt = "Stream from Deezer" title = "Stream from Deezer" class = "button small icon brands fa-creative-commons-sampling" > Deezer< / a >
2020-08-02 09:07:18 +02:00
< / div >
< / section >
<!-- Tracks -->
< section class = "spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" style = "box-shadow: none;" >
< div class = "content" >
< h3 > Dependency Error< / h3 >
< p >
5:13
< br / > < strong > Cybersoul< / strong >
< br / > 2020< / p >
< ul class = "actions stacked" >
< li > < a href = "../albums/unmet-dependencies/1-dependency-error/" class = "button small icon solid fa-play" > Play< / a > < / li >
< / ul >
< / div >
< div class = "image" >
< img src = "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg" alt = "Dependency Error" / >
< / div >
< / section >
< section class = "spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
< div class = "content" >
< h3 > Pingnu< / h3 >
< p >
3:42
< br / > < strong > Cybersoul< / strong >
< br / > 2020< / p >
< ul class = "actions stacked" >
< li > < a href = "../albums/unmet-dependencies/2-pingnu/" class = "button small icon solid fa-play" > Play< / a > < / li >
< / ul >
< / div >
< div class = "image" >
< img src = "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.jpeg" alt = "Pingnu" / >
< / div >
< / section >
<!-- END Tracks -->
<!-- HERE ENDS MADNESS -->
< section class = "wrapper style1 align-center" >
< div class = "inner" >
< div class = "index align-left" >
<!-- Author -->
< section >
<!-- Content -->
< div class = "content" >
<!-- post Naviation -->
< div style = "text-align: center;" >
< h3 > Read more posts< / h3 >
< / div >
< div class = "post-nav" >
< div >
< h4 > < a href = "/live-with-hardware/" alt = "Read Live with hardware" title = "Read Live with hardware" > < i class = "fas fa-arrow-left" > < / i > < / a > < a href = "/live-with-hardware/" > Live with hardware< / a > < / h4 >
< p style = "margin-right: 20px" > There is a weird meta-core to anything social exchange on internet that I can't get my finger on. Assumptions and projections that I think partially stem from the lack in body language< / p >
< / div >
< div class = "post-nav-next" >
< / div >
< / div >
<!-- End Post Navigation -->
< / div >
< / section >
< / div >
< / div >
< / section >
<!-- Footer -->
< section class = "streambox" style = "padding: 40px;" >
< h2 style = "text-align: center;display: block;" > Get this release< / h2 >
< div class = "streamer" >
2020-08-02 16:02:22 +02:00
2020-08-02 16:21:00 +02:00
2020-08-02 09:07:18 +02:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target = "_blank" rel = "noopener" href = "https://shop.basspistol.com/album/unmet-dependencies" alt = "Stream from Bandcamp" title = "Stream from Bandcamp" class = "button small icon brands fa-bandcamp" > Bandcamp< / a >
2020-08-02 16:21:00 +02:00
2020-08-02 09:07:18 +02:00
< / div >
< p style = "text-align: center;display: block;margin-top:40px;" > Stream it, follow, like and subscribe!< / p >
< div class = "streamer" >
2020-08-02 16:02:22 +02:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target = "_blank" rel = "noopener" href = "https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" alt = "Stream from Spotify" title = "Stream from Spotify" class = "button small icon brands fa-spotify" > Spotify< / a >
2020-08-02 16:21:00 +02:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target = "_blank" rel = "noopener" href = "https://listen.tidal.com/album/149706362" alt = "Stream from Tidal" title = "Stream from Tidal" class = "button small icon brands fa-creative-commons-sampling" > Tidal< / a >
2020-08-02 09:07:18 +02:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Apple']);" target = "_blank" rel = "noopener" href = "https://music.apple.com/us/album/unmet-dependencies-single/1524841124?uo=4&app=music&at=1001lry3&ct=dashboard" alt = "Stream from Apple" title = "Stream from Apple" class = "button small icon brands fa-apple" > Apple< / a >
2020-08-02 16:21:00 +02:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target = "_blank" rel = "noopener" href = "https://www.deezer.com/us/album/162768022" alt = "Stream from Deezer" title = "Stream from Deezer" class = "button small icon brands fa-creative-commons-sampling" > Deezer< / a >
2020-08-02 09:07:18 +02:00
< / div >
< / section >
< footer id = "footer" class = "wrapper style1 align-center" >
< div class = "footflex" >
< div >
< h4 > 徒 setto セット< / h4 >
< p > Set, Party, Gang! # Cybersoul.
< br / > < a href = "mailto:setto@basspistol.com" > setto@basspistol.com< / a > < / p >
< / div >
< div >
< ul >
< li > < a href = "../" > Home< / a > < / li >
< li > < a href = "/discography/" > Discog< / a > < / li >
< li > < a href = "/log/" > Log< / a > < / li >
< li > < a href = "/about/" > About< / a > < / li >
< li > < a href = "/links/" > Links< / a > < / li >
< / ul >
< / div >
< div > < img src = "../images/setto-logo-dark.svg" style = "max-width:300px" alt = "徒 setto セット Logo" / > < / div >
< / div >
< div class = "inner" >
< ul class = "icons" >
< li > < a target = "_blank" alt = "徒 setto セット on Twitter" title = "徒 setto セット on Twitter" rel = "noopener" href = "https://twitter.com/ToSettoSetto" class = "icon brands style2 fa-twitter" > < span class = "label" > Twitter< / span > < / a > < / li >
< li > < a target = "_blank" alt = "徒 setto セット on Instagram" title = "徒 setto セット on Instagram" rel = "noopener" href = "https://www.instagram.com/tosettosetto/" class = "icon brands style2 fa-instagram" > < span class = "label" > Instagram< / span > < / a > < / li >
< li > < a target = "_blank" alt = "徒 setto セット on Telegram" title = "徒 setto セット on Telegram" rel = "noopener" href = "https://t.me/basspistol" class = "icon brands style2 fa-telegram" > < span class = "label" > Telegram< / span > < / a > < / li >
< li > < a target = "_blank" alt = "徒 setto セット on Reddit" title = "徒 setto セット on Reddit" rel = "noopener" href = "https://www.reddit.com/r/basspistol" class = "icon brands style2 fa-reddit" > < span class = "label" > Reddit< / span > < / a > < / li >
< / ul >
< p > © 2020 Basspistol | < a href = "../webcreds/" > Credits< / a > | < a href = "../cookies/" > Cookies & Privacy< / a > < / p >
< / div >
< / footer >
< / div >
<!-- Navigation -->
< div id = "logo" class = "logo" >
< a href = "/" > < img width = "100em" src = "/images/setto-logoicon.svg" alt = "徒 setto セット Logo" / > < / a >
< a href = "#navbar" onclick = "blurBody()" alt = "Navigation Menu" title = "Navigation Menu" > < span class = "icon solid fa-bars navmenu" > < / span > < / a >
< / div >
< div id = "navbar" style = "display: block;" class = "modalDialog" >
< a href = "#close" onclick = "removeBlur()" alt = "Close Menu" title = "Close Menu" > < div id = "closearea" > < / div > < / a >
< nav >
< a href = "#close" title = "Close" onclick = "removeBlur()" class = "close-button close" style = "margin: 0 auto;" > X< / a >
< ul >
< li > < a href = "../" class = "button smaller" > Home< / a > < / li >
< li > < a href = "../discography/" class = "button smaller" > Discog< / a > < / li >
< li > < a href = "../log/" class = "button smaller" > Log< / a > < / li >
< li > < a href = "../about/" class = "button smaller" > About< / a > < / li >
< li > < a href = "../links/" class = "button smaller" > Links< / a > < / li >
< / ul >
< / nav >
< / div >
<!-- End Navigation -->
<!-- Scripts -->
< script src = "../assets/js/jquery.min.js" > < / script >
< script src = "../assets/js/jquery.scrollex.min.js" > < / script >
< script src = "../assets/js/jquery.scrolly.min.js" > < / script >
< script src = "../assets/js/browser.min.js" > < / script >
< script src = "../assets/js/breakpoints.min.js" > < / script >
< script src = "../assets/js/util.js" > < / script >
< script src = "../assets/js/main.js" > < / script >
< script src = "../assets/js/set.js" > < / script >
< script type = "text/javascript" >
// html5media enables < video > and < audio > tags in all major browsers
// External File: http://api.html5media.info/1.1.8/html5media.min.js
// Add user agent as an attribute on the < html > tag...
// Inspiration: http://css-tricks.com/ie-10-specific-styles/
var b = document.documentElement;
b.setAttribute('data-useragent', navigator.userAgent);
b.setAttribute('data-platform', navigator.platform);
// HTML5 audio player + playlist controls...
// Inspiration: http://jonhall.info/how_to/create_a_playlist_for_html5_audio
// Mythium Archive: https://archive.org/details/mythium/
jQuery(function ($) {
var supportsAudio = !!document.createElement('audio').canPlayType;
if (supportsAudio) {
var index = 0,
playing = false,
mediaPath = '',
extension = '',
tracks = [{
"track": 1,
"name": "Dependency Error",
"length": "5:13",
"file": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error"
},{
"track": 2,
"name": "Pingnu",
"length": "3:42",
"file": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu"
}],
trackCount = tracks.length,
npAction = $('#npAction'),
npTitle = $('#npTitle'),
audio = $('#audio1').bind('play', function () {
playing = true;
npAction.text('Playing...');
}).bind('pause', function () {
playing = false;
npAction.text('Paused...');
}).bind('ended', function () {
npAction.text('Paused...');
if ((index + 1) < trackCount ) {
index++;
loadTrack(index);
audio.play();
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}).get(0),
btnPrev = $('#btnPrev').click(function () {
if ((index - 1) > -1) {
index--;
loadTrack(index);
if (playing) {
audio.play();
}
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}),
btnNext = $('#btnNext').click(function () {
if ((index + 1) < trackCount ) {
index++;
loadTrack(index);
if (playing) {
audio.play();
}
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}),
li = $('#plList li').click(function () {
var id = parseInt($(this).index());
if (id !== index) {
playTrack(id);
}
}),
loadTrack = function (id) {
$('.plSel').removeClass('plSel');
$('#plList li:eq(' + id + ')').addClass('plSel');
npTitle.text(tracks[id].name);
index = id;
audio.src = mediaPath + tracks[id].file + extension;
$('audio').attr("data-matomo-title", tracks[id].name);
},
playTrack = function (id) {
loadTrack(id);
audio.play();
};
extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
loadTrack(index);
}
});
< / script >
< div id = "cookie-notice" >
< p > I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. < br / > Click < a href = "#" id = "cookie-notice-decline" > here< / a > if you want this shit to go away without cookies. < br / > Read more about how me & basspistol < a href = "/cookies/" > use cookies< / a > < / p >
< a class = "button small yes" href = "#" id = "cookie-notice-accept" > I'm in!< / a >
< / div >
< script >
function createCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + value + expires + "; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length ; i + + ) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function eraseCookie(name) {
createCookie(name, "", -1);
}
if (readCookie('cookie-notice-dismissed') == 'wantCookies') {
//* Matomo Tag Manager *//
var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s);
//* End Matomo Tag Manager *//
} else {
document.getElementById('cookie-notice').style.display = 'flex';
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["disableCookies"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://terminalnetwork.matomo.cloud/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})();
}
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
document.getElementById('cookie-notice').style.display = 'none';
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["disableCookies"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://terminalnetwork.matomo.cloud/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})();
}
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
createCookie('cookie-notice-dismissed', 'wantCookies', 31);
document.getElementById('cookie-notice').style.display = 'none';
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
location.reload();
});
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
createCookie('cookie-notice-dismissed', 'dontWantCookies', 31);
document.getElementById('cookie-notice').style.display = 'none';
_paq.push(['trackEvent', 'Consent', 'dontWantCookie']);
location.reload();
});
// document.getElementById('cookie-notice-gimme').addEventListener("click", function () {
// createCookie('cookie-notice-dismissed', 'wantCookies', 31);
// document.getElementById('cookie-notice').style.display = 'none';
// location.reload();
// });
< / script >
< / body >
< / html >
