added meta scrolling to head

dak · Mar 31, 2018 · c63fc17 · c63fc17
1 parent e3a856f
commit c63fc17
Show file tree

Hide file tree

Showing 12 changed files with 1,570 additions and 342 deletions.
diff --git a/physics/notes/circuits/Ohm's Law/index.html b/physics/notes/circuits/Ohm's Law/index.html
@@ -3,7 +3,9 @@
 
 <head>
 	<meta charset="UTF-8">
-	<meta name="viewport" content="width=610, initial-scale=1" />
+	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" />
+	<meta name="apple-mobile-web-app-capable" content="yes" />
+
 	<meta name="description" content="Notes for a high school physics course.">
 	<meta name="author" content="Ross Landgreen">
 	<meta property="og:description" content="Notes for a high school physics course.">

diff --git a/physics/notes/circuits/kirchoff/index old.html b/physics/notes/circuits/kirchoff/index old.html
diff --git a/physics/notes/circuits/kirchoff/index.html b/physics/notes/circuits/kirchoff/index.html
diff --git a/physics/notes/circuits/power/index.html b/physics/notes/circuits/power/index.html
@@ -3,7 +3,9 @@
 
 <head>
 	<meta charset="UTF-8">
-	<meta name="viewport" content="width=610, initial-scale=1" />
+	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" />
+	<meta name="apple-mobile-web-app-capable" content="yes" />
+
 	<meta name="description" content="Notes for a high school physics course.">
 	<meta name="author" content="Ross Landgreen">
 	<meta property="og:description" content="Notes for a high school physics course.">

diff --git a/physics/notes/electrostatic/coulomb/index.html b/physics/notes/electrostatic/coulomb/index.html
@@ -3,7 +3,9 @@
 
 <head>
 	<meta charset="UTF-8">
-	<meta name="viewport" content="width=610, initial-scale=1" />
+	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" />
+	<meta name="apple-mobile-web-app-capable" content="yes" />
+
 	<meta name="description" content="Notes for a high school physics course.">
 	<meta name="author" content="Ross Landgreen">
 	<meta property="og:description" content="Notes for a high school physics course.">
@@ -132,9 +134,7 @@ <h2 class='underlined' id='Coulombs-Law'>Coulomb's Law</h2>
 			but the French physicist Charles-Augustin de Coulomb is given credit for first publishing the law in 1785.
 		</p>
 		<div class='definition'>
-			<svg style="display: block; margin: auto" width="400" height="120" class='svgDiagram' version="1.1" xmlns="http://www.w3.org/2000/svg"
-			 viewBox="0 50 400 120">
-
+			<svg style="display: block; margin: auto" width="400" height="120" viewBox="0 50 400 120">
 				<line x1="100" y1="100" x2="177" y2="100" style="stroke:#000;stroke-width:2" />
 				<polygon points="0,0 -8,5 -8,-5" transform="translate(180 100)" style="fill:#000;" />
 

diff --git a/physics/notes/electrostatic/electricfields/index.html b/physics/notes/electrostatic/electricfields/index.html
@@ -3,7 +3,9 @@
 
 <head>
 	<meta charset="UTF-8">
-	<meta name="viewport" content="width=610, initial-scale=1" />
+	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" />
+	<meta name="apple-mobile-web-app-capable" content="yes" />
+
 	<meta name="description" content="Notes for a high school physics course.">
 	<meta name="author" content="Ross Landgreen">
 	<meta property="og:description" content="Notes for a high school physics course.">

diff --git a/physics/notes/electrostatic/potential/index.html b/physics/notes/electrostatic/potential/index.html
@@ -3,7 +3,9 @@
 
 <head>
 	<meta charset="UTF-8">
-	<meta name="viewport" content="width=610, initial-scale=1" />
+	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" />
+	<meta name="apple-mobile-web-app-capable" content="yes" />
+
 	<meta name="description" content="Notes for a high school physics course.">
 	<meta name="author" content="Ross Landgreen">
 	<meta property="og:description" content="Notes for a high school physics course.">

