<commit_before><!doctype html>

<head>
  <title>./\/\#\sI/\/\#\.</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

  <meta name="mobile-web-app-capable" content="yes">  
  <meta name="author" content="mxklb">
  <meta name="application-name" content="MASIMA">
  <meta name="apple-mobile-web-app-title" content="MASIMA">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="msapplication-starturl" content="index.html">
  <meta name="msapplication-tap-highlight" content="no">
  <meta name="google" content="notranslate">
  
  <!-- favicon icons for cross platform usage: generated with realfavicongenerator.net -->
  <link rel="icon" type="image/svg+xml" href="img/icons/safari-pinned-tab.svg">
  <!-- Touch Icons - iOS and Android 2.1+ 180x180 pixels in size. -->  
  <link rel="apple-touch-icon" sizes="57x57" href="/img/icons/apple-touch-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="/img/icons/apple-touch-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="/img/icons/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="/img/icons/apple-touch-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="/img/icons/apple-touch-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="/img/icons/apple-touch-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="/img/icons/apple-touch-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="/img/icons/apple-touch-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/img/icons/apple-touch-icon-180x180.png">
  <link rel="apple-touch-icon-precomposed" href="/img/icons/apple-touch-icon-180x180.png">
  <link rel="apple-touch-startup-image" href="/img/icons/apple-touch-icon-180x180.png">
  <link rel="icon" type="image/png" href="/img/icons/favicon-32x32.png" sizes="32x32">
  <link rel="icon" type="image/png" href="/img/icons/favicon-194x194.png" sizes="194x194">
  <link rel="icon" type="image/png" href="/img/icons/favicon-96x96.png" sizes="96x96">
  <link rel="icon" type="image/png" href="/img/icons/android-chrome-192x192.png" sizes="192x192">
  <link rel="icon" type="image/png" href="/img/icons/favicon-16x16.png" sizes="16x16">
  <link rel="manifest" href="/img/icons/manifest.json">
  <link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#5bbad5">
  <!-- Firefox, Chrome, Safari, IE 11+ and Opera. 196x196 pixels in size. -->
  <link rel="icon" href="img/icons/favicon-196x196.png"> 
  <link rel="shortcut icon" sizes="196x196" href="img/icons/favicon-196x196.png">
  <!-- For IE 9 and below. ICO should be 32x32 pixels in size -->
  <!--[if IE]><link rel="shortcut icon" href="img/icons/favicon.ico"><![endif]-->
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="msapplication-TileImage" content="/img/icons/mstile-144x144.png">
  <meta name="msapplication-config" content="/img/icons/browserconfig.xml">
  <meta name="theme-color" content="#000000">
  
  <link rel="home" href="index.html">
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <script type="text/javascript" src="js/main.js"></script>

</head>

<body>
  <div class="main">
    <header class='blur_header'>
      <h1>.masima.</h1>
    </header>

    <div class="content">
    <div class="turnaround-container" ontouchstart="this.classList.toggle('hover')">
        <div class="turnaround">
          <div class="front blur_logo">
          </div>
          <div class="back blur_info">
          <button id="audioButton" type="button" onclick="playAudio()"></button>
            <audio id="mp3">
            <source src="budapest.mp3" type="audio/mpeg" codecs="mp3">
            <!-- add html5 audio tag fallback solution here -->
              <span><a href="https://soundcloud.com/masimarocks">plug in headphones<hr>click to listen</a></span>
            </audio>
          </div> 
        </div>
      </div>
    </div>

    <footer class="blur_footer">
      .psych:o:lectro.
    </footer>
  </div>
  <!-- the following script is only for development phase and has to be removed upon production stage -->
  <!--<script type='text/javascript' id="__bs_script__">//<![CDATA[<commit_msg>Partly merged smnwndrr's 9c25d21: added playAudio to turnaround-container (fixes #5)<commit_after><!doctype html>

