setto.basspistol.com/about/index.html
2021-04-02 03:20:17 +00:00

520 lines
24 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE HTML>
<!--
Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license.
-->
<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>About | 徒settoセット</title>
<meta name="title" content="About | 徒settoセット" />
<meta name="description" content="WTF is 徒 setto セット and what does the funky characters mean? Why so cryptic and whodafuq?" />
<meta name="dc.date.modified" scheme="ISO8601" content="2021-03-30T14:01:09+02:00" />
<meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/about/" />
<link rel="alternate" hreflang="x-default" href="https://setto.basspistol.com/about/" />
<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 &copy;2021 徒settoセット." />
<meta name="dcterms.Subject" content="WTF is 徒 setto セット and what does the funky characters mean? Why so cryptic and whodafuq?" />
<meta name="dcterms.Title" content="About" />
<meta name="dcterms.Contributor" content="徒settoセット" />
<meta name="dcterms.Date" content="2021-03-30" />
<meta name="dcterms.Description" content="WTF is 徒 setto セット and what does the funky characters mean? Why so cryptic and whodafuq?" />
<!-- Facebook -->
<meta property="og:title" content="About | 徒settoセット" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="WTF is 徒 setto セット and what does the funky characters mean? Why so cryptic and whodafuq?" />
<meta property="og:url" content="https://setto.basspistol.com/about/" />
<meta property="og:site_name" content="徒settoセット" />
<meta property="og:type" content="webpage" />
<meta property="article:published_time" content="2021-03-30T14:01:09+02:00" />
<meta property="og:image" content="https://setto.basspistol.com/images/pages/creds.jpg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="About | 徒settoセット" />
<meta name="twitter:description" content="WTF is 徒 setto セット and what does the funky characters mean? Why so cryptic and whodafuq?" />
<meta name="twitter:image" content="https://setto.basspistol.com/images/pages/creds.jpg" />
<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","https://kolektiva.social/@setto","https://pixfed.com/tosettosetoo","https://www.facebook.com/徒-setto-セット-100627981795265"
],
"logo": "https://setto.basspistol.com/siteicon.png",
"image": "https://setto.basspistol.com/images/pages/creds.jpg",
"description": "Set, Party, Gang! #Cybersoul.",
"address": {
"@type": "PostalAddress",
"addressLocality": "Geneva",
"addressRegion": "CH-GE",
"postalCode": "1201",
"addressCountry": "Switzerland"
}
}
</script>
<link rel="alternate" type="application/rss+xml" href="https://setto.basspistol.com/feed.xml" title="徒settoセット" />
<!-- END seo.html -->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/colors-20201231.css" />
<link rel="stylesheet" href="../assets/css/main-20201231.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/noscripts-20201231.css" /></noscript>
<script src="../assets/js/jquery-3.5.1.min.js"></script>
<meta name="theme-color" content=""/>
</head>
<body>
<!-- Wrapper -->
<div id="main-wrapper">
<header class="hero" style="background-image: url(../images/pages/creds.jpg);">
<div class="imagecontainer">
<h4>About</h4>
</div>
<div class="splash">
<div class="splash-logo">
<a href="/"><img src="/images/setto-logoicon.svg" width="240px" alt="徒settoセット Logo" /></a>
</div>
<div class="description">
<h1>About</h1>
<p>WTF is 徒 setto セット and what does the funky characters mean? Why so cryptic and whodafuq?</p>
<p><a href="#read" class="button">👽 Saywhat?</a></p>
</div>
</div>
</header>
<section class="info" id="read">
<div class="info-pages">
<div class="container" data-cms-content-wrapper="/_layouts/page.html">
<h2 id="set-party-gang">Set, Party, Gang</h2>
<p>徒 setto セット is pronounced “To Setto Setto”. I am the brainchild of wtfcoucou incarnated by Sethybwoy. Initially abandoned, this project first made sense as the post VHS-video era came to be. Cypher-punk at core, induced by popcorn chewing threads in obscure chat-rooms, my music is ▓▓▓▓▓▓▓ and ▓▓▓▓▓▓▓▓▓▓!</p>
<p>The true identity of my meat-bag has been doxxed several times and by now its basically OSINT. Regardless, I dont like to talk about it, because who I am is not important. For all I care You could be Me! Personally I wish I was a program, a Secret Squirrel, or just a plain good old Talefjant… What matters is the music and i would never dare to come between you and your relationship to it. Because the music became yours from the moment it left my computer to go out on the World Wild Web.</p>
<p>Instead i like to talk about important things, like encryption, open protocols, memetic mythology, how to build a meshed-network or which autotune is best for GNU+Linux. For that i can be found on <a href="https://matrix.to/#/!YQcdVviFQNGYFMYrxD:matrix.org?via=matrix.org" target="_blank" rel="noopener noreferrer">matrix</a> and <a href="https://t.me/tosettosetto" target="_blank" rel="noopener noreferrer">telegram.</a> Or by encrypted email to setto@basspistol.com. (I rarely respond to emails if they arent <a href="https://keyserver.ubuntu.com/pks/lookup?search=setto%40basspistol.com&amp;fingerprint=on&amp;op=index&amp;fbclid=IwAR14bD84366bC6e3XNV6nYkOy7DCcm5cBgM6Jmp74xWpdKdWsx3QaR77O1Y" target="_blank" rel="noopener noreferrer">GPG</a> signed.)</p>
<p>I like to sing in french because its a dead language in Cyberspace. But it sounds lit and is quite functional for poetry. However, if I could I would probably sing in Haskell. At some point I will.</p>
<p>Hope you like my shit, or hate it for that matter! Just make sure you share it!</p>
</div>
</div>
</section>
<!-- Footer -->
<section class="streambox" id="support">
<h2>Support 徒settoセット</h2>
<p>Stream, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Audius']);" target="_blank" rel="noopener" href="https://audius.co/tosettosetto" title="Stream from Audius" class="icon fab fa-creative-commons-sampling"><span class="label">Audius</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'PeerTube']);" target="_blank" rel="noopener" href="https://v.basspistol.org/accounts/setto/video-channels" title="Stream from PeerTube" class="icon fab fa-youtube"><span class="label">PeerTube</span></a>
</div>
</section>
<section class="streambox" id="support">
<h2>I take bitcoin donations!</h2>
<div class="streamer" style="margin-top:0;">
<!-- BTC Pay -->
<script>if(!window.btcpay){ var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.src='https://node1.terminalb.tc:49393/modal/btcpay.js'; script.type = 'text/javascript'; head.append(script);}function onBTCPayFormSubmit(event){ var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { if(this.status == 200 && this.responseText){ var response = JSON.parse(this.responseText); window.btcpay.showInvoice(response.invoiceId); } } }; xhttp.open("POST", event.target.getAttribute('action'), true); xhttp.send(new FormData( event.target ));}</script>
<style type="text/css"> .btcpay-form { display: inline-flex; align-items: center; justify-content: center; } .btcpay-form--inline { flex-direction: row; } .btcpay-form--block { flex-direction: column; background-color: var(--fg); padding-top: 20px; border-radius: var(--border-radius); } .btcpay-form--inline .submit { margin-left: 15px; } .btcpay-form--block select { margin-bottom: 10px; } .btcpay-form .btcpay-custom-container{ text-align: center; }.btcpay-custom { display: flex; align-items: center; justify-content: center; } .btcpay-form .plus-minus { cursor:pointer; font-size:25px; line-height: 25px; background: var(--bg);color:var(--fg); height: 30px; width: 45px; border:none; border-radius: 60px; margin: auto 5px; display: inline-flex; justify-content: center; } .btcpay-form select { -moz-appearance: none; -webkit-appearance: none; appearance: none; color: var(--bg); background: transparent; border:1px solid transparent; display: block; padding: 1px; margin-left: auto; margin-right: auto; font-size: 1em; cursor: pointer; } .btcpay-form select:hover { border-color: #ccc; } #btcpay-input-price { -moz-appearance: none; -webkit-appearance: none; border: none; box-shadow: none; text-align: center; font-size: 25px; margin: auto; border-radius: 5px; line-height: 35px; background: #fff; } </style>
<!-- End BTC pay -->
<form method="POST" onsubmit="onBTCPayFormSubmit(event);return false" action="https://node1.terminalb.tc:49393/api/v1/invoices" class="btcpay-form btcpay-form--block">
<input type="hidden" name="storeId" value="FeM9np3QKxAB2PvLj3VeUcm6gV49hDyz8xz4DFceE41k" />
<input type="hidden" name="jsonResponse" value="true" />
<div class="btcpay-custom-container">
<div class="btcpay-custom">
<button class="plus-minus" onclick="event.preventDefault(); var price = parseInt(document.querySelector('#btcpay-input-price').value); if ('-' == '-' && (price - 1) < 1) { return; } document.querySelector('#btcpay-input-price').value = parseInt(document.querySelector('#btcpay-input-price').value) - 1;">-</button>
<input id="btcpay-input-price" name="price" type="text" min="1" max="100" step="1" value="10" style="width: 3em;" oninput="event.preventDefault();isNaN(event.target.value) || event.target.value <= 0 ? document.querySelector('#btcpay-input-price').value = 10 : event.target.value" />
<button class="plus-minus" onclick="event.preventDefault(); var price = parseInt(document.querySelector('#btcpay-input-price').value); if ('+' == '-' && (price - 1) < 1) { return; } document.querySelector('#btcpay-input-price').value = parseInt(document.querySelector('#btcpay-input-price').value) + 1;">+</button>
</div>
<select name="currency" style="text-align:center">
<option value="EUR" selected>EUR 💶</option>
<option value="CHF">CHF 💰</option>
<option value="USD">USD 💵</option>
<option value="GBP">GBP 💷</option>
<option value="BTC">BTC 🦄</option>
</select>
</div>
<input type="image" class="submit" name="submit" src="https://node1.terminalb.tc:49393/img/paybutton/pay.svg" style="width:209px;border:none;" alt="Pay with BtcPay, Self-Hosted Bitcoin Payment Processor">
</form>
</div>
</section>
<!-- Footer -->
<footer>
<div class="footframe">
<div>
<h3>徒settoセット</h3>
<p>Set, Party, Gang! #Cybersoul.</p>
<ul>
<li><a href="../">🏡 Home</a></li>
<li><a href="#support" >🌮 Support</a></li>
<li><a href="/discography" >💽 Music</a></li>
<li><a href="/log" >📰 Blog</a></li>
<li><a href="https://v.basspistol.org/accounts/setto/video-channels" target="_blank" rel="noopener"
>📹 Video</a></li>
<li><a href="/about/" >㊙️ About</a></li>
<li><a href="/links/" >🔗 Links</a></li>
<li><a href="https://matrix.to/#/!YQcdVviFQNGYFMYrxD:matrix.org" target="_blank" rel="noopener"
>👋 Chat</a></li>
</ul>
</div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon-footer.svg" alt="徒settoセット Logo" /></a></div>
<small>
<div style="text-align: center;">
<a target="_blank" alt="徒settoセット on Pleroma" title="徒settoセット on Pleroma" rel="noopener"
href="https://t.basspistol.org/setto" class="icon small fab fa-mastodon"><span class="label">Pleroma</span></a>
<a target="_blank" alt="徒settoセット on Telegram" title="徒settoセット on Telegram" rel="noopener"
href="https://t.me/tosettosetto" class="icon small fab fa-telegram"><span class="label">Telegram</span></a>
<a target="_blank" alt="徒settoセット on Reddit" title="徒settoセット on Reddit" rel="noopener"
href="https://www.reddit.com/r/basspistol" class="icon small fab fa-reddit"><span class="label">Reddit</span></a>
<a target="_blank" alt="徒settoセット on Peertube" title="徒settoセット on Peertube" rel="noopener"
href="https://v.basspistol.org/video-channels/tosettosetto/" class="icon small fab fa-youtube"><span class="label">Peertube</span></a>
<a target="_blank" alt="徒settoセット on Matrix" title="徒settoセット on Matrix" rel="noopener"
href="https://matrix.to/#/!YQcdVviFQNGYFMYrxD:matrix.org" class="icon small fab fa-connectdevelop"><span class="label">Matrix</span></a>
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text" rel="me"><span
class="label">Email</span></a>
</div>
<p>&copy;2021 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<br />This page was last updated on Tuesday, Mar 30, 2021</p>
</small>
</div>
</footer>
<!-- END Footer -->
</div>
<!-- END Wrapper -->
<!-- Navigation -->
<div id="sticky" class="logo">
<a id="logo" href="/"><img height="40px" src="/images/setto-logo.svg" alt="徒settoセット Logo" /></a>
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span
class="fas fa-bars navmenu"></span></a>
</div>
<div id="navbar" 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">X</a>
<ul>
<li><a href="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="#support" target="_blank" rel="noopener" onclick="removeBlur()" class="button">🌮 Support</a></li>
<li><a href="../discography" onclick="removeBlur()" class="button">💽 Music</a></li>
<li><a href="../log" onclick="removeBlur()" class="button">📰 Blog</a></li>
<li><a href="https://v.basspistol.org/accounts/setto/video-channels" target="_blank" rel="noopener" onclick="removeBlur()" class="button">📹 Video</a></li>
<li><a href="../about/" onclick="removeBlur()" class="button">㊙️ About</a></li>
<li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
<li><a href="https://matrix.to/#/!YQcdVviFQNGYFMYrxD:matrix.org" target="_blank" rel="noopener" onclick="removeBlur()" class="button">👋 Chat</a></li>
</ul>
</nav>
</div>
<!-- End Navigation -->
<div id="cookie-notice">
<p>
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about <a href="/cookies/"> how 徒settoセット use cookies</a>
</p>
<button class="button yes"
id="cookie-notice-accept">Ok</button>
</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 + "; domain=.basspistol.com" + expires + "; path=/;SameSite=Strict";
}
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') {
var _paq = window._paq = window._paq || [];
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setCookieDomain", "*.basspistol.com"]);
_paq.push(["setDomains", ["*.basspistol.org","*.basspistol.com","*.pauvrecoude.basspistol.com","*.paxnion.basspistol.com","*.radio.basspistol.com","*.sakrecoer.basspistol.com","*.sakrecoer.com","*.sethybowoy.basspistol.com","*.setto.basspistol.com","*.tfb.basspistol.com","*.v.basspistol.org"]]);
_paq.push(["enableCrossDomainLinking"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://terminalnetwork.matomo.cloud/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})();
} else {
document.getElementById('cookie-notice').style.display = 'flex';
//* Matomo *//
var _paq = window._paq = window._paq || [];
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setCookieDomain", "*.basspistol.com"]);
_paq.push(["setDomains", ["*.basspistol.org","*.basspistol.com","*.pauvrecoude.basspistol.com","*.paxnion.basspistol.com","*.radio.basspistol.com","*.sakrecoer.basspistol.com","*.sakrecoer.com","*.sethybowoy.basspistol.com","*.setto.basspistol.com","*.tfb.basspistol.com","*.v.basspistol.org"]]);
_paq.push(["enableCrossDomainLinking"]);
_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', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})();
//* End Matomo *//
}
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
document.getElementById('cookie-notice').style.display = 'none';
//* Matomo *//
var _paq = window._paq = window._paq || [];
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setCookieDomain", "*.basspistol.com"]);
_paq.push(["setDomains", ["*.basspistol.org","*.basspistol.com","*.pauvrecoude.basspistol.com","*.paxnion.basspistol.com","*.radio.basspistol.com","*.sakrecoer.basspistol.com","*.sakrecoer.com","*.sethybowoy.basspistol.com","*.setto.basspistol.com","*.tfb.basspistol.com","*.v.basspistol.org"]]);
_paq.push(["enableCrossDomainLinking"]);
_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', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})();
//* End Matomo *//
}
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
createCookie('cookie-notice-dismissed', 'wantCookies', 365);
document.getElementById('cookie-notice').style.display = 'none';
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
});
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
createCookie('cookie-notice-dismissed', 'dontWantCookies', 365);
document.getElementById('cookie-notice').style.display = 'none';
_paq.push(['trackEvent', 'Consent', 'dontWantCookie']);
});
// document.getElementById('cookie-notice-gimme').addEventListener("click", function () {
// createCookie('cookie-notice-dismissed', 'wantCookies', 31);
// document.getElementById('cookie-notice').style.display = 'none';
//
// });
</script>
<!-- Scripts -->
<script src="../assets/js/set-20201231.js"></script>
<!-- Transparent footer -->
<style>
#main-wrapper {
background-image: url(/images/pages/creds.jpg);
background-attachment: fixed;
background-size: cover;
}
</style>
</body>
</html>