

<html lang='zh-TW'>
<head>
  <meta charset='utf-8' />
  <title>HITCON 2015 奇葩獎投票啦！</title>
  <meta charset='utf-8'>
  <link rel="shortcut icon" href="http://hitcon.org/2015/CMT/images/favicon.ico">
  <link rel="image_src" href="http://hitcon.org/2015/CMT/images/fb.png">
  <meta content='width=device-width, initial-scale=1.0' name='viewport'>
  <meta content='台灣駭客年會 HITCON 2015 - 奇葩獎投票啦！' property='og:title'>
  <meta content='website' property='og:type'>
  <meta content='「奇葩獎」是在台灣駭客年會議程中的一個特別節目，所謂奇葩，常被用來比喻不同尋常或是特別出眾的事物，奇葩獎的目的便是在於希望能表彰奇葩駭客們的努力，以及過去一年中各種奇葩和值得尊敬的事件，期望在輕鬆詼諧氣氛下，為議程添加更多元的色彩，並促進台灣社會對資安事件的關注。 HITCON 奇葩獎除了在每年的議程中進行頒獎活動外，我們也在Facebook上成立了奇葩獎討論區（https://www.facebook.com/groups/HITCON/），讓大家除了在活動時可以了解資安事件外，也可以在活動結束後於討論區內進行分享，讓大家可以即時得知最新的奇葩資安事件，並且互相討論交流心得，歡迎大家加入我們的奇葩獎社團，一起關注有趣的資安奇聞軼事。' property='og:description'>
  <meta content='http://hitcon.org/2015/CMT/events/vote/' property='og:url'>
  <meta content='http://hitcon.org/2015/CMT/events/vote/fb_logo_1200x630_.png' property='og:image'>
  <meta content='HITCON 2015 奇葩獎投票啦！' property='og:site_name'>
  <meta content='371190826328806' property='fb:app_id'>
  <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
  <style type="text/css">
  	* {font-size: 13px;}
    body {
      background: black url('bg-grid.png') ;
      color: #d1dffe;
      font-family: "Helvetica-Neue", "Helvetica", "Arial", sans-serif;
      font-size:13px;
    }
    button {background:no-repeat -10px -15px url('fb_login.png');width:130px;height: 25px;border:0px;}
    h1,h2,h3,h4,h5,h6 {margin:0 }

    a:link{
      color: #d1dffe;
    } 
    a:visited{
      color: #d1dffe;
    } 

    h1 {
      text-align: center;
      color:#55C9C9;
      margin-bottom: 20px;
    }
    h3 {font-size:1.5em;line-height: 2em;padding: 10px 0;font-weight: 700;}
    h4 a{font-size:0.8em!important;font-weight: 100;color:#888!important;}

    .row {
      font-size: 1em;
      line-height: 1.3em;
      margin: 0em;


    }
	.row a {display: block;padding: 10px 0 10px 10px;      border-left:1px solid #000;
	  border-right:1px solid #000;}
	.row a:hover
	{
		color:#7dfff1;
		background: rgba(255,255,255,.2);
		transition-duration: 0s;
		text-decoration: none;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		}

    .fb-login-button {
      float: right;
    }

    .vote_status_block { 
      border:1px solid #333 ;
      height:50px;
      display:block;
      padding: 12px 0 0 0 ;
      text-align: center;
      border-radius: 10px;
      color:#aaa;
	  margin-top: 2px;      
	  display: ;
	  background: url('logo_s.png') 0px -9px;	
    }

/*    .vote_status_block:hover { 
      cursor: hand;
      color:#7dfff1;
      border:1px solid #7dfff1;
    }
*/
    .vote_status:hover { 
      cursor: hand;
    }


    .span1 {}
	.span10 {}

    .ann{
      text-align: center;
      line-height: 2em;
      color:#fff;
    }

    .issue {border-bottom:1px dotted #444;}
    .fblogin {display:none;margin:0 auto;width:180px;position: relative;right: 0;top:0;color:gray;}
    #description {text-align:left ; border:0px solid #fff;padding:10px 20px;margin:0!important;}
    #description p,
    #description li
    {font-size: 1.3em;line-height: 1.8em;text-align: left; padding:0;}
    #description h3 {color:#fff;background:no-repeat left url('logo_squre.png');text-indent: 60px;}
    #rule {background: rgba(255,255,255,0.3);padding: 0 30px;border-radius: 20px;margin:0 0 50px 0;}
    .article {font-size: 1.2em;color:#aaa;line-height: 2em;}
    .container {padding: 0 0 50px 0;}
  </style>
</head>
<body class="container">
    <div class="text-center ">
        <a href="http://hitcon.org/2015/CMT/" target="_blank" class="text-center cmt">
            <img src="logo.png" class="col-xs-12" class=""/>
        </a>
        <h1>HITCON 2015 奇葩獎投票啦！</h1>
        <div class="row " id="rule">
        <div class="span10"> </div>
			<div id="description" class="span10" >
				<h3>奇葩獎！</h3>

				<p >眾所期待的奇葩獎投票終於開跑了！<br/>為您送上我們評審們精挑細選的 10 篇奇葩經典事件來讓大家投票～<br/>而我們也會從參與投票的各位中挑選出 10 位幸運觀眾，贈送今年 HITCON 的限量紀念品哦！<br/>快點來選出你心目中最奇葩的事件吧！

				</p>
			</div>
			<div id="description" class="span5">
				<h3>活動辦法</h3>
				<p>投票開放時間：<br/>即日起 ～ 8 / 25 23:59:59 止<br/><br/>
				投票方式：<br/>
				<li>Step 1. 點選標題進入 FB 頁面 ,<br/>
				<li>Step 2. 於 FB 頁面按讚<br/>		
				</p> 
			</div>	
			<div id="description" class="span5">

				<h3>抽獎及領獎方式：</h3>
				<p> 
				<ul>
				<li>抽獎方式：從投票會眾中隨機抽選 10 位幸運觀眾
				<li>頒獎日期：8/29（六）
				<li>領獎方式：憑 HITCON 入場 QR Code 領取
				<br/><span style="color:#ff0;">（如不在場者，恕不補寄，尚祈見諒。）
				</p>

			</div>									
		</div>	

        <div class="fblogin">
        <script type="d105056d12cc2eb2dca4afbc-text/javascript">
        // Only works after `FB.init` is called
        function myFacebookLogin() {
          FB.login(function(){}, {scope: 'user_likes,publish_actions'});
        }
        </script>
	<button type="image" onclick="if (!window.__cfRLUnblockHandlers) return false; myFacebookLogin()" data-cf-modified-d105056d12cc2eb2dca4afbc-=""></button>
            <p>請登入按讚！<br/>權限僅用按讚不做其他用途</p>
        </div>
    </div>
    <div class="row">
        <div class="span10 ann">
        </div>
    </div>
    <div id="fb-root"></div>
    <script src="topics.js" type="d105056d12cc2eb2dca4afbc-text/javascript"></script>
    <script src="logic.js" type="d105056d12cc2eb2dca4afbc-text/javascript"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js" type="d105056d12cc2eb2dca4afbc-text/javascript"></script>
    <script type="d105056d12cc2eb2dca4afbc-text/javascript">
        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {
                return;
            }
            js = d.createElement(s);
            js.id = id;
            js.src = "//connect.facebook.net/en_US/all.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

        $(function () {
            //var dom_format = '<div class="vote"><span class="vote_status" id="vote_id_{1}" data-voteid="{1}">Please Login</span><span class="vote_count" id="vote_count_{1}" data-voteid="{1}">0</span>&nbsp;<span>{2}:&nbsp;</span><span>{0}</span></div>';
            // var dom_format = '<div class="row issue"><div class="span1 vote_status_block" data-voteid="{1}"><div class="vote_status" id="vote_id_{1}" data-voteid="{1}">Please Login.</div><div class="vote_count" id="vote_count_{1}" data-voteid="{1}">0</div></div><div class="span10"><a href="https://facebook.com/{1}" target="_blank"><h3>{0}</h3><h4>{2}</h4></a></div>';
            var dom_format2 = '<div class="row issue"><div class="span1 vote_status_block" data-voteid="{1}"></div><div class="span10"><a href="https://facebook.com/{1}" target="_blank"><h3>{0}</h3><span class="article">{2}</span></a></div>';

            $.each(window.like_list.data, function (index, value) {
                var fb_id = value.fb_id;
                var vote_element = $(dom_format2.format(value.topic, fb_id, value.name));
                $("body").append(vote_element);

                window.fb_fql_obj[fb_id] = "SELECT like_info FROM photo WHERE object_id=" + fb_id;
            });

            $('.vote_status').bind('click', function () {
                var fb_vote_id = $(this).data('voteid');
                var fb_oper = 'POST';

                if (window.like_status[fb_vote_id] == 1) {
                    fb_oper = 'DELETE';
                }

                fb_like_handler($(this), fb_vote_id, fb_oper);
            });
        });
    </script>


    <!-- Google Tag Manager -->
    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-WTGXCG"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <script type="d105056d12cc2eb2dca4afbc-text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-WTGXCG');</script>
    <!-- End Google Tag Manager -->
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="d105056d12cc2eb2dca4afbc-|49" defer></script></body>
</html>