diff --git a/physics/notes/energy/1-intro/index.html b/physics/notes/energy/1-intro/index.html
@@ -3,7 +3,9 @@
 
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=610, initial-scale=1" />
+    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+
     <meta name="description" content="Notes for a high school physics course.">
     <meta name="author" content="Ross Landgreen">
     <meta property="og:description" content="Notes for a high school physics course.">
@@ -293,7 +295,7 @@ <h1>$$U_{g} = mgh$$</h1>
             isn't consistant, but we can still use it to find a
             <strong>change in gravitational potential energy</strong>.</p>
         <div class='example'>
-            <svg width="200" height="200" viewbox="-30,0,150,200" class='svgDiagram center' version="1.1" xmlns="http://www.w3.org/2000/svg">
+            <svg width="200" height="200" viewbox="-30,0,150,200" class='center' version="1.1" xmlns="http://www.w3.org/2000/svg">
                 <rect id='ground' x="-50" y="160" width="400" height="200" style="fill:#cba" />
                 <rect x="0" y="0" width="60" height="60" style="stroke:black;stroke-width:2;fill:#fdd" />
                 <rect x="0" y="100" width="60" height="60" stroke-dasharray="3,3" fill-opacity="0" style="stroke:grey;stroke-width:2;" />
@@ -305,6 +307,7 @@ <h1>$$U_{g} = mgh$$</h1>
                 <text x="80" y="155" fill="black" text-anchor="start">y = 0m</text>
                 <text x="5" y="180" fill="black" text-anchor="start">g = 9.8m/s²</text>
             </svg>
+            <br>
             <strong>Example:</strong> How much energy does it take for an elevator to bring a 100kg person from the 1st story to
             the 6th story?
             <a href='https://www.wolframalpha.com/input/?i=how+high+is+1+story+in+meters'> convert 1 story to meters</a>
@@ -315,7 +318,7 @@ <h1>$$U_{g} = mgh$$</h1>
             </details>
         </div>
         <div class='example'>
-            <svg width="200" height="200" viewbox="-30,0,150,220" class='svgDiagram center' version="1.1" xmlns="http://www.w3.org/2000/svg">
+            <svg width="200" height="200" viewbox="-30,0,150,220" version="1.1" xmlns="http://www.w3.org/2000/svg" class='center'>
                 <rect id='ground' x="-50" y="160" width="400" height="200" style="fill:#cba" />
                 <rect x="0" y="0" width="60" height="60" stroke-dasharray="3,3" fill-opacity="0" style="stroke:grey;stroke-width:2;" />
                 <rect x="0" y="100" width="60" height="60" style="stroke:black;stroke-width:2;fill:#ccc" />
@@ -327,6 +330,7 @@ <h1>$$U_{g} = mgh$$</h1>
                 <text x="80" y="155" fill="black" text-anchor="start">y = -400ft</text>
                 <text x="5" y="180" fill="black" text-anchor="start">g = 9.8m/s²</text>
             </svg>
+            <br>
             <strong>Example:</strong> How much gravitational energy is lost as an 80.0kg person rides down from the top of the 400ft
             ride
             <i>LEX LUTHOR: Drop of Doom</i>?

diff --git a/physics/notes/energy/2-conservation/index.html b/physics/notes/energy/2-conservation/index.html
@@ -3,7 +3,9 @@
 
 <head>
 	<meta charset="UTF-8">
-	<meta name="viewport" content="width=610, initial-scale=1" />
+	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" />
+	<meta name="apple-mobile-web-app-capable" content="yes" />
+
 	<meta name="description" content="Notes for a high school physics course.">
 	<meta name="author" content="Ross Landgreen">
 	<meta property="og:description" content="Notes for a high school physics course.">
@@ -24,11 +26,10 @@
 		<h1>Conservation of Energy</h1>
 	</header>
 	<article>
-		<h1 class='underlined'>Trading Energy</h1>
 		<p>Take a look at the simulated spring and mass system below.</p>
