#!/usr/bin/env sh

/*/../usr/bin/env true # <!--
: <<'###'

Howdy. This file is a webpage, a shell script, and a javascript file. They all output the same thing (more or less).

Three (really, four) ways to run:
  1. Webpage
    a. Open in a browser without javascript (but with good CSS). My information is in a `noscript` tag, so I use some
       CSS trickery to display only the information, and not the surrounding code.
    b. Open in your favorite browser. The webpage will execute itself (literally, this content you're reading right now)
       as javascript and put the result on the screen.
  2. Shell script (you probably shouldn't follow this advice)
    a. Download this page with `wget`, `chmod +x`, and run `./index.html`. Alternatively, just `curl trey.sh | sh`.
  3. Javascript (this is really equally as dangerous as a shell script)
    a. Download this page with `wget`, and run `node index.html`. Alternatively, view the page source and copy/paste
       into the javascript console.

I tried to share as much as possible between the three paths. The `echo` function code is shared by both javascript and
the shell script. There's only one copy of my information - it's what you see in the `noscript` tag below.

This page has to render in quirks mode if I want the shebang. Even if I add a DOCTYPE after the shebang, it gets
ignored. The shebang has to be the very first thing in order to work, otherwise you'll get an exec format error when
attempting to directly execute the shell script.

Regarding the random-looking markup: when a browser encounters a page that has character data outside a `body` tag, it
automatically opens an `html` and `body` tag, then puts everything it sees inside. The `title` tag, though, works inside
the body, which is why you see it just thrown in down below.

###
: */

z=0;
//usr/bin/env alias skip='#'

function echo() {
    [ -z ,'' ] || /*/../usr/bin/env true #*/ true; console.log((typeof window === 'undefined') ? arguments[1].replace(/<[^>]+>/g, '') : arguments[1]);
    //usr/bin/env true; if [ $# -eq 0 ]; then return; fi; command echo "$1" | sed 's/^,//' | sed -E 's/<[^>]+>//g'
}

