old website update

Author: jschnapper

old_personal_site/index.html

@@ -21,73 +21,73 @@
 			<div class="nav-item">Projects &amp; Experience</div>
 		</nav>
 		<div id="project-container">
-			<a href="construction_animate.html">
+			<a href="article_positioning.html">
 				<div class="project">
 					<div class="project-text">
-						<div class="project-title">CSS Animation</div>
-						<div class="project-description">Play with CSS keyframes to develop animations. A Web Design assignment.</div>
+						<div class="project-title">Lessons in CSS</div>
+						<div class="project-description">Learn about positioning and box-model. A Web Design assignment.</div>
 					</div>
 					<div class="image-wrapper">
-					<div class="project-title project-hidden">
-							<p>CSS Animation</p>
+						<div class="project-title project-hidden">
+							<p>Lessons in CSS</p>
 						</div>
-						<img src="assets/img/animation1.png">
+						<img src="assets/img/cssLessons.png">
 					</div>
 				</div>
 			</a>
-			<a href="construction_flex.html">
+			<a href="projects/pea/index.html">
 				<div class="project">
 					<div class="project-text">
-						<div class="project-title">Flexbox &amp; Grid</div>
-						<div class="project-description">Practicing flexbox and grid layouts. A Web Design assignment.</div>
+						<div class="project-title">Personal Everything Assistant</div>
+						<div class="project-description">A satirical website for an IOT product -- a commentary on current technological trends</div>
 					</div>
 					<div class="image-wrapper">
 						<div class="project-title project-hidden">
-							<p>Flexbox and Grid</p>
+							<p>Personal Everything Assistant</p>
 						</div>
-						<img src="assets/img/flexgrid1.png">
+						<img src="assets/img/pea1.jpg">
 					</div>
 				</div>
 			</a>
-			<a href="article_positioning.html">
+			<a href="construction_animate.html">
 				<div class="project">
 					<div class="project-text">
-						<div class="project-title">Lessons in CSS</div>
-						<div class="project-description">Learn about positioning and box-model. A Web Design assignment.</div>
+						<div class="project-title">CSS Animation</div>
+						<div class="project-description">Play with CSS keyframes to develop animations. A Web Design assignment.</div>
 					</div>
 					<div class="image-wrapper">
-						<div class="project-title project-hidden">
-							<p>Lessons in CSS</p>
+					<div class="project-title project-hidden">
+							<p>CSS Animation</p>
 						</div>
-						<img src="assets/img/cssLessons.png">
+						<img src="assets/img/animation1.png">
 					</div>
 				</div>
 			</a>
-			<a href="construction_media.html">
+			<a href="construction_flex.html">
 				<div class="project">
 					<div class="project-text">
-						<div class="project-title">Media Queries</div>
-						<div class="project-description">Learn about how to use basic media queries and mobile-first design. A Web Design Assignment.</div>
+						<div class="project-title">Flexbox &amp; Grid</div>
+						<div class="project-description">Practicing flexbox and grid layouts. A Web Design assignment.</div>
 					</div>
 					<div class="image-wrapper">
 						<div class="project-title project-hidden">
-							<p>Media Queries</p>
+							<p>Flexbox and Grid</p>
 						</div>
-						<img src="assets/img/mediaQuery1.png">
+						<img src="assets/img/flexgrid1.png">
 					</div>
 				</div>
 			</a>
-			<a href="projects/pea/index.html">
+			<a href="construction_media.html">
 				<div class="project">
 					<div class="project-text">
-						<div class="project-title">Personal Everything Assistant</div>
-						<div class="project-description">UX design project product website.</div>
+						<div class="project-title">Media Queries</div>
+						<div class="project-description">Learn about how to use basic media queries and mobile-first design. A Web Design Assignment.</div>
 					</div>
 					<div class="image-wrapper">
 						<div class="project-title project-hidden">
-							<p>Personal Everything Assistant</p>
+							<p>Media Queries</p>
 						</div>
-						<img src="assets/img/pea1.jpg">
+						<img src="assets/img/mediaQuery1.png">
 					</div>
 				</div>
 			</a>