-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
64 lines (59 loc) · 5.93 KB
/
index.html
File metadata and controls
64 lines (59 loc) · 5.93 KB
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>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Oswald|Bree+Serif">
<link rel="stylesheet" type="text/css" href="/res/main.css">
<script src="https://code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<script src="/res/scheme.js"></script>
<title>Project:Chroma</title>
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/img/icon57.png"><link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/icon114.png"><link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/icon72.png"><link rel="apple-touch-icon-precomposed" sizes="144x144" href="/img/icon144.png"><link rel="apple-touch-icon-precomposed" sizes="60x60" href="/img/icon60.png"><link rel="apple-touch-icon-precomposed" sizes="120x120" href="/img/icon120.png"><link rel="apple-touch-icon-precomposed" sizes="76x76" href="/img/icon76.png"><link rel="apple-touch-icon-precomposed" sizes="152x152" href="/img/icon152.png"><link rel="icon" type="image/png" href="/img/icon196.png" sizes="196x196"><link rel="icon" type="image/png" href="/img/icon96.png" sizes="96x96"><link rel="icon" type="image/png" href="/img/icon32.png" sizes="32x32"><link rel="icon" type="image/png" href="/img/icon16.png" sizes="16x16"><link rel="icon" type="image/png" href="/img/icon128.png" sizes="128x128"><meta name="application-name" content="Project:Chroma"><meta name="msapplication-TileColor" content="#FFFFFF"><meta name="msapplication-TileImage" content="/img/icon144.png"><meta name="msapplication-square70x70logo" content="/img/icon70.png"><meta name="msapplication-square150x150logo" content="/img/icon150.png"><meta name="msapplication-wide310x150logo" content="/img/icon310x150.png"><meta name="msapplication-square310x310logo" content="/img/icon310.png">
</head>
<body>
<div id="header">
<img src="/img/icon600.png" id="logo">
<h1>Project:Chroma</h1>
<div id="navigation">
<div><a href="/">Home</a></div>
<div><a href="/news/">News</a></div>
<div><a href="/about-game/download">Download</a></div>
<div>
<a href="/about-us/">About Us</a>
<ul>
<li><a href="/about-us/duncan">Duncan</a></li>
<li><a href="/about-us/cynthia">Cynthia</a></li>
<li><a href="/about-us/jill">Jill</a></li>
</ul>
</div>
<div>
<a href="/about-game/">About Chroma</a>
<ul>
<li><a href="/about-game/demo">Demo</a></li>
<li><a href="/about-game/gallery/">Gallery</a></li>
<li><a href="/about-game/roadmap">Roadmap</a></li>
</ul>
</div>
</div>
<div id="social-nav">
<div>
<a href="https://github.com/ProjectChroma" class="external" target="_blank">
<img src="/img/GitHub-Mark-64px.png" alt="Github">
</a>
<ul>
<li><a href="https://github.com/ProjectChroma" class="external" target="_blank">Organization</a></li>
<li><a href="https://github.com/ProjectChroma/Chroma" class="external" target="_blank">Game</a></li>
<li><a href="https://github.com/ProjectChroma/Launcher" class="external" target="_blank">Launcher</a></li>
<li><a href="https://github.com/ProjectChroma/ProjectChroma.github.io" class="external" target="_blank">Website</a></li>
</ul>
</div>
</div>
</div>
<div id="content" class="center">
<h1>Welcome to Project:Chroma!</h1><p>Project:Chroma is, at its heart, a team of three high school students and a cool idea for a game.</p><div id="hex-links-1"><a href="/about-us/"><svg width="188.38834764831842" height="188.38834764831842"><polygon points="88.38834764831843,0 188.38834764831842,0 188.38834764831842,100 100,188.38834764831842 0,188.38834764831842 0,88.38834764831843"></polygon><text x="30" y="170.76271631908298" transform="rotate(-45 30,170.76271631908298)">The Students</text></svg></a><a href="/about-game/"><svg width="188.38834764831842" height="188.38834764831842"><polygon points="88.38834764831843,0 188.38834764831842,0 188.38834764831842,100 100,188.38834764831842 0,188.38834764831842 0,88.38834764831843"></polygon><text x="45" y="155.76271631908298" transform="rotate(-45 45,155.76271631908298)">The Game</text></svg></a><a href="/about-game/demo"><svg width="188.38834764831842" height="188.38834764831842"><polygon points="88.38834764831843,0 188.38834764831842,0 188.38834764831842,100 100,188.38834764831842 0,188.38834764831842 0,88.38834764831843"></polygon><text x="30" y="170.76271631908298" transform="rotate(-45 30,170.76271631908298)">Online Demo</text></svg></a></div><p>Chroma is a puzzle platformer all about changing the color scheme of the game. This influences which platforms in the world are tangible. Switching color schemes can open tunnels, create bridges, and bypass walls.</p><link rel="stylesheet" type="text/css" href="/res/image-wrapper.css"><script src="/res/image-wrapper.js"></script><div id="modal-bkg">
<img id="modal-img">
</div><div class="image-wrapper" data-cols="2">
<img src="/about-game/gallery/tunnel1.png">
<img src="/about-game/gallery/tunnel2.png">
<img src="/about-game/gallery/spaceout1.png">
<img src="/about-game/gallery/spaceout2.png">
</div><div id="hex-links-2"><a href="/about-game/gallery/"><svg width="188.38834764831842" height="188.38834764831842"><polygon points="88.38834764831843,0 188.38834764831842,0 188.38834764831842,100 100,188.38834764831842 0,188.38834764831842 0,88.38834764831843"></polygon><text x="30" y="170.76271631908298" transform="rotate(-45 30,170.76271631908298)">Full Gallery</text></svg></a><a href="https://github.com/ProjectChroma/Chroma" class="external" target="_blank"><svg width="188.38834764831842" height="188.38834764831842"><polygon points="88.38834764831843,0 188.38834764831842,0 188.38834764831842,100 100,188.38834764831842 0,188.38834764831842 0,88.38834764831843"></polygon><text x="30" y="170.76271631908298" transform="rotate(-45 30,170.76271631908298)">Source code</text></svg></a></div>
</div>
</body></html>