forked from sitcon-tw/branding
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (114 loc) · 11.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>SITCON 品牌</title>
<link rel="icon" href="sitconfavicon16x16.gif" type="image/gif" >
<script src="https://code.jquery.com/jquery-3.2.1.min.js">
<script src='jquery-starfield.js'></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-34467841-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div id="star" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1"></div>
<script >$('#star').starfield(); </script>
<div>
<canvas id="canvas" style="pointer-events: none;position:absolute;top:0;left:0;width:100%;height:500%"></canvas>
<script>$(document).ready(function() { var canvas = $('#canvas')[0]; canvas.width = window.innerWidth; canvas.height = window.innerHeight; if(canvas.getContext) { var ctx = canvas.getContext('2d'); var w = canvas.width; var h = canvas.height; ctx.strokeStyle = 'rgba(174,194,224,0.5)'; ctx.lineWidth = 1; ctx.lineCap = 'round'; var init = []; var maxParts = 1000; for(var a = 0; a < maxParts; a++) { init.push({ x: Math.random() * w, y: Math.random() * h, l: Math.random() * 1, xs: -4 + Math.random() * 4 + 2, ys: Math.random() * 10 + 10 }) } var particles = []; for(var b = 0; b < maxParts; b++) { particles[b] = init[b]; } function draw() { ctx.clearRect(0, 0, w, h); for(var c = 0; c < particles.length; c++) { var p = particles[c]; ctx.beginPath(); ctx.moveTo(p.x, p.y); ctx.lineTo(p.x + p.l * p.xs, p.y + p.l * p.ys); ctx.stroke(); } move(); } function move() { for(var b = 0; b < particles.length; b++) { var p = particles[b]; p.x += p.xs; p.y += p.ys; if(p.x > w || p.y > h) { p.x = Math.random() * w; p.y = -20; } } } setInterval(draw, 30); }});</script>
<script language=javascript>var sStatus="動態標題與狀態列 ";var sTitle=new Array( "★☆☆☆SITCON 品牌☆☆☆★","☆★☆☆SITCON 品牌☆☆★☆","☆☆★☆SITCON 品牌☆★☆☆","☆☆☆★SITCON 品牌★☆☆☆","☆☆★☆SITCON 品牌☆★☆☆","☆★☆☆SITCON 品牌☆☆★☆"/**(可以一直列舉下去)**/);var cStatus=0,cTitle=0;function titleTimer(){if(++cTitle>=sTitle.length) cTitle=0;self.document.title=sTitle[cTitle];}function stateTimer(){if(++cStatus>=sStatus.length) cStatus=0;self.status=sStatus.substr(1,cStatus);}</script>
<script language=javascript>try{self.document.title=sTitle[0];self.setInterval(titleTimer,500);} catch(e){}try{self.status="";self.setInterval(stateTimer,200);} catch(e){}</script>
<div id="SITCON_LOGO" style="position:absolute"><img src="logo.svg" width="100" height="180"></div><script language="javascript" type="text/javascript">var img1=document.getElementById("SITCON_LOGO");var x=0,y=0;var xSpeed=5,ySpeed=8;var w=$(document).width();var h=$(document).height();function floatimg(){if(x>w||x<0) xSpeed=-xSpeed;if(y>h||y<0) ySpeed=-ySpeed;x+=xSpeed;y+=ySpeed;img1.style.left=x+"px";img1.style.top=y+"px";setTimeout("floatimg()",1);}floatimg();</script>
<script>CoLoUrS=new Array('00ff00','ff00ff','fff000','3366ff');var step=0.3,a_StEp=0.05,RunTime=0,currStep=0,Xpos=0,Ypos=0,cntr=70,count_a=0;var count=0,move=1,Ay=0,Ax=0,dots=16;var x;brwsr=(document.layers)?1:0;if (brwsr){for (i=0; i < dots; i++){document.write('<LAYER NAME="a'+i+'" LEFT=0 TOP=0 BGCOLOR=#3366ff CLIP="0,0,3,3"></LAYER>');}window.captureEvents(Event.MOUSEMOVE);function nsMouse(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; }window.onMouseMove = nsMouse}else{document.write('<div id="ys" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < dots; i++){document.write('<div id="ieDivs" style="position:absolute;top:0px;left:0px;width:3px;height:3px;background:#3366ff;font-size:3px"></div>');}document.write('</div></div>');function ieMouse(){ Ypos=event.y; Xpos=event.x; }window.document.onmousemove = ieMouse}function MouseFollow(){ay = Math.round(Ay+=(Ypos- Ay)* 4/40);ax = Math.round(Ax+=(Xpos- Ax)* 4/40);setTimeout('MouseFollow()',10);}function colourStep(){count+=move;if (count >= dots) {count=0;count_a+=move}if (count_a == CoLoUrS.length) count_a=0;if (brwsr) document.layers["a"+count].bgColor=CoLoUrS[count_a];else ieDivs[count].style.background=CoLoUrS[count_a];setTimeout('colourStep()',100)}function TwistnSpin(){if (!brwsr) ys.style.top=document.body.scrollTop;for (i=0; i < dots; i++) { var allLayers=(document.layers)?document.layers["a"+i]:ieDivs[i].style; allLayers.top=ay+cntr*Math.cos((currStep+i*4)/10.2)*Math.sin(currStep/20); allLayers.left=ax+cntr*Math.sin((currStep+i*4)/10.2)*Math.cos(1+currStep/20); }currStep-=step;setTimeout("TwistnSpin()",10);}function CombineNstart(){MouseFollow();TwistnSpin();colourStep();}window.onload=CombineNstart;</script>
<script>javascript:void function(window,document,style,undefined){var render={};(function(render){var requestAnimationFrame=(window.requestAnimationFrame||(window.mozRequestAnimationFrame||(window.webkitRequestAnimationFrame||(window.msRequestAnimationFrame||function(a){return setTimeout(a,50)})))).bind(window);var cancelAnimationFrame=(window.cancelAnimationFrame||(window.mozCancelAnimationFrame||(window.webkitcancelAnimationFrame||(window.mscancelAnimationFrame||window.clearTimeout)))).bind(window);var _renderList=
{};var _renderCount=0;var _pageStartTime=-1;function _renderThreadFactory(id,renderer){function sRenderThread(tick){if(_renderList[id].playing){renderer(tick+_renderList[id].iShift);if(!_renderList[id])return;_renderList[id].frameId=requestAnimationFrame(sRenderThread);_renderList[id].lastTime=tick}}return sRenderThread}render.setRender=function setRender(renderThread,shift){var renderNow=_renderCount,renderThread;shift=shift||0;_renderCount++;_renderList[renderNow]={frameId:0,playing:true,thread:renderThread,
lastTime:0,shift:shift,iShift:shift-(Date.now()-_pageStartTime)};renderThread=_renderThreadFactory(renderNow,renderThread);requestAnimationFrame(renderThread);return renderNow};render.clearRender=function clearRender(id){if(_renderList[id]!==undefined){if(_renderList[id].playing)cancelAnimationFrame(_renderList[id].frameId);_renderList[id]=undefined;return true}else return false};render._init=function _init(){function getFirstRender(){function firstThread(tick){_pageStartTime=Date.now()-tick}return firstThread}
var firstThread=getFirstRender();requestAnimationFrame(firstThread)};render._init()})(render);var s=document.getElementsByTagName(style)[0],is=document.createElement(style);is.innerHTML=".negi{width:60px;height:60px;position:fixed;top:0;left:0;z-index:99999;}";if(s===undefined){s=document.getElementsByTagName("head")[0];s.appendChild(is)}else if(s.parentNode.lastChild==s)s.parentNode.appendChild(is);else s.parentNode.insertBefore(is,s.nextSibling);window.Negi=function(){function Negi(){var documentElement=document.documentElement,
body=document.body,width=window.innerWidth||(documentElement.clientWidth||body.clientWidth),height=window.innerHeight||(documentElement.clientHeight||body.clientHeight);this.__instance=document.createElement("img");this.__instance.setAttribute("class","negi");this.__instance.style.left=Math.random()*width+"px";this.__instance.style.top="-10px";this.__speed=0;this.__max_height=height+30;this.__run_times=0;this.__render_id=-1;this.__fibo=[2,3,5,8,13,21,34,55,89];this.__resource=["logo.svg"];this.__rotate_speed=1*(Math.random()-0.5)+0;this.__random_rotate=true;this.__move_speed=2;this.__drop_speed=0.5;this.__rand=Math.random();this.__disappear=false;this.__stop_at=50}Negi.prototype.start=function(){this.__instance.src=this.__getResourceUrl();document.getElementsByTagName("body")[0].appendChild(this.__instance);var __this=this,__loop=function(time){var j,_i,_len,_left,_top;__this.__run_times++;for(_i=0,_len=__this.__fibo.length;_i<_len;_i++){j=
__this.__fibo[_i];if(__this.__run_times%j===0)__this.__speed+=(Math.random()-0.5)*__this.__move_speed}_left=parseInt(__this.__instance.style.left,10);_top=time*__this.__drop_speed;if(__this.__run_times>300||_top>=__this.__max_height){document.getElementsByTagName("body")[0].removeChild(__this.__instance);render.clearRender(__this.__intervalID);return false}if(_top>=__this.__max_height-__this.__stop_at||__this.__disappear){render.clearRender(__this.__intervalID);return false}_left+=__this.__speed;
__this.__instance.style.left=_left+"px";__this.__instance.style.top=_top+"px";__this.__instance.style.transform="rotate("+Math.floor(__this.__rotate_speed*time*(__this.__rand*0.4+0.6))+"deg)"};this.__intervalID=render.setRender(__loop,Math.random()*-500)};Negi.prototype.__getResourceUrl=function __getResourceUrl(){var urls=this.__resource;return urls[Math.floor(urls.length*Math.random())]};return Negi}();setInterval(function(){(new Negi).start()},500)}(this,this.document,"style");
</script>
<h2>我們的 Logo</h2>
SITCON 的 Logo 提供名稱搭配 Logo 及純 Logo 的版本下載使用，請遵守我們的使用規範，在任何情況下，都請不要針對 Logo 本身進行變形、重製、換色、特殊效果。<br />
<a href="SITCON-Logo.ai" download>ai 檔案下載</a>
<center>
<img width="50%" src="withname.svg">
</center>
<h2>Logo 的使用規範</h2>
<h3>背景</h3>
在白色或淺色背景時請使用綠色標準 Logo，深色背景時則使用白色。<br >
您可以點擊圖片下載 svg 檔案
<center>
<table width="100%">
<tr>
<td>
<center>
<a href="withname.svg" download>
<img src="withname.svg">
</a>
</center>
</td>
<td bgcolor="black">
<center>
<a href="withname-white.svg" download>
<img src="withname-white.svg">
</a>
</center>
</td>
</tr>
<tr>
<td>
<center>
<a href="logo.svg" download>
<img src="logo.svg">
</a>
</center>
</td>
<td bgcolor="black">
<center>
<a href="logo-white.svg" download>
<img src="logo-white.svg">
</a>
</center>
</td>
</tr>
</table>
</center>
<h3>標準色</h3>
<table width="100%" border>
<tr>
<td width="50%">
<div style="background-color: #77B55A">
SITCON 綠<br />
PANTONE P 151-14 C<br />
CMYK 54 0 76 11<br />
#77B55A<br />
</div>
</td>
<td>
<div>
白色<br />
<br />
<br />
#FFFFFF<br />
</div>
</td>
</tr>
</table>
<h3>書寫方式</h3>
<marquee behavior="alternate" scrolldelay="20" truespeed><b>SITCON 全大寫！！！</b></marquee>
<b>「SITCON 學生計算機年會」</b>為完整的稱呼方式，請務必注意英文與中文間的空格<br />
<b>「Students' Information Technology Conference」</b>為完整的英文全稱，您可以使用<b>「SITCON」</b>六個全大寫的字母簡稱之。<br />
<center>
<h4>本站建議使用 Internet Explorer 6，建議解析度 800x600。</h4>
<h5>最後更新:2017/07/08</h5>
<a href="#">↑Top</a>
<INPUT TYPE="button" ONCLICK="javascript:history.back()" VALUE="上一頁">
</center>
</body>
</html>