https://skk.one

HASH b5f14c0258c4fa61ad7bd78f7f557622
This item was proven by @skk on 2023-07-10T08:25:33+00:00. (View all of @skk’s proofs.)
Evidence

This is a copy of the web page retrieved on 2023-07-10T08:25:33+00:00. Show the proof snippet.
<!DOCTYPE html>
<html><head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>~skk ❦</title>
    <!--<link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />-->
    <meta http-equiv="pragma" content="no-cache">
    <meta name="robots" content="all">
    <meta name="MSSmartTagsPreventParsing" content="true">
    <meta http-equiv="imagetoolbar" content="false">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="proof" content="proven1408a3">
    <link rel="stylesheet" href="font-awesome/css/all.min.css">
    <!--[if lt IE 9]>
	<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        
        body {
            background-color: #333;
        }
        
        h1 {
            color: #fff;
            font-family: Helvetica;
            font-size: 24px;
            line-height: 36px;
            margin-bottom: 30px;
            -webkit-font-smoothing: antialiased;
        }
        
        p {
            color: #fff;
            font-family: Helvetica;
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 22px;
            -webkit-font-smoothing: antialiased;
        }
        
        a {
            color: #fff;
            font-weight: bold;
            text-decoration: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        }
        
        a:hover {
            color: #990000;
            border-bottom: 1px solid rgba(255, 255, 255, 1);
        }
        
        #monogram {
            width: 50px;
            padding: 0;
            margin: 0 50px 0 auto;
            position: fixed;
            right: 142px;
            top: 50px;
        }
        
        #about {
            width: 400px;
            padding: 50px 0 0 30px;
            margin: 0 auto 0 50px !important;
        }
        
        @media (max-width: 767px) {
            #monogram {
                position: relative;
                width: auto;
                padding: 20px;
                margin: 0;
            }
            #about {
                position: relative;
                width: auto;
                padding: 20px;
                margin: 0 !important;
            }
            background-image {
                opacity: 0.2;
            }
        }
        
        ul#connect {
            white-space: nowrap;
            width: 400px;
            padding: 10px 0 0 20px;
            margin: 0 auto 0 50px !important;
        }
        
        #connect li {
            display: inline;
            list-style-type: none;
        }
        
        #connect a {
            text-decoration: none;
            padding: 3px 5px;
            border-style: none;
        }
        
        #connect a:link,
        #navlist a:visited {
            text-decoration: none;
            opacity: 0.5;
            border-style: none;
        }
        
        #connect a:hover {
            text-decoration: none;
            opacity: 0.9;
            border-style: none;
        }
        
        #connect img {
            border: none;
        }
        
        #connect i {
            font-size: 20px;
            line-height: 32px;
            margin-bottom: 28px;
            -webkit-font-smoothing: antialiased;
        }
        .img-circle {
						border-radius: 50%;
        }
    </style>
</head>

