jugendhackt-logo/index.html at gh-pages · Jugendhackt/jugendhackt-logo · GitHub

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
<html>
	<head>
		<title>Jugend hackt logo</title>
		<style type="text/css">
		@font-face {
			font-family: "Ebisu";
			src: url("ebisu.ttf") format("truetype");
		}
		#url {
			font-family: "Ebisu", sans-serif;
			font-size:0.625px;fill:#ffffff;fill-opacity:1;
		}
		</style>
		<link rel="stylesheet" type="text/css" href="css/berlin.css" id="logo_style">
		<link rel="stylesheet" type="text/css" href="css/blink.css">
	</head>
	<body>


		<svg
			xmlns="http://www.w3.org/2000/svg" width="100%" height="90%"
			viewBox="0 0 11 11" id="jh_logo" shape-rendering="crispEdges">
			<g id="face">
				<g id="eyes">
					<rect id="left_eye" x="2" y="6" width="1" height="1" ></rect>
					<rect id="right_eye" x="8" y="6" width="1" height="1" ></rect>
				</g>
				<polygon id="mouth"
					points="4,7 4,9 7,9 7,7 6,7 6,8 5,8 5,7" ></polygon>
			</g>
			<g id="head">
				<polygon id="ears"
					points="1,0 3,0 3,1 4,1 4,2 7,2 7,1 8,1 8,0 10,0 10,1 11,1 11,5 9,5 9,4 2,4 2,5 0,5 0,1 1,1" ></polygon>
				<polygon id="beard"
					points="0,5 0,9 1,9 1,10 2,10 2,11 9,11 9,10 10,10 10,9 11,9 11,5 10,5 10,8 9,8 9,9 8,9 8,10 3,10 3,9 2,9 2,8 1,8 1,5" ></polygon>
			</g>
			<text id="url" text-anchor="middle" x="5.5" y="10.7">jugendhackt.org</text>
		</svg>


		Style:
		<select id="style" onchange="newStyle(this)">
			<option value="berlin,jugendhackt.org">@jugendhackt</option>
			<option value="ffm,jugendhackt.org">@jugendhacktffm</option>
			<option value="halle,jugendhackt.org">@jhackthalle</option>
			<option value="hamburg,jugendhackt.org">@jhackthamburg</option>
			<option value="heidelberg,jugendhackt.org">@jugendhacktHD</option>
			<option value="koeln,jugendhackt.org">@jugendhacktcgn</option>
			<option value="at,jugendhackt.at">@jugendhacktAT</option>
			<option value="schweiz,jugendhackt.ch">@jugendhacktCH</option>
			<option value="mv,jugendhackt.org">@Jugend_hackt_MV</option>
			<option value="ulm,jugendhackt.org">@jhacktulm</option>
			<option value="asien,jugendhackt.org">#jhasien</option>
			<option value="mix,jugendhackt.org">CRAZY ALPAKA</option>
		</select>
		URL anzeigen:
		<input type="checkbox" checked onchange="toggleUrl()">
		<a id="downloadButton"><button>Download as PNG (JS required)</button></a>
		<script type="text/javascript" src="js/savePng.js"></script>
		<script type="text/javascript" src="js/app.js"></script>
		<iframe height="20" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/11412879&amp;inverse=false&amp;auto_play=false&amp;show_user=true"></iframe>

	</body>
</html>