-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 13.1 KB
/
index.html
1
<!DOCTYPE html><html><head><meta charset="utf-8"><title>明志科技大學第 21 屆學生會</title><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><meta name="title" content="明志科技大學第 21 屆學生會"><meta name="description" content="Ming Chi University of Technology Student Association"><meta name="keywords" content="mcsa,mcut,21th,學生會,明志科大,明志科技大學,明志科技大學學生會,明志科技大學第 21 屆學生會"><meta name="robots" content="index, follow"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="language" content="zh-tw"><meta property="og:url" content="https://21th.mcsa.tw"><meta property="og:image" content="https://21st.mcsa.tw/res/img/logo.jpg"><link rel="shortcut icon" type="image/png" href="https://21st.mcsa.tw/res/img/logo.jpg" /><style>html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:icomoon;src:url(res/fonts/icomoon.eot?v200626_1);src:url(res/fonts/icomoon.eot?v200626_1#iefix) format('embedded-opentype'),url(res/fonts/icomoon.ttf?v200626_1) format('truetype'),url(res/fonts/icomoon.woff?v200626_1) format('woff'),url(res/fonts/icomoon.svg?v200626_1#icomoon) format('svg');font-weight:400;font-style:normal;font-display:block}i{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.i-mail:before{content:"\e901"}.i-fb:before{content:"\ea90"}.i-ig:before{content:"\ea92"}.i-yt:before{content:"\ea9d"}:not(i){font-family:"SF Pro TC","SF Pro Text","SF Pro Icons","PingFang TC","Helvetica Neue",Helvetica,Arial,"Microsoft JhengHei",wf_SegoeUI,"Segoe UI",Segoe,"Segoe WP",Tahoma,Verdana,Ubuntu,"Bitstream Vera Sans","DejaVu Sans",Tahoma,微軟正黑體,"LiHei Pro","WenQuanYi Micro Hei","Droid Sans Fallback","AR PL UMing TW",Roboto,"Helvetica Neue","Hiragino Maru Gothic ProN",メイリオ,"ヒラギノ丸ゴ ProN W4",Meiryo,"Droid Sans",sans-serif}body{color:#fff;background:#333}.bg{background:#333;margin-top:30px}.container{width:100%;max-width:960px;margin:0 auto}.row{width:100%;padding:0 3px;box-sizing:border-box}.col{float:left;padding:4px;box-sizing:border-box}.col.w100{width:100%}.col.w33{width:33.3333%}.col.w50{width:50%}.col.w66{width:66.6666%}.clear{clear:both;float:none}a .box{height:0;padding-top:100%;position:relative;overflow:hidden}.col.w33 a .box::before,.col.w50 a .box::before,.col.wf a .box::before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(5deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.7) 15%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%)}.col.w50 a .box{padding-top:66.66%}a .box:hover{cursor:pointer}a .box.text{padding-top:50px}a .box.text .content{padding:0;width:100%;text-align:center;font-size:1.2em;line-height:50px;text-shadow:none}.banner img{width:100%}a .box .content{font-size:14px;position:absolute;bottom:0;padding:10px;padding-right:0;color:#fff;text-shadow:0 0 10px #000}small{display:block;font-size:70%}h2{padding:20px 5px 10px;margin:0;font-size:1.1em;font-weight:400}footer{font-size:.7em;color:#ccc;text-align:center;margin:25px 0}footer #icons a{font-size:2.2em;color:#aaa;text-decoration:none;margin:4px}footer div{margin-top:20px}footer a{color:#FFF}.row .text_box_wrapper:nth-child(4n+1) .box{background:#ee7951}.row .text_box_wrapper:nth-child(4n+2) .box{background:#f19072}.row .text_box_wrapper:nth-child(4n+3) .box{background:#f5af7e}.row .text_box_wrapper:nth-child(4n) .box{background:#f4a452}.scroll{width:calc(100% - 3px)}.scroll .row{width:100%}.col.wf{width:20%}.scroll .row .col.wf:last-child{padding-right:0}.photos,.videos{display:none;overflow-x:scroll;overflow-y:hidden}#loading{background:#333;color:#FFF;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:100;text-align:center;padding-top:45vh;font-size:30px}#news{list-style:none;padding:0 4px;margin:0;overflow:hidden;}#news li{color:#DDD;line-height:1.8rem;text-align:right;font-size:.9em}#news a{color:#DDD;text-decoration:none;display:block;width:calc(100% - 40px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;float:left;text-align:left;font-size:1rem}.new_label{background:#e74c3c;color:#FFF;font-size:0.9em;padding:0 5px;margin-right:6px;border-radius:3px}#title{text-align:center;}#title img{width:80px;height:80px;border-radius:50%}h1{font-size:1.2em;line-height:1.7em;font-weight:400}::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px;}::-webkit-scrollbar-thumb{-webkit-border-radius:4px;border-radius:4px;background:#777;}</style><script async src="https://www.googletagmanager.com/gtag/js?id=G-BWGVNL99BY"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-BWGVNL99BY');</script></head><body><div class="bg"><div class="container"><a href="https://mcsa.tw/previous" style="color:#FFF;text-decoration:none">《 本屆官網 & 歷屆活動影音</a><br><br></div><div id="title"><img width="80" height="80" src="res/img/logo-s.jpg"><h1>明志科技大學第 21 屆學生會</h1></div><div class="container"><noscript><div style="margin:30vh 0;text-align:center;">您需要啟用 Javascript 來檢視此網站。</div></noscript><div class="row" id="row_link"></div><h2 id="title_news" style="display:none">最新消息</h2><div class="row"><ul id="news"></ul></div><h2 id="title_photo" style="display:none">活動相簿</h2><div class="scroll"><div class="photos"><div class="row" id="row_photo"></div></div></div><h2 id="title_video" style="display:none">活動影片</h2><div class="scroll"><div class="videos"><div class="row" id="row_video"></div></div></div></div><footer><div id="icons"><a href="https://www.instagram.com/mcut_mcsa/"><i class="i-ig"></i></a><a href="https://www.facebook.com/mcut.mcsa/" id="link-fb"><i class="i-fb"></i></a><a href="https://www.youtube.com/channel/UC8E8FC21lHveJ7wyN6gPJWw"><i class="i-yt"></i></a></div><div>Made by <a href="https://henrywu.tw">Henry Wu</a> / © <span id="year"></span> MCSA</div></footer></div><script>data = {"photo":[{"date":"6/08 ~ 11","text":"全校幹訓 - Error 404","image":"WHqpLUi.jpg","url":"https://mcsa.tw/photo/0608"},{"date":"3/21 ~ 22","text":"初階器材營（二）","image":"aGFzlIc.jpg","url":"https://photos.google.com/share/AF1QipN4qUJeDHowSlUdCCWXmKN0gOQIDSVNaw1l3DN-PlQWT2-uOGBV5sFtHzZyBu9mEA?key=LXhHNExkVTdrTWRjXzk5bk5Pd3dCSHRYY2VYdW5B"},{"date":"3/16 ~ 19","text":"學權週 & 學權社課","image":"6Hs11zt.jpg","url":"https://photos.google.com/share/AF1QipOv_l9GcwnuZbVxD3ESHBr0Ao5RWHdW7rMb58KSQDjPfSZB4TLWQTHldkfIXQoR0Q?key=SWJqeGFBaFBVS2hwc1A1bzdPb3h2WkRyVV9XbHZB"},{"date":"1/11 ~ 12","text":"帶動中小學","image":"owyZx9K.jpg","url":"https://photos.google.com/share/AF1QipPLHM5TtCOLdxlyIZe-oBoobww6vmz1C354-GuoLu9b4QAMRCGoNtIgOlAEB8laeQ?key=VnVxSWZLZW5ncVctRFJ3ZUN2cmxERU54Y0xwZzR3"},{"date":"12/17, 18, 25","text":"歌唱比賽","image":"MnSqcF8.jpg","url":"https://photos.google.com/share/AF1QipOWwXnm3gY_gnlCiI1j9-My7UVvY7h2y0BA7vPrFWlUfur1wA5L-JIV8lFAYHFYSg?key=ejZOLTRtaFF0RFRkQnpMZV8xTUw3VEhibHFFd29R"},{"date":"12/13","text":"輔大燈音交流","image":"XB5SxCy.jpg","url":"https://photos.google.com/share/AF1QipNH6rthif-rVYKQjJtktmmj3GCaSrUDL-4lZHQ2o3SKxgFsJLnAUhYtD1fVH2EZYQ?key=VGFsUmpXV3FXLUozLUFHWV95NGEwbHlxSmtLell3"},{"date":"12/9 ~ 10","text":"初階器材營（一）","image":"biYbIuJ.jpg","url":"https://photos.google.com/share/AF1QipNh7a5KDu7FkmVnJKpkG4HPs5uuc2dmzNrWVCAzXLy2R6I2HzqK_MPgxDPZ3kJL1w?key=a2pTVW9pWWZWUkFjT3RQMHVDaVpKTWtZT3V1WXF3"},{"date":"11/27","text":"制服日","image":"SlRtM3k.jpg","url":"https://mcsa.tw/photo/1127"},{"date":"11/19","text":"名人演講","image":"LX2Nla8.jpg","url":"https://photos.google.com/share/AF1QipOdm4n6ggP05fw3EzovTZEUIqBGXGzAUb-s65mB4_9vwUoeBDYJQV1lmTLcgEljUg?key=dUFDbms0eHNXNVRiWEVIcTVEeEI1THVoYXVrQkRB"},{"date":"10/14","text":"器材體驗營","image":"wfAYoKt.jpg","url":"https://photos.google.com/share/AF1QipPZFJ2F0HXupdckIWhbj9pf7clsIwUA0-utFh3K5ZZoPS42RYBfyYeQ6rx5KZgVrw?key=ZDkxMy1NUFNnS3BhakVqWnRyVTUxMjdOQ1RTNVFR"},{"date":"9/16","text":"學生會迎新","image":"4IdLuUS.jpg","url":"https://photos.google.com/share/AF1QipPpiQKdM3ZlveaZmwm05ZnohoUWEv_TUBXn3Iy-KGya3cH_oQy2B-WuTgDRsQUClA?key=QVFIaGxlZDFRZnY4VTkxcS1CV055akh1bnBhR0tB"},{"date":"9/10","text":"社團嘉年華","image":"fdzMKBj.jpg","url":"https://photos.google.com/share/AF1QipPnt8xr73rc211a-pLiEuWm-01S8BkI7yEMRebD8p4BSkOUzSlsgH7h4booDBuQsQ?key=Q2FCZE9FVkdSekR1M0JLdWNBMndRSGptMFU2ejdn"},{"date":"8/25 ~ 9/6","text":"深化第一哩","image":"CA0jgxS.jpg","url":"https://mcsa.tw/photo/0825"}],"video":[{"date":"6/08 ~ 11","text":"全校幹訓 - Error 404","image":"qrAR1fT.jpg","url":"https://www.youtube.com/watch?v=mvx-rDB8fJM"},{"date":"11/27","text":"制服日","image":"eI6jBlQ.jpg","url":"https://www.youtube.com/playlist?list=PLimiLag2oODD4VCFutOJPtJaFjvkJSF-a"},{"date":"9/10","text":"社團嘉年華","image":"DBawnDR.jpg","url":"https://www.youtube.com/playlist?list=PLimiLag2oODAal0bvnRbvq2U28u0B4Hmt"},{"date":"8/25 ~ 9/6","text":"深化第一哩","image":"JqSfPwK.jpg","url":"https://www.youtube.com/playlist?list=PLimiLag2oODCkx5pQqIv758SZeh5cVMvC"}]};var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;var date_n = new Date();for(i=0;i<data.photo.length;i++) {p = data.photo[i];document.getElementById('row_photo').innerHTML += '<div class="col wf"><a href="'+p.url+'" target="_blank"><div class="box" style="background: url(https://i.imgur.com/'+p.image+') 100% / cover"><div class="content"><small>'+p.date+'</small>'+p.text+'</div></div></a></div>';}document.getElementById('row_photo').innerHTML += '<div class="clear"></div>';if(data.photo.length > 0) document.getElementById('title_photo').style.display = 'block';for(i=0;i<data.video.length;i++) {v = data.video[i];document.getElementById('row_video').innerHTML += '<div class="col wf"><a href="'+v.url+'" target="_blank"><div class="box" style="background: url(https://i.imgur.com/'+v.image+') 100% / cover"><div class="content"><small>'+v.date+'</small>'+v.text+'</div></div></a></div>';}document.getElementById('row_video').innerHTML += '<div class="clear"></div>';if(data.video.length > 0) document.getElementById('title_video').style.display = 'block';if(width < 768 && data.photo.length > 3) {for(i=0;i<data.photo.length;i++) document.querySelectorAll('.photos .col')[i].style.width = (100 / data.photo.length)+'%';document.querySelectorAll('.scroll .row')[0].style.width = (data.photo.length*40)+'%';document.querySelectorAll('.scroll .row')[0].style.paddingRight = 0;} else {document.querySelectorAll('.photos')[0].style.overflow = 'visible';document.querySelectorAll('.scroll')[0].style.overflow = 'visible';document.querySelectorAll('.scroll')[0].style.width = '100%';}if(width < 768 && data.video.length > 3) {for(i=0;i<data.video.length;i++) document.querySelectorAll('.videos .col')[i].style.width = (100 / data.video.length)+'%';document.querySelectorAll('.scroll .row')[1].style.width = (data.video.length*40)+'%';document.querySelectorAll('.scroll .row')[1].style.paddingRight = 0;} else {document.querySelectorAll('.videos')[0].style.overflow = 'visible';document.querySelectorAll('.scroll')[1].style.overflow = 'visible';document.querySelectorAll('.scroll')[1].style.width = '100%';}document.querySelectorAll('.photos')[0].style.display = 'block';document.querySelectorAll('.videos')[0].style.display = 'block';document.getElementById('year').innerHTML = new Date().getFullYear()</script></body></html>