<commit_before><!-- Portfolio :: index.html -->
<!--
=================================
(C) 2015-16 <NAME>
=================================
-->





<!DOCTYPE html>

<html>

  <head>

    <!-- Title -->
    <title><NAME> | Portfolio</title>

    <!-- Meta Data -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="Bassili, Michael, web developer, <NAME>, website, freelance, programmer, freelancer">
    <meta name="description" content="Everyone needs to own a piece of the internet, you might as well make it look good. <NAME> is a truested web developer with an eye for UI.">
    <meta name="language" content="en">
    <meta name="robots" content="index,follow">
    <meta name="revisit-after" content="5 days">
    <meta name="theme-color" content="#f5f5f5">

    <!-- Meta Cache Control -->
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="pragma" content="no-cache" />

    <!-- OG Meta -->
    <meta property="og:type" content="website" />
    <meta property="og:title" content="<NAME> | Web Developer" />
    <meta property="og:keywords" content="Bassili, Michael, web developer, <NAME>, website, freelance, programmer, freelancer" />
    <meta property="og:description" content="Everyone needs to own a piece of the internet, you might as well make it look good. <NAME> is a truested web developer with an eye for UI." />
    <meta property="og:image" content="http://bassi.li/assets/og.jpg" />

    <!-- CSS -->
    <link rel="stylesheet" type="text/css" href="../css/styles.css">
    <link rel="stylesheet" type="text/css" href="../css/normalize.css">
    <link rel="stylesheet" type="text/css" href="../css/animate.css">

    <!--Favicon-->
    <link rel="icon" type="image/png" href="../assets/logo3.png" />

    <!-- Canonical -->
    <link rel="canonical" href="http://bassi.li/html/portfolio.html" />

    <!-- JS -->
    <script type="text/javascript" src="../js/scripts.js"></script>
    <script type="text/javascript" src="../js/wow.min.js"></script>
    <script type="text/javascript" src="../js/particles.min.js"></script>
    <script type="text/javascript" src="../js/app.js"></script>
    <script type="text/javascript">
      // Wow Plugin
      new WOW().init();
      // Google Analytics
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-77100076-2', 'auto');
      ga('send', 'pageview');
    </script>

  </head>

  <body>





    <!-- Header -->  
    <header class="header" id="header">
      <!-- Title -->
      <span id="navTitle"><a href="../index.html"><span><NAME></a></span>
      <!-- Desktop Nav Bar -->
      <nav id="navigationDesktop">
        <a href="portfolio.html">Portfolio</a>
      </nav>
    </header>




    <!-- Landing Message -->
    <!-- <div id="building">
      <div id="buildingContainer">
        <h1>This page is currently under construction.</h1>
      </div>
    </div> -->





    <!-- Projects -->
      <div class="projects portfolio" id="projects">
        <h2 data-wow-duration=".45s" class="wow fadeIn portfolioTitle" id="title">My Past Work</h2>

        <!-- Projects List -->
        <div id="projectList">

          <!-- Deus Ex Timeline -->
          <div data-wow-duration=".45s" class="wow fadeIn" id="projectItem">
             <div class="card photo">
              <img ondragstart="return false" src="../assets/deusEx.jpg" alt="Deus Ex Timeline Landing Page."/>
              <div class="card-content">
                <h3>Deus Ex Timeline</h3>
                A clear and concise timeline outlining the events surrounding the Deus Ex universe. All information is contributed and curated by the community through it's GitHub repository.  
                <div class="align-center">
                  <a target="_blank" href="http://deusextimeline.ca/"><button class="ease-in-out">Visit Site</button></a>
                  <a target="_blank" href="https://github.com/Mikajis/deusExTimeline"><button class="ease-in-out repo">Visit Repo</button></a>
                </div>
              </div>
            </div>
          </div>

          <!-- Curve Sketching Accademy -->
          <div data-wow-duration=".45s" class="wow fadeIn" id="projectItem">
             <div class="card photo">
              <img ondragstart="return false" src="../assets/curvy.jpg" alt="Curve Sketching Academy Landing Page."/>
              <div class="card-content">
                <h3>Curve Sketching Academy</h3>
                A visual demonstration on how to sketch curves using calculus. Using diagrams and inline explanations, users can follow a detailed tutorial outlining the basics of curve sketching.
                <div class="align-center">
                  <a target="_blank" href="http://mikajis.github.io/curveSketchingAcademy/"><button class="ease-in-out">Visit Site</button></a>
                  <a target="_blank" href="https://github.com/Mikajis/curveSketchingAcademy.git"><button class="ease-in-out repo">Visit Repo</button></a>
                </div>
              </div>
            </div>
          </div>

          <!-- Mehdi Team Realty -->
          <div data-wow-duration=".45s" class="wow fadeIn" id="projectItem">
             <div class="card photo">
              <img ondragstart="return false" src="../assets/mehdi-thumb.jpg" alt="Mehdi Team Realty Landing Page."/>
              <div class="card-content">
                <h3>Mehdi Team Realty</h3>
                A clean and simplistic search bar streamlines home searching as while perpetuating brand awareness.
                <div class="align-center">
                  <a target="_blank" href="../assets/mehdi.jpg"><button class="ease-in-out image">View Image</button></a>
                </div>
              </div>
            </div>
          </div>

          <!-- This Site -->
          <div data-wow-duration=".45s" class="wow fadeIn" id="projectItem">
             <div class="card photo">
              <img ondragstart="return false" src="../assets/bassili.jpg" alt="Bassili Landing Page."/>
              <div class="card-content">
                <h3>Bassili</h3>
                Sleek, stylish and practical. My personal site features pertinent information wraped in a sexy bow.
                <div class="align-center">
                  <a target="_blank" href="http://github.com/mikajis/portfolio"><button class="ease-in-out repo">Visit Repo</button></a>
                </div>
              </div>
            </div>
          </div>

        </div>

      </div>

