-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
314 lines (268 loc) · 13.9 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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="google-site-verification" content="oDwOxaYBhCSw_gvUuK85Fv2ECDdyH8pb6LpKr9tvFiI" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-117903481-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-117903481-1');
</script>
<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="">
<title>MyBlankList</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i" rel="stylesheet" type='text/css'>
<!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/creative.min.css" rel="stylesheet">
<!-- Favicon-->
<link rel="icon" href="img/Logo2.png">
<!-- Core CSS file -->
<link rel="stylesheet prefetch" href="css/photoswipe.css">
<link rel="stylesheet prefetch" href="default-skin/default-skin.css">
<!-- Core JS file -->
<script src="js/photoswipe.min.js"></script>
<!-- UI JS file -->
<script src="js/photoswipe-ui-default.min.js"></script>
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="img/Logo1.png" style="width: 50px; height: 50px;" /></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#features">Features</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#download">Programs</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#community">Community</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="masthead text-center text-white d-flex">
<div class="container my-auto">
<div class="row">
<div class="col-lg-10 mx-auto">
<img src="img/FullLogo.png" style="max-width: 100%; width: 485.5px; height: auto;" />
<div class="col-lg-8 mx-auto">
<p class="text-faded mb-5">"Your List Your Way"<br>With the My Blank List series of applications you can easily sort, rank, and view various stats and information on the media you consume.</p>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#features">See More</a>
</div>
</div>
</div>
</header>
<section id="features">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h3 class="section-heading">Features</h3>
<hr class="my-4">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-file-excel text-primary mb-3 sr-icons"></i>
<h3 class="mb-3">Excel</h3>
<p class="text-muted mb-0">The entire program is built in Excel, allowing for easy editing, customizing, and extracting of data! *Requires Excel 2007 or greater to function properly.*</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-wrench text-primary mb-3 sr-icons"></i>
<h3 class="mb-3">Scraper</h3>
<p class="text-muted mb-0">Scrapes and automatically fills out fields with data from numerous different websites!</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box mt-5 mx-auto">
<i class="fas fa-4x fa-th-list text-primary mb-3 sr-icons"></i>
<h3 class="mb-3">Fields</h3>
<p class="text-muted mb-0">There are 100s of preconfigured optional fields so that you can build your list your way!</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-check-square text-primary mb-3 sr-icons"></i>
<h3 class="mb-3">Customization</h3>
<p class="text-muted mb-0">Tons of visual and meaningful customization options that are intuitive and allow you to build the list you want!</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box mt-5 mx-auto">
<i class="fas fa-4x fa-chart-pie text-primary mb-3 sr-icons"></i>
<h3 class="mb-3">Statistics</h3>
<p class="text-muted mb-0">You can view various interesting stats on your media habits and library!</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-trophy text-primary mb-3 sr-icons"></i>
<h3 class="mb-3">Achievements</h3>
<p class="text-muted mb-0">After passing certain thresholds you can attain various achievements!</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box mt-5 mx-auto">
<i class="fas fa-4x fa-plus text-primary mb-3 sr-icons"></i>
<h3 class="mb-3">...and Much More!</h3>
<p class="text-muted mb-0">In addition, there are numerous other features such as a simple page to not clutter the main page and individual pages to further analyze various elements!</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box mt-5 mx-auto">
<i class="fas fa-4x fa-smile text-primary mb-3 sr-icons"></i>
<h3 class="mb-3">Free</h3>
<p class="text-muted mb-0">Best of all, this program is completely free to use and edit as you wish!</p>
</div>
</div>
</div>
</div>
</section>
<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
<!-- Background of PhotoSwipe.
It's a separate element as animating opacity is faster than rgba(). -->
<div class="pswp__bg" style="opacity:0.9;"></div>
<!-- Slides wrapper with overflow:hidden. -->
<div class="pswp__scroll-wrap">
<!-- Container that holds slides.
PhotoSwipe keeps only 3 of them in the DOM to save memory.
Don't modify these 3 pswp__item elements, data is added later on. -->
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
<div class="pswp__ui pswp__ui--fit pswp__ui--hidden">
<div class="pswp__top-bar">
<!-- Controls are self-explanatory. Order can be changed. -->
<div class="pswp__counter"></div>
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
<button class="pswp__button pswp__button--share" title="Share"></button>
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
<!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
<!-- element will get class pswp__preloader--active when preloader is running -->
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div>
</div>
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
<div class="pswp__share-tooltip"></div>
</div>
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
</button>
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
</button>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div>
<section class="bg-dark" id="download">
<div class="container text-center">
<h3 class="section-heading">Programs</h3>
<hr class="light my-4">
</div>
<div class="container">
<div class="row">
<div class="col-lg-5 mx-auto text-center">
<div class="service-box mt-5 mx-auto">
<img src="img/MyGameList.png" style="width: 140px; height: 140px;"/>
<h3 class="mb-0">MyGamesList</h3>
<p class="text-muted mb-2">Version 2.5 (6/03/2018)</p>
<p class="text-muted mb-0">Installer Recommended</p>
<a class="btn btn-space btn-light btn-xl" href="https://github.com/MyBlankList/MyGamesList/releases/download/v2.5/MyGamesList.v2.5.Setup.exe">Download Installer</a>
<button class="btn btn-space btn-light btn-xl" id="MyGamesList">Picture Guide</button>
<a class="btn btn-space btn-light btn-xl" href="Changelog/MyGamesList Changelog.txt" target="_blank">Changelog</a>
<a class="btn btn-space btn-light btn-xl" href="https://github.com/MyBlankList/MyGamesList/releases/download/v2.5/MyGamesList.v2.5.Zip">Download Zip</a>
<a class="btn btn-space btn-light btn-xl" href="https://github.com/MyBlankList/MyGamesList" target="_blank">Github</a>
</div>
</div>
<div class="col-lg-5 mx-auto text-center">
<div class="service-box mt-5 mx-auto">
<img src="img/Blannk.png" style="width: 140px; height: 140px;"/>
<h3 class="mb-3">More Coming Soon!</h3>
<i class="fab fa-discord fa-5x mb-3 sr-contact"></i>
<p>
<a class="btn btn-space btn-primary btn-xl" href="https://discordapp.com/invite/3uw2uBd" target="_blank">Join the Discord for Updates!</a>
</p>
</div>
</div>
</div>
</div>
</section>
<section id="community">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<h3 class="section-heading">Community</h3>
<hr class="my-4">
<p class="mb-5">Report bugs, get support for issues, request new features, share your lists and more!</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 ml-auto text-center">
<i class="fab fa-github fa-5x mb-3 sr-contact"></i>
<p>
<a class="btn btn-primary btn-xl" href="https://github.com/MyBlankList/MyBlankList.github.io" target="_blank">Website Github</a>
</p>
</div>
<div class="col-lg-4 text-center">
<i class="fab fa-discord fa-5x mb-3 sr-contact"></i>
<p>
<a class="btn btn-primary btn-xl" href="https://discordapp.com/invite/3uw2uBd" target="_blank">Join the Discord!</a>
</p>
</div>
<div class="col-lg-4 mr-auto text-center">
<i class="fa fa-envelope fa-5x mb-3 sr-contact"></i>
<p>
<a class="btn btn-primary btn-xl" href="mailto:[email protected]">Support Email</a>
</p>
</div>
</div>
</div>
</section>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- GACAT -->
<script src="js/GACAT.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="vendor/scrollreveal/scrollreveal.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/creative.min.js"></script>
<script src="js/gallery.min.js"></script>
</body>
</html>