2020-07-27 10:06:21 +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 >
< link type = "application/atom+xml" rel = "alternate" href = "https://setto.basspistol.com/feed.xml" title = "" / >
<!--
..............................................
..............................................
...........'';,...............................
.........'',,;: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 > Darkweb | 徒 setto セット< / title >
< meta name = "title" content = "Darkweb | 徒 setto セット" / >
< meta name = "description" content = "As dystopian as the present might seem on-line, there is always room for the strange in the cypher..." / >
< meta name = "dc.date.modified" scheme = "ISO8601" content = "2020-07-27T08:03:40+00:00" / >
< meta name = "robots" content = "index" / >
< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" / >
< link rel = "canonical" href = "https://setto.basspistol.com/darkweb/" / >
< link rel = "alternate" hreflang = "x-default" href = "https://setto.basspistol.com/darkweb/" / >
< 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 = "As dystopian as the present might seem on-line, there is always room for the strange in the cypher..." / >
< meta name = "dcterms.Title" content = "Darkweb" / >
< meta name = "dcterms.Contributor" content = "徒 setto セット" / >
< meta name = "dcterms.Date" content = "2020-07-27" / >
< meta name = "dcterms.Description" content = "As dystopian as the present might seem on-line, there is always room for the strange in the cypher..." / >
<!-- Facebook -->
< meta property = "og:title" content = "Darkweb | 徒 setto セット" / >
< meta property = "og:locale" content = "en" / >
< meta property = "og:description" content = "As dystopian as the present might seem on-line, there is always room for the strange in the cypher..." / >
< meta property = "og:url" content = "https://setto.basspistol.com/darkweb/" / >
< meta property = "og:site_name" content = "徒 setto セット" / >
< meta property = "og:type" content = "webpage" / >
< meta property = "article:published_time" content = "2020-07-27T08:03:40+00:00" / >
< meta property = "og:image" content = "https://setto.basspistol.com/images/posts/2-darkweb-instrumental-.jpeg" / >
<!-- Twitter Card -->
< meta name = "twitter:card" content = "summary" / >
< meta name = "twitter:title" content = " | 徒 setto セット" / >
< meta name = "twitter:description" content = "As dystopian as the present might seem on-line, there is always room for the strange in the cypher..." / >
< meta name = "twitter:image" content = "https://setto.basspistol.com/images/posts/2-darkweb-instrumental-.jpeg" / >
< script type = 'application/ld+json' >
{
"@context": "http://www.schema.org",
"@type": "Organization",
"name": "徒 setto セット",
"url": "https://setto.basspistol.com",
"sameAs": [
"https://twitter.com/ToSettoSetto","https://instagram.com/ToSettoSetto"
],
"logo": "https://setto.basspistol.com/images/setto-logo.svg",
"image": "https://setto.basspistol.com/images/setto-logo.svg",
"description": "Set, Party, Gang! # Cybersoul.",
"address": {
"@type": "PostalAddress",
"addressLocality": "Geneva",
"addressRegion": "CH-GE",
"postalCode": "1201",
"addressCountry": "Switzerland"
}
}
< / script >
<!-- END seo.html -->
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1, user-scalable=yes" / >
2020-07-27 10:12:48 +02:00
< link rel = "stylesheet" href = "../assets/css/main20200727.css" / >
2020-07-27 10:06:21 +02:00
< 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" / >
2020-07-27 10:12:48 +02:00
< noscript > < link rel = "stylesheet" href = "../assets/css/noscript20200727.css" / > < / noscript >
2020-07-27 10:06:21 +02:00
< / 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" > Darkweb< / h1 >
< p > As dystopian as the present might seem on-line, there is always room for the strange in the cypher...< / p >
< ul class = "actions stacked" >
< li > < a href = "#moe" class = "button small smooth-scroll" > cheggit!< / a > < / li >
< / ul >
< / div >
< div class = "image" >
< img src = "../images/posts/2-darkweb-instrumental-.jpeg" alt = "Darkweb" 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
7:th
of
February
2019
< / 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/darkweb/&quote=Darkweb%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/darkweb/&text=Darkweb%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/darkweb/&text=Darkweb%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/darkweb/&title=Darkweb%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" > Swipe< / div >
< div class = "plLength" > 4:41< / div >
< / div >
< / li >
< li >
< div class = "plItem" >
< div class = "plNum" > 2.< / div >
< div class = "plTitle" > Darkweb< / div >
< div class = "plLength" > 4:45< / div >
< / div >
< / li >
< li >
< div class = "plItem" >
< div class = "plNum" > 3.< / div >
< div class = "plTitle" > Swipe (Instrumental)< / div >
< div class = "plLength" > 4:42< / div >
< / div >
< / li >
< li >
< div class = "plItem" >
< div class = "plNum" > 4.< / div >
< div class = "plTitle" > Darkweb (Instrumental)< / div >
< div class = "plLength" > 4:44< / 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/darkweb/1-swipe.mp3" target = "_blank" rel = "noopener" > Swipe < / a > < / div >
< div class = "plLength" > 4:41< / div >
< / div >
< div class = "plItem" >
< div class = "plNum" > 2.< / div >
< div class = "plTitle" > < a href = "https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.mp3" target = "_blank" rel = "noopener" > Darkweb < / a > < / div >
< div class = "plLength" > 4:45< / div >
< / div >
< div class = "plItem" >
< div class = "plNum" > 3.< / div >
< div class = "plTitle" > < a href = "https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.mp3" target = "_blank" rel = "noopener" > Swipe (Instrumental) < / a > < / div >
< div class = "plLength" > 4:42< / div >
< / div >
< div class = "plItem" >
< div class = "plNum" > 4.< / div >
< div class = "plTitle" > < a href = "https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.mp3" target = "_blank" rel = "noopener" > Darkweb (Instrumental) < / a > < / div >
< div class = "plLength" > 4:44< / div >
< / div >
< / div >
< / div >
< div class = "content editable" style = "font-family: monospace;font-size: 16px;margin-top:60px;" data-cms-source = "/_layouts/post.html" data-cms-index = "3" data-cms-content-wrapper = "/_layouts/post.html" >
< p > As dystopian as the present might seem on-line, there is always room for the strange in the cypher.< / p >
< p > At the end of the tunnel through the flashy but controlled cyberspace we call the “Internet”, there is a light of hope for the underground.< / p >
< p > Cover-art by < a href = "https://ritarn.com/" target = "_blank" rel = "noopener" > Mattias “Ritarn” Lindström< / a > < / p >
< / div >
< / div >
< / section >
< / div >
< / div >
< / section >
< section class = "streambox" style = "padding: 40px;" >
< h3 style = "text-align: center;display: block;" > Get this release< / h3 >
< div class = "streamer" >
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target = "_blank" rel = "noopener" href = "https://shop.basspistol.com/album/darkweb" alt = "Stream from Bandcamp" title = "Stream from Bandcamp" class = "button icon brands fa-bandcamp" > Bandcamp< / a >
< / div >
< p style = "text-align: center;display: block;margin-top:40px;" > Stream it, follow, like and subscribe!< / p >
< div class = "streamer" >
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" style = "flex: 0 0 75px;margin:10px; font-size: 75px;" target = "_blank" rel = "noopener" href = "https://open.spotify.com/album/0meSZO7BeGoHJc6BWnRvhN" alt = "Stream from Spotify" title = "Stream from Spotify" class = "icon style2 brands fa-spotify" > < span class = "label" > Spotify< / span > < / a >
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" style = "flex: 0 0 75px;margin:10px; font-size: 75px;" target = "_blank" rel = "noopener" href = "https://itunes.apple.com/us/album/darkweb-single/1449847586" alt = "Stream from Apple Music" title = "Stream from Apple Music" class = "icon style2 brands fa-apple" > < span class = "label" > Apple Music< / span > < / a >
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" style = "flex: 0 0 75px;margin:10px; font-size: 75px;" target = "_blank" rel = "noopener" href = "https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Darkweb?id=Bcrzzrtj7yfcyladynit7hg4age" alt = "Stream from Google Play" title = "Stream from Google Play" class = "icon style2 brands fa-google-play" > < span class = "label" > Google Play< / span > < / a >
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" style = "flex: 0 0 75px;margin:10px; font-size: 75px;" target = "_blank" rel = "noopener" href = "https://www.deezer.com/fr/album/84669482" alt = "Stream from Deezer" title = "Stream from Deezer" class = "icon style2 brands fa-creative-commons-sampling" > < span class = "label" > Deezer< / span > < / a >
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Napster']);" style = "flex: 0 0 75px;margin:10px; font-size: 75px;" target = "_blank" rel = "noopener" href = "https://us.napster.com/artist/-setto-/album/darkweb-single" alt = "Stream from Napster" title = "Stream from Napster" class = "icon style2 brands fa-napster" > < span class = "label" > Napster< / span > < / a >
< / 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 > Swipe< / h3 >
< p >
4:41
< br / > < strong > Cyber Soul< / strong >
< br / > 2019< / p >
< ul class = "actions stacked" >
< li > < a href = "../albums/darkweb/1-swipe/" class = "button" > Track< / a > < / li >
< / ul >
< / div >
< div class = "image" >
< img src = "https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.jpeg" alt = "Swipe" / >
< / div >
< / section >
< section class = "spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
< div class = "content" >
< h3 > Darkweb< / h3 >
< p >
4:45
< br / > < strong > Cypher Rap< / strong >
< br / > 2019< / p >
< ul class = "actions stacked" >
< li > < a href = "../albums/darkweb/2-darkweb/" class = "button" > Track< / a > < / li >
< / ul >
< / div >
< div class = "image" >
< img src = "https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.jpeg" alt = "Darkweb" / >
< / div >
< / section >
< section class = "spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" >
< div class = "content" >
< h3 > Swipe (Instrumental)< / h3 >
< p >
4:42
< br / > < strong > Cyber Soul< / strong >
< br / > 2019< / p >
< ul class = "actions stacked" >
< li > < a href = "../albums/darkweb/3-swipe-instrumental-/" class = "button" > Track< / a > < / li >
< / ul >
< / div >
< div class = "image" >
< img src = "https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.jpeg" alt = "Swipe (Instrumental)" / >
< / div >
< / section >
< section class = "spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
< div class = "content" >
< h3 > Darkweb (Instrumental)< / h3 >
< p >
4:44
< br / > < strong > Cypher Rap< / strong >
< br / > 2019< / p >
< ul class = "actions stacked" >
< li > < a href = "../albums/darkweb/4-darkweb-instrumental-/" class = "button" > Track< / a > < / li >
< / ul >
< / div >
< div class = "image" >
< img src = "https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.jpeg" alt = "Darkweb (Instrumental)" / >
< / 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 = "/satoshi-mon-ami/" alt = "Read Satoshi Mon Ami" title = "Read Satoshi Mon Ami" > < i class = "fas fa-arrow-left" > < / i > < / a > < a href = "/satoshi-mon-ami/" > Satoshi Mon Ami< / a > < / h4 >
< p style = "margin-right: 20px" > The 2 tracks of laid back cloud rap are tales of daily digital life-struggles. When day-to-day communication blurs the line between the virtual and real.< / p >
< / div >
< div class = "post-nav-next" >
< h4 > < a href = "/cyber-grany/" > Granny is a cyborg now< / a > < a href = "/cyber-grany/" alt = "Read Granny is a cyborg now" title = "Read Granny is a cyborg now" > < i class = "fas fa-arrow-right" > < / i > < / a > < / h4 >
< p style = "margin-left: 20px" > Jazzy Cybersoul with a hint of 303 baselines.< / p >
< / div >
< / div >
<!-- End Post Navigation -->
< / div >
< / section >
< / div >
< / div >
< / section >
<!-- Footer -->
< footer id = "footer" class = "wrapper style1 align-center" >
< div class = "footflex" >
< div >
< h4 > 徒 setto セット< / h4 >
< p > Set, Party, Gang! # Cybersoul.
< br / > < a href = "mailto:" > < / 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 = " 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": "Swipe",
"length": "4:41",
"file": "https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe"
},{
"track": 2,
"name": "Darkweb",
"length": "4:45",
"file": "https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb"
},{
"track": 3,
"name": "Swipe (Instrumental)",
"length": "4:42",
"file": "https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-"
},{
"track": 4,
"name": "Darkweb (Instrumental)",
"length": "4:44",
"file": "https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-"
}],
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 >
