外觀
This commit is contained in:
commit
006a0351d2
BIN
images/CXD BOSS2.3.jpg
Normal file
BIN
images/CXD BOSS2.3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 MiB |
BIN
images/CXD_ICON.png
Normal file
BIN
images/CXD_ICON.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
42
images/CXD_ICON.svg
Normal file
42
images/CXD_ICON.svg
Normal file
@ -0,0 +1,42 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="595px" height="842px" viewBox="0 0 595 842" enable-background="new 0 0 595 842" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M379.139,474.004l54.463-42.461L258.5,198.75l-39.336,62.796l77.781,103.011
|
||||
l-50.25,53.301l79.688-10.108C330.62,411.64,376.074,468.782,379.139,474.004z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M541.982,344.141V239.014l-84.514-85.544l-54.339,31.423V240l57.431,0.045
|
||||
c2.669,0,28.439,29.374,24.735,24.736v51.533l-73.827,56.147l34.158,45.54L541.982,344.141z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.636,391.551H253.5l27.727-27.828c0,0-20.977-22.224-26.797-28.858H142.088
|
||||
C140.531,334.865,61.848,388.248,59.636,391.551z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M49.329,195.727c0,0,70.906,57.523,75.171,57.523l82.027-1.173l37.595-56.351
|
||||
H49.329z"/>
|
||||
<polygon fill-rule="evenodd" clip-rule="evenodd" points="72.003,363.724 167.653,298.057 72.003,232.831 "/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M320.392,254.474c0,1.512,62.921,89.002,66.992,91.728V192.635
|
||||
C381.81,196.368,320.392,253.933,320.392,254.474z"/>
|
||||
</g>
|
||||
<path d="M63.597,511.899v-29.969h-7.619v29.969H63.597L63.597,511.899z M78.349,511.899v-29.969H70.73v29.969H78.349
|
||||
L78.349,511.899z M93.102,511.899v-29.969h-7.62v29.969H93.102L93.102,511.899z M106.872,499.095v-7.108h-7.305v7.108H106.872
|
||||
L106.872,499.095z M106.872,511.899v-7.031h-7.305v7.031H106.872L106.872,511.899z M139.22,485.897v-3.967h-27.847v3.967h10.094
|
||||
v26.002h7.737v-26.002H139.22L139.22,485.897z M165.637,511.899v-21.014H153.03l-2.003,3.104v-12.059h-7.501v29.969h7.501v-17.282
|
||||
h7.07v17.282H165.637L165.637,511.899z M193.861,508.207h-15.278v-7.502l2.16,3.182h12.215v-13.001h-21.916v21.014h21.249
|
||||
L193.861,508.207L193.861,508.207z M185.457,500.077h-6.874v-5.382h6.874V500.077L185.457,500.077z M233.884,511.899l-6.402-12.49
|
||||
h4.163v-17.479h-14.1l-2.356,3.261v-3.261h-7.895v29.969h7.895V496.07l1.846,3.339h1.964l6.441,12.49H233.884L233.884,511.899z
|
||||
M223.829,495.521h-8.641v-9.662h8.641V495.521L223.829,495.521z M260.655,511.899v-21.014h-12.608l-2.003,3.104v-12.059h-7.502
|
||||
v29.969h7.502v-17.282h7.07v17.282H260.655L260.655,511.899z M289.86,490.886h-7.737l-4.988,11.469l-4.713-11.469h-7.855
|
||||
l8.602,20.816l-2.121,4.674h-5.656l1.493,3.653h10.29L289.86,490.886L289.86,490.886z M310.976,508.285h-6.48v-13.668h5.656v-3.691
|
||||
h-5.656v-6.913h-7.502v6.913h-4.045v3.691h4.045v17.282h12.372L310.976,508.285L310.976,508.285z M337.511,511.899v-21.014h-12.607
|
||||
l-2.004,3.104v-12.059h-7.501v29.969h7.501v-17.282h7.07v17.282H337.511L337.511,511.899z M373.59,511.859v-20.974h-9.426
|
||||
l-2.317,3.104v-3.104h-9.701l-2.043,3.104v-3.104h-7.188v20.974h7.188v-17.203h4.478v17.203h7.267v-17.203h4.478v17.203H373.59
|
||||
L373.59,511.859z M410.863,485.938v-4.007h-23.134v29.969h7.816v-13.236h14.453v-4.085h-14.453v-8.641H410.863L410.863,485.938z
|
||||
M424.28,488.451v-6.521h-7.502v6.521H424.28L424.28,488.451z M424.28,511.899v-21.014h-7.502v21.014H424.28L424.28,511.899z
|
||||
M453.368,519.99v-29.104h-7.502v3.063l-2.356-3.063H430.98v21.014h12.805l2.081-3.143v7.58h-15.828l2.003,3.653H453.368
|
||||
L453.368,519.99z M445.866,508.128h-7.345v-13.511h7.345V508.128L445.866,508.128z M480.807,511.899v-21.014h-12.607l-2.003,3.104
|
||||
v-12.059h-7.502v29.969h7.502v-17.282h7.069v17.282H480.807L480.807,511.899z M503.414,508.285h-6.48v-13.668h5.656v-3.691h-5.656
|
||||
v-6.913h-7.501v6.913h-4.046v3.691h4.046v17.282h12.371L503.414,508.285L503.414,508.285z M530.656,508.207h-15.278v-7.502
|
||||
l2.16,3.182h12.215v-13.001h-21.916v21.014h21.248L530.656,508.207L530.656,508.207z M522.251,500.077h-6.873v-5.382h6.873V500.077
|
||||
L522.251,500.077z M552.832,494.656v-3.771h-7.463l-2.317,3.104v-3.104h-7.698v21.014h7.698v-17.243H552.832z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.1 KiB |
BIN
images/ICON_white.png
Normal file
BIN
images/ICON_white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
42
images/ICON_white.svg
Normal file
42
images/ICON_white.svg
Normal file
@ -0,0 +1,42 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="595px" height="842px" viewBox="0 0 595 842" enable-background="new 0 0 595 842" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M379.139,474.004l54.463-42.461L258.5,198.75l-39.336,62.796
|
||||
l77.781,103.011l-50.25,53.301l79.688-10.108C330.62,411.64,376.074,468.782,379.139,474.004z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M541.982,344.141V239.014l-84.514-85.544l-54.339,31.423V240
|
||||
l57.431,0.045c2.669,0,28.439,29.374,24.735,24.736v51.533l-73.827,56.147l34.158,45.54L541.982,344.141z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M59.636,391.551H253.5l27.727-27.828
|
||||
c0,0-20.977-22.224-26.797-28.858H142.088C140.531,334.865,61.848,388.248,59.636,391.551z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M49.329,195.727c0,0,70.906,57.523,75.171,57.523l82.027-1.173
|
||||
l37.595-56.351H49.329z"/>
|
||||
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#84CCD0" points="72.003,363.724 167.653,298.057 72.003,232.831 "/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#E6CC29" d="M320.392,254.474c0,1.512,62.921,89.002,66.992,91.728V192.635
|
||||
C381.81,196.368,320.392,253.933,320.392,254.474z"/>
|
||||
</g>
|
||||
<path fill="#FFFFFF" d="M63.597,511.899v-29.969h-7.619v29.969H63.597L63.597,511.899z M78.349,511.899v-29.969H70.73v29.969
|
||||
H78.349L78.349,511.899z M93.102,511.899v-29.969h-7.62v29.969H93.102L93.102,511.899z M106.872,499.095v-7.108h-7.305v7.108
|
||||
H106.872L106.872,499.095z M106.872,511.899v-7.031h-7.305v7.031H106.872L106.872,511.899z M139.22,485.897v-3.967h-27.847v3.967
|
||||
h10.094v26.002h7.737v-26.002H139.22L139.22,485.897z M165.637,511.899v-21.014H153.03l-2.003,3.104v-12.059h-7.501v29.969h7.501
|
||||
v-17.282h7.07v17.282H165.637L165.637,511.899z M193.861,508.207h-15.278v-7.502l2.16,3.182h12.215v-13.001h-21.916v21.014h21.249
|
||||
L193.861,508.207L193.861,508.207z M185.457,500.077h-6.874v-5.382h6.874V500.077L185.457,500.077z M233.884,511.899l-6.402-12.49
|
||||
h4.163v-17.479h-14.1l-2.356,3.261v-3.261h-7.895v29.969h7.895V496.07l1.846,3.339h1.964l6.441,12.49H233.884L233.884,511.899z
|
||||
M223.829,495.521h-8.641v-9.662h8.641V495.521L223.829,495.521z M260.655,511.899v-21.014h-12.608l-2.003,3.104v-12.059h-7.502
|
||||
v29.969h7.502v-17.282h7.07v17.282H260.655L260.655,511.899z M289.86,490.886h-7.737l-4.988,11.469l-4.713-11.469h-7.855
|
||||
l8.602,20.816l-2.121,4.674h-5.656l1.493,3.653h10.29L289.86,490.886L289.86,490.886z M310.976,508.285h-6.48v-13.668h5.656v-3.691
|
||||
h-5.656v-6.913h-7.502v6.913h-4.045v3.691h4.045v17.282h12.372L310.976,508.285L310.976,508.285z M337.511,511.899v-21.014h-12.607
|
||||
l-2.004,3.104v-12.059h-7.501v29.969h7.501v-17.282h7.07v17.282H337.511L337.511,511.899z M373.59,511.859v-20.974h-9.426
|
||||
l-2.317,3.104v-3.104h-9.701l-2.043,3.104v-3.104h-7.188v20.974h7.188v-17.203h4.478v17.203h7.267v-17.203h4.478v17.203H373.59
|
||||
L373.59,511.859z M410.863,485.938v-4.007h-23.134v29.969h7.816v-13.236h14.453v-4.085h-14.453v-8.641H410.863L410.863,485.938z
|
||||
M424.28,488.451v-6.521h-7.502v6.521H424.28L424.28,488.451z M424.28,511.899v-21.014h-7.502v21.014H424.28L424.28,511.899z
|
||||
M453.368,519.99v-29.104h-7.502v3.063l-2.356-3.063H430.98v21.014h12.805l2.081-3.143v7.58h-15.828l2.003,3.653H453.368
|
||||
L453.368,519.99z M445.866,508.128h-7.345v-13.511h7.345V508.128L445.866,508.128z M480.807,511.899v-21.014h-12.607l-2.003,3.104
|
||||
v-12.059h-7.502v29.969h7.502v-17.282h7.069v17.282H480.807L480.807,511.899z M503.414,508.285h-6.48v-13.668h5.656v-3.691h-5.656
|
||||
v-6.913h-7.501v6.913h-4.046v3.691h4.046v17.282h12.371L503.414,508.285L503.414,508.285z M530.656,508.207h-15.278v-7.502
|
||||
l2.16,3.182h12.215v-13.001h-21.916v21.014h21.248L530.656,508.207L530.656,508.207z M522.251,500.077h-6.873v-5.382h6.873V500.077
|
||||
L522.251,500.077z M552.832,494.656v-3.771h-7.463l-2.317,3.104v-3.104h-7.698v21.014h7.698v-17.243H552.832z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
BIN
images/LEVINESSA_裁切後.png
Normal file
BIN
images/LEVINESSA_裁切後.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
BIN
images/background-img.jpg
Normal file
BIN
images/background-img.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
images/素材_levinessa_字.png
Normal file
BIN
images/素材_levinessa_字.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
48
index.html
Normal file
48
index.html
Normal file
@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" type="text/css" href="http://meyerweb.com/eric/tools/css/reset/reset.css">
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
<title>瘋雷亞CXD比賽</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="page">
|
||||
|
||||
<div id="main-area">
|
||||
<div class="inner">
|
||||
<div id="levinessa-area">
|
||||
<span id="levinessa-logo"><img src="images/%E7%B4%A0%E6%9D%90_levinessa_%E5%AD%97.png" style="height: 9em; object-fit: contain;"></span>
|
||||
</div>
|
||||
|
||||
<div id="score-area">
|
||||
<div id="boss-hp">
|
||||
<div id="boss-hp-num">
|
||||
<p>0%</p>
|
||||
<p>1400000000 / 0000000000 </p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="overkill-bonus">
|
||||
100
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div id="scaedule-area">
|
||||
<p id="scaedule-text">準決賽</p>
|
||||
<p id="mode-text">BOSS Mode</p>
|
||||
</div>
|
||||
|
||||
<div id="cxd-logo-area">
|
||||
<span id="cxd-logo"><img src="images/ICON_white.png"></span>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
|
||||
<script src="query.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
43
query.js
Normal file
43
query.js
Normal file
@ -0,0 +1,43 @@
|
||||
var baseAPIUrl = "//spreadsheets.google.com/feeds/list/1wr8qbkLGUkmrscj7CPeFml9FlfQCxBKBKzkc2v7lIK8/ohu83m6/public/values?alt=json";
|
||||
var updateFreSec = 60;
|
||||
|
||||
function queryResult() {
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
dataType:"jsonp",
|
||||
// type: "POST",
|
||||
url: baseAPIUrl,
|
||||
beforeSend: function() {
|
||||
},
|
||||
success: function(data){
|
||||
// 隱藏處理中畫面
|
||||
alert("OK "+data.feed.entry[0].gsx$boss剩餘血.$t);
|
||||
console.log(data);
|
||||
},
|
||||
error: function(data){
|
||||
// 隱藏處理中畫面
|
||||
alert("網路錯誤，請重新整理試試看");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function display_data() {
|
||||
}
|
||||
|
||||
function clean_data() {
|
||||
// 顯示出來
|
||||
mSpan_nickname.innerHTML = res_nickname;
|
||||
mSpan_tel.innerHTML = res_tel;
|
||||
mSpan_email.innerHTML = res_email;
|
||||
// mSpan_avatar.innerHTML = res_avatar;
|
||||
mSpan_pay_method.innerHTML = res_pay_method;
|
||||
mSpan_pay_status.innerHTML = res_pay_status;
|
||||
}
|
||||
|
||||
var form_input = document.getElementById('input-form');
|
||||
|
||||
form_input.onsubmit = function(e) {
|
||||
e.preventDefault();
|
||||
queryResult();
|
||||
return 0;
|
||||
}
|
||||
99
style.css
Normal file
99
style.css
Normal file
@ -0,0 +1,99 @@
|
||||
html, body, #page {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
html, body { padding: 0; }
|
||||
|
||||
body {
|
||||
background-color: #2a2c41;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------- */
|
||||
|
||||
#main-area {
|
||||
margin: 0 auto;
|
||||
/* display: table;*/
|
||||
margin-top: 20px;
|
||||
width: 92%;
|
||||
min-height: 83%;
|
||||
background-color: #c3e1fc;
|
||||
background: url('images/LEVINESSA_%E8%A3%81%E5%88%87%E5%BE%8C.png');
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: 100%;
|
||||
background-position: 0 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#main-area .inner {
|
||||
position: absolute;
|
||||
bottom: 0rem;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#levinessa-logo {
|
||||
color: white;
|
||||
/* float: left;*/
|
||||
}
|
||||
|
||||
#score-area {
|
||||
text-align: center;
|
||||
color: white;
|
||||
text-shadow: 2px 2px 5px black;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
#boss-hp, #overkill-bonus {
|
||||
padding-top: 0.2rem;
|
||||
padding-bottom: 0.2rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#boss-hp {
|
||||
background: rgba(195, 21, 21, 0.35);
|
||||
}
|
||||
|
||||
#overkill-bonus {
|
||||
background: rgba(95, 227, 22, 0.35);
|
||||
}
|
||||
|
||||
#score-area {
|
||||
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------- */
|
||||
|
||||
footer {
|
||||
margin: 0 auto;
|
||||
width: 92%;
|
||||
color: white;
|
||||
text-shadow: 2px 2px 8px rgb(218, 220, 255);
|
||||
padding-top: 1.2em;
|
||||
}
|
||||
|
||||
#scaedule-area {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 92%;
|
||||
}
|
||||
|
||||
#scaedule-text {
|
||||
font-size: 2.3rem;
|
||||
}
|
||||
#mode-text {
|
||||
margin-top: 0.3em;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
#cxd-logo-area {
|
||||
float: right;
|
||||
}
|
||||
#cxd-logo {
|
||||
border: 1px soild white;
|
||||
font-size: 2em;
|
||||
}
|
||||
#cxd-logo img{
|
||||
max-height: 2.3em;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user