CSS and formating updates to timeline and misc.

about.css

@@ -1,6 +1,6 @@
 /*============================
 // Jewish Play Project
-// submitEntry.html Style Sheet
+// about.html Style Sheet
 ============================*/
 
 body{

about.html

@@ -33,7 +33,7 @@
 		
 		<p>In the same way that Nuremberg was a center for toy and game companies due to the manufacturing resources of the town, Chicago was the home for many of the largest and most influential pinball companies, an industry born and bred there. The coin operated game as we know it began to surface in 1930 with Gottlieb's Baffle Ball and the Pinball went through ups and down during World War II (due to material and manufacturing shortages) and came roaring back afterwards, only to lose its market in the end to the digital upstarts, the video game cabinets. Today only one major pinball manufacturer, Stern, remains.  The game itself has begun to see a rise in interest in the last decade as nostalgia themed parlors, bars and restaurants have begun appearing in cities around the country. </p>
 
-		<p>The home and portable video game consoles, and most recently, mobile "smart phones" and tablets have all eaten into the markets for toys, dolls and tabletop games; though there's been a significant revival of interest in board games in the past 10-15 years as new styles and types of board game design have emerged from Europe and taken hold by designers, manufacturers and players world-wide.</p>
+		<p>The home and portable video game consoles, and most recently, mobile "smart phones" and tablets have all eaten into the markets for toys, dolls and tabletop games; though there's been a significant revival of interest in board games in the past 10-15 years as new styles and types of board game design have emerged from Europe and taken hold by designers, manufacturers and players world-wide. If you are interested in contributing to the Jewish Play Project you can reach us at Jewish + Play + Project (at) magic dot rit dot edu.</p>
 		
 		<hr>
 		
@@ -85,12 +85,12 @@
 		
 		<br><br>
 		
-		<img src="img/kiron.jpeg" width="200" height="200";></img>
+		<img src="img/kiron.jpg" width="200";></img>
 		<h4>Arthur Kiron</h4>
 		<p><a href="http://ccat.sas.upenn.edu/jwst/people/arthur-kiron">Schottenstien-Jesselson Curator of Judaica Collections</a>
 		<br>University of Pennsylvania Center for Advanced Judaic Studies</p>
 
-		<br><br><br><br>
+		<br><br><br><br><br>
 		
 		<img src="img/lietzkow.jpeg" width="200";></img>
 		<h4>J&ouml;rg M&uuml;ller-Lietzkow</h4>

players.css

@@ -1,6 +1,6 @@
 /*============================
 // Jewish Play Project
-// thePlayers.html Style Sheet
+// players.html Style Sheet
 ============================*/
 
 body{

submitEntry.html

@@ -119,7 +119,6 @@
 			<p><label>Toys:
 				<input id="cToys" type="textbox"></input>
 				</label>
-			
 			<p><label>Website:
 				<input id="cWebsite" type="textbox"></input>
 				</label>

timeline.css

@@ -0,0 +1,93 @@
+/*============================
+// Jewish Play Project
+// timeline.html Style Sheet
+============================*/
+
+body{
+	background-color: #e7f6ff;
+	color: #72115d;
+	font-family: 'Istok Web', sans-serif;
+}
+
+body img {
+	zoom: 70%;
+	padding-left: 10px;
+}
+
+ul.topnav {
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+	overflow: hidden;
+	background-color: #228dff;
+	margin-left: 15%;
+	width: 70%;
+}
+
+ul.topnav li {float: left;}
+
+ul.topnav li a {
+	margin: 0;
+	display: block;
+	color: #e7f6ff;
+	text-align: center;
+	padding: 14px 30px;
+	text-decoration: none;
+	font-size: 18px;
+}
+
+ul.topnav li a:hover:not(.active) {
+	background-color: #97cbdc;
+	background-color: clear;
+}
+
+ul.topnav li.right {float: right;}
+
+@media screen and (max-width: 600px){
+	ul.topnav li.right,
+	ul.topnav li {float: none;}
+}
+
+#mainContainer {
+	display: inline;
+	margin-top: 10px;
+	background-color: #97cbdc;
+	width: 70%;
+	margin-left: 15%;
+	float: left;
+}
+
+#timeline-embed, #timeline-temp {
+    display: inline;
+	margin-top: 25px;
+	width: 70%;
+	margin-left: 15%;
+	float: left;
+    height: 70%;
+}
+
+h1 {
+	padding: 0px;
+	margin: 20px;
+	font-size: 30px;
+}
+
+h2 { 
+	padding: 0px 20px 0px 30px;
+	font-size: 20px;
+}
+
+h3 {
+	margin: 5px 30px;
+	font-size: 18px;
+}
+
+h4 {
+	margin: 7px 30px;
+	font-size: 16px;
+}
+
+p {
+	margin: 15px 30px;
+	font-size: 15px;
+}

timeline.html

@@ -3,7 +3,8 @@
     <link title="timeline-styles" rel="stylesheet" href="https://cdn.knightlab.com/libs/timeline3/latest/css/timeline.css">
     <script src="https://cdn.knightlab.com/libs/timeline3/latest/js/timeline.js"></script>
     <script src="https://npmcdn.com/leaflet@1.0.0-rc.3/dist/leaflet.js"></script>
-	<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>	
+	<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
+    <link rel="stylesheet" href="timeline.css">
     <script>
 	
         var markers = [];
@@ -50,10 +51,22 @@
 			}
 		}
     </script>
-    <style>
-    </style>
  </head>
  <body>
-    <div id='timeline-embed' style="width: 100%; height: 600px"></div>
-	<iframe id='timeline-temp' style='display:none' src='https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1-oQByBfIlL0PwvcxEEpSzQNDwXY9qPLQM7PKmWBK9aM&font=Default&lang=en&initial_zoom=2&height=650' width='100%' height='650' frameborder='0'></iframe>
+    <a href="./"> <img src="img/jpp-logo2.png" alt="JPP Logo" style="margin-left:15%;" /></a>
+	<ul class="topnav">
+		<li><a href="players.html">People</a></li>
+        <li><a href="players.html">Toys</a></li>
+        <li><a href="players.html">Company</a></li>
+		<li><a href="./timeline.html">Timeline</a></li>
+		<li><a href="browse.html">Browse</a></li>
+		<li><a href="news.html">News</a></li>
+		<li><a href="about.html">About</a></li>
+		<li><a href="submitEntry.html">Submit</a></li>
+	</ul>
+    
+    <div class="timeline">
+        <div id='timeline-embed' width='75%' height='650px';></div>
+        <iframe id='timeline-temp' style='display:none' src='https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1-oQByBfIlL0PwvcxEEpSzQNDwXY9qPLQM7PKmWBK9aM&font=Default&lang=en&initial_zoom=2&height=650' frameborder='0' ></iframe>
+    </div>
  </body>