-		<p>What types of energy are being traded?</p>
-		<p>When is the velocity the highest?</p>
-		<p>What is the effect of a higher spring constant?</p>
+		<p>What types of energy are being traded?
+			<br>When is the velocity the highest?
+			<br>What is the effect of a higher spring constant?</p>
 		<canvas id="canvas1" width='600' height='200' onclick="spring(this)"> </canvas>
 		<br>
 		<button id="pause1">
@@ -159,6 +160,7 @@ <h1>Energy cannot be created or destroyed,
 			</details>
 		</div>
 		<h1 class='underlined'>Energy Loss and Gain in a System</h1>
+		<br>
 		<div class="col-group">
 			<div>
 				<canvas id="canvas0" width='250' height='445' onclick="particles(this)"> </canvas>

diff --git a/physics/notes/force/1-intro/index.html b/physics/notes/force/1-intro/index.html
@@ -3,7 +3,9 @@
 
 <head>
 	<meta charset="UTF-8">
-	<meta name="viewport" content="width=610, initial-scale=1" />
+	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" />
+	<meta name="apple-mobile-web-app-capable" content="yes" />
+
 	<meta name="description" content="Notes for a high school physics course.">
 	<meta name="author" content="Ross Landgreen">
 	<meta property="og:description" content="Notes for a high school physics course.">
@@ -26,14 +28,21 @@ <h1>Newton's Laws</h1>
 
 	<article>
 		<h1 class='underlined'>Newton's First Law: Inertia</h1>
-		<p><em>When viewed in an inertial reference frame, an object either remains at rest or continues to move at a constant velocity, unless acted upon by an external force.</em></p>
+		<p>
+			<em>When viewed in an inertial reference frame, an object either remains at rest or continues to move at a constant velocity,
+				unless acted upon by an external force.</em>
+		</p>
 		<p>Objects keep moving in a straight line at a constant velocity unless they have a force acting on them.</p>
-		<p>Objects with mass have inertia. <strong>Inertia</strong> is the resistance of any physical object to any change in velocity.
-			The more mass an object has the more force is required to change its motion.</p>
+		<p>Objects with mass have inertia.
+			<strong>Inertia</strong> is the resistance of any physical object to any change in velocity. The more mass an object has the more
+			force is required to change its motion.</p>
 		<p>Objects in space keep moving without slowing down. Why do things on Earth slow down so quickly?</p>
 
 		<h1 class='underlined'>Newton's Second Law: Force</h1>
-		<p><em>The vector sum of the external forces F on an object is equal to the mass m of that object multiplied by the acceleration vector of the object.</em></p>
+		<p>
+			<em>The vector sum of the external forces F on an object is equal to the mass m of that object multiplied by the acceleration
+				vector of the object.</em>
+		</p>
 		<div class='definition'>
 			<svg class='svgDiagram center' width="300" height="120" viewBox="-15 0 285 120">
 				<defs>
@@ -57,16 +66,19 @@ <h2>
 				$$\sum F=ma$$ $$\sum F=F_{1}+F_{2}+F_{3}+...$$
 			</h2>
 			<p>\( \sum \) = The greek letter Sigma represents a summation of numbers. It means add up all the forces to get a net force.</p>
-			<p>\( F \) = force [N, Newtons, kg m/s²] <em>vector</em>
+			<p>\( F \) = force [N, Newtons, kg m/s²]
+				<em>vector</em>
 				<br>a push or a pull</p>
 			<p>\(m\) = mass [kg, kilogram]
 				<br>the measure of an object's resistance to acceleration</p>
-			<p>\(a\) = acceleration [m/s²] <em>vector</em>
+			<p>\(a\) = acceleration [m/s²]
+				<em>vector</em>
 				<br>the change in velocity every second</p>
 			</p>
 
 		</div>