<head>
  <title>./\/\#\sI/\/\#\.</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

  <meta name="mobile-web-app-capable" content="yes">  
  <meta name="author" content="mxklb">
  <meta name="application-name" content="MASIMA">
  <meta name="apple-mobile-web-app-title" content="MASIMA">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="msapplication-starturl" content="index.html">
  <meta name="msapplication-tap-highlight" content="no">
  <meta name="google" content="notranslate">
  
  <!-- favicon icons for cross platform usage: generated with realfavicongenerator.net -->
  <link rel="icon" type="image/svg+xml" href="img/icons/safari-pinned-tab.svg">
  <!-- Touch Icons - iOS and Android 2.1+ 180x180 pixels in size. -->  
  <link rel="apple-touch-icon" sizes="57x57" href="/img/icons/apple-touch-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="/img/icons/apple-touch-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="/img/icons/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="/img/icons/apple-touch-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="/img/icons/apple-touch-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="/img/icons/apple-touch-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="/img/icons/apple-touch-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="/img/icons/apple-touch-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/img/icons/apple-touch-icon-180x180.png">
  <link rel="apple-touch-icon-precomposed" href="/img/icons/apple-touch-icon-180x180.png">
  <link rel="apple-touch-startup-image" href="/img/icons/apple-touch-icon-180x180.png">
  <link rel="icon" type="image/png" href="/img/icons/favicon-32x32.png" sizes="32x32">
  <link rel="icon" type="image/png" href="/img/icons/favicon-194x194.png" sizes="194x194">
  <link rel="icon" type="image/png" href="/img/icons/favicon-96x96.png" sizes="96x96">
  <link rel="icon" type="image/png" href="/img/icons/android-chrome-192x192.png" sizes="192x192">
  <link rel="icon" type="image/png" href="/img/icons/favicon-16x16.png" sizes="16x16">
  <link rel="manifest" href="/img/icons/manifest.json">
  <link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#5bbad5">
  <!-- Firefox, Chrome, Safari, IE 11+ and Opera. 196x196 pixels in size. -->
  <link rel="icon" href="img/icons/favicon-196x196.png"> 
  <link rel="shortcut icon" sizes="196x196" href="img/icons/favicon-196x196.png">
  <!-- For IE 9 and below. ICO should be 32x32 pixels in size -->
  <!--[if IE]><link rel="shortcut icon" href="img/icons/favicon.ico"><![endif]-->
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="msapplication-TileImage" content="/img/icons/mstile-144x144.png">
  <meta name="msapplication-config" content="/img/icons/browserconfig.xml">
  <meta name="theme-color" content="#000000">
  
  <link rel="home" href="index.html">
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <script type="text/javascript" src="js/main.js"></script>

</head>

<body>
  <div class="main">
    <header class='blur_header'>
      <h1>.masima.</h1>
    </header>

    <div class="content">
    <div class="turnaround-container" ontouchstart="this.classList.toggle('hover')" onclick="playAudio()">
        <div class="turnaround">
          <div class="front blur_logo">
          </div>
          <div class="back blur_info">
            <button id="audioButton" type="button" ></button>
            <audio id="mp3">
              <source src="budapest.mp3" type="audio/mpeg" codecs="mp3">
              <!-- add html5 audio tag fallback solution here -->
              <span><a href="https://soundcloud.com/masimarocks">plug in headphones<hr>click to listen</a></span>
            </audio>
          </div> 
        </div>
      </div>
    </div>

    <footer class="blur_footer">
      .psych:o:lectro.
    </footer>
  </div>
  <!-- the following script is only for development phase and has to be removed upon production stage -->
  <!--<script type='text/javascript' id="__bs_script__">//<![CDATA[
{'fraction_non_alphanumeric': 0.1966041108132261, 'fraction_numerical': 0.04937444146559428, 'mean_word_length': 4.133600917431193, 'pattern_counts': {'":': 0, '<': 175, '<?xml version=': 0, '>': 171, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 4}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6043337', 'n_tokens_mistral': 3440, 'n_tokens_neox': 3114, 'n_words': 549}