<!DOCTYPE html>
<html lang="en-us">

  <head>
  <link href="http://gmpg.org/xfn/11" rel="profile">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv="content-type" content="text/html; charset=utf-8">

  <!-- Enable responsiveness on mobile devices-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">

  <title>
    
      100hz &middot; Sebastian Krüger
    
  </title>

  <!-- Meta -->
  <meta name="author" value="Sebastian Krüger">
  <meta name="description" value="My name is Sebastian, i am a developer and music lover.">
  <meta name="keywords" value="Developer, DJ, Code, Music, Skateboard, Love">

  <!-- CSS -->
  <link rel="stylesheet" href="/css/main.css?bust=1519839738">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">

  <!-- JS -->
  <script defer src="https://use.fontawesome.com/releases/v5.0.4/js/all.js"></script>

  <!-- Icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-precomposed.png">
  <link rel="shortcut icon" href="/favicon.ico">

  <!-- RSS -->
  <link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
</head>


  <body>

    <!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
     styles, `#sidebar-checkbox` for behavior. -->
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox" checked>

<!-- Toggleable sidebar -->
<div class="sidebar" id="sidebar">
  <div class="sidebar-avatar">
    <a href="/">
      <img src="https://avatars2.githubusercontent.com/u/381831?v=3&s=460" alt="">
    </a>
  </div>
  <div class="sidebar-item sidebar-description">
    <p>My name is Sebastian, i am a <a target="_blank" href="https://github.com/100hz">developer</a> and <a target="_blank" href="https://soundcloud.com/100hz">music lover</a>.</p>
  </div>

  <nav class="sidebar-nav">
    <a class="sidebar-nav-item" href="/">Home</a>

    

    
    
      
        
      
    
      
        
      
    
      
        
          <a class="sidebar-nav-item" href="/about/">About</a>
        
      
    
      
    
      
    
      
    
      
        
          <a class="sidebar-nav-item" href="/iryoku/">Iryoku</a>
        
      
    
      
        
      
    
      
        
      
    
      
        
      
    
  </nav>

  <div class="sidebar-item">
    <ul class="sidebar-icons">
      <li><a target="_blank" href="https://github.com/100hz"><i class="fab fa-github fa-2x"></i></a></li>
      <li><a target="_blank" href="https://soundcloud.com/100hz"><i class="fab fa-soundcloud fa-2x"></i></a></li>
      <li><a target="_blank" href="https://www.npmjs.com/~100hz"><i class="fab fa-npm fa-2x"></i></a></li>
    </ul>
  </div>

  <div class="sidebar-item">
    <p>
      &copy; 2018. All rights reserved.
    </p>
  </div>
</div>


    <!-- Wrap is the content to shift when toggling the sidebar. We wrap the
         content to avoid any CSS collisions with our real content. -->
    <div class="wrap">
      <div class="masthead">
        <div class="container">
          <h3 class="masthead-title">
            <a href="/" title="Home">100hz</a>
            <small>Sebastian Krüger</small>
          </h3>
        </div>
      </div>

      <div class="container content">
        <div class="posts">
  
  <div class="post">
    <h1 class="post-title">
      <a href="/2018/02/28/technologism/">
        Technologism
      </a>
    </h1>

    <span class="post-date">28 Feb 2018</span>

    <p>Tomorrow i will start my new job at <a href="https://www.kaiser-x.com/">Kaiser X Labs</a>. I am kind of celebrating, so i created a new track. The drums are entirely sampled from HipHop tracks. I love this Techno style, like <a href="https://www.youtube.com/watch?v=k9EY1hzICz4">When i rock</a>. More tracks to come :)</p>
<iframe width="100%" height="300" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/460073976&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>

  </div>
  
  <div class="post">
    <h1 class="post-title">
      <a href="/2018/02/02/hiphop-dna/">
        HipHop DNA
      </a>
    </h1>

    <span class="post-date">02 Feb 2018</span>

    <p>These are 50 of my favourite american HipHop tracks and big part of my youth. The songs are not organized by coast, year or anything just collected and inhaled since 1997.</p>

<p><strong>Thank HipHop!!!</strong></p>

<iframe width="100%" height="450" src="https://www.youtube.com/embed/videoseries?list=PLmRj6686c8b1zZgBmZ-CC3hrpTeh3e9ZQ&amp;ecver=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>

  </div>
  
  <div class="post">
    <h1 class="post-title">
      <a href="/2017/12/12/aircast/">
        Aircast
      </a>
    </h1>

    <span class="post-date">12 Dec 2017</span>

    <p>This is an older project, but lets you synchronize an input stream (e.g. from Mopidy) and send it out to several <strong>AirPlay</strong> speakers. <a href="https://github.com/100hz/aircast">Aircast</a> and an <a href="https://github.com/100hz/aircast-ui">UI</a> for controlling it via its API are OpenSource, of course. This might be obsolete with <strong>AirPlay2</strong> in the future :)</p>

<p><img src="/img/aircast.gif?3" width="100%" /></p>

<p>Please check this awesome work and Aircast’s dependency: <a href="https://github.com/lperrin/node_airtunes">airtunes</a></p>

  </div>
  
  <div class="post">
    <h1 class="post-title">
      <a href="/2017/10/04/iryoku-v1-1-5/">
        Iryoku v1.1.5
      </a>
    </h1>

    <span class="post-date">04 Oct 2017</span>

    <p>I updated <strong>Iryoku</strong> to <strong>v1.1.5</strong> with <strong>iOS11 compatibility</strong> and <strong>Cordova security fix</strong>! Had to change the Google Play store identifier, because my harddrive was broken and the Android keystore got lost. Here the current store entries:</p>

<div class="store-badges">
<a class="google" href="https://play.google.com/store/apps/details?id=net.theblackestbox.Iryoku&amp;pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img alt="Get it on Google Play" src="https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png" /></a>

<a class="apple" href="https://geo.itunes.apple.com/us/app/iryoku/id643768347?mt=8" style="display:inline-block;overflow:hidden;background:url(http://linkmaker.itunes.apple.com/images/badges/en-us/badge_appstore-lrg.svg) no-repeat;width:165px;height:40px;" target="_blank"></a>
</div>

  </div>
  
  <div class="post">
    <h1 class="post-title">
      <a href="/2017/10/01/sympathy/">
        Sympathy
      </a>
    </h1>

    <span class="post-date">01 Oct 2017</span>

    <p>I am just cleaning up my GitHub repositories and found an old Flash animation of mine. It is a 3d piece created with PaperVision. I like it really much, so i want to keep it, also if Flash dies. Perhaps i can rework it with three.js and WebGL in the future… See it <a href="/sympathy">here</a></p>

<p><img src="/img/sympathy.png" width="100%" /></p>

  </div>
  
</div>

<div class="pagination">
  
    <a class="pagination-item older" href="/page2">Older</a>
  
  
    <span class="pagination-item newer">Newer</span>
  
</div>


      </div>
    </div>

    <label for="sidebar-checkbox" class="sidebar-toggle"></label>

    <script>
      (function(document) {
        var toggle = document.querySelector('.sidebar-toggle');
        var sidebar = document.querySelector('#sidebar');
        var checkbox = document.querySelector('#sidebar-checkbox');

        toggle.addEventListener('click', function(e) {
          var target = e.target;

          if(!checkbox.checked ||
             sidebar.contains(target) ||
             (target === checkbox || target === toggle)) return;

          checkbox.checked = false;
        }, false);
      })(document);
    </script>
  </body>
</html>
