<!--

                             . .  IMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM                        
                        .IMMMMMMMMMMMMMM8I            .  ...  .          =MMMM                     
                    :MMMMMMMMMZ .       7MMMMZ   .         7MD .            IMMD .                 
                 MMMMM. .     .            .      .~           .M,  .         MMM .                
              MMMM,   N.  .IDMMMO777ZNMMMMMO               =MM   . M:.         NMM.                
          . ZMMM        .                      .  :7NMMDI=    . MM   IM         MMM                
           MMM           IMM77IDMMM,           . M8         ..MM   M   ,N        MMM               
           M8         M                         M .               M  ,O . 7.      MM               
          .M8        D            ,.          ...                   M  7           MM              
          MM.       7              =            .      ~MMMMMN,       .            7MM             
         MMM       ..              N.              MMMMMMMMMMMMMMMO.                MMM            
       .MMM            MMMMMMMMM+.              ZMMMZ   $MMMMMMMMMMM..               MMM           
      MMMD. .      ..ZMMM78MMMMMMMMM           MMM. .. DMMMMMMMMMMM8MM  MM7        . OMMMM .       
     MMM  MM:. .       MMMMMMMMMMMMMMMMM      IMM   MMMMMMO    .DMMMMM..  .        .  +O MMM.      
   .MMM ?D                       OMMMMM       .,MMMMM+     MM              MMMMMMMM.     ?.MM..    
   MMM M :M. .7M8                  MM             .         MMMN    .. =MMMMM.  . :MMM    :.MMM.   
   MMM.  8. MMMMMMMMMZ.            MM                         MMMMMMMMMMMM~   M      MM.     MM$   
  .MMOM  M .   ..   MMMMMM$     . MMM                                     .   MM     .MM      MM   
   NMMM  M      8M  O88I        MMMM             7~ .                  . .:MMMMMM     MM      MM   
    MMM  $ .    MM     .      MMM~             ~MMMMMMM                MMMMM=.7MMMM   MM   .  MM   
    NM7I   M   MMM:         MMMMM                   MM             MMMMMM  .  MMMZMMM.MM. 8   MM   
     MM MM   .+MMMM      =M  M,MMD        MMMMMMM  $MM         DMMMMMM..     ZMM.   .MM  .8..MMM.  
      MM?  :M MMMMMM .. .     .  MM .  .     .    MMM     .MMMMMMMI=MM      MMMM     M   N  MMM    
      .MM     MMMMMMMMM           8MMMM             .ZMMMMMM?  .   MMM. ,MMMMMM      . =.  MMM     
       MMM.   MMMM MMMMMMM8   .     MM  .     :MMMMMMMMM          NMMMMMMMMMMM          .MMM.      
       .MM   IMMM= MM   ?MMMMMMMMMMMMMMMMMMMMMMM8   . MM     .  MMMMMMM . MMN         8 MM8        
        MM   7MMM  MM   .MM     $MMMMM7  .MM..       .MM.  MMMMMMMMMMD.  MM~          MMM          
        7M ..=MMMMMMM?. MMI      MMM      MM        . ?MMMMMMMMMM  MM  .MMI .        MMM.          
         M=   MMMMMMMMMMMMMMN~  .8M=      MM    7MMMMMMMMMMMM,     MM8MMM          .,MM            
         M=   MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM8          MMMM .          MM.            
        =M    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM+   8MM         MMM$            MM              
       .8M.   MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM          MM .    =MMMM.            7MM.             
        MM     MM.MM  MM.ZMMMM7=MMMM   .    MM          ZMM   MMMMM              MMM.              
        MM      MMZMM ~MM  MMM  ..~MM       MM           MMMMMMM  .            $MM$                
        MM      ~MMM,  MMM  MM=.   MM       MM         MMMMMMZ     .M7  .MM  ~MMM                  
       ,MM        MMMMMMMMD. MM    MM       MMO~.7MMMMMMMM=..   NM..  MM   DMMM                    
       MMI         .  =MMMMMMMMMMMMMMMMMMMMMMMMMMMMMM~.     .M?.  ,MM   =MMMM                      
       MM.        D.     .      ..       .   .  .        .M= . ZMD  . MMMM                         
       MM.   M     M .       .8MMMMMMMMMMMMM.         MZ   MM? .  =MMMM                            
       MM.   I      .MM                   ...   .MM=  .MM.     ZMMMM                               
       MM     ,N        . ,+777- -,   ...        ?MM        MMMMM                                  
       MM.       MMO. ..        . .    . 7MO   .        ?MMMM                                      
       MMZ           .. .==~=. . .                    MMMM.                                        
        MM                                    .  . MMMM                                            
         MMM ..                           MMMMMMMMMM                                               
          .MMM7                      ZMMMMMMMMN:                                                   
             DMMMMMMMMMMMMMMMMMMMMMMMM?  . .                                                       
             .   7MMMMMMMMMMMMZ.   . ..                                                            