/*/../usr/bin/env true #
: <<'###'
-->
<title>$ whoami &#x23CE; Trey Keown</title>

<meta name="description" content="My personal website with links to various projects and presentations.">

<style type="text/css">
  html, body {
    border: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    min-height: 100vh;
  }

  html {
    background: #222;
  }

  body {
    position: relative;
    overflow: auto;
    font-size: 0;
    color: rgba(0,0,0,0);

    filter: contrast(1) brightness(1.4) saturate(1.3);
  }

  #content {
    padding: 50px;
    overflow-x: hidden;
    width: 1013px;
    box-sizing: border-box;
  }

  #content > * {
    color: white;
    font-size: 0;
    font-family: 'VT323', monospace;
    line-height: 30px;
    font-feature-settings: "liga" 0;
    white-space: nowrap;

    display: block;
  }

  #content > #container {
    font-size: 40px;
    white-space: pre;
  }

  #content .line {
    margin-top: -60px;
    font-size: 40px;
    white-space: pre;
    clip-path: inset(60px 0 -10px 160px);
    margin-left: -160px;
  }

  #content .line:first-child {
    margin-top: -90px;
  }

  #content a {
    display: inline-block;

    padding-bottom: 3px;
    line-height: 30px;

    color: #222;
    background: #F0EAEA;
    text-decoration: none;
  }

  #overlay-vignette, #overlay-pixels {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1013px;
    height: 100%;
    min-height: 100vh;
    z-index: 2;
    pointer-events: none;
  }

  #overlay-vignette {
    background: radial-gradient(transparent, rgba(0,0,0,0.5));
  }

  #overlay-pixels {
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.5) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.15), rgba(0, 255, 0, 0.1), rgba(0, 0, 255, 0.2));
    background-size: 100% 2px, 3px 100%;
    mix-blend-mode: multiply;
  }

  ::selection {
    color: black;
    background: #777777;
  }
</style>

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=VT323">

<div id="content">
<noscript>
###
: */ //usr/bin/env true #<div class="line">
echo
('echo' ,'Trey Keown - Computer Engineer              trey@keown.io'); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'========================================================='); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'                                                         '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'You can find me here                                     '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'--------------------                                     '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'                                                         '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'  * GitHub    <a href="https://github.com/jfktrey">https://github.com/jfktrey</a>                 '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'  * Twitter   <a href="https://twitter.com/TreyKeown">https://twitter.com/TreyKeown</a>              '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'  * YouTube   <a href="https://youtube.com/user/treycow">https://youtube.com/user/treycow</a>           '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'  * LinkedIn  <a href="https://linkedin.com/in/treykeown">https://linkedin.com/in/treykeown</a>          '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'                                                         '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'Presentations and CTFs                                   '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'----------------------                                   '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'                                                         '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'  * ATM Reversing + Exploitation   <a href="https://bit.ly/37ClHPh">https://bit.ly/37ClHPh</a>'); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'    (with Red Balloon Security)                          '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'    Presented in varying forms at CSAW 2019, HushCon West'); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'    2019, and DEF CON 28.                                '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'                                                         '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'  * ATM CTF                        <a href="https://bit.ly/3dawQrF">https://bit.ly/3dawQrF</a>'); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'    (with Red Balloon Security)                          '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'    Challenge run at DEF CON 27, Re:con 2019, SummerCon  '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'    2019, HushCon East 2019, and HushCon West 2018.      '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'                                                         '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'  * MENTAL-1 CPU          <a href="http://hackaday.io/project/4237">http://hackaday.io/project/4237</a>'); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'    Shown at the 2017 Seattle Mini Maker Faire and the   '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'    2017 Wenatchee Mini Maker Faire. Runs Brainf*ck code.'); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'                                                         '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,"A few projects I've enjoyed working on                   "); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'--------------------------------------                   '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'                                                         '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'  * trey.sh                                <a href="http://trey.sh">http://trey.sh</a>'); //usr/bin/env true #</div><div class="line">
echo
('echo' ,"    It's simultaneously valid javascript, a shell script,"); //usr/bin/env true #</div><div class="line">
echo
('echo' ,"    and HTML. Check this page's source for more info.    "); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'                                                         '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'  * n64hijack        <a href="https://github.com/jfktrey/n64hijack">https://github.com/jfktrey/n64hijack</a>'); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'    Program that inserts your code into any Nintendo 64  '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'    game. Includes an example cheat engine (GameShark).  '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'                                                         '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'  * Pokemon GO Pokeball                <a href="http://go.keown.io">http://go.keown.io</a>'); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'    A physical equivalent for Pokeballs in Pokemon GO.   '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'    Throws the ball in-game when the real ball is thrown.'); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'                                                         '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'  * VlogRad.io                          <a href="http://vlograd.io">http://vlograd.io</a>'); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'    Quirky online player for the music used in Casey     '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,"    Neistat's video blogs. Good for background music.    "); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'                                                         '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'  * Vaporwave Photo Frame           <a href="http://vapor.keown.io">http://vapor.keown.io</a>'); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'    Aesthetic GIF and music player. Works on Internet    '); //usr/bin/env true #</div><div class="line">
echo
('echo' ,'    Explorer 5 Mac (released in 2000) and up.            '); //usr/bin/env true #</div>

[ -z ,'' ] || exit;
/*
</noscript>
</div>
<script type="text/javascript">
  // This has to be a setTimeout (or something similar) since the body hasn't technically finished loading, so we'd get
  // an error about an unclosed comment when we eval the body.
  setTimeout(() => {
    const original_log = console.log;
    const container = document.createElement('div');
    console.log = function(msg) {
      msg = msg.replace(/&lt;/g, '<')
              .replace(/&gt;/g, '>');
      original_log(msg.replace(/<[^>]+>/g, ''));
      container.innerHTML += msg + '\n';
    };

    // Get the source for this page and eval it
    page_source = document.body.innerHTML;
    if (/Edge\/|Trident\/|MSIE /.test(window.navigator.userAgent)) {
      // IE doesn't allow a shebang, so we have to cheat a little for it...
      page_source = page_source.split('\n').slice(1).join('\n');
    }
    eval(page_source);

    container.setAttribute('id', 'container');
    document.getElementById('content').appendChild(container);
  }, 1);
</script>
<div id="overlay-pixels"></div>
<div id="overlay-vignette"></div>
*/