瘋雷亞CXD比賽

commit 006a0351d2288107085a9568c6b6f8b6c6885a10 Author: Yuan Chiu Date: Fri Jul 29 17:38:00 2016 +0800 外觀 diff --git a/images/CXD BOSS2.3.jpg b/images/CXD BOSS2.3.jpg new file mode 100644 index 0000000..c8c9675 Binary files /dev/null and b/images/CXD BOSS2.3.jpg differ diff --git a/images/CXD_ICON.png b/images/CXD_ICON.png new file mode 100644 index 0000000..93d3131 Binary files /dev/null and b/images/CXD_ICON.png differ diff --git a/images/CXD_ICON.svg b/images/CXD_ICON.svg new file mode 100644 index 0000000..df05048 --- /dev/null +++ b/images/CXD_ICON.svg @@ -0,0 +1,42 @@ + + + + diff --git a/images/ICON_white.png b/images/ICON_white.png new file mode 100644 index 0000000..e52540b Binary files /dev/null and b/images/ICON_white.png differ diff --git a/images/ICON_white.svg b/images/ICON_white.svg new file mode 100644 index 0000000..b43ef30 --- /dev/null +++ b/images/ICON_white.svg @@ -0,0 +1,42 @@ + + + + diff --git a/images/LEVINESSA_裁切後.png b/images/LEVINESSA_裁切後.png new file mode 100644 index 0000000..8e29c30 Binary files /dev/null and b/images/LEVINESSA_裁切後.png differ diff --git a/images/background-img.jpg b/images/background-img.jpg new file mode 100644 index 0000000..5624a62 Binary files /dev/null and b/images/background-img.jpg differ diff --git a/images/素材_levinessa_字.png b/images/素材_levinessa_字.png new file mode 100644 index 0000000..ae6fc32 Binary files /dev/null and b/images/素材_levinessa_字.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..e9d58d4 --- /dev/null +++ b/index.html @@ -0,0 +1,48 @@ + + + + + + + 瘋雷亞CXD比賽 + + + +

+ +

1400000000 / 0000000000

+ 100 +

+ + +

+ + + + + diff --git a/query.js b/query.js new file mode 100644 index 0000000..acdada9 --- /dev/null +++ b/query.js @@ -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; +} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..b05ddfa --- /dev/null +++ b/style.css @@ -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; +} \ No newline at end of file