<!--
Hello developer,

Welcome to my personal website! Everything here is written in HTML/CSS/JS. Have fun exploring!

And yes, I wrote this from scratch :)

GO BEARS!!!
Brian Park

                                                                               .(&@@@@@@@@@@@@@@@@@@@@@&#*
                                                                       /&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&*
                                                                 .%@@@@@@@@@@@@@@@/**%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&,
                                                             *@@@@@@@@@@@@@@**(,,,,,,,,,,,,%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#
                                                         .@@@@@@@@@@@@@@@@*,,,,,,,*,#&@@@,,,@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.
                                                       @@@@@@@@@@@#*,,,,,/%,,,*,,**&@@@@@&,,,@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&,
                                                    &@@@@@@@@@*.,,*,,,**,*@,,****,,@@@@@*.,,@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&
                                                  @@@@&,,,,,,,,,,,,,*,,*,%*,,,*,,,,%@%,,,,,#@,,,,/@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                                                @#,,,,,,,,,,,,,,,,*,,,,,,,,,,,*,,,**,,**,,,,,,,,,,,,*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                                             .,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,*,,,,,,,,,,,,,,,,,,,,,,/@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&
                                            .,,,,,,**,,,,,,,,,,,,,,**,,,,,,,,,,,,,,,,,,,,,,,,,,,,*,,,,,,,,,,/@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@/
                                        ,,,,,,,,,,,,,,*,*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,*,,(&,#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                                    .,,,,,,,,,,,,,,,,,,,,,,*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,*,,,(*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.
                                  ,,,,,,,,,,,,,,,,,,,,,,**,,*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,.@,@@@@@@@@@@@@@@@@@@@@@@@@@@@@@/
                                ,,,,,,,*,,,,,,,,,,,,,,*,*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,**%@&@@&,%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*
                             .*,/@@@@@@@@@@&,,,,,,,,*,,,,,,,,,,,,*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,*(&,,#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.
                        .,*%@@@@@@&*,,,,,(@@#,,,,,,,,,,,,,,,,,*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,***,,,,,(@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                     ,*%@@@@@@@/*,,,,,,,*(@@*,,,,,,,,,,,*,*,,,,,,,,,,,,,,,(&@@@*,,*,*,,,*,,,,,,,,,,,,,,,,,,,,,,*&.,,,,,,.%@@@@@@@@@@@@@@@@@@@@@@@@@&
                  ,,&@@@@@@@#,....,,,,,/@@&,,,,,,,,,,,*,,,,,,,,,,,,,,,,@@@@@@@@(*,,,,,,*,,,,,,,,,,,,,,,,,,,,,,,**,,,,,,,,,,,#&@@&@@@@@@@@@@@@@@@@@@@
               .,%@@@@@@@@/,....,,@@@@@@@(*,,,,,,,*,,,,,*,,**,,,,,,,&@@@@&,**@@*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,**,,,,,,,,,,,/@@@@@(@@@@@@@@@@@@@@@@@/
             ,*@@@@@@@@@/,......,,@@@@#,,,,,,,,,,,,,,,,,,,,,,,,,**@@@@@%*,,*@@*,,,,**,,,,,,,,,,,,,,,,,,,*,,,*,,,,,,,,,,,,,,,,(@@@&@@@@@@@@@@@@@@@@@@%
           ,(@@@@@@@@@/,................,,,,,,,,,,,,,,,,,,**,,**@@@@@@*,,,,@@,,,,,,,,,,*,,,,,,,,,,,,,,**,%@/,,,,,,,,,,,,,,,,,,%@&@@@@@@@@@@@@@@@@@@@@
         ,*@@@@@@@@@&,. ...................,,,,,,,,,**,,,,,,,*&@@@@@#,,,,(@@,,,,,,,,,,*,*,,,,,,,,,,,*#@@,,,,,,,,,,,,,,,,,,,,,,,/@@@@@@@@@@@@@@@@@@@@@
       .,@@@@@@@@@@*,    ....................,,,,,,,,,,,,,,**@@@@@@*,,,*&@%,,,,,,,,,,,,,,,,,,,,,,,,*/.,,,,,,/%,,,.,,,,,,,,,,,,,@@@@@@@@@@@@@@@@@@@@@@
      ,(@@@@@@@@@@,.        ...................,,,,,,,,***,/@@@@@@*,,**@@/,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,%         /#,,,,,,,,&@@@@@@@@@@@@@@@@@@@@@%
     *#@@@@@@@@@@*             .......,,,*(((,,((((((,**,,/@@@@@@**,,&@@,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,@     ..//&%#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@*
    ,#@@@@@@@@@@*.              ..**&@@@@&/,*&@@@@@@@,,,,,@@@@@@/*,/@@**,,,,,,,,,,,,,*,,,,,,,,,,,*,,,,,,,,,,,,,.,,,,,,,,,&@@@@@@@@@@@@@@@@@@@@@@@@@@
   .,@@@@@@@@@@#,             .,,@@@@@@**...*#@@@@@@,.,,,%@@@@@@,*@@(,,,,,,,,,,,,,,*,,,,,,,,,,,,,,,,,,/%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@,
   ,/@@@@@@@@@@,.            ,/@@@@@@(,....,%@@@@@@,....,@@@@@@@@@%,,,,,,,,,,,,,,,,,**,,,,,,,,,,%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&
   ,%@@@@@@@@@@,           .*@@@@@@@** ...,@@@@@@%*.....,@@@@@@@&*,,,,,,,,,,,,,,,,,,,,,,,,,,&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&
   ,*@@@@@@@@@@*.         ,*@@@@@@@/,  ..*&@@@@@%*......,@@@@@@@,,,,,,,,,,,,,,,,,,,,,,,,,&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
   .,@@@@@@@@@@@,        *%@@@@@@@@,,  ,,&@@@@@&*.....,*(@@@@@@@%*,,,,,,,,,,,,,,,,,#%@@@@*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&
     *%@@@@@@@@@@%,,,,**&@@&@@@@@@@%*,*&@@@@@@@*,.,*,%@@@(*@@@@@@@*,,,,,,,,,,,,.@*#@@@@@@&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(
      .**@@@@@@@@@@@@@@@/*,,/@@@@@@@@@@#*#@@@@@@@@@@@%**,..*,&@@@@@&**,,,,,,,,%/@@@@@@@#(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
          .***,/*/,,*,.      .*,******.  .*,****,,*,..........,,*%@@@@@@@&/*,,@@&       &@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&/
              .,**,,*////%&%&(/////*,,,,,****,,,,,,*,,,,,,,...,..,,,,&@@@@@*,,*     .,@@@@@*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#
       .,*/&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%,,       %@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#
    ,,&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#,*.    %@@@@@@@@@@@@@% %&,@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@,
  *&@@@@&#**,,*****,********,,,,,*,,,,,,*****##%#%%@@@@@%%%(***,,,.              ...     @@@@@@&%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%
 ,,,,                                                                                #@@@@@@@@@@&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
  *&@@%. *@&&(.*@@   /@@@%,,@@@@@*(@% &@(    .%@@@%,*@@@@@, .&&%  /@@@&# .&@@#. @@@@@@@@@@&,,& /@@@@%#/,@@@@@@@@@@@@@@@@@@@@(
 /@&./(*(@@./@@*@@   /@@,@@,@@***.#@@@&@(    .&@/(@@*@@***. #@@@* *@@,&@*%@@&(,    *//.     (@@@@@@@@@@#.@@&&%//&@@@@@@@#
 (@&*#@@(@@./@@*@@   /@@,@@*@@***.(@#@@@(    .&@(/@@*@@***.*@@&@@,/@@@@%*((*@@&       &**@@@@@@@@&&&,  *@@@@@@@&@%
  (@@@@* ,@@@&,*@@@@%/@@@&*,@@@@@,(@#.&@(    .&@@@@(*@@@@@,&@*.(@&*@@.&@&/@@@&. / *(    .&@##*,  &@@@@@@@@@@./*
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="ie-edge" http-equiv="X-UA-Compatible">
    <title>Brian Park</title>
    <link href="favicon.png" rel="shortcut icon" type="image/png"/>
    <link href="css/main.css" rel="stylesheet"/>
    <link href="css/navbar.css" rel="stylesheet"/>
    <link href="css/home.css" rel="stylesheet"/>
    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-154924062-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());

        gtag('config', 'UA-154924062-1');
    </script>
</head>
<body>
<!--Dynamic Nav Bar-->
<nav>
    <div class="logo">
        <h4><a href="#">Brian Park</a></h4>
    </div>
    <ul class="nav-links">
        <li><a href="about.html">about</a></li>
        <li><a href="projects.html">projects</a></li>
        <li><a href="academia.html">academia</a></li>
    </ul>
    <div class="burger">
        <div class="line1"></div>
        <div class="line2"></div>
        <div class="line3"></div>
    </div>
</nav>
<script src="js/navigation.js"></script>
<!--Dynamic Nav Bar-->
<section>
    <h1>
        <script src="js/inspiration.js"></script>
    </h1>
</section>
<!--Animation-->
<script src="js/p5/p5.js"></script>
<script src="js/p5/p5.sound.js"></script>
<script src="js/p5/sketch.js"></script>
<script src="js/p5/particle.js"></script>
<!--Animation-->
</body>
</html>