-		<div class='example'><b>Example:</b> A soccer ball has a mass of 0.43kg. Find the acceleration of the ball when it experiences a net force (total
+		<div class='example'>
+			<b>Example:</b> A soccer ball has a mass of 0.43kg. Find the acceleration of the ball when it experiences a net force (total
 			force) of 1N from air friction.
 			<details>
 				<summary>solution</summary>
@@ -129,8 +141,12 @@ <h2>
 			</details>
 		</div>
 
-		<h1 class='underlined'>Newton's Third Law:<br> Equal and Opposite Force Pairs</h1>
-		<p><em>When one body exerts a force on a second body, the second body simultaneously exerts a force equal in magnitude and opposite in direction on the first body.</em></p>
+		<h1 class='underlined'>Newton's Third Law:
+			<br> Equal and Opposite Force Pairs</h1>
+		<p>
+			<em>When one body exerts a force on a second body, the second body simultaneously exerts a force equal in magnitude and opposite
+				in direction on the first body.</em>
+		</p>
 		<svg class='svgDiagram center' width="400" height="110">
 			<rect x="0" y="80" width="600" height="110" style="fill:#ccc" />
 			<rect x="300" y="1" width="40" height="40" stroke='#000' style="stroke-width:2;fill:#cfe2f6" />
@@ -145,17 +161,18 @@ <h1 class='underlined'>Newton's Third Law:<br> Equal and Opposite Force Pairs</h
 		<p>If you push on something it will push back with the same force, but in the opposite direction. Forces always come in equal,
 			but opposite pairs.</p>
 		<div class='example'>
-			<b>Example:</b> You push down on the ground with a 1000N force. Describe the magnitude and direction of the force the
-			ground pushes on you.
+			<b>Example:</b> You push down on the ground with a 1000N force. Describe the magnitude and direction of the force the ground
+			pushes on you.
 			<details>
 				<summary>solution</summary>
 				<p>The force the ground applies is equal and opposite to the force you apply on the ground.</p>
 				<p>The magnitude is 1000N.</p>
 				<p>The direction is up.</p>
 			</details>
 		</div>
-		<div class='example'><b>Example:</b> A boxer's glove applies a 140N force to the face of another boxer. Describe the magnitude of the force
-			the face applies to the glove.
+		<div class='example'>
+			<b>Example:</b> A boxer's glove applies a 140N force to the face of another boxer. Describe the magnitude of the force the
+			face applies to the glove.
 			<details>
 				<summary>solution</summary>
 				<p>The force is equal and opposite.</p>
@@ -168,7 +185,8 @@ <h1 class='underlined'>Newton's Third Law:<br> Equal and Opposite Force Pairs</h
 			throw?
 			<details>
 				<summary>solution</summary>
-				<p>The force the space laser feels is <br>equal and opposite to the force you feel.
+				<p>The force the space laser feels is
+					<br>equal and opposite to the force you feel.
 					<p>
 						<p>space laser</p>
 						$$F = ma $$ $$F=(2)(40)$$ $$F=80N$$
@@ -200,11 +218,16 @@ <h1 class='underlined'>Newton's Third Law:<br> Equal and Opposite Force Pairs</h
 			the left?
 			<details>
 				<summary>solution</summary>
-				<p><strong>box</strong></p>
+				<p>
+					<strong>box</strong>
+				</p>
 				$$\sum F=ma$$ $$F_{tension}=(10)(-0.5)$$ $$F_{tension}=-5N$$
 				<br>
-				<p>The force on the string is equal<br> but opposite for the squirrel and box.</p>
-				<p><strong>squirrel</strong></p>
+				<p>The force on the string is equal
+					<br> but opposite for the squirrel and box.</p>
+				<p>
+					<strong>squirrel</strong>
+				</p>
 				$$\sum F=ma$$ $$F_{squirrel} + F_{tension}=ma$$ $$F_{squirrel} + 5=(0.4)(-0.5)$$ $$F_{squirrel}=-0.2-5$$ $$F_{squirrel}=-5.2N$$
 				<p>The squirrel is producing a force of 5.2N to the left.</p>
 			</details>