Sfoglia il codice sorgente

new htmls - update

Colleagues 10 anni fa
parent
commit
c6b7f94b10
4 ha cambiato i file con 165 aggiunte e 11 eliminazioni
  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

@@ -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

@@ -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

@@ -23,13 +23,13 @@
 	<!--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 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>
 	</article>
 </div>

+ 4 - 4
start.html

@@ -14,10 +14,10 @@
   <img src="./img/logo.png" alt="logo" style="width:120px;height:120px;">
   <ul>
     <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>
 </article>