<body>
    <!-- swap out for a logo -->
    <div id="monogram"> <img class="img-circle" src="skk.jpg"> </div>
    <!-- swap out for information about yourself -->
    <div id="about">
        <h1>~skk ❦</h1>
        <p>Sharp. Intelligent. Cold-blooded. Ruthless. I void warranties. — Sutor, ne ultra crepidam — κάτι τρέχει στα γύφτικα<br>
		And I'm all outta gum.</p>
    </div>

    <ul id="connect">
        <li><a target="_blank" href="https://www.almaren.ch/" title="Almaren (personal website)"><i class="fad fa-anchor"></i></a></li>
        <li><a target="_blank" href="https://www.sergekeller.ch/" title="Serge K. Keller (professional website)"><i class="fad fa-briefcase"></i></a></li>
        <li><a target="_blank" href="https://www.sergekeller.ch/theatre" title="Serge K. Keller (stage theatre webpage)"><i class="fad fa-theater-masks"></i></a></li>
        <li><a target="_blank" href="http://homeweb.unifr.ch/kellers/pub/" title="Serge K. Keller (academic webpage)"><i class="fad fa-university"></i></a></li>
		<li><a target="_blank" href="https://www.fleuron.ch/" title="Fleuron❦ (personal communication agency)"><i class="fad fa-flower"></i></a></li>
		<li><a target="_blank" href="gopher://port70.ch/" title="~skk gopherhole (personal gopherspace)"><i class="fad fa-squirrel"></i></a></li>
	</ul>
	
    <ul id="connect">
		<li><a rel="me" target="_blank" href="https://t2.social/skk" title="T2"><i class="fad fa-dove"></i></a></li>
		<li><a rel="me" target="_blank" href="https://bsky.app/profile/skk.one" title="Bluesky"><i class="fad fa-cloud-rainbow"></i></a></li>
		<li><a rel="me" target="_blank" href="https://mastodon.social/@citizenk" title="Mastodon"><i class="fab fa-mastodon"></i></a></li>
		<li><a rel="me" target="_blank" href="https://spoutible.com/skk" title="Spoutible"><i class="fad fa-whale"></i></a></li>
		<!--<li><a target="_blank" href="https://twitter.com/citizenk" title="Twitter"><i class="fab fa-twitter"></i></i></a></li>-->
		<li><a target="_blank" href="https://www.instagram.com/centvues" title="Instagram"><i class="fab fa-instagram"></i></a></li>
		<li><a target="_blank" href="https://www.facebook.com/sergekeller" title="Facebook"><i class="fab fa-facebook"></i></a></li>
    </ul>
	
	<ul id="connect">
		<li><a rel="me" target="_blank" href="https://bookwyrm.social/user/citizenk" title="BookWyrm"><i class="fad fa-books"></i></a></li>
		<li><a target="_blank" href="https://letterboxd.com/citizenk/" title="Letterboxd"><i class="fad fa-film"></i></a></li>
	</ul>
        
        <ul id="connect">
        <li><a target="_blank" href="https://www.linkedin.com/in/sergekeller/" title="LinkedIn"><i class="fab fa-linkedin"></i></a></li>
        <li><a target="_blank" href="https://my.indeed.com/p/sergekk-yldc7gn" title="Indeed"><i class="fad fa-info"></i></a></li>
        <li><a target="_blank" href="https://muckrack.com/skk" title="Muck Rack"><i class="fad fa-newspaper"></i></a></li>
        <li><a target="_blank" href="https://www.xing.com/profile/SergeK_Keller" title="Xing"><i class="fab fa-xing"></i></a></li>
        <!--<li><a target="_blank" href="https://linktr.ee/citizenk" title="linktree"><i class="fad fa-tree"></i></a></li>-->
		<li><a target="_blank" href="https://linksta.cc/@skk" title="LinkStack"><i class="fad fa-layer-group"></i></a></li>
    </ul>
   
<div id="about">   
<p>Do you remember the <a target="_blank" href="http://www.geekcode.xyz/" title="The Code of the Geeks">Geek Code</a>?<br>
FWIW, here's mine:</p>
<p>
<code>
-----BEGIN GEEK CODE BLOCK-----<br>
Version: 3.12<br>
GAT d--(+) s++:++ a++<br>
C++(++++)$ UL++++@ P(+) L++(+)&gt;+++ E- W+++$ N* o+ K w@$ !O M+&gt;$ !V<br>
PS++@ PE@ Y+(++) PGP+<br>
t+@ 5++ X-@ R@ !tv b+++(++++)&gt;$ !DI D--- G+<br>
e* h+ r% y+<br>
------END GEEK CODE BLOCK----
</code>
</p>
</div>

	<!--
	<li><a target="_blank" href="http://www.science-journalism.ch/membres/skeller/profile" title="Serge K. Keller (Swiss Science Journalists Association profile)"><i class="fa fa-5x fa-flask"></i></a></li>
	-->
	<!--
	<li><a target="_blank" href="https://mewe.com/i/skk" title="MeWe (social website)"><i class="fa fa-5x fa-users"></i></a></li>
        -->
	<!--
	<li><a target="_blank" href="https://mammouth.cafe/@skk" title="Mammouth Café (social website)"><i class="fa fa-5x fa-coffee"></i></a></li>
	-->
        <!--
	<li><a target="_blank" href="https://unifr.academia.edu/skeller" title="Academia.edu"><i class="fa fa-5x fa-graduation-cap"></i></a></li>
	-->
	<!--
        <li><a target="_blank" href="https://keybase.io/citizenk" title="Keybase"><i class="fa fa-5x fa-key"></i></a></li>
	-->




	<!--
    <li><a target="_blank" href="https://subreply.com/skk" title="Subreply"><i class="fa fa-5x fa-bolt"></i></a></li>
  -->
	
        
	<!--
        <li><a target="_blank" href="https://medium.com/@citizenk" title="Medium"><i class="fa fa-5x fa-medium"></i></a></li>
	-->
	<!--
        <li><a target="_blank" href="https://vimeo.com/serkel" title="Vimeo"><i class="fa fa-5x fa-vimeo"></i></a></li>
	-->

	<!--
        <li><a target="_blank" href="https://about.me/skeller" title="About.me"><i class="fa fa-5x fa-id-card"></i></a></li>
	-->
        <!--
	<li><a target="_blank" href="https://news.ycombinator.com/user?id=citizenk" title="Hacker News"><i class="fa fa-5x fa-hacker-news"></i></a></li>
        -->
        <!--
	<li><a target="_blank" href="https://soundcloud.com/radiofreealbemuth" title="SoundCloud"><i class="fa fa-5x fa-soundcloud"></i></a></li>
        -->
    
