Home Explore Help
Register Sign In
bixel
/
snaky-particles
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

new htmls - update

Colleagues 10 years ago
parent
2beaf9158a
commit
c6b7f94b10
4 changed files with 165 additions and 11 deletions
Unified View Show Diff Stats
  1. 84 0
      css/general.css
  2. 70 0
      html/about.html
  3. 7 7
      index.html
  4. 4 4
      start.html

+ 84 - 0
css/general.css
View File 

@@ -0,0 +1,84 @@
 
+
 
+a:link, a:visited {
 
+    color: #FFFF22;
 
+    }
 
+
 
+a:hover, a:active {
 
+    color: #FFFF22;
 
+}
 
+
 
+.head-container {
 
+	text-align: center;
 
+	font-size:48px;
 
+	color: #FFFFFF;
 
+    background-color: #006666;
 
+	padding:1px 16px;
 
+	width: 100%;
 
+    margin-bottom: 5px;
 
+}
 
+
 
+.container {
 
+	text-align: center;
 
+	color: #FFFFFF;
 
+    background-color: #006666;
 
+	padding:20px 16px;
 
+	margin-left: auto;
 
+    margin-right: auto;
 
+    width: 100%;
 
+	font-size:25px
 
+
 
+}
 
+
 
+.foot-container {
 
+	color: #FFFFFF;
 
+    background-color: #006666;
 
+	padding:5px 25px;
 
+    margin-top: 5px;
 
+	width: 100%
 
+}
 
+
 
+.foot-left {
 
+	text-align: left;
 
+	font-size:18px;
 
+}
 
+.foot-right {
 
+	text-align: right;
 
+	font-size:18px;
 
+}
 
+
 
+.navbar  {
 
+    text-align: center;
 
+    font-size:20px;
 
+    color: #FFFFFF;
 
+    background-color: #006666;
 
+    padding:1px 8px;
 
+    width: 100%
 
+}
 
+
 
+ul {
 
+    list-style-type: none;
 
+    margin: 20px;
 
+    padding: 1px;
 
+    overflow: hidden
 
+}
 
+
 
+li {
 
+    float: left;
 
+    width: 200px;
 
+}
 
+
 
+a.nav:link, a.nav:visited {
 
+    display: block;
 
+    width: 120px;
 
+    font-weight: bold;
 
+    color: #FFFFFF;
 
+    background-color: #006666;
 
+    text-align: center;
 
+    padding: 4px;
 
+    text-decoration: none;
 
+    text-transform: uppercase
 
+}
 
+
 
+a.nav:hover, a.nav:active {
 
+    background-color: #F88000;
 
+}

+ 70 - 0
html/about.html
View File 

@@ -0,0 +1,70 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+  <title>SNAKY PARTCILES</title>
 
+</head>
 
+
 
+<link rel="stylesheet" href="../css/general.css">
 
+<link rel="shortcut icon" href="../img/favicon.ico" type="image/x-icon">
 
+<link rel="icon" href="../img/favicon.ico" type="image/x-icon">
 
+
 
+<body>
 
+
 
+<header class="head-container"> SNAKY PARTICLES - ABOUT</header>
 
+
 
+<div>
 
+  <!--canvas id="navigation">alternate content</canvas-->
 
+
 
+  <article class="navbar">
 
+    <ul>
 
+      <li> <img src="../img/logo.png" alt="logo" style="width:120px;height:120px;"> </li>
 
+      <li><a class="nav" href="../index.html">Start Game</a></li>
 
+      <li><a class="nav" href="./settings.html">Settings</a></li>
 
+      <li><a class="nav" href="./scorelist.html">Scorelist</a></li>
 
+      <li><a class="nav"href="./about.html">About</a></li>
 
+      <li><a class="nav"href="./end.html">Quit</a></li>
 
+    </ul>
 
+  </article>
 
+</div>
 
+
 
+<article class="container">
 
