Skip to content

Commit

Permalink
Website Transition
Browse files Browse the repository at this point in the history
  • Loading branch information
@JustinHennis1
JustinHennis1 committed Jul 20, 2024
1 parent 943d76c commit b687df4
Show file tree
Hide file tree
Showing 4,153 changed files with 921,068 additions and 1 deletion.
The diff you're trying to view is too large. We only load the first 3000 changed files.
65 changes: 65 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> About Justin </title>
<link rel="stylesheet" href="index.css">
<style>
body {
background-color: #222;
}

</style>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="icon" href="https://raw.githubusercontent.com/JustinHennis1/image_assets/main/j32b.png" type="image/png">
</head>

<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="navbar-brand">
<a href="https://github.com/JustinHennis1">
<img class="icon" src="https://raw.githubusercontent.com/JustinHennis1/image_assets/main/github.svg" />
</a>
<a href="https://www.linkedin.com/in/justin-hennis">
<img class="icon" src="https://raw.githubusercontent.com/JustinHennis1/image_assets/main/linkedin.svg" />
</a>
<a href="https://discordapp.com/users/997594398252601405">
<img class="icon" src="https://raw.githubusercontent.com/JustinHennis1/image_assets/main/discord.png" />
</a>
<a href="https://www.instagram.com/justin_hennis/?hl=en">
<img class="icon" src="https://raw.githubusercontent.com/JustinHennis1/image_assets/main/insta.svg" />
</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="projects.html">Projects</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>

<h1>About me</h1>


<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

</body>


</html>
65 changes: 65 additions & 0 deletions contact.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Contact Justin </title>
<link rel="stylesheet" href="index.css">
<style>
body {
background-color: #222;
}

</style>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="icon" href="https://raw.githubusercontent.com/JustinHennis1/image_assets/main/j32b.png" type="image/png">
</head>

<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="navbar-brand">
<a href="https://github.com/JustinHennis1">
<img class="icon" src="https://raw.githubusercontent.com/JustinHennis1/image_assets/main/github.svg" />
</a>
<a href="https://www.linkedin.com/in/justin-hennis">
<img class="icon" src="https://raw.githubusercontent.com/JustinHennis1/image_assets/main/linkedin.svg" />
</a>
<a href="https://discordapp.com/users/997594398252601405">
<img class="icon" src="https://raw.githubusercontent.com/JustinHennis1/image_assets/main/discord.png" />
</a>
<a href="https://www.instagram.com/justin_hennis/?hl=en">
<img class="icon" src="https://raw.githubusercontent.com/JustinHennis1/image_assets/main/insta.svg" />
</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</nav>

<h1>Get in touch</h1>


<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

</body>


</html>
175 changes: 175 additions & 0 deletions gamecentral.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,175 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="script.js" defer></script>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Eczar">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Honk">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Silkscreen">
<!-- Title Of My Program -->
<title> Game Haven </title>

</head>

<body>
<div id="title"></div>

<div id="linearmove" style="text-align:center; " class="head-container" id="headContainer" >

<h1 style="text-align: center; font-family: Honk;">
Justin Hennis
</h1>

<a class="menu-buttons" href="#title"> Main </a> <!-- Menu Bar of Page -->
<a href="#rec" class="menu-buttons"> Recommendations </a>
<a href="popular.html" class="menu-buttons"> Popular </a>
<a class="menu-buttons"> Recent </a>
<a class="menu-buttons"> New </a>
<a class="menu-buttons"> Micellaneous </a>

<br></br>
</div>


<a class="toggle" onclick="toggleHeadContainerVisibility()">close/open</a>



<div class="secondbackground" alt="backlayer">

<div class="background-overlay">
<div class="content-container">
<h2 id="games">Classic Arcade Games</h2>
<div>
<div class="image-row">
<a href="https://freeasteroids.org/">
<img src="./images/asteroids.jpg" class="box" alt="asteroids">
</a>
<a href="https://snake-game.io/">
<img src="./images/snakegame.jpg" class="box" alt="snake">
</a>
<a href="https://www.pacman1.net/">
<img src="./images/pac.jpg" class="box" alt="pac-man">
</a>
<a href="https://www.addictinggames.com/strategy/bloons-tower-defense-4">
<img src="./images/bloonstd4.jpg" class="box" alt="bloons td4">
</a>

<a href="https://freeasteroids.org/">
<img src="./images/asteroids.jpg" class="box" alt="asteroids">
</a>
<a href="https://snake-game.io/">
<img src="./images/snakegame.jpg" class="box" alt="snake">
</a>
<a href="https://www.pacman1.net/">
<img src="./images/pac.jpg" class="box" alt="pac-man">
</a>
<a href="https://www.addictinggames.com/strategy/bloons-tower-defense-4">
<img src="./images/bloonstd4.jpg" class="box" alt="bloons td4">
</a>
</div>
</div>

<!-- <div style="text-align:center; font-family: 'IM Fell Great Primer SC'; border: 5px dotted purple" class="content-container">
Most Popular Games This Season
<ol type='1'>
<li >Assassin's Creed</li>
<li>Halo</li>
<li>Modern Warfare</li>
<li>Fortnite</li>
<li>Microsoft's Flight Simulator</li>
</ol>
</div> -->
</div>
</div>
</div>
<br></br>
<div class="secondbackground" alt="assassin creed">

<div class="background-overlay">
<div class="content-container">
<h2 id="games">Shooter Games</h2>
<div>
<div class="image-row">
<a href="https://freeasteroids.org/">
<img src="./images/asteroids.jpg" class="box" alt="asteroids">
</a>
<a href="https://snake-game.io/">
<img src="./images/snakegame.jpg" class="box" alt="snake">
</a>
<a href="https://www.pacman1.net/">
<img src="./images/pac.jpg" class="box" alt="pac-man">
</a>
<a href="https://www.addictinggames.com/strategy/bloons-tower-defense-4">
<img src="./images/bloonstd4.jpg" class="box" alt="bloons td4">
</a>

<a href="https://freeasteroids.org/">
<img src="./images/asteroids.jpg" class="box" alt="asteroids">
</a>
<a href="https://snake-game.io/">
<img src="./images/snakegame.jpg" class="box" alt="snake">
</a>
<a href="https://www.pacman1.net/">
<img src="./images/pac.jpg" class="box" alt="pac-man">
</a>
<a href="https://www.addictinggames.com/strategy/bloons-tower-defense-4">
<img src="./images/bloonstd4.jpg" class="box" alt="bloons td4">
</a>
</div>
</div>

<!-- <div style="text-align:center; font-family: 'IM Fell Great Primer SC'; border: 5px dotted purple" class="content-container">
Most Popular Games This Season
<ol type='1'>
<li >Assassin's Creed</li>
<li>Halo</li>
<li>Modern Warfare</li>
<li>Fortnite</li>
<li>Microsoft's Flight Simulator</li>
</ol>
</div> -->
</div>
</div>
</div>


<br></br>
<div class="thirdbackground" alt="army soldier shooting">

<div class="content-container">
<h1 style="font-family: 'IM Fell Great Primer SC'; color:maroon; background-color: black; text-align: center;" id="rec"> Recommendations</h1>
<div>
<h2 style="display: flex; justify-content: space-between;">
<a href="https://freeasteroids.org/">
<img src="./images/asteroids.jpg" class="small-game" alt="asteroids">
</a>
<a href="https://snake-game.io/">
<img src="./images/snakegame.jpg" class="small-game" alt="snake">
</a>
</h2>
</div>
<div>
<h2 style="display: flex; justify-content: space-between;">
<a href="https://www.pacman1.net/">
<img src="./images/pac.jpg" class="small-game" alt="pac-man">
</a>
<a href="https://www.addictinggames.com/strategy/bloons-tower-defense-4">
<img src="./images/bloonstd4.jpg" class="small-game" alt="bloons td4">
</a>
</h2>
</div>
</div>
</div>



</body>


</html>
Binary file added images/assassincrd.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/asteroids.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/backlayer.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/backlayer2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/bearcry.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/bloonstd4.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/cryastr.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/dolphin1.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/dolphin2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/dolphin3.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/frowny.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/gamer.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/halo.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/hawk1.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/hawk2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/hellkitchen.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/iphone15.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/ninja.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/pac.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/pikapika.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portrait_myself.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/question.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/snakegame.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/southpark.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/synthwave.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/tree_and_me.jpg
View file
51 changes: 51 additions & 0 deletions index.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
.icon {
height: 32px;
width: 32px;
border-radius: 30px;
background: white;
overflow: hidden;
}

.icon:hover {

background-color: #800;
}

a {

text-decoration: none;
}

.portrait {
height: 80vh;
width: 80vh;
max-width: 100vw;
max-height: 100vh;
background-image: url('./images/portrait_myself.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
margin: auto;
}


.main-bg {
height: 80vh;
background-image: url('https://raw.githubusercontent.com/JustinHennis1/image_assets/main/lttxtback.jpg');
background-position: center;
background-size:cover;
}


.secondary-bg {

height: 80vh;
background-position: center;
background-size: cover;
background-image: url('https://raw.githubusercontent.com/JustinHennis1/image_assets/main/desert.jpg');
}
Loading

0 comments on commit b687df4

Please sign in to comment.