-->

<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<title>siri.us</title>
<link rel="stylesheet" type="text/css" href="per.css">
<link href='http://fonts.googleapis.com/css?family=Lato|Uncial+Antiqua|Slabo+27px' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="icon" type="image/x-icon" href="illusions/purple-cat.ico" />
<script type="text/javascript" src="sorcery/instafeed.min.js"></script>
<script type="text/javascript" src="sorcery/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
var contentItems,
    prevItem;

function calculateOffsets() {
  contentItems = $('section').map(function (i) {
      return $(this).offset().top;
  }).get();
}

function updateNav() {
    if(contentItems)
      handleScrollNavigation();
}

$(window).load(function() {
    calculateOffsets();
    updateNav();
});

function handleScrollNavigation () {
    var pageHeight = $(window).height();
    var scroll = $(window).scrollTop() + 1,
        activeItem;

    for (var n = 0; n < contentItems.length && scroll > contentItems[n]; n++);
    activeItem = n - 1;

    if (activeItem != prevItem) {
        $('header li a').removeClass('active');
        $('header li a:eq(' + activeItem + ')').addClass('active');
        prevItem = activeItem;
    }
};

$(document).ready(function() {
  $(window).resize(calculateOffsets);
  $(window).resize(updateNav);
  updateNav();

	var $root = $('html, body');
	$('a').click(function() {
		var href = $.attr(this, 'href');
		$root.animate({
			scrollTop: $(href).offset().top
		}, 500, function () {
			window.location.hash = href;
		});
		return false;
	});

  $('header li a').click(function(e) {
    $('header li a').removeClass('active');
    $(e.target).addClass('active');
  });

  $(window).scroll(function(){
    updateNav();
    if ($(this).scrollTop() > 300) {
      $('header').addClass('small');
      } else {
        $('header').removeClass('small');
      }
  });
});
</script>
</head>
<body>

<header>
<ul>
	<li><a href="#cover" class="active"><span class="fa fa-star"></span></a></li>
	<!--<li><a href="#design">Design</a></li>-->
	<li><a href="#photography">Photography</a></li>
	<li><a href="#writing">Writing</a></li>
</ul>
</header>

<section id="cover">
	<div class="content layer" data-depth="0.00">
		<h1>Sirius Business</h1>
		<div id="contact">
			<ul>
				<li><a href="https://twitter.com/marttimalmi"><span class="fa fa-twitter"></span></a></li>
				<li><a href="https://www.facebook.com/mmalmi"><span class="fa fa-facebook"></span></a></li>
				<li><a href="https://www.linkedin.com/in/marttimalmi"><span class="fa fa-linkedin"></span></a></li>
        <li><a href="https://github.com/mmalmi"><span class="fa fa-github"></span></a></li>
				<li><a href="mailto:sirius@iki.fi"><span class="fa fa-at"></span></a></li>
			</ul>
		</div>
	</div>
</section>

<section id="photography">
<h1>Photography <small>&mdash; AFK screenshots</small></h1>
<div id="instafeed"></div>
</section>

<!--<section id="design">
<h1>Design <small>is the meaning of life</small></h1>
<div></div>
</section> -->

<section id="writing">
<h1>Writing <small>is a art</small></h1>

<div>
<a class="twitter-timeline" href="https://twitter.com/marttimalmi" data-widget-id="592795935392030721">Twiittejä käyttäjältä @marttimalmi</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>

<p>
<a href="http://speedtest.10fastfingers.com"><img src="illusions/1_wpm_score_DK.png" alt="Typing Test Score"></a>
</p>

<p>
<a href="http://siriusbisnes.blogspot.fi">Blog: Sirius Business (in Finnish)</a>
</p>

</section>

<footer>
<!--<p>
"Man who <span class="spoiler">puts dick in peanut butter</span> is fucking nuts." &mdash; Confucius
</p>-->

<p>
<img src="illusions/construction.gif">
</p>
</footer>

<script type="text/javascript">
    var userFeed = new Instafeed({
        get: 'user',
		userId: 313386739,
        accessToken: '313386739.9038401.550f95a9937643cc95fb5ec141e583cb'
    });
    userFeed.run();
</script>

</body>


</html>