<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>Damon Gregory</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"

integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<link rel="stylesheet" type="text/css" media="screen" href="./assets/css/main.css">

<div class="navbar">

<div class="frontpage" id="front" class="navLink">Main</div>

<div class="about" id="about" class="navLink">About</div>

<div class="portfolio" id="portfolio" class="navLink">Portfolio</div>

</div>

<div id="marquee" class="slide-left" style="display: block;">

<h3>Welcome to the portfolio of Damon Gregory. Click on a button above for stuff and things.</h3>

</div>

<div class="container-fluid">

<div class="row">

<div id="contact" style="display: none;">

<section class="contactsection flex">

<figure>

<div class="">

<img src="./assets/images/damonheadshot01.jpg" class="headpic img-fluid">

<p class="tocontact">

<a href="https://www.linkedin.com/in/damonjgregory/" target="blank">LinkedIn</a> |

<a href="https://github.com/SheriffHobo" target="blank">Github</a> |

<a href="mailto:[email protected]?subject=Employment Oportunity">Email</a>

</p>

</div>

<div class="abouttext">

<p class="textbody">Damon was born in San Francisco in the early 1970's. After living in a haunted, or so his mother says,

apartment complex outside of Golden Gate park, his family moved to the Bay Area East Bay, known by some as "The Beast".

Growing up in the Bay Area offered Damon the chance to meet, live with, and friend humans from all walks of life. This unique blend of

life and culture has helped shape him into the person he is today. A great advantage to living in the Bay Area is having a plethora of worlds

colliding all around. Because of this, Damon was introduced to motorcycles, food from all across the world, games, comic books, art,

and cultures that many people would never see unless they traveled outside of the USA. All of these added their stamp to Damon is

various ways. For example, his love of Moraccan food can be traced back to a time when his mother engaged in and taught Belly Dancing.

In the early 80s', as Anime was new to the USA, Damon and his friends would have to venture to San Francisco to rent video tapes sent

over from Japan if they wanted to watch the lastest shows. This lead to a greater understanding as to how another culture sees cartoons.

As a side effect, this created a desire in Damon to better understand the Japanese culture, something he is still learning about today.

</p>

<p class="textbody">

Today Damon is part of a Full Stack Web Development Bootcamp. After graduation, he hopes to gain employment as a Junior Developer.

</p>

</div>

</figure>

</section>

</div>

</div>

<div class="container">

<div id="main" style="display: none;">

<section class="thumbnail-grid flex">

<a href="https://sheriffhobo.github.io/TriviaQuest/" target="blank" class="flex-item">

<figure class="i1" data-toggle="popover" title="Multi-player Trivia Game"

data-content="A group project where Damon handeled the UI and Live Chat. Technologies used: HTML5, CSS3, ES6, jQuery, Bootstrap, Firebase, date-fns, and numerous APIs.">

<figcaption>Trivia Quest</figcaption>

</figure>

</a>

<a href="https://donor-referral-info-viewer.herokuapp.com/login" target="blank" class="flex-item">

<figure class="i2" data-toggle="popover" title="Donor Referral Information Viewer"

data-content="A group project where Damon handeled the UI, table layout, and table exporting functionality. Technologies used: Express, Sequelize, MySQL, Passport.js, JS PDF">

<figcaption>D.R.I.V.</figcaption>

</figure>

</a>

<a href="https://sheriffhobo.github.io/JS_Pong/" target="blank" class="flex-item">

<figure class="i3" data-toggle="popover" title="Pong!"

data-content="The classic game of Pong written in vanilla Javascript. Use a mouse/trackpad to control the left padle and try to beat the computer. Technologies used: HTML5, ES6.">

<figcaption>JS Pong</figcaption>

</figure>

</a>

</section>

<section class="thumbnail-grid flex">

<a href="https://sheriffhobo.github.io/Giphy_Generator/" target="blank" class="flex-item">

<figure class="i4" data-toggle="popover" title="Giphy Gif Scrapper"

data-content="You like dogs right? Click on a supplied breed button, or create your own. 15 gifs will appear and you can start/stop them with a click. Technologies used: HTML5, CSS3, ES6, jQuery, Bootstrap, Giphy API.">

<figcaption>Giphy Generator</figcaption>

</figure>

</a>

<a href="https://sheriffhobo.github.io/NYT_Search/" target="blank" class="flex-item">

<figure class="i5" data-toggle="popover" title="NYT Article Search"

data-content="Enter a topic, how many articles to grab, a start year and an end year and go. Get your reading glasses on! Technologies used: HTML5, CSS3, ES6.">

<figcaption>NYT Article Search</figcaption>

</figure>

</a>

<a href="https://sheriffhobo.github.io/Psychic-Guess/" target="blank" class="flex-item">

<figure class="i6" data-toggle="popover" title="Can you guess what the computer picked?"

data-content="Try to guess which letter the computer picked. While you're at it listen to a song at the bottom of the page. Technologies used: HTML5, CSS3, ES6.">

<figcaption>Psychic Guess</figcaption>

</figure>

</a>

</section>

</div>

<script src="https://code.jquery.com/jquery-3.3.1.js"

integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"

integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"

crossorigin="anonymous"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"

integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"

crossorigin="anonymous"></script>

<script type="text/javascript" src="./assets/javascript/script.js"></script>