forked from Lidemy/lazy-hackathon
/
index.html
executable file
·1 lines (1 loc) · 14 KB
/
index.html
1
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>MTR 新拖延運動黑客松 | 2019</title><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link href="https://fonts.googleapis.com/css?family=Arvo|Noto+Sans+TC&display=swap" rel="stylesheet"><link rel="stylesheet" href="./css/bootstrap.min.css"><link rel="stylesheet" href="./js/slick/slick.css"><link rel="stylesheet" href="./js/slick/slick-theme.css"><link rel="stylesheet" href="./css/style.css"><script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/material-components-web/3.1.0/material-components-web.js"></script><script src="./js/jquery-3.4.1.js"></script><script src="./js/bootstrap.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/Glide.js/3.3.0/glide.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.10/typed.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.js"></script><script src="./js/index.js"></script></head><body><div class="wrapper"><nav class="nav sticky-top"><div class="navbar navbar-expand-lg navbar-light bg-light"><a class="navbar-brand nav__logo" href="#"></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarNavAltMarkup"><div class="navbar-nav"><a class="nav-item data-scroll nav-link" href="#description">比賽簡介</a> <a class="nav-item data-scroll nav-link" href="#team">參賽隊伍</a> <a class="nav-item data-scroll nav-link" href="#schedule">活動時程</a> <a class="nav-item data-scroll nav-link" href="#history">歷屆成績</a> <a class="nav-item data-scroll nav-link" href="#judge">評審介紹</a></div></div></div></nav><header class="header"><div class="bg"></div></header><main class="main"><section class="section description"><h3 class="section__title"><span>比賽簡介</span></h3><div class="description__bg"><div class="description__inner"><div class="typed description__title"><h4 id="typed"></h4></div><p class="description__summary">有拖延症的人很奇怪,不是所有的事都拖,只有<span>重要的事才拖</span>。並不是動作慢,反而大部分時間手腳還挺快的。偏偏就是那些最需要慢條斯理、按部就班的大計畫,才會拖泥帶水。這是為什麼?<br><br>我們都<span>不需要戰勝拖延症,而是與之好好相處</span>,就如同我們的恐懼與黑暗面也是。只要理解背後對你的意義,與其「空性」,所有一切本身都是無害的。 而且有時候(是有時候喔……)適時的小拖延,也不外乎是激發創造力與醞釀靈感的方法。願各位與拖延症有更好的相處。</p></div></div></section><section class="section team"><h3 class="section__title"><span>參賽隊伍</span></h3><ul class="team-list"><li class="team__item team__block__item body__section__team__item__section"><p class="team__title team__block__title body__section__team__item__title"><span class="team__name team__block__name body__section__team__item__name">逃得越遠越好</span> 交給同組的各位囉!</p><div class="team__pic"><picture><source srcset="./image/team_a.webp" type="image/webp"><img src="./image/team_a.jpg" alt=""></picture></div><a class="team__btn" href="">隊伍介紹</a></li><li class="team__item team__block__item body__section__team__item__section"><p class="team__title team__block__title body__section__team__item__title"><span class="team__name team__block__name body__section__team__item__name">不要吵我好嗎?</span> 躺著真的很快樂</p><div class="team__pic"><picture><source srcset="./image/team_b.webp" type="image/webp"><img src="./image/team_b.jpg" alt=""></picture></div><a class="team__btn" href="">隊伍介紹</a></li><li class="team__item team__block__item body__section__team__item__section"><p class="team__title team__block__title body__section__team__item__title"><span class="team__name team__block__name body__section__team__item__name">我還是個孩紙</span> 來人啊!快救我</p><div class="team__pic"><picture><source srcset="./image/team_c.webp" type="image/webp"><img src="./image/team_c.jpg" alt=""></picture></div><a class="team__btn" href="">隊伍介紹</a></li><li class="team__item team__block__item body__section__team__item__section"><p class="team__title team__block__title body__section__team__item__title"><span class="team__name team__block__name body__section__team__item__name">我是誰?我在哪?</span> 可以回家了嗎?</p><div class="team__pic"><picture><source srcset="./image/team_d.webp" type="image/webp"><img src="./image/team_d.jpg" alt=""></picture></div><a class="team__btn" href="">隊伍介紹</a></li><li class="team__item team__block__item body__section__team__item__section"><p class="team__title team__block__title body__section__team__item__title"><span class="team__name team__block__name body__section__team__item__name">我想打電動</span> 我媽逼我來的</p><div class="team__pic"><picture><source srcset="./image/team_e.webp" type="image/webp"><img src="./image/team_e.jpg" alt=""></picture></div><a class="team__btn" href="">隊伍介紹</a></li><li class="team__item team__block__item body__section__team__item__section"><p class="team__title team__block__title body__section__team__item__title"><span class="team__name team__block__name body__section__team__item__name">mama coco</span> 呵呵呵</p><div class="team__pic"><picture><source srcset="./image/team_f.webp" type="image/webp"><img src="./image/team_f.jpg" alt=""></picture></div><a class="team__btn" href="">隊伍介紹</a></li></ul></section><section class="section schedule"><h3 class="section__title"><span>活動時程</span></h3><table class="table table-hover table-bordered table-striped text-center"><thead><tr><th>時間</th><th>Day 1 (12/01)</th><th>Day 2 (12/02)</th></tr></thead><tbody><tr><td>08:00</td><td>早餐</td><td>早餐</td></tr><tr><td>10:00</td><td>開幕活動</td><td>聊天時間</td></tr><tr><td>12:00</td><td>中餐</td><td>中餐</td></tr><tr><td>14:00</td><td>睡午覺</td><td>睡午覺</td></tr><tr><td>16:00</td><td>整理桌面資料夾</td><td>翻小時候照片</td></tr><tr><td>18:00</td><td>晚餐</td><td>晚餐</td></tr><tr><td>20:00</td><td>一同追劇</td><td>玩個桌遊吧</td></tr><tr><td>21:00</td><td>宵夜</td><td>正式開發!</td></tr></tbody></table></section><section class="section history"><h3 class="section__title dark-mode"><span>歷屆成績</span></h3><ul class="history__list"><li class="history__item body_section--history-item__li"><p>10</p><span>組隊伍</span></li><li class="history__item body_section--history-item__li"><p>5</p><span>組請假回家</span></li><li class="history__item body_section--history-item__li"><p>3</p><span>組負責打掃</span></li><li class="history__item body_section--history-item__li"><p>2</p><span>組人間蒸發</span></li></ul><ul class="comments"><li class="comments__item"><p><span class="comments__icon icon-strength"></span>自從服用「新拖延維他命 」,從此就用了五年以上了! 很好的產品,吃完腸道清空、腦袋清空</p></li><li class="comments__item"><p><span class="comments__icon icon-buddha"></span>自從參加「新拖延運動黑客松 」之後,我決定不再問塵世,一心向佛,現在已是少林寺第二掌門人了呢!</p></li><li class="comments__item"><p><span class="comments__icon icon-sleep"></span>每天最期待的就是回家躺在「保證不拖延床套組」裡面,暖暖的很舒服,工作本來三小時可以完成,現在都變三天了呢,真的好神奇。</p></li><li class="comments__item"><p><span class="comments__icon icon-bao"></span> 因為你是我的好朋友才跟你分享「 懶惰豆沙包 」。你知道我本來是很鐵齒的人嗎?也不相信這些東西,當我開始接觸之後豁然開朗,那叫相見恨晚...。</p></li></ul></section><section class="section judge"><h3 class="section__title dark-mode"><span>評審介紹</span></h3><ul class="judge__nav"><li class="judge__item judge__item--test judge__item--show"><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_a.webp" type="image/webp"><img src="./image/judge_a.jpg" alt=""></picture></div></li><li class="judge__item judge__item--test judge__item--show"><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_b.webp" type="image/webp"><img src="./image/judge_b.jpg" alt=""></picture></div></li><li class="judge__item judge__item--test judge__item--show"><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_c.webp" type="image/webp"><img src="./image/judge_c.jpg" alt=""></picture></div></li><li class="judge__item judge__item--test judge__item--show"><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_d.webp" type="image/webp"><img src="./image/judge_d.jpg" alt=""></picture></div></li><li class="judge__item judge__item--test judge__item--show"><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_e.webp" type="image/webp"><img src="./image/judge_e.jpg" alt=""></picture></div></li><li class="judge__item judge__item--test judge__item--show"><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_f.webp" type="image/webp"><img src="./image/judge_f.jpg" alt=""></picture></div></li><li class="judge__item judge__item--test judge__item--show"><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_g.webp" type="image/webp"><img src="./image/judge_g.jpg" alt=""></picture></div></li><li class="judge__item judge__item--test judge__item--show"><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_h.webp" type="image/webp"><img src="./image/judge_h.jpg" alt=""></picture></div></li></ul><ul class="judge__gallery"><li><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_a_l.webp" type="image/webp"><img src="./image/judge_a_l.jpg" alt=""></picture></div><div class="judge__card"><h4 class="judge__card-title">我是不明生物</h4><p class="judge__card-summary">- 木柵扛壩子 4 ni<br>- 打哈欠</p><a href="" class="btn">了解更多</a></div></li><li><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_b_l.webp" type="image/webp"><img src="./image/judge_b_l.jpg" alt=""></picture></div><div class="judge__card"><h4 class="judge__card-title">巴哥巴哥 pug pug</h4><p class="judge__card-summary">- 木柵扛壩子 4 ni<br>- 打哈欠</p><a href="" class="btn">了解更多</a></div></li><li><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_c_l.webp" type="image/webp"><img src="./image/judge_c_l.jpg" alt=""></picture></div><div class="judge__card"><h4 class="judge__card-title">本人小萌貓啦</h4><p class="judge__card-summary">- 木柵扛壩子 4 ni<br>- 打哈欠</p><a href="" class="btn">了解更多</a></div></li><li><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_d_l.webp" type="image/webp"><img src="./image/judge_d_l.jpg" alt=""></picture></div><div class="judge__card"><h4 class="judge__card-title">無尾熊走路超慢你知道嗎</h4><p class="judge__card-summary">- 木柵扛壩子 4 ni<br>- 打哈欠</p><a href="" class="btn">了解更多</a></div></li><li><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_e_l.webp" type="image/webp"><img src="./image/judge_e_l.jpg" alt=""></picture></div><div class="judge__card"><h4 class="judge__card-title">木柵耍萌扛壩子</h4><p class="judge__card-summary">- 木柵扛壩子 4 ni<br>- 打哈欠</p><a href="" class="btn">了解更多</a></div></li><li><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_f_l.webp" type="image/webp"><img src="./image/judge_f_l.jpg" alt=""></picture></div><div class="judge__card"><h4 class="judge__card-title">馬馬很危險喔</h4><p class="judge__card-summary">- 木柵扛壩子 4 ni<br>- 打哈欠</p><a href="" class="btn">了解更多</a></div></li><li><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_g_l.webp" type="image/webp"><img src="./image/judge_g_l.jpg" alt=""></picture></div><div class="judge__card"><h4 class="judge__card-title">熊熊沒事做</h4><p class="judge__card-summary">- 木柵扛壩子 4 ni<br>- 打哈欠</p><a href="" class="btn">了解更多</a></div></li><li><div class="pic this_is_an_image image123321 image456789"><picture><source srcset="./image/judge_h_l.webp" type="image/webp"><img src="./image/judge_h_l.jpg" alt=""></picture></div><div class="judge__card"><h4 class="judge__card-title">你~說~什~毛~</h4><p class="judge__card-summary">- 木柵扛壩子 4 ni<br>- 打哈欠</p><a href="" class="btn">了解更多</a></div></li></ul></section></main><footer class="section footer"><section class="subscribe"><div class="subscribe__inner"><h3 class="section__title"><span>報名資訊</span></h3><p class="subscribe__summary">還沒試過拖延救世界的快感嗎?<br>快來一起參與吧,點以下連結拯救人生</p><div class="subscribe__input"><input type="email" placeholder="輸入 email 獲得最新消息"> <button class="btn" type="submit">立即訂閱</button></div></div></section><section class="footer__info"><p class="copyright">© Copyright 2019, Yakim.</p><div class="footer__social-media"><a href="" class="footer__social-icon icon-fb"></a> <a href="" class="footer__social-icon icon-twitter"></a> <a href="" class="footer__social-icon icon-ig"></a> <a href="" class="footer__social-icon icon-g-plus"></a></div></section></footer></div><script src="./js/modernizr-custom.js"></script></body></html>