<?php
  include('assets/include/config.php');
?>
<html>
  <head>
    <noscript>
      <meta HTTP-EQUIV="REFRESH" content="0; url=https://eugenel.in/noscript">
    </noscript>
    <title>Home - <?php echo $site_title; ?></title>
    <link rel="shortcut icon" href="assets/favicon.ico">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="assets/css/materialize.css?<?php if ($reload_assets) { echo time(); } ?>"  media="screen,projection">
    <link type="text/css" rel="stylesheet" href="assets/css/main.css?<?php if ($reload_assets) { echo time(); } ?>">
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="https://kit.fontawesome.com/374a59f747.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/ScrollToPlugin.min.js"></script>
    <script type="text/javascript" src="assets/js/materialize.js?<?php if ($reload_assets) { echo time(); } ?>"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body class="grey darken-4">
    <script>
      $(document).ready(function() {
        $('.parallax').parallax();
        $('.tooltipped').tooltip();
      });
      $(window).load(function() {
        setTimeout(function() {
          $('.preloader').fadeOut(1000, 'swing', function(){});
          parallaxResize();
        }, 500);
      });
      var widthFactor = 1.1;
      $(window).resize(function() {
        parallaxResize();
      });
      $(function(){
        var scrollTime = 1.4;
        var scrollDistance = 170;
        $(window).on("mousewheel DOMMouseScroll", function(event){
          event.preventDefault();
          var delta = event.originalEvent.wheelDelta/120 || -event.originalEvent.detail/3;
          var scrollTop = $(window).scrollTop();
          var finalScroll = scrollTop - parseInt(delta*scrollDistance);
          TweenMax.to($(window), scrollTime, {
            scrollTo : { y: finalScroll, autoKill:true },
            ease: Power1.easeOut,
            overwrite: 5
          });
        });
      });
      function parallaxResize() {
        return;
        var w = Math.floor($(window).width() * widthFactor);
        $('#parallax-top').attr('src', "assets/img/resize.php?i=0&w=" + w.toString());
        $('#parallax-bottom').attr('src', "assets/img/resize.php?i=1&w=" + w.toString());
      }
    </script>
    <div class="preloader"></div>
    <nav>
      <div class="nav-wrapper">
        <a class="brand-logo left">&nbsp;e u g e n e l . i n</a>
      </div>
    </nav>
    <main class="white-text">
      <div class="parallax-container">
        <div class="parallax"><img id="parallax-top" src="assets/img/bg0.jpg"></div>
      </div>
      <div class="section">
        <div class="row container">
          <h2 class="header">Home.</h2>
          <p>Hello! I'm a Final Year MEng Computing student at Imperial College London.</p>
          <p>While my larger projects have been libraries (e.g. <a class="grey-text" href="https://github.com/lin-e/Skype4Sharp">Skype4Sharp</a>), I've also written a few web applications, all of which are available on my GitHub. Evidently, from this site, I am primarily a back-end developer. My main languages are C#, PHP, Python, and Java. However, in my studies (both as part of my degree, and independently) I've explored other languages such as Kotlin, C, and Haskell.</p>
          <p>For those interested, my CV, GitHub, and LinkedIn are available below.</p>
          <div class="row container">
            <div class="col s4">
              <p class="center-align">
                <a class="btn-floating btn-large waves-effect waves-darken deep-purple darken-3" href="http://cv.eugenel.in/"><i class="fas fa-file"></i></a>
              </p>
            </div>
            <div class="col s4">
              <p class="center-align">
                <a class="btn-floating btn-large waves-effect waves-darken deep-purple darken-3" href="https://github.com/lin-e/"><i class="fab fa-github-square"></i></a>
              </p>
            </div>
            <div class="col s4">
              <p class="center-align">
                <a class="btn-floating btn-large waves-effect waves-darken deep-purple darken-3" href="https://www.linkedin.com/in/line/"><i class="fab fa-linkedin"></i></a>
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="parallax-container">
        <div class="parallax"><img id="parallax-bottom" src="assets/img/bg0.jpg"></div>
      </div>
      <div class="section">
        <div class="row container">
          <blockquote>
            <span>Photo credits to <a class="grey-text" href="https://unsplash.com/photos/ln5drpv_ImI">Vincent Solomon</a></span>
          </blockquote>
        </div>
      </div>
    </main>
    <footer class="page-footer">
      <div class="container">
        <div class="row">
          <div class="col l6 s12">
            <h5 class="white-text">Eugene's Personal Site</h5>
            <p class="grey-text text-lighten-4">If you wish to connect with me regarding any possible projects, my contact information is available on this page.</p>
          </div>
        <div class="col l4 offset-l2 s12">
          <h5 class="white-text">Links</h5>
            <ul>
              <li><a class="grey-text text-lighten-3" href="https://github.com/lin-e/"><i class="fab fa-github-square"></i>&nbsp; GitHub</a></li>
              <li><a class="grey-text text-lighten-3" href="mailto:me@eugenel.in"><i class="fas fa-envelope"></i>&nbsp; Email</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="footer-copyright">
        <div class="container row">
          <div class="col l6 s12">
            <span>Copyright &copy; <?php echo date("Y"); ?> eugenel.in</span>
          </div>
          <div class="col l4 offset-l2 s12">
            <span>Made with <a class="grey-text text-lighten-4" href="http://materializecss.com/">Materialize</a>, and <a class="grey-text text-lighten-4" href="https://fontawesome.com/">FontAwesome</a></a></span>
          </div>
        </div>
      </div>
    </footer>
  </body>
</html>

