-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
196 lines (195 loc) · 14.9 KB
/
Copy pathindex.html
File metadata and controls
196 lines (195 loc) · 14.9 KB
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
<!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="" />
<meta property="og:title" content="選舉之戰"/>
<meta property="og:description" content="《選舉之戰》是一款以「台灣選舉當選人」為主題的卡牌輪抽、構築類型桌上遊戲。卡牌參數源自「中選會選舉資料庫網站」、「選舉公報」和「新聞媒體」等公開資料，遊戲內建單人和多人遊戲，最多可以讓15位玩家一同遊玩，進行刺激的多人選戰。"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="assets/img/about/about_500.png"/>
<meta name="facebook-domain-verification" content="kkitgtde4uwvy59bwtyilcyq6o98e9" />
<title>選舉之戰 - War of Election</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/icon.png" />
<!-- Bootstrap Icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic" rel="stylesheet" type="text/css" />
<!-- SimpleLightbox plugin CSS-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CGE7R9RZC2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-CGE7R9RZC2');
</script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '285553766654475');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=285553766654475&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
<div class="container px-4 px-lg-5">
<a class="navbar-brand" href="#page-top">選舉之戰桌上遊戲</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-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 ms-auto my-2 my-lg-0">
<li class="nav-item"><a class="nav-link" href="#avater">角色卡</a></li>
<li class="nav-item"><a class="nav-link" href="#event">新聞卡</a></li>
<li class="nav-item"><a class="nav-link" href="#opensource">開源資料</a></li>
<li class="nav-item"><a class="nav-link" href="#exclusive">獨家贈送</a></li>
<li class="nav-item"><a class="nav-link" href="#welcome">歡迎穿越</a></li>
<li class="nav-item"><a class="nav-link" href="#about">選舉之戰委員會</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container px-4 px-lg-5 h-100">
<div class="row gx-4 gx-lg-5 h-100 align-items-center justify-content-center text-center">
<div class="col-lg-8 align-self-end">
<h1 class="text-white font-weight-bold">《選舉之戰》桌上遊戲</h1>
<hr class="divider" />
</div>
<div class="col-lg-8 align-self-baseline">
<p class="text-white-75 mb-5">《選舉之戰》是一款以「台灣選舉當選人」為主題的卡牌輪抽、構築類型桌上遊戲。卡牌參數源自「中選會選舉資料庫網站」、「選舉公報」和「新聞媒體」等公開資料，遊戲內建單人和多人遊戲，最多可以讓15位玩家一同遊玩，進行刺激的多人選戰。</p>
<p class="text-white-75 mb-5">玩家扮演52號地球的某個財團金主，派出政治人物參加鬼島的六都選舉，過程中操作主流媒體「批批踢」帶風向抹黑政敵，讓其他財團所屬的候選人受到風向影響退出選舉，目標是控制超過一半的選區，掌握鬼島資源，成為「鬼島之王」！</p>
<a class="btn btn-primary btn-xl" href="https://github.com/AndyAWD/warofelection">《選舉之戰》桌上遊戲免費下載</a>
</div>
</div>
</div>
</header>
<!-- avater-->
<section class="page-section" id="avater">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-center mt-0">角色卡介紹</h2>
<hr class="divider divider-light" />
<img class="img-fluid" src="https://diat4w9qa5tx9.cloudfront.net/uploads/ckeditor/pictures/10581/content_picture3-1.png" alt="卡片數值來源"/>
<img class="img-fluid" src="https://diat4w9qa5tx9.cloudfront.net/uploads/ckeditor/pictures/12735/content_picture4-1.png" alt="總統、副總統、市長、區域立委，戰鬥力計算公式"/>
<img class="img-fluid" src="https://diat4w9qa5tx9.cloudfront.net/uploads/ckeditor/pictures/12734/content_picture4-2.png" alt="不分區立委，戰鬥力計算公式"/>
<img class="img-fluid" src="https://diat4w9qa5tx9.cloudfront.net/uploads/ckeditor/pictures/10594/content_picture4-3.png" alt="直轄市議員、縣市議員，戰鬥力計算公式"/>
<hr class="divider divider-light" />
<p class="text-danger mb-5">註：角色照片參考選舉公報照片重新繪製，角色名稱和推薦之政黨，皆為虛構創作，與現實無關。</p>
</div>
</div>
</div>
</section>
<!-- event-->
<div class="page-section" id="event">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-center mt-0">新聞卡介紹</h2>
<hr class="divider divider-light" />
<img class="img-fluid" src="https://diat4w9qa5tx9.cloudfront.net/uploads/ckeditor/pictures/10710/content_picture5-1.png" alt="每張新聞卡參考多份媒體和判決書整理成懶人包"/>
<img class="img-fluid" src="https://diat4w9qa5tx9.cloudfront.net/uploads/ckeditor/pictures/10621/content_picture6-1.png" alt="新聞整理後，會附上當事人在接受新聞媒體採訪時，對事件的看法"/>
<hr class="divider divider-light" />
<p class="text-danger mb-5">註：卡牌新聞皆為虛構創作，與現實無關。</p>
</div>
</div>
</div>
</div>
<!-- opensource-->
<section class="page-section" id="opensource">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-center mt-0">圖示免費下載，創用CC-姓名標示</h2>
<hr class="divider divider-light" />
<img class="img-fluid" src="https://diat4w9qa5tx9.cloudfront.net/uploads/ckeditor/pictures/13093/content_picture16-1.png" alt="選舉之戰圖示免費下載"/>
<hr class="divider divider-light" />
<p class="text-black mb-5">在製作選舉之戰時，用了許多免費字型和軟體，也受到很多人協助，取之於網路，用之於網路，所以我把選舉之戰的圖示放在Github上讓大家免費下載，授權採用創用CC - 姓名標示。</p>
<p class="text-black mb-5">創用CC - 姓名標示：本授權條款允許使用者重製、散布、傳輸以及修改著作（包括商業性利用），惟使用時必須按照著作人或授權人所指定的方式，表彰其姓名。</p>
<a class="btn btn-outline-dark" href="https://github.com/AndyAWD/warofelection" role="button">Github下載</a>
</div>
</div>
</div>
</section>
<!-- exclusive-->
<section class="page-section" id="exclusive">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-center mt-0">獨家贈送</h2>
<hr class="divider divider-light" />
<br class="text-black mb-5">本次集資獨家贈送「上班不要看 呱吉 aka 台北市議員 邱威傑」議員卡</br>
<p class="text-black mb-5">呱吉真名，正版授權；只送這次，以後非賣！</p>
<p class="text-black mb-5">某天，呱吉大喊著「我想去一個快樂的世界！」同一時間，太平洋中一頭52赫茲的鯨魚也發出叫聲，兩個聲音產生共振效應，造成空間撕裂，於是呱吉得到穿越的能力，能夠出末在選舉之戰這個虛構的世界中，大概是這樣。</p>
<img class="img-fluid" src="https://diat4w9qa5tx9.cloudfront.net/uploads/ckeditor/pictures/10764/content_picture11-1.png" alt="選舉之戰 offline，購買就送呱級議員卡"/>
</div>
</div>
</div>
</section>
<!-- opensource-->
<section class="page-section" id="welcome">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-center mt-0">歡迎穿越</h2>
<hr class="divider divider-light" />
<p class="text-black mb-5">如果您是「民國83年到109年的總統、副總統、臺灣省長」、「民國83年到107年的直轄市長、縣市長」、「民國109年立法委員」、「民國107年議員」或者有意參選「民國111年直轄市長、縣市長」、「民國111年議員」，想要穿越進《選舉之戰》中，讓您的真實姓名出現在卡片上，歡迎與選舉之戰委員會連絡，討論授權事項。</p>
<p class="text-black mb-5">如果您是通過內政部核准的合法政黨，想要穿越進《選舉之戰》中，讓您的真實政黨名稱和真實政黨標章出現在卡片上，歡迎與選舉之戰委員會連絡，討論授權事項。</p>
<a class="btn btn-outline-dark" href="mailto:warofelection@gmail.com" role="button">選舉之戰委員會電子郵件 warofelection@gmail.com</a>
</div>
</div>
</div>
</section>
<!-- About-->
<section class="page-section bg-primary" id="about">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-8 text-center">
<img class="img-fluid" src="assets/img/about/about_500.png" alt="選舉之戰委員會" width="200"/>
<hr class="divider divider-light" />
<p class="text-white-75 mb-4">選舉之戰委員會（簡稱選委會）</p>
<p class="text-white-75 mb-4">專門設計《選舉之戰》相關產品</p>
<p class="text-white-75 mb-4">我們目標用各種載體，記錄臺灣選舉的每個過程和結果。</p>
<a class="btn btn-secondary" href="mailto:warofelection@gmail.com" role="button">E-mail</a>
<a class="btn btn-secondary" href="https://www.facebook.com/WarofElection" role="button">Facebook</a>
<a class="btn btn-secondary" href="https://www.instagram.com/warofelection/" role="button">Instagram</a>
</div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="bg-light py-5">
<div class="container px-4 px-lg-5"><div class="small text-center text-muted">Copyright © 2021</div></div>
</footer>
<!-- Bootstrap core JS-->
<script src="http://www.warofelection.com/js/bootstrap.bundle.min.js"></script>
<!-- SimpleLightbox plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<!-- * * SB Forms JS * *-->
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</body>
</html>