<commit_msg>added newest projects first<commit_after><!-- Portfolio :: index.html -->
<!--
=================================
(C) 2015-16 <NAME>
=================================
-->





<!DOCTYPE html>

<html>

  <head>

    <!-- Title -->
    <title><NAME> | Portfolio</title>

    <!-- Meta Data -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="Bassili, Michael, web developer, michael bassili, website, freelance, programmer, freelancer">
    <meta name="description" content="Everyone needs to own a piece of the internet, you might as well make it look good. <NAME> is a truested web developer with an eye for UI.">
    <meta name="language" content="en">
    <meta name="robots" content="index,follow">
    <meta name="revisit-after" content="5 days">
    <meta name="theme-color" content="#f5f5f5">

    <!-- Meta Cache Control -->
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="pragma" content="no-cache" />

    <!-- OG Meta -->
    <meta property="og:type" content="website" />
    <meta property="og:title" content="<NAME> | Web Developer" />
    <meta property="og:keywords" content="Bassili, Michael, web developer, <NAME>, website, freelance, programmer, freelancer" />
    <meta property="og:description" content="Everyone needs to own a piece of the internet, you might as well make it look good. <NAME> is a truested web developer with an eye for UI." />
    <meta property="og:image" content="http://bassi.li/assets/og.jpg" />

    <!-- CSS -->
    <link rel="stylesheet" type="text/css" href="../css/styles.css">
    <link rel="stylesheet" type="text/css" href="../css/normalize.css">
    <link rel="stylesheet" type="text/css" href="../css/animate.css">

    <!--Favicon-->
    <link rel="icon" type="image/png" href="../assets/logo3.png" />

    <!-- Canonical -->
    <link rel="canonical" href="http://bassi.li/html/portfolio.html" />

    <!-- JS -->
    <script type="text/javascript" src="../js/scripts.js"></script>
    <script type="text/javascript" src="../js/wow.min.js"></script>
    <script type="text/javascript" src="../js/particles.min.js"></script>
    <script type="text/javascript" src="../js/app.js"></script>
    <script type="text/javascript">
      // Wow Plugin
      new WOW().init();
      // Google Analytics
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-77100076-2', 'auto');
      ga('send', 'pageview');
    </script>

  </head>

  <body>





    <!-- Header -->  
    <header class="header" id="header">
      <!-- Title -->
      <span id="navTitle"><a href="../index.html"><span><NAME></a></span>
      <!-- Desktop Nav Bar -->
      <nav id="navigationDesktop">
        <a href="portfolio.html">Portfolio</a>
      </nav>
    </header>




    <!-- Landing Message -->
    <!-- <div id="building">
      <div id="buildingContainer">
        <h1>This page is currently under construction.</h1>
      </div>
    </div> -->





    <!-- Projects -->
      <div class="projects portfolio" id="projects">
        <h2 data-wow-duration=".45s" class="wow fadeIn portfolioTitle" id="title">My Past Work</h2>

        <!-- Projects List -->
        <div id="projectList">

          <!-- Mehdi Team Realty -->
          <div data-wow-duration=".45s" class="wow fadeIn" id="projectItem">
             <div class="card photo">
              <img ondragstart="return false" src="../assets/mehdi-thumb.jpg" alt="Mehdi Team Realty Landing Page."/>
              <div class="card-content">
                <h3>Mehdi Team Realty</h3>
                A clean and simplistic search bar streamlines home searching as while perpetuating brand awareness.
                <div class="align-center">
                  <a target="_blank" href="../assets/mehdi.jpg"><button class="ease-in-out image">View Image</button></a>
                </div>
              </div>
            </div>
          </div>

          <!-- This Site -->
          <div data-wow-duration=".45s" class="wow fadeIn" id="projectItem">
             <div class="card photo">
              <img ondragstart="return false" src="../assets/bassili.jpg" alt="Bassili Landing Page."/>
              <div class="card-content">
                <h3>Bassili</h3>
                Sleek, stylish and practical. My personal site features pertinent information wraped in a sexy bow.
                <div class="align-center">
                  <a target="_blank" href="http://github.com/mikajis/portfolio"><button class="ease-in-out repo">Visit Repo</button></a>
                </div>
              </div>
            </div>
          </div>

          <!-- Deus Ex Timeline -->
          <div data-wow-duration=".45s" class="wow fadeIn" id="projectItem">
             <div class="card photo">
              <img ondragstart="return false" src="../assets/deusEx.jpg" alt="Deus Ex Timeline Landing Page."/>
              <div class="card-content">
                <h3>Deus Ex Timeline</h3>
                A clear and concise timeline outlining the events surrounding the Deus Ex universe. All information is contributed and curated by the community through it's GitHub repository.  
                <div class="align-center">
                  <a target="_blank" href="http://deusextimeline.ca/"><button class="ease-in-out">Visit Site</button></a>
                  <a target="_blank" href="https://github.com/Mikajis/deusExTimeline"><button class="ease-in-out repo">Visit Repo</button></a>
                </div>
              </div>
            </div>
          </div>

          <!-- Curve Sketching Accademy -->
          <div data-wow-duration=".45s" class="wow fadeIn" id="projectItem">
             <div class="card photo">
              <img ondragstart="return false" src="../assets/curvy.jpg" alt="Curve Sketching Academy Landing Page."/>
              <div class="card-content">
                <h3>Curve Sketching Academy</h3>
                A visual demonstration on how to sketch curves using calculus. Using diagrams and inline explanations, users can follow a detailed tutorial outlining the basics of curve sketching.
                <div class="align-center">
                  <a target="_blank" href="http://mikajis.github.io/curveSketchingAcademy/"><button class="ease-in-out">Visit Site</button></a>
                  <a target="_blank" href="https://github.com/Mikajis/curveSketchingAcademy.git"><button class="ease-in-out repo">Visit Repo</button></a>
                </div>
              </div>
            </div>
          </div>

        </div>

      </div>


{'fraction_non_alphanumeric': 0.1833200492717919, 'fraction_numerical': 0.0068111006448808055, 'mean_word_length': 2.4239642768543788, 'pattern_counts': {'":': 0, '<': 316, '<?xml version=': 0, '>': 316, 'https://': 6, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4397364', 'n_tokens_mistral': 4276, 'n_tokens_neox': 4016, 'n_words': 962}