-
Notifications
You must be signed in to change notification settings - Fork 0
/
nanopokerclub.html
149 lines (141 loc) · 6.7 KB
/
nanopokerclub.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
145
146
147
148
149
<!DOCTYPE html>
<html>
<head>
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="description" content="Joseph Distler's Personal Webpage">
<title>Joseph Distler</title>
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/styles.css" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-126227597-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-126227597-1');
</script>
</head>
<body>
<header class="z-depth-1" style="background-color:#001f3f;box-shadow:none;">
<a href="#" data-activates="mobile-demo" class="button-collapse" id="sidebar-nav" style="display:none;"><i class="fa fa-bars fa-4x" style="margin: 10px 10px;"></i></a>
<h4 style="padding-top:10px;margin-bottom:5px;">Joseph Distler</h4>
<div style="text-align:center">
<div class="social-links">
<a href="mailto:[email protected]" target="_blank"><i class="fa fa-envelope" style="color:#fff;font-size: 6em;" title="Email"></i></a>
<a href="http://github.com/jdistler" target="_blank"><i class="fa fa-github " style="color:#fff;padding: 0 12px;font-size: 6em;" title="Github"></i></a>
<a href="https://www.linkedin.com/in/josephdistler" target="_blank"><i class="fa fa-linkedin" style="color:#fff;font-size: 6em;" title="LinkedIn"></i></a>
</div>
</div>
<nav style="box-shadow:none;background-color:#001f3f;margin-bottom:1em;">
<div class="nav-wrapper">
<a href="#" data-activates="mobile-demo" class="button-collapse" style="display:none;"><i class="material-icons">menu</i></a>
<ul class="hide-on-med-and-down">
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<ul class="side-nav" id="mobile-demo" >
<li><a href="index.html"><i class="fa fa-home fa-2x"></i> Home </a></li>
<li><a href="projects.html"><i class="fa fa-code fa-2x"></i> Projects</a></li>
<li><a href="contact.html"><i class="fa fa-send fa-2x"></i> Contact</a></li>
</ul>
</div>
</nav>
</header>
<div class="container">
<div class="nav-wrapper">
<h1 class="center-align" style="color:#333F48">NANO Poker Club</h1>
<h5 class="center-align" style="color:#333F48">Cryptocurrency Focused Online Game</h5>
<h3 class="left-align" style="color:#333F48">About</h3>
<div class="left-align flow-text">
I cofounded the NANO Poker Club, the first online Poker site which accepts payments in the NANO cryptocurrency.
As the sole developer for this project, I had the pleasure of selecting my own technology stack and designing all facets of the software.
</div>
<div class="left-align flow-text" style="padding-top:1em;">
The actual Poker gameplay server is a commercial product known as <a href="https://www.briggsoft.com/pmavens.htm">Poker Mavens</a>.
This software is a Windows Server application which conducts all Poker engine gameplay, thus abstracting away the core game development I otherwise would need to undertake. It exposes an API for managing user accounts and balances.
</div>
<div class="left-align flow-text" style="padding-top:1em;">
I built my React frontend around this Poker server API, so that users would have one cohesive login experience where they can manage funds and player rewards before entering the gameplay server.
I also designed a payment system for the NANO network to monitor all payments made to user accounts, and increment/decrement poker accounts as necessary.
</div>
<div class="left-align flow-text" style="padding-top:1em;">
My software and site were acquired in August 2018 by <a href="http:/allin.bet">Allin.BET</a>
</div>
<div class="left-align flow-text" style="padding-top:1em;">
Access to private GitHub source code for the above project and others may be granted on request
</div>
<h3 class="left-align" style="color:#333F48">Technologies</h3>
<div class="row">
<div class="col s6 l3">
<div class="card">
<div class="card-image white">
<a href="https://github.com/nanocurrency/raiblocks" target="_blank"><img src="images/nano.png"></a>
</div>
<div class="card-content">
<p>NANO Cryptocurrency</p>
</div>
</div>
</div>
<div class="col s6 l3">
<div class="card">
<div class="card-image white">
<img src="images/react.png">
</div>
<div class="card-content">
<p>React</p>
</div>
</div>
</div>
<div class="col s6 l3">
<div class="card">
<div class="card-image white">
<img src="images/python.png">
</div>
<div class="card-content">
<p>Python</p>
</div>
</div>
</div>
<div class="col s6 l3">
<div class="card">
<div class="card-image white">
<img src="images/nginx.png">
</div>
<div class="card-content">
<p>NGINX</p>
</div>
</div>
</div>
<div class="col s6 l3">
<div class="card">
<div class="card-image white">
<img src="images/mongodb.png">
</div>
<div class="card-content">
<p>MongoDB</p>
</div>
</div>
</div>
<div class="col s6 l3">
<div class="card">
<div class="card-image white">
<img src="images/sqlite.png">
</div>
<div class="card-content">
<p>SQLite</p>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script>
$( document ).ready(function() {
$(".button-collapse").sideNav();
});
</script>
</body>
</html>