bfl-itp · Ameliawb · Oct 31, 2014 · Oct 31, 2014 · Oct 31, 2014 · Oct 31, 2014
diff --git a/images/volume1.gif b/images/volume1.gif
diff --git a/index.html b/index.html
@@ -1,9 +1,65 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>So-and-so's Redesign Assignment</title>
-  </head>
-  <body>
-    YOUR CODE HERE
-  </body>
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta name="MSSmartTagsPreventParsing" content="TRUE">
+ <link rel="stylesheet" type="text/css" href="redesign.css">
+<title>Amelia's ReDesign of the amazing:  DPGraph: Dynamic Photorealistic 3D Graphing Software for Math and Physics Visualization  http://www.dpgraph.com/ </title>
+
+</head>
+<body>
+<h1>"Quality:
+Excellent. <br> Value:  Excellent.<br> DPGraph is one of the most exciting
+Windows-PC programs I've ever seen for creating beautiful, even stunning,
+mathematical graphics."</h1><h2><br>--Dr.Michael W. Ecker,</h2><p><i>
+Recreational &amp; Educational Computing,
+and DPGraph runs under Wine on Linux, or under SoftWindows or Virtual PC on
+the Mac.</p></i>
+
+<div class="table1">
+<tr><td><img src="gyroid.jpg" width=96 height=72 alt="3d graph of gyroid"></td><td><img src="tubeknot.jpg" width=96 height=72 alt="3d graph of mathematical knot"></td></tr>
+<tr><td><img src="sineparm.gif" width=96 height=72 alt="dynamic 2d graph of sine wave"></td><td><img src="waves.gif" width=96 height=72 alt="dynamic 3d waves"></td></tr>
+<tr><td><img src="clrshell.jpg" width=96 height=72 alt="3d graph of shell"></td><td><img src="benlevy.gif" width=96 height=72 alt="dynamic 3d graph of a plane slicing a cone"></td></tr>
+<tr><td><img src="vulkan_mit_bombe.gif" width=96 height=72 alt="3d graph of volcano"></td><td><img src="interferenzen4.jpg" width=96 height=72 alt="2d graph of an interference pattern"></td></tr>
+<tr><td><img src="cupsadh.jpg" width=96 height=72 alt="3d graph of saddle point"></td><td><img src="kugel_auf_gummituch.gif" width=96 height=72 alt="3d graph of gravitational field around a sphere"></td></tr>
+<tr><td><img src="carvelli.jpg" width=96 height=72 alt="3d graph of ellipsoid"></td><td><img src="schwarzp3periods.jpg" width=96 height=72 alt="3d graph of Schwarz's P surface"></td></tr>
+</table></td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr></table>
+
+</td><td>
+</div><br>
+<div class="image"> 
+	<img src="http://ameliawb.github.io/redesign/images/volume1.gif">
+	</div>
+<br>
+
+<div>
+	DPGraph: Dynamic Photorealistic 3D Graphing Software<br>for Math and Physics Visualization</div><br>
+
+</div>
+
+<div class="Table3"><h1>The world's
+most powerful software for math and physics visualization. </h1><h2> Create beautiful,
+interactive, dynamic, photorealistic 2D, 3D, 4D, 5D, 6D, 7D and 8D graphs. </h2> So
+easy to use that even junior high and senior high students have had their graphs
+published.  Includes hundreds of examples contributed by users from around the
+world.<br>Over two million mathematicians, physicists, teachers and
+students at over 1,000 colleges, universities and K-12 schools worldwide are
+already licensed.  Comes with a free subscription to the <a
+href="http://www.flamingthunder.com/">Flaming Thunder</a> programming
+language.<br>Optimized for the internet -- search for DPGraph using
+your favorite search engine to find ways that people are using DPGraph for both
+classroom and distance learning.  Used for pre-algebra, geometry, trigonometry
+and general physics, through multivariable calculus, field theory, quantum
+mechanics and gravitation.Use time and color as extra dimensions
+(to create motion or encode momentum, for example).  Use the scrollbar to vary
+parameters in realtime, to slice through graphs, or to vary transparency.
+Programmed entirely in assembly language for maximum speed.Graph
+functions, equations, conic sections, planes, spheres, toruses, parametric
+curves and surfaces, implicit equalities and inequalities, volume intersections,
+volumes of integration, vector fields, surfaces of revolution, equipotential
+surfaces, and much more, in rectangular, polar, cylindrical, or spherical
+coordinates.
+
+</div>
+<br>
+<div class="table2"> <a href="buy-graphing.html">Subscribe</a>| <a href="graphing-users.html">List of Site Subscribers</a> | <a href="graph-viewer.html">Free Viewer</a>&nbsp;<br>&nbsp;<a href="new-3d-graphs.html">Latest news: 5 Sept 2013</a> | <a href="update-grapher.html">Update to newest version: 5 Sept 2013</a>&nbsp;<br>&nbsp;<a href="math-art.html">Math Art Gallery</a> | <a href="implicit-equations.html">Documentation</a> | <a href="graphing-links.html">Links</a> | <a href="privacy.html">Privacy</a> | <a href="contact.html">Contact</a></div>
+
+</body>
 </html>
diff --git a/redesign.css b/redesign.css
@@ -0,0 +1,67 @@
+body {
+    color: #111;
+    display: block;
+    font-family: 'Open Sans', sans-serif;
+    font-size: 16px;
+    padding-bottom: 38px;
+    position: relative;
+}
+
+
+h1 {
+    color: #111;
+    font-family: 'Open Sans Condensed', sans-serif;
+    font-size: 28px;
+    font-weight: 300;
+    line-height: 28px;
+    margin: 0 0 0;
+    padding: 10px 20px;
+    text-align: center;
+    text-transform: uppercase;
+}
+h2 {
+    color: #111;
+    font-family: 'Open Sans Condensed', sans-serif;
+    font-size: 20px;
+    font-weight: 200;
+    line-height: 20px;
+    margin: 0 0 24px;
+    padding: 0 10px;
+    text-align: left;
+    text-transform: uppercase;
+}
+p {
+    color: #111;
+    font-family: 'Open Sans', sans-serif;
+    font-size: 16px;
+    line-height: 28px;
+    margin: 0 0 48px;
+}
+a {
+    color: #990000;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline
+}
+
+.table1{
+background:black;
+opacity:0.5;
+
+}
+
+.table2{
+background:#6699CC;
+opacity:0.5;
+ text-align: center;
+
+}
+.image{
+padding:30px;
+ float:center;
+ text-align:center;
+ width:50%;
+}
+