<!--
    <ul id="connect"> -->
      <!--
        <li><a target="_blank" href="https://www.goodreads.com/citizenk" title="Goodreads"><i class="fa fa-5x fa-book"></i></a></li>
      -->
      <!--
        <li><a target="_blank" href="https://www.librarything.com/profile/citizenk" title="LibraryThing"><i class="fa fa-5x fa-archive"></i></a></li>
      -->
        <!--
        <li><a target="_blank" href="https://zoolemag.com/membre/lordmachin" title="Zoo le Mag"><i class="fa fa-5x fa-comment"></i></a></li>
        <li><a target="_blank" href="https://www.discogs.com/fr/user/citizenk" title="Discogs"><i class="fa fa-5x fa-music"></i></a></li>
        <li><a target="_blank" href="https://trakt.tv/users/lordmachin" title="Trakt.tv"><i class="fa fa-5x fa-tv"></i></a></li>
        -->
      <!--
        <li><a target="_blank" href="https://www.metafilter.com/user/127325" title="MetaFilter"><i class="fa fa-5x fa-filter"></i></a></li>
      -->
      <!--  
        <li><a target="_blank" href="https://upcoming.org/@citizenk" title="Upcoming"><i class="fa fa-5x fa-calendar"></i></a></li>
      -->

        <!--
	<li><a target="_blank" href="https://huffduffer.com/citizenk" title="Huffduffer"><i class="fa fa-5x fa-headphones"></i></a></li>
	-->

        <!--
	<li><a target="_blank" href="https://getpocket.com/@citizenk" title="Pocket"><i class="fa fa-5x fa-get-pocket"></i></a></li>
        -->
	<!--
	<li><a target="_blank" href="https://refind.com/citizenk?invite=AhsIPx0yOD" title="Refind"><i class="fa fa-5x fa-bullseye"></i></a></li>
        -->

    <!--
    </ul>
    -->

    <!--include jquery & backstretch-->
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.backstretch.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $(window).resize(function () {
                if ($(this).width() >= 767) {
                    $.backstretch("bg.jpg", {
                        speed: 150
                    });
                }
            }).resize(); //trigger resize on page load
        });
    </script>


<div class="backstretch" style="left: 0px; top: 0px; overflow: hidden; margin: 0px; padding: 0px; height: 600px; width: 785px; z-index: -999999; position: fixed;"><div class="backstretch-item" style="position: absolute; margin: 0px; padding: 0px; border: none; width: 100%; height: 100%; z-index: -999999;"><img alt="" src="bg.jpg" style="position: absolute; margin: 0px; padding: 0px; border: none; width: 900.22px; height: 600px; max-width: none; inset: 0px auto auto -57.6099px;"></div></div></body></html>