-
-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
140 lines (123 loc) · 6.07 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
<!doctype html>
<html lang="en" class="h-100">
<head>
<!-- HTML Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content=" Factorio Blueprint Collection">
<meta name="description" content="A collection of DDDGamer's personal blueprints for the Factorio game.">
<meta name="keywords" content="Factorio, Blueprint, Ratios, Production, DDDGamer, Denis Zholob">
<meta name="author" content="Denis Zholob">
<!-- Google / Search Engine Tags -->
<meta itemprop="name" content=" Factorio Blueprint Collection">
<meta itemprop="description" content="A collection of DDDGamer's personal blueprints for the Factorio game.">
<meta itemprop="image" content="https://wiki.factorio.com/images/Blueprint_book.png">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://deniszholob.github.io/factorio-blueprints/">
<meta property="og:type" content="website">
<meta property="og:title" content=" Factorio Blueprint Collection">
<meta property="og:description" content="A collection of DDDGamer's personal blueprints for the Factorio game.">
<meta property="og:image" content="https://wiki.factorio.com/images/Blueprint_book.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content=" Factorio Blueprint Collection">
<meta name="twitter:description" content="A collection of DDDGamer's personal blueprints for the Factorio game.">
<meta name="twitter:image" content="https://wiki.factorio.com/images/Blueprint_book.png">
<!-- Title/Icons -->
<title> Factorio Blueprint Collection</title>
<link rel="icon" type="image/png" sizes="32x32" href="https://wiki.factorio.com/images/Blueprint_book.png">
<meta name="msapplication-TileColor" content="#189ADF">
<!-- PWA -->
<link rel="manifest" href="manifest.webmanifest">
<meta name="theme-color" content="#189ADF">
<!-- Meta Tags Generated via http://heymeta.com -->
<!-- Prefetch/Preconnect -->
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="preconnect" href="//fonts.googleapis.com" crossorigin="anonymous">
<link rel="dns-prefetch" href="//fonts.gstatic.com/s/">
<link rel="preconnect" href="//fonts.gstatic.com/s/" crossorigin="anonymous">
<link rel="dns-prefetch" href="//use.fontawesome.com">
<link rel="preconnect" href="//use.fontawesome.com" crossorigin="anonymous">
<link rel="dns-prefetch" href="//stackpath.bootstrapcdn.com">
<link rel="preconnect" href="//stackpath.bootstrapcdn.com" crossorigin="anonymous">
<link rel="dns-prefetch" href="//wiki.factorio.com/">
<link rel="preconnect" href="//wiki.factorio.com/" crossorigin="anonymous">
<link rel="dns-prefetch" href="//gist.githubusercontent.com">
<link rel="preconnect" href="//gist.githubusercontent.com" crossorigin="anonymous">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Jura:wght@400;700&family=Play:wght@400;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Bootstrap -->
<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">
<!-- Custom Sheet -->
<link href="styles.css" rel="stylesheet">
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-28080172-12"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments) };
gtag('js', new Date());
gtag('config', 'UA-28080172-12');
</script>
</head>
<body class="d-flex flex-column h-100">
<main role="main" class="flex-shrink-0">
<section>
<div class="container">
<h1 class="text-center">DDDGamer's Factorio Blueprint Collection</h1>
<p class="text-center txt-muted">
<strong>Click to copy</strong> on the Blueprint, then import in Factorio Blueprint menu.
<br>
Use <a href="https://autotorio.com/blueprint">Autotorio</a> tool to mirror blueprints.
<br>
Also see the <a href="https://factoriocheatsheet.com" rel="noopener" target="_blank">Factorio Cheat Sheet</a>
and <a href="#MoreBlueprints">more blueprints</a> below.
</p>
<br>
<p class="text-center text-muted">If you find the blueprints useful, you can </p>
<div class="text-center support-buttons">
<a href="https://ko-fi.com/deniszholob" target="_blank" rel="noopener" class="btn btn-outline-primary">
Buy me Ko-fi
</a>
<a href="https://patreon.com/deniszholob" target="_blank" rel="noopener" class="btn btn-outline-primary">
Support on Patreon
</a>
</div>
</div>
</section>
<section>
<div class="container">
<input type="text" class="form-control mb-3" id="InputSearch" onkeyup="filterBlueprints('InputSearch')"
placeholder="Filter/Search Blueprint Name" aria-label="Username">
<div id="Blueprint_List" class="list-group"></div>
</div>
</section>
<section>
<div class="container">
<h3 id="MoreBlueprints" class="text-center">Other Blueprints</h3>
<ul id="Link_List" class="list-group"></ul>
</div>
</section>
</main>
<footer class="footer mt-auto py-3">
<div class="container">
<div class="row txt-muted text-center">
<div class="col-6">
Design by <a href="https://deniszholob.com">Denis Zholob</a>
</div>
<div class="col-6">
See
<a href="https://github.com/deniszholob/factorio-blueprints" rel="noopener" target="_blank">
src on Github
</a>
</div>
</div>
</div>
</footer>
<!-- https://jakearchibald.com/2017/es-modules-in-browsers/ -->
<script src="./js/main.js" type="module"></script>
</body>
</html>