+  <p>This game was created as part of the Webfest 2015 at CERN. For more information see on the <a href="https://webfest.web.cern.ch/"> Webfest Homepage</a>.</p>
 
+
 
+  <p>The game is following the example of the historic game "Snake". It connects aspects of game with learning particle physics. So the two main goals are EDUCATION and FUN.</p>
 
+
 
+  <p>The project is based on open source. The main libary used is create.js. The whole source code can be accessed by GitHub. Just check the project <a href="ttps://github.com/snaky-particles"> snaky-particles</a>.</p>
 
+
 
+  <p>The MIT License (MIT)</p>
 
+
 
+<p>Copyright (c) 2015 snaky-particles</p>
 
+
 
+<p>Permission is hereby granted, free of charge, to any person obtaining a copy
 
+of this software and associated documentation files (the "Software"), to deal
 
+in the Software without restriction, including without limitation the rights
 
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 
+copies of the Software, and to permit persons to whom the Software is
 
+furnished to do so, subject to the following conditions:</p>
 
+
 
+<p>The above copyright notice and this permission notice shall be included in all
 
+copies or substantial portions of the Software.</p>
 
+
 
+<p>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 
+SOFTWARE.</p>
 
+
 
+  
+</article>
 
+
 
+
 
+<footer class="foot-container">
 
+  <div class="left"> Snaky Particles: An educational particle physics game.</div>
 
+  <div align="right"> @CERN-Webfest 2015 </div>
 
+</footer>
 
+
 
+</body>
 
+
 
+</html>

+ 7 - 7
index.html
View File 

@@ -23,13 +23,13 @@
 
 	<!--canvas id="navigation">alternate content</canvas-->
 
 	<!--canvas id="navigation">alternate content</canvas-->
 
 
 
 	<article class="navbar">
 
 	<article class="navbar">
 
-  	<ul>
 
-  		<li> <img src="./img/logo.png" alt="logo" style="width:120px;height:120px;"> </li>
 
-    	<li><a href="index.html">Restart</a></li>
 
-    	<li><a href="settings.html">Settings</a></li>
 
-    	<li><a href="scorelist.html">Scorelist</a></li>
 
-    	<li><a href="about.html">About</a></li>
 
-    	<li><a href="end.html">Quit</a></li>
 
+  	<ul class="nav">
 
+  		<li class="nav"> <img src="./img/logo.png" alt="logo" style="width:120px;height:120px;"> </li>
 
+    	<li class="nav"><a href="index.html">Restart</a></li>
 
+    	<li class="nav"><a href="settings.html">Settings</a></li>
 
+    	<li class="nav"><a href="scorelist.html">Scorelist</a></li>
 
+    	<li class="nav"><a href="about.html">About</a></li>
 
+    	<li class="nav"><a href="end.html">Quit</a></li>
 
   	</ul>
 
   	</ul>
 
 	</article>
 
 	</article>
 
 </div>
 
 </div>

+ 4 - 4
start.html
View File 

@@ -14,10 +14,10 @@
 
   <img src="./img/logo.png" alt="logo" style="width:120px;height:120px;">
 
   <img src="./img/logo.png" alt="logo" style="width:120px;height:120px;">
 
   <ul>
 
   <ul>
 
     <li><a href="index.html">Start Game</a></li>
 
     <li><a href="index.html">Start Game</a></li>
 
-    <li><a href="settings.html">Settings</a></li>
 
-    <li><a href="scorelist.html">Scorelist</a></li>
 
-    <li><a href="about.html">About</a></li>
 
-    <li><a href="end.html">Quit</a></li>
 
+    <li><a href="./html/settings.html">Settings</a></li>
 
+    <li><a href="./html/scorelist.html">Scorelist</a></li>
 
+    <li><a href="./html/about.html">About</a></li>
 
+    <li><a href="./html/end.html">Quit</a></li>
 
   </ul>
 
   </ul>
 
 </article>
 
 </article>