-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (136 loc) · 7.85 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.png" height="32" width="32"/>
<title>Kraig Jacobson</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="css/jumbotron.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="#">Kraig Jacobson</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" href="https://github.com/kraigjacobson">GitHub</a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" href="https://www.linkedin.com/in/kraigjacobson/">LinkedIn</a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" href="resume.pdf">Resume</a>
</li>
</ul>
</div>
</nav>
<main role="main">
<div class="jumbotron">
<div class="inner">
<div class="container">
<h1 class="display-3">Kraig</h1>
<p>I am
<span class="animspan" id="s1">a Motorcycle Explorer</span>
<span class="animspan" id="s2">a Foodie</span>
<span class="animspan" id="s3">a Gamer</span>
<span class="animspan" id="s4">a Cat Dad</span>
<span class="animspan" id="s5">an Entrepreneur</span>
</p>
</div>
</div>
<div class="notext"></div>
</div>
<div class="container">
<div class="row">
<div class="col-md-3">
<h2><a href="https://blackjack.kraig.io/">BlackJack</a></h2>
<p>February 2018 | Most Recent</p>
<p><a href="https://github.com/kraigjacobson/blackjack">Front End Code</a> | <a href="https://github.com/kraigjacobson/blackjackapi">API Code</a></p>
<a href="https://blackjack.kraig.io/">
<img src="blackjack.png" alt="BlackJack" class="img-fluid img-thumbnail">
</a>
<ul>
<li>NodeJS</li>
<li>Angular5</li>
<li>TypeScript/ES6</li>
<li>Bootstrap 4</li>
<li>Sequelize</li>
<li>MySQL</li>
<li>MongoDB</li>
<li>Socket.io</li>
</ul>
<p>This is a multiplayer blackjack game I made. It uses sessions to keep players logged in. I'm just starting to get into TypeScript and this was my first app with Angular5, which I really like. </p>
<p><a class="btn btn-secondary" href="https://blackjack.kraig.io/" role="button">Play »</a></p>
</div>
<div class="col-md-3">
<h2><a href="https://kraigjacobson.github.io/space-rpg-2/#!/station">Space RPG 2</a></h2>
<p>June 2017</p>
<p><a href="https://github.com/kraigjacobson/space-rpg-2">Code</a></p>
<a href="https://kraigjacobson.github.io/space-rpg-2/#!/station">
<img src="space-rpg-2.png" alt="Space RPG 2" class="img-fluid img-thumbnail">
</a>
<ul>
<li>Angular 1.6</li>
<li>Foundation</li>
<li>WebPack</li>
<li>PixiJS</li>
<li>ChartJS</li>
<li>MomentJS</li>
</ul>
<p>A more ambitious version of Space RPG. When you dock at a station you can click 'Services'. There are many places to visit including a casino with a real game of blackjack you can play a stock brokerage where you can buy and sell stocks. I also built a generated galaxy in the map tab that's different for each player using PixiJS. I tried to make everything I could completely procedural.</p>
<p><a class="btn btn-secondary" href="https://kraigjacobson.github.io/space-rpg-2/#!/station" role="button">Play »</a></p>
</div>
<div class="col-md-3">
<h2><a href="https://kraigjacobson.github.io/angular-survival-game/">Survival</a></h2>
<p>March 2017</p>
<p><a href="https://github.com/kraigjacobson/angular-survival-game">Code</a></p>
<a href="https://kraigjacobson.github.io/angular-survival-game/">
<img src="survival.png" alt="Survival Game" class="img-fluid img-thumbnail">
</a>
<ul>
<li>Angular 1.5</li>
<li>Bootstrap 3.3.7</li>
</ul>
<p>Survival crafting clicking idle game. I love games where you start with nothing and have to figure out what's going on. You can find materials and craft weapons, shelters, and other survival tools.</p>
<p><a class="btn btn-secondary" href="https://kraigjacobson.github.io/angular-survival-game/" role="button">Play »</a></p>
</div>
<div class="col-md-3">
<h2><a href="https://kraigjacobson.github.io/space-rpg-vanilla/index.html">Space RPG</a></h2>
<p>January 2017</p>
<p><a href="https://github.com/kraigjacobson/space-rpg-vanilla">Code</a></p>
<a href="https://kraigjacobson.github.io/space-rpg-vanilla/index.html">
<img src="space-rpg.png" alt="Space RPG" class="img-fluid img-thumbnail">
</a>
<ul>
<li>jQuery 3.1</li>
<li>Bootstrap 3.3.7</li>
</ul>
<p>The first game I ever made. I like looking back to see how far I've come and how much more I still get to learn. Making games was and is still a big part of helping me learn new tech and helps me express my creativity.</p>
<p><a class="btn btn-secondary" href="https://kraigjacobson.github.io/space-rpg-vanilla/index.html" role="button">Play »</a></p>
</div>
</div>
</div>
</main>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-89862605-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-89862605-3');
</script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>