Skip to content

Instantly share code, notes, and snippets.

@j100002ben

j100002ben/template.html

Created April 23, 2013 14:27
Show Gist options
  • Save j100002ben/5444009 to your computer and use it in GitHub Desktop.
Save j100002ben/5444009 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
template.html
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lte IE 7]><html lang="zh-tw" class="no-js lte-ie9 lte-ie8 lte-ie7" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
<!--[if IE 8]><html class="no-js lte-ie9 lte-ie8 is-ie8" lang="zh-tw"> <![endif]-->
<!--[if IE 9]><html class="no-js lte-ie9 is-ie9" lang="zh-tw"> <![endif]-->
<!--[if gte IE 10]><!--><html lang="zh-tw" class="no-js" xmlns="http://www.w3.org/1999/xhtml"><!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<title>《百年好合》2014 百合Only | 'Love for All Seasons' 2014 Girls Love Festival</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<link href="css/style.scss?style=compressed" rel="stylesheet">
<script src="js/modernizr-2.6.1.min.js"></script>
<!--[if lte IE 8]>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/html5shiv.js"></script>
<![endif]-->
<!--[if gte IE 9]><!--><script src="js/jquery-2.0.0.min.js"></script><!--<![endif]-->
<script src="js/history.js-1.7/history.bundled.jquery.html45.min.js"></script>
<script>
(function(window, undefined){
var document = window.document
, $ = window.jQuery
, html_class = document.getElementsByTagName('html')[0].className
, ieflag = {
normal: ! /lte-ie9/i.test(html_class),
ie9: /is-ie9/i.test(html_class),
ie8: /is-ie8/i.test(html_class),
lteie9: /lte-ie9/i.test(html_class),
lteie8: /lte-ie8/i.test(html_class),
lteie7: /lte-ie7/i.test(html_class)
}
, init_traditional_page = function(){
console.log('exec init traditional page');
}
, init_page = function(){
console.log('exec init page');
}
, resize_window = function(){
var height = $(document.body).height();
$('#body').css({
"height": (height - 100) + 'px'
});
}
;
window.ieflag = ieflag;
$.extend({ ieflag: ieflag });
$(function(){
resize_window();
$(window).resize(resize_window);
if( $.fn.jquery == '2.0.0' ){
init_page.call(this);
}else{
init_traditional_page.call(this);
}
})
})(this);
</script>
</head>
<body class="">
<div id="wrapper">
<div id="body">
<div id="body-inner">
<div class="loading">
</div>
<div id="current-page">
<div id="current-page-inner">
</div>
</div>
<div id="circle">
<div id="circle-inner">
</div>
</div>
</div>
</div>
<div id="static">
<div id="static-top-line"></div>
<div id="static-bottom-line"></div>
<div id="static-inner">
<div id="menu">
<div id="menu-inner">
<ul id="menu-list">
<li class="active">
<a class="list" href=""><span class="l0">首頁</span><span class="l1">Home</span></a>
</li>
<li>
<div class="list"><span class="l0">活動資訊</span><span class="l1">Event</span></div>
<ul>
<li><a class="list" href=""><span class="l">活動資訊</span></a></li>
<li><a class="list" href=""><span class="l">售票/入場資訊</span></a></li>
<li><a class="list" href=""><span class="l">場地資訊</span></a></li>
</ul>
</li>
<li>
<div class="list"><span class="l0">參與規範</span><span class="l1">Rule</span></div>
<ul>
<li><a class="list" href=""><span class="l">活動守則</span></a></li>
<li><a class="list" href=""><span class="l">一般參加者</span></a></li>
<li><a class="list" href=""><span class="l">Cosplayer</span></a></li>
</ul>
</li>
<li>
<div class="list"><span class="l0">社團資訊</span><span class="l1">Circle</span></div>
<ul>
<li><a class="list" href=""><span class="l">擺攤/報名須知</span></a></li>
<li><a class="list" href=""><span class="l">社團入場規範</span></a></li>
<li><a class="list" href=""><span class="l">社團名單</span></a></li>
<li><a class="list" href=""><span class="l">場內攤位地圖</span></a></li>
<li><a class="list" href=""><span class="l">場刊圖宣傳區</span></a></li>
<li><a class="list" href=""><span class="l">注意事項</span></a></li>
</ul>
</li>
<li>
<div class="list"><span class="l0">特別企劃</span><span class="l1">Special</span></div>
<ul>
<li><a class="list" href=""><span class="l">紀念合本</span></a></li>
<li><a class="list" href=""><span class="l">現場活動</span></a></li>
</ul>
</li>
<li><a class="list" href=""><span class="l0">留言板</span><span class="l1">Guestbook</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div id="footer-inner">
<div id="copyright">
All rights reserved. &copy; 百合Only籌備處 2013
</div>
<ul id="footer-link">
<li><a href="">工作人員招募</a></li>
<li><a href="">Site by Poka</a></li>
<li><a href="">Drawings by 悠炎</a></li>
<li class="last"><a href="">Credits</a></li>
</ul>
</div>
</div>
<script type="text/javascript">window.jfAsyncInit=function(){jf.main({'appId':'e2510f16VwT5XHbraM7MKTaHR3qT2MdKu1jBGGtTppUF0K0R_uDa3ktbQ7mcNDOyCPJtSCY4MOtOxSWjB4pAJ8rT6ca9tUuIPML9PaiaaJPtH96PgsgSdZc8UlOyysfDDv8VwTLKRnzuQjDTRAKZntVGZvG3BX7k2-IZ5-qbaGQuGkL9-mo=','p':'9094','font':{'wt064':{'css':{'0':'.wt064'},'alias':'wt064','english':'Arial'}}})};(function(){var c={'scriptTimeout':3000};var h=document.getElementsByTagName("html")[0];h.className+=" jf-loading";var e=setTimeout(function(){h.className=h.className.replace(/(\s|^)jf-loading(\s|$)/g," ");h.className+=" jf-inactive"},c.scriptTimeout);var jfscript=document.createElement("script");var d=false;jfscript.type="text/javascript";jfscript.async=true;jfscript.src='http://ds.justfont.com/js/stable/v/1.11/';jfscript.onload=jfscript.onreadystatechange=function(){var a=this.readyState;if(d||a&&a!="complete"&&a!="loaded"){return}d=true;clearTimeout(e)};var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(jfscript,s)})();</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment