Merge old and new sites

63 files changed, 2028 insertions, 622 deletions

diff --git a/2020 website/.DS_Store b/2020 website/.DS_Store
deleted file mode 100644
index 2c2fc2a..0000000
--- a/2020 website/.DS_Store
+++ /dev/null
diff --git a/2020 website/CS 1300.html b/CS 1300.html
index 19f6db4..19f6db4 100644
--- a/2020 website/CS 1300.html
+++ b/CS 1300.html
diff --git a/2020 website/CS 1300_files/1745889400-trix_widget_ltr.css b/CS 1300_files/1745889400-trix_widget_ltr.css
index 3ac7e36..3ac7e36 100644
--- a/2020 website/CS 1300_files/1745889400-trix_widget_ltr.css
+++ b/CS 1300_files/1745889400-trix_widget_ltr.css
diff --git a/2020 website/CS 1300_files/1a56b687b1b00b90b74491e93879cfc6embedcompiled_fastui.css b/CS 1300_files/1a56b687b1b00b90b74491e93879cfc6embedcompiled_fastui.css
index 398c231..398c231 100644
--- a/2020 website/CS 1300_files/1a56b687b1b00b90b74491e93879cfc6embedcompiled_fastui.css
+++ b/CS 1300_files/1a56b687b1b00b90b74491e93879cfc6embedcompiled_fastui.css
diff --git a/2020 website/CS 1300_files/2261580662-waffle_k_ltr.css b/CS 1300_files/2261580662-waffle_k_ltr.css
index ce804e8..ce804e8 100644
--- a/2020 website/CS 1300_files/2261580662-waffle_k_ltr.css
+++ b/CS 1300_files/2261580662-waffle_k_ltr.css
diff --git a/2020 website/CS 1300_files/2335172194-trix_widgets.js b/CS 1300_files/2335172194-trix_widgets.js
index 6093fb6..6093fb6 100644
--- a/2020 website/CS 1300_files/2335172194-trix_widgets.js
+++ b/CS 1300_files/2335172194-trix_widgets.js
diff --git a/2020 website/CS 1300_files/big-succulent-08.png b/CS 1300_files/big-succulent-08.png
index 461847b..461847b 100644
--- a/2020 website/CS 1300_files/big-succulent-08.png
+++ b/CS 1300_files/big-succulent-08.png
diff --git a/2020 website/CS 1300_files/blank.gif b/CS 1300_files/blank.gif
index e565824..e565824 100644
--- a/2020 website/CS 1300_files/blank.gif
+++ b/CS 1300_files/blank.gif
diff --git a/2020 website/CS 1300_files/btn_menu6.gif b/CS 1300_files/btn_menu6.gif
index c651689..c651689 100644
--- a/2020 website/CS 1300_files/btn_menu6.gif
+++ b/CS 1300_files/btn_menu6.gif
diff --git a/2020 website/CS 1300_files/canvas.png b/CS 1300_files/canvas.png
index 29f28cc..29f28cc 100644
--- a/2020 website/CS 1300_files/canvas.png
+++ b/CS 1300_files/canvas.png
diff --git a/2020 website/CS 1300_files/cb=gapi(1).loaded_0 b/CS 1300_files/cb=gapi(1).loaded_0
index cfecbcf..cfecbcf 100644
--- a/2020 website/CS 1300_files/cb=gapi(1).loaded_0
+++ b/CS 1300_files/cb=gapi(1).loaded_0
diff --git a/2020 website/CS 1300_files/cb=gapi.loaded_0 b/CS 1300_files/cb=gapi.loaded_0
index ffb2eb6..ffb2eb6 100644
--- a/2020 website/CS 1300_files/cb=gapi.loaded_0
+++ b/CS 1300_files/cb=gapi.loaded_0
diff --git a/2020 website/CS 1300_files/client.js b/CS 1300_files/client.js
index 79a3169..79a3169 100644
--- a/2020 website/CS 1300_files/client.js
+++ b/CS 1300_files/client.js
diff --git a/2020 website/CS 1300_files/convenience.css b/CS 1300_files/convenience.css
index 51a0f1e..1d82522 100644
--- a/2020 website/CS 1300_files/convenience.css
+++ b/CS 1300_files/convenience.css
@@ -1,4 +1,4 @@
-h1 {
+/* h1 {
     font-weight: 700;
     font-size: 45px;
 	color: #b39971;
@@ -48,7 +48,7 @@ p {
 	font-size: 20px;
 	color: #706881;
 	color: black;
-}
+} */
 
 .flex-row {
 	display: flex;
diff --git a/2020 website/CS 1300_files/css2 b/CS 1300_files/css2
index f5c27c3..f5c27c3 100644
--- a/2020 website/CS 1300_files/css2
+++ b/CS 1300_files/css2
diff --git a/2020 website/CS 1300_files/embed.html b/CS 1300_files/embed.html
index 69d3fac..69d3fac 100644
--- a/2020 website/CS 1300_files/embed.html
+++ b/CS 1300_files/embed.html
diff --git a/2020 website/CS 1300_files/felicia.png b/CS 1300_files/felicia.png
index 0e95abb..0e95abb 100644
--- a/2020 website/CS 1300_files/felicia.png
+++ b/CS 1300_files/felicia.png
diff --git a/2020 website/CS 1300_files/gabby.jpg b/CS 1300_files/gabby.jpg
index ab0f42c..ab0f42c 100644
--- a/2020 website/CS 1300_files/gabby.jpg
+++ b/CS 1300_files/gabby.jpg
diff --git a/2020 website/CS 1300_files/googleapis.proxy.js b/CS 1300_files/googleapis.proxy.js
index b535001..b535001 100644
--- a/2020 website/CS 1300_files/googleapis.proxy.js
+++ b/CS 1300_files/googleapis.proxy.js
diff --git a/2020 website/CS 1300_files/guest.css b/CS 1300_files/guest.css
index 6aa64b6..6aa64b6 100644
--- a/2020 website/CS 1300_files/guest.css
+++ b/CS 1300_files/guest.css
diff --git a/2020 website/CS 1300_files/icon_print.gif b/CS 1300_files/icon_print.gif
index 6300655..6300655 100644
--- a/2020 website/CS 1300_files/icon_print.gif
+++ b/CS 1300_files/icon_print.gif
diff --git a/2020 website/CS 1300_files/ifechi.png b/CS 1300_files/ifechi.png
index 3f7fda5..3f7fda5 100644
--- a/2020 website/CS 1300_files/ifechi.png
+++ b/CS 1300_files/ifechi.png
diff --git a/2020 website/CS 1300_files/jeff.jpg b/CS 1300_files/jeff.jpg
index e219e4c..e219e4c 100644
--- a/2020 website/CS 1300_files/jeff.jpg
+++ b/CS 1300_files/jeff.jpg
diff --git a/2020 website/CS 1300_files/jquery.min.js b/CS 1300_files/jquery.min.js
index 4d9b3a2..4d9b3a2 100644
--- a/2020 website/CS 1300_files/jquery.min.js
+++ b/CS 1300_files/jquery.min.js
diff --git a/2020 website/CS 1300_files/laura.png b/CS 1300_files/laura.png
index c717eba..c717eba 100644
--- a/2020 website/CS 1300_files/laura.png
+++ b/CS 1300_files/laura.png
diff --git a/2020 website/CS 1300_files/m=embed b/CS 1300_files/m=embed
index e85bc6c..e85bc6c 100644
--- a/2020 website/CS 1300_files/m=embed
+++ b/CS 1300_files/m=embed
diff --git a/2020 website/CS 1300_files/menu_arrow_open.gif b/CS 1300_files/menu_arrow_open.gif
index 5ddc5ee..5ddc5ee 100644
--- a/2020 website/CS 1300_files/menu_arrow_open.gif
+++ b/CS 1300_files/menu_arrow_open.gif
diff --git a/2020 website/CS 1300_files/michael.jpg b/CS 1300_files/michael.jpg
index b29dab1..b29dab1 100644
--- a/2020 website/CS 1300_files/michael.jpg
+++ b/CS 1300_files/michael.jpg
diff --git a/2020 website/CS 1300_files/minna.jpg b/CS 1300_files/minna.jpg
index 54f99b4..54f99b4 100644
--- a/2020 website/CS 1300_files/minna.jpg
+++ b/CS 1300_files/minna.jpg
diff --git a/2020 website/CS 1300_files/miranda.jpg b/CS 1300_files/miranda.jpg
index 8d3977e..8d3977e 100644
--- a/2020 website/CS 1300_files/miranda.jpg
+++ b/CS 1300_files/miranda.jpg
diff --git a/2020 website/CS 1300_files/ndunge.jpg b/CS 1300_files/ndunge.jpg
index 7470cb2..7470cb2 100644
--- a/2020 website/CS 1300_files/ndunge.jpg
+++ b/CS 1300_files/ndunge.jpg
diff --git a/2020 website/CS 1300_files/piazza.png b/CS 1300_files/piazza.png
index d41a63e..d41a63e 100644
--- a/2020 website/CS 1300_files/piazza.png
+++ b/CS 1300_files/piazza.png
diff --git a/2020 website/CS 1300_files/proxy.html b/CS 1300_files/proxy.html
index 59d93d5..59d93d5 100644
--- a/2020 website/CS 1300_files/proxy.html
+++ b/CS 1300_files/proxy.html
diff --git a/2020 website/CS 1300_files/pubhtml.html b/CS 1300_files/pubhtml.html
index 51cd661..51cd661 100644
--- a/2020 website/CS 1300_files/pubhtml.html
+++ b/CS 1300_files/pubhtml.html
diff --git a/2020 website/CS 1300_files/sarah.jpg b/CS 1300_files/sarah.jpg
index dbe8687..dbe8687 100644
--- a/2020 website/CS 1300_files/sarah.jpg
+++ b/CS 1300_files/sarah.jpg
diff --git a/2020 website/CS 1300_files/sheet.html b/CS 1300_files/sheet.html
index 1284b33..1284b33 100644
--- a/2020 website/CS 1300_files/sheet.html
+++ b/CS 1300_files/sheet.html
diff --git a/2020 website/CS 1300_files/shelf.png b/CS 1300_files/shelf.png
index 4a1d700..4a1d700 100644
--- a/2020 website/CS 1300_files/shelf.png
+++ b/CS 1300_files/shelf.png
diff --git a/2020 website/CS 1300_files/sophia.jpg b/CS 1300_files/sophia.jpg
index bda0412..bda0412 100644
--- a/2020 website/CS 1300_files/sophia.jpg
+++ b/CS 1300_files/sophia.jpg
diff --git a/2020 website/CS 1300_files/stanley.jpg b/CS 1300_files/stanley.jpg
index 69cfcce..69cfcce 100644
--- a/2020 website/CS 1300_files/stanley.jpg
+++ b/CS 1300_files/stanley.jpg
diff --git a/2020 website/CS 1300_files/style.css b/CS 1300_files/style.css
index f545cfd..eb61d67 100644
--- a/2020 website/CS 1300_files/style.css
+++ b/CS 1300_files/style.css
@@ -1,611 +1,603 @@
-/* COLOR SCHEME:

-	#f5ce5b (og mustard-y yellow)

-	#FAF06A (light yellow)

-

-	#A29BBA (light purple)

-	#706881 (dark purple)

-

-	#D2BDC8 (light rose pink)

-	#BA98AB (medium rose pink)

-	#f77c7c (og hot pink)

-

-	#2BB673 (cactus-04 color)

-	#52A25E (cactus-02 color)

-	#85C87C (cactus-03 fill color)

-	#0E6A3E (dark green shadow color)

-	#CDE6CB (light green background)

-

-	#754C29 (dark brown from pot)

-	#A97C50 (light brown from pot)

-

-	#2B2A2D (dark gray)

-	#D1D3D4 (light gray)

-

-	#b39971 (og light brown)

-	#F2F3F3 (ultra light gray)

-*/

-

-html {

-	scroll-behavior: smooth;

-}

-

-body {

-	background-color: #2B2A2D;

-    font-family: 'Lato', sans-serif;

-    font-weight: 300;

-	/* font-family: 'transatlight', sans-serif; */

-	margin: 0;

-}

-

-#homepage {

-	border: 0;

-	min-height: 100vh;

-}

-

-#home {

-	border: 5px solid rgb(256,256,256,0.5);

-	padding: 25px;

-    font-weight: 700;

-}

-

-#welcome {

-	font-size: 36px;

-}

-

-#cs1300 {

-    font-weight: 700;

-	color: white;

-	font-size: 140px;

-	margin: -15px 0px;

-}

-

-#uiux {

-	text-transform: lowercase;

-	font-size: 36px;

-	color: rgb(256,256,256,0.5);

-}

-

-#logo {

-	width: 80%;

-	max-width: 400px;

-	height: auto;

-    margin-bottom: 20px;

-    margin-top: 20px;

-}

-

-#chevron {

-	position: absolute;

-	bottom: 0;

-}

-

-.succulent-png {

-	height: 100px;

-	width: auto;

-	margin: 0px 15px;

-}

-

-.header {

-	width: 65%;

-	align-self: center;

-}

-

-#nav-box {

-	padding: 15px 0px;

-	position: fixed;

-	top: 0;

-	z-index: 2;

-	width: 100%;

-	background-color: rgb(43,42,45,0.6);

-}

-

-.nav-link {

-	font-weight: bold;

-	min-width: 150px;

-	width: 15%;

-	height: 30px;

-	padding: 3px;

-	margin: 5px;

-	font-size: 17px;

-	color: white;

-	text-align: center;

-	letter-spacing: 1px;

-	line-height: 30px;

-	border-radius: 5px;

-	text-transform: uppercase;

-	text-decoration: none;

-}

-

-.wrap-container {

-	display: flex;

-	flex-wrap: wrap;

-	justify-content: center;

-	width: 75%;

-}

-

-#nav-box .wrap-container {

-	width: 85%;

-}

-

-.nav-link:hover {

-	background-color: #706881;

-	cursor: pointer;

-}

-

-.content {

-	width: 60%;

-	display: flex;

-	flex-direction: column;

-	justify-content: center;

-	align-items: center;

-}

-

-.section {

-	display: flex;

-	min-height: 70vh;

-	flex-direction: column;

-	justify-content: center;

-	padding-bottom: 20px;

-	top: 0;

-	width: 100%;

-	max-width: 100vw;

-	border-top: 5px solid rgb(10,10,10,0.5);

-}

-

-.small-icon {

-	height: 25px;

-	width: auto;

-	margin-right: 10px;

-}

-

-#helpful-links-box {

-	width: 80%;

-	max-width: 700px;

-	flex-wrap: wrap;

-	align-self: center;

-	margin-bottom: 25px;

-	align-content: center;

-}

-

-#helpful-links-box h2 {

-	color: #f5ce5b;

-}

-

-.helpful-link {

-	text-decoration: none;

-	color: white;

-	display: flex;

-	flex-direction: row;

-	align-items: center;

-	justify-content: center;

-	width: 275px;

-	padding: 5px 15px;

-	border-radius: 5px;

-	border: 3px solid white;

-	margin: 10px 0px;

-}

-

-.helpful-link h3 {

-	color: white;

-	margin-left: 5px;

-}

-

-.helpful-link:hover h3 {

-	color: #706881;

-}

-

-.helpful-link:hover {

-	background-color: white;

-	color: black;

-}

-

-.helpful-link .svg-hover {

-	display: none;

-}

-.helpful-link:hover .svg-show {

-	display: none;

-}

-.helpful-link:hover .svg-hover {

-	display: inline;

-}

-

-

-.no-border-helpful-link .svg-hover {

-	display: none;

-}

-.no-border-helpful-link:hover .svg-show {

-	display: none;

-}

-.no-border-helpful-link:hover .svg-hover {

-	display: inline;

-}

-

-.no-border-helpful-link {

-	color: white;

-	display: flex;

-	flex-direction: row;

-	align-items: center;

-	justify-content: center;

-	width: 275px;

-	margin: 10px 0px;

-	text-decoration: underline;

-}

-

-.no-border-helpful-link h3 {

-	color: white;

-	margin-left: 5px;

-}

-.no-border-helpful-link:hover h3 {

-	color: #52A25E;

-}

-

-.no-border-helpful-link:hover {

-	color: #52A25E;

-}

-

-#schedule-iframe {

-	width: 90%;

-	max-width: 985px;

-	height: 80vw;

-	max-height: 800px;

-	margin-bottom: 30px;

-}

-

-#calendar-iframe {

-	max-width: 90%;

-	margin-bottom: 30px;

-}

-

-#faq p {

-	font-size: 16px;

-  font-weight: normal;

-  margin: 0px 0px 0px 25px;

-  color: rgb(256,256,256,0.75);

-}

-

-#faq h3 {

-	color: #85C87C;

-	margin-top: 25px;

-	margin-bottom: 5px;

-}

-

-.important-note {

-	width: 60%;

-	display: flex;

-	flex-direction: column;

-	justify-content: center;

-	align-items: center;

-}

-

-.important-note p {

-	font-weight: normal;

-	font-size: 20px;

-	letter-spacing: 2px;

-	text-align: center;

-	color: rgb(256,256,256,0.8);

-	margin: 0px 0px 10px 0px;

-}

-

-.important-note strong {

-	font-weight: bold;

-	color: #2BB673;

-}

-

-.important-note a {

-	font-weight: bold;

-}

-

-.important-note a:hover {

-	text-decoration: underline;

-}

-

-#emails {

-	margin-bottom: 35px;

-}

-

-.email {

-	border-left: 3px solid rgb(256,256,256,0.5);

-	padding-left: 10px;

-	margin: 10px 25px;

-}

-

-.ta-box-left, .ta-box-right {

-	margin: 0px 20px;

-}

-

-.ta-cactus {

-	height: 200px;

-	text-shadow: 0 0 25px brown;

-	z-index: 1;

-	margin-top: -10px;

-	align-self: flex-end;

-	opacity: 1;

-  transition: .5s ease;

-}

-

-.bio-text {

-	justify-content: center;

-	text-align: center;

-}

-

-.bio-text h3 {

-	color: #FAF06A;

-	margin: 0;

-}

-

-.bio-text h4 {

-	font-size: 14px;

-	color: white;

-	letter-spacing: normal;

-	text-transform: none;

-	max-width: 200px;

-	margin-bottom: 35px;

-}

-

-.shelf-png {

-	width: 700px;

-	height: auto;

-	margin-top: -30px;

-}

-

-.img-box {

-	display: flex;

-  cursor: default;

-  position: relative;

-  height: 100%;

-}

-

-.ta-img {

-	transition: .5s ease;

-  opacity: 0;

-  position: absolute;

-  top: 50%;

-  left: 50%;

-	height: 150px;

-	width: auto;

-	border-radius: 50%;

-  transform: translate(-50%, -50%);

-  -ms-transform: translate(-50%, -50%);

-}

-

-

-.img-box:hover .ta-cactus{

-  opacity: 0;

-}

-

-.img-box:hover .ta-img {

-  opacity: 1;

-}

-

-/* Adapted from https://www.w3schools.com/howto/howto_js_collapse_sidepanel.asp */

-

-/* The sidepanel menu */

-.sidepanel {

-  height: 100vh;

-  width: 0;

-  position: fixed;

-  z-index: 3;

-  top: 0;

-  left: 0;

-  background-color: #111;

-  overflow-x: hidden;

-  padding-top: 60px;

-  transition: 0.4s;

-}

-

-/* The sidepanel links */

-.sidepanel a {

-  padding: 8px 8px 8px 32px;

-  text-decoration: none;

-  font-size: 25px;

-  color: #818181;

-  display: block;

-  transition: 0.3s;

-}

-

-/* When you mouse over the navigation links, change their color */

-.sidepanel a:hover {

-  color: #2BB673;

-}

-

-/* Position and style the close button (top right corner) */

-.sidepanel .closebtn {

-  position: absolute;

-  top: 0;

-  right: 25px;

-  font-size: 36px;

-  margin-left: 50px;

-}

-

-/* Style the button that is used to open the sidepanel */

-.openbtn {

-  font-size: 30px;

-  cursor: pointer;

-  background-color: rgb(0,0,0,0);

-  color: white;

-  border: none;

-  padding: 0;

-}

-

-.openbtn:hover {

-  background-color: #444;

-}

-

-#hamburger-box {

-	padding: 10px;

-	position: fixed;

-	height: fit-content;

-	top: 0;

-	z-index: 2;

-	width: 100%;

-	justify-content: space-between;

-	background-color: rgb(43,42,45,0.6);

-}

-

-

-@media only screen and (max-width: 845px) {

-	#emails {

-		width: 90%;

-	}

-}

-

-@media only screen and (max-width: 800px) {

-	#home {

-		padding: 25px;

-	}

-

-	#welcome {

-		font-size: 24px;

-	}

-

-	#cs1300 {

-		font-size: 90px;

-		margin: -20px 0px;

-	}

-

-	#uiux {

-		font-size: 24px;

-	}

-}

-

-@media only screen and (max-width: 720px) {

-	.shelf-png {

-		width: 90%;

-	}

-

-	.ta-box-left, .ta-box-right {

-		max-width: 45%;

-	}

-

-	.ta-box-left {

-		flex-direction: column-reverse !important;

-		margin: 0px 5px;

-	}

-

-	.ta-box-right {

-		flex-direction: column !important;

-		margin: 0px 5px;

-	}

-

-	.ta-cactus {

-		align-self: center;

-	}

-

-	#sarah-cactus {

-		margin-bottom: 12px !important;

-	}

-

-	#laura-cactus {

-		margin-bottom: -1px !important;

-	}

-

-	#gabby-cactus {

-		margin-bottom: -3px !important;

-	}

-

-	#stanley-cactus {

-		margin-bottom: 15px !important;

-		margin-top: 5px;

-	}

-

-	#miranda-cactus {

-		margin-bottom: 11px !important;

-		margin-top: 5px;

-	}

-

-	#felicia-cactus {

-		margin-bottom: 20px !important;

-	}

-

-	#ndunge-cactus {

-		margin-bottom: 17px !important;

-		margin-top: 5px;

-	}

-

-	#ifechi-cactus {

-		margin-bottom: -16px !important;

-	}

-

-	#minna-cactus {

-		margin-bottom: -2px !important;

-	}

-

-	#michael-cactus {

-		margin-bottom: -15px !important;

-	}

-

-	.bio-text h4 {

-		margin-bottom: 0;

-	}

-

-	.ta-wrapper {

-		align-items: flex-end !important;

-	}

-}

-

-@media only screen and (max-width: 665px) {

-	#nav-box {

-		display: none;

-	}

-

-	#hamburger-box {

-		display: flex !important;

-	}

-

-	#helpful-links-box {

-		flex-direction: column;

-	}

-

-	.succulent-png {

-		height: 60px;

-	}

-

-	h1 {

-		font-size: 36px !important;

-	}

-

-	#home {

-		border: 0;

-	}

-

-    #chevron {

-        position: unset;

-    }

-

-	.content {

-		width: 80%;

-	}

-

-	.helpful-link {

-		width: 200px;

-		text-align: center;

-	}

-

-	#emails h3 {

-		font-size: 12px;

-	}

-}

-

-@media only screen and (max-width: 575px) {

-    #calendar-iframe {

-        max-height: 50vh;

-    }

-

-	#helpful-links-box .flex-row {

-		flex-direction: column;

-	}

-

-    #emails {

-        flex-direction: column;

-        text-align: center;

-    }

-

-    #emails .email {

-        border: 0;

-        padding: 0;

-    }

-

-    #cs1300 {

-	    font-size: 50px;

-        margin: 5px 0px;

-    }

-}

+/* COLOR SCHEME:
+	#f5ce5b (og mustard-y yellow)
+	#FAF06A (light yellow)
+
+	#A29BBA (light purple)
+	#706881 (dark purple)
+
+	#D2BDC8 (light rose pink)
+	#BA98AB (medium rose pink)
+	#f77c7c (og hot pink)
+
+	#2BB673 (cactus-04 color)
+	#52A25E (cactus-02 color)
+	#85C87C (cactus-03 fill color)
+	#0E6A3E (dark green shadow color)
+	#CDE6CB (light green background)
+
+	#754C29 (dark brown from pot)
+	#A97C50 (light brown from pot)
+
+	#2B2A2D (dark gray)
+	#D1D3D4 (light gray)
+
+	#b39971 (og light brown)
+	#F2F3F3 (ultra light gray)
+*/
+
+html {
+	scroll-behavior: smooth;
+}
+
+#homepage {
+	border: 0;
+	min-height: 100vh;
+}
+
+#home {
+	border: 5px solid rgb(256,256,256,0.5);
+	padding: 25px;
+    font-weight: 700;
+}
+
+#welcome {
+	font-size: 36px;
+}
+
+#cs1300 {
+    font-weight: 700;
+	color: white;
+	font-size: 140px;
+	margin: -15px 0px;
+}
+
+#uiux {
+	text-transform: lowercase;
+	font-size: 36px;
+	color: rgb(256,256,256,0.5);
+}
+
+#logo {
+	width: 80%;
+	max-width: 400px;
+	height: auto;
+    margin-bottom: 20px;
+    margin-top: 20px;
+}
+
+#chevron {
+	position: absolute;
+	bottom: 0;
+}
+
+.succulent-png {
+	height: 100px;
+	width: auto;
+	margin: 0px 15px;
+}
+
+.header {
+	width: 65%;
+	align-self: center;
+}
+
+#nav-box {
+	padding: 15px 0px;
+	position: fixed;
+	top: 0;
+	z-index: 2;
+	width: 100%;
+	background-color: rgb(43,42,45,0.6);
+}
+
+.nav-link {
+	font-weight: bold;
+	min-width: 150px;
+	width: 15%;
+	height: 30px;
+	padding: 3px;
+	margin: 5px;
+	font-size: 17px;
+	color: white;
+	text-align: center;
+	letter-spacing: 1px;
+	line-height: 30px;
+	border-radius: 5px;
+	text-transform: uppercase;
+	text-decoration: none;
+}
+
+.wrap-container {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	width: 75%;
+}
+
+#nav-box .wrap-container {
+	width: 85%;
+}
+
+.nav-link:hover {
+	background-color: #706881;
+	cursor: pointer;
+}
+
+.content {
+	width: 60%;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+}
+
+.section {
+	display: flex;
+	min-height: 70vh;
+	flex-direction: column;
+	justify-content: center;
+	padding-bottom: 20px;
+	top: 0;
+	width: 100%;
+	max-width: 100vw;
+	border-top: 5px solid rgb(10,10,10,0.5);
+}
+
+.small-icon {
+	height: 25px;
+	width: auto;
+	margin-right: 10px;
+}
+
+#helpful-links-box {
+	width: 80%;
+	max-width: 700px;
+	flex-wrap: wrap;
+	align-self: center;
+	margin-bottom: 25px;
+	align-content: center;
+}
+
+#helpful-links-box h2 {
+	color: #f5ce5b;
+}
+
+.helpful-link {
+	text-decoration: none;
+	color: white;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	width: 275px;
+	padding: 5px 15px;
+	border-radius: 5px;
+	border: 3px solid white;
+	margin: 10px 0px;
+}
+
+.helpful-link h3 {
+	color: white;
+	margin-left: 5px;
+}
+
+.helpful-link:hover h3 {
+	color: #706881;
+}
+
+.helpful-link:hover {
+	background-color: white;
+	color: black;
+}
+
+.helpful-link .svg-hover {
+	display: none;
+}
+.helpful-link:hover .svg-show {
+	display: none;
+}
+.helpful-link:hover .svg-hover {
+	display: inline;
+}
+
+
+.no-border-helpful-link .svg-hover {
+	display: none;
+}
+.no-border-helpful-link:hover .svg-show {
+	display: none;
+}
+.no-border-helpful-link:hover .svg-hover {
+	display: inline;
+}
+
+.no-border-helpful-link {
+	color: white;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	width: 275px;
+	margin: 10px 0px;
+	text-decoration: underline;
+}
+
+.no-border-helpful-link h3 {
+	color: white;
+	margin-left: 5px;
+}
+.no-border-helpful-link:hover h3 {
+	color: #52A25E;
+}
+
+.no-border-helpful-link:hover {
+	color: #52A25E;
+}
+
+#schedule-iframe {
+	width: 90%;
+	max-width: 985px;
+	height: 80vw;
+	max-height: 800px;
+	margin-bottom: 30px;
+}
+
+#calendar-iframe {
+	max-width: 90%;
+	margin-bottom: 30px;
+}
+
+#faq p {
+	font-size: 16px;
+  font-weight: normal;
+  margin: 0px 0px 0px 25px;
+  color: rgb(256,256,256,0.75);
+}
+
+#faq h3 {
+	color: #85C87C;
+	margin-top: 25px;
+	margin-bottom: 5px;
+}
+
+.important-note {
+	width: 60%;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+}
+
+.important-note p {
+	font-weight: normal;
+	font-size: 20px;
+	letter-spacing: 2px;
+	text-align: center;
+	color: rgb(256,256,256,0.8);
+	margin: 0px 0px 10px 0px;
+}
+
+.important-note strong {
+	font-weight: bold;
+	color: #2BB673;
+}
+
+.important-note a {
+	font-weight: bold;
+}
+
+.important-note a:hover {
+	text-decoration: underline;
+}
+
+#emails {
+	margin-bottom: 35px;
+}
+
+.email {
+	border-left: 3px solid rgb(256,256,256,0.5);
+	padding-left: 10px;
+	margin: 10px 25px;
+}
+
+.ta-box-left, .ta-box-right {
+	margin: 0px 20px;
+}
+
+.ta-cactus {
+	height: 200px;
+	text-shadow: 0 0 25px brown;
+	z-index: 1;
+	margin-top: -10px;
+	align-self: flex-end;
+	opacity: 1;
+  transition: .5s ease;
+}
+
+.bio-text {
+	justify-content: center;
+	text-align: center;
+}
+
+.bio-text h3 {
+	color: #FAF06A;
+	margin: 0;
+}
+
+.bio-text h4 {
+	font-size: 14px;
+	color: white;
+	letter-spacing: normal;
+	text-transform: none;
+	max-width: 200px;
+	margin-bottom: 35px;
+}
+
+.shelf-png {
+	width: 700px;
+	height: auto;
+	margin-top: -30px;
+}
+
+.img-box {
+	display: flex;
+  cursor: default;
+  position: relative;
+  height: 100%;
+}
+
+.ta-img {
+	transition: .5s ease;
+  opacity: 0;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+	height: 150px;
+	width: auto;
+	border-radius: 50%;
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+}
+
+
+.img-box:hover .ta-cactus{
+  opacity: 0;
+}
+
+.img-box:hover .ta-img {
+  opacity: 1;
+}
+
+/* Adapted from https://www.w3schools.com/howto/howto_js_collapse_sidepanel.asp */
+
+/* The sidepanel menu */
+.sidepanel {
+  height: 100vh;
+  width: 0;
+  position: fixed;
+  z-index: 3;
+  top: 0;
+  left: 0;
+  background-color: #111;
+  overflow-x: hidden;
+  padding-top: 60px;
+  transition: 0.4s;
+}
+
+/* The sidepanel links */
+.sidepanel a {
+  padding: 8px 8px 8px 32px;
+  text-decoration: none;
+  font-size: 25px;
+  color: #818181;
+  display: block;
+  transition: 0.3s;
+}
+
+/* When you mouse over the navigation links, change their color */
+.sidepanel a:hover {
+  color: #2BB673;
+}
+
+/* Position and style the close button (top right corner) */
+.sidepanel .closebtn {
+  position: absolute;
+  top: 0;
+  right: 25px;
+  font-size: 36px;
+  margin-left: 50px;
+}
+
+/* Style the button that is used to open the sidepanel */
+.openbtn {
+  font-size: 30px;
+  cursor: pointer;
+  background-color: rgb(0,0,0,0);
+  color: white;
+  border: none;
+  padding: 0;
+}
+
+.openbtn:hover {
+  background-color: #444;
+}
+
+#hamburger-box {
+	padding: 10px;
+	position: fixed;
+	height: fit-content;
+	top: 0;
+	z-index: 2;
+	width: 100%;
+	justify-content: space-between;
+	background-color: rgb(43,42,45,0.6);
+}
+
+
+@media only screen and (max-width: 845px) {
+	#emails {
+		width: 90%;
+	}
+}
+
+@media only screen and (max-width: 800px) {
+	#home {
+		padding: 25px;
+	}
+
+	#welcome {
+		font-size: 24px;
+	}
+
+	#cs1300 {
+		font-size: 90px;
+		margin: -20px 0px;
+	}
+
+	#uiux {
+		font-size: 24px;
+	}
+}
+
+@media only screen and (max-width: 720px) {
+	.shelf-png {
+		width: 90%;
+	}
+
+	.ta-box-left, .ta-box-right {
+		max-width: 45%;
+	}
+
+	.ta-box-left {
+		flex-direction: column-reverse !important;
+		margin: 0px 5px;
+	}
+
+	.ta-box-right {
+		flex-direction: column !important;
+		margin: 0px 5px;
+	}
+
+	.ta-cactus {
+		align-self: center;
+	}
+
+	#sarah-cactus {
+		margin-bottom: 12px !important;
+	}
+
+	#laura-cactus {
+		margin-bottom: -1px !important;
+	}
+
+	#gabby-cactus {
+		margin-bottom: -3px !important;
+	}
+
+	#stanley-cactus {
+		margin-bottom: 15px !important;
+		margin-top: 5px;
+	}
+
+	#miranda-cactus {
+		margin-bottom: 11px !important;
+		margin-top: 5px;
+	}
+
+	#felicia-cactus {
+		margin-bottom: 20px !important;
+	}
+
+	#ndunge-cactus {
+		margin-bottom: 17px !important;
+		margin-top: 5px;
+	}
+
+	#ifechi-cactus {
+		margin-bottom: -16px !important;
+	}
+
+	#minna-cactus {
+		margin-bottom: -2px !important;
+	}
+
+	#michael-cactus {
+		margin-bottom: -15px !important;
+	}
+
+	.bio-text h4 {
+		margin-bottom: 0;
+	}
+
+	.ta-wrapper {
+		align-items: flex-end !important;
+	}
+}
+
+@media only screen and (max-width: 665px) {
+	#nav-box {
+		display: none;
+	}
+
+	#hamburger-box {
+		display: flex !important;
+	}
+
+	#helpful-links-box {
+		flex-direction: column;
+	}
+
+	.succulent-png {
+		height: 60px;
+	}
+
+	h1 {
+		font-size: 36px !important;
+	}
+
+	#home {
+		border: 0;
+	}
+
+    #chevron {
+        position: unset;
+    }
+
+	.content {
+		width: 80%;
+	}
+
+	.helpful-link {
+		width: 200px;
+		text-align: center;
+	}
+
+	#emails h3 {
+		font-size: 12px;
+	}
+}
+
+@media only screen and (max-width: 575px) {
+    #calendar-iframe {
+        max-height: 50vh;
+    }
+
+	#helpful-links-box .flex-row {
+		flex-direction: column;
+	}
+
+    #emails {
+        flex-direction: column;
+        text-align: center;
+    }
+
+    #emails .email {
+        border: 0;
+        padding: 0;
+    }
+
+    #cs1300 {
+	    font-size: 50px;
+        margin: 5px 0px;
+    }
+}
diff --git a/2020 website/CS 1300_files/succulents-02.png b/CS 1300_files/succulents-02.png
index 637ccd7..637ccd7 100644
--- a/2020 website/CS 1300_files/succulents-02.png
+++ b/CS 1300_files/succulents-02.png
diff --git a/2020 website/CS 1300_files/succulents-03.png b/CS 1300_files/succulents-03.png
index 4d5caa6..4d5caa6 100644
--- a/2020 website/CS 1300_files/succulents-03.png
+++ b/CS 1300_files/succulents-03.png
diff --git a/2020 website/CS 1300_files/succulents-04.png b/CS 1300_files/succulents-04.png
index 3c2a14c..3c2a14c 100644
--- a/2020 website/CS 1300_files/succulents-04.png
+++ b/CS 1300_files/succulents-04.png
diff --git a/2020 website/CS 1300_files/succulents-05.png b/CS 1300_files/succulents-05.png
index 5c8bd69..5c8bd69 100644
--- a/2020 website/CS 1300_files/succulents-05.png
+++ b/CS 1300_files/succulents-05.png
diff --git a/2020 website/CS 1300_files/succulents-06.png b/CS 1300_files/succulents-06.png
index 078b8ea..078b8ea 100644
--- a/2020 website/CS 1300_files/succulents-06.png
+++ b/CS 1300_files/succulents-06.png
diff --git a/2020 website/CS 1300_files/succulents-07.png b/CS 1300_files/succulents-07.png
index 98cf428..98cf428 100644
--- a/2020 website/CS 1300_files/succulents-07.png
+++ b/CS 1300_files/succulents-07.png
diff --git a/2020 website/CS 1300_files/succulents-felicia.png b/CS 1300_files/succulents-felicia.png
index ca56f53..ca56f53 100644
--- a/2020 website/CS 1300_files/succulents-felicia.png
+++ b/CS 1300_files/succulents-felicia.png
diff --git a/2020 website/CS 1300_files/succulents-gabby.png b/CS 1300_files/succulents-gabby.png
index 468ed4b..468ed4b 100644
--- a/2020 website/CS 1300_files/succulents-gabby.png
+++ b/CS 1300_files/succulents-gabby.png
diff --git a/2020 website/CS 1300_files/succulents-ifechi.png b/CS 1300_files/succulents-ifechi.png
index 16c68f7..16c68f7 100644
--- a/2020 website/CS 1300_files/succulents-ifechi.png
+++ b/CS 1300_files/succulents-ifechi.png
diff --git a/2020 website/CS 1300_files/succulents-jeff.png b/CS 1300_files/succulents-jeff.png
index 265f12c..265f12c 100644
--- a/2020 website/CS 1300_files/succulents-jeff.png
+++ b/CS 1300_files/succulents-jeff.png
diff --git a/2020 website/CS 1300_files/succulents-laura.png b/CS 1300_files/succulents-laura.png
index ecdf9cb..ecdf9cb 100644
--- a/2020 website/CS 1300_files/succulents-laura.png
+++ b/CS 1300_files/succulents-laura.png
diff --git a/2020 website/CS 1300_files/succulents-michael.png b/CS 1300_files/succulents-michael.png
index 16c68f7..16c68f7 100644
--- a/2020 website/CS 1300_files/succulents-michael.png
+++ b/CS 1300_files/succulents-michael.png
diff --git a/2020 website/CS 1300_files/succulents-minna.png b/CS 1300_files/succulents-minna.png
index bd330f7..bd330f7 100644
--- a/2020 website/CS 1300_files/succulents-minna.png
+++ b/CS 1300_files/succulents-minna.png
diff --git a/2020 website/CS 1300_files/succulents-miranda.png b/CS 1300_files/succulents-miranda.png
index 45eeae2..45eeae2 100644
--- a/2020 website/CS 1300_files/succulents-miranda.png
+++ b/CS 1300_files/succulents-miranda.png
diff --git a/2020 website/CS 1300_files/succulents-ndunge.png b/CS 1300_files/succulents-ndunge.png
index 1b7d653..1b7d653 100644
--- a/2020 website/CS 1300_files/succulents-ndunge.png
+++ b/CS 1300_files/succulents-ndunge.png
diff --git a/2020 website/CS 1300_files/succulents-sarah.png b/CS 1300_files/succulents-sarah.png
index 1ebd025..1ebd025 100644
--- a/2020 website/CS 1300_files/succulents-sarah.png
+++ b/CS 1300_files/succulents-sarah.png
diff --git a/2020 website/CS 1300_files/succulents-sophia.png b/CS 1300_files/succulents-sophia.png
index a5b8bd9..a5b8bd9 100644
--- a/2020 website/CS 1300_files/succulents-sophia.png
+++ b/CS 1300_files/succulents-sophia.png
diff --git a/2020 website/CS 1300_files/succulents-stanley.png b/CS 1300_files/succulents-stanley.png
index f999cec..f999cec 100644
--- a/2020 website/CS 1300_files/succulents-stanley.png
+++ b/CS 1300_files/succulents-stanley.png
diff --git a/2020 website/CS 1300_files/succulents-talie.png b/CS 1300_files/succulents-talie.png
index a6dbf52..a6dbf52 100644
--- a/2020 website/CS 1300_files/succulents-talie.png
+++ b/CS 1300_files/succulents-talie.png
diff --git a/2020 website/CS 1300_files/succulents-zach.png b/CS 1300_files/succulents-zach.png
index ffa4f7a..ffa4f7a 100644
--- a/2020 website/CS 1300_files/succulents-zach.png
+++ b/CS 1300_files/succulents-zach.png
diff --git a/2020 website/CS 1300_files/talie.jpg b/CS 1300_files/talie.jpg
index 7f639a3..7f639a3 100644
--- a/2020 website/CS 1300_files/talie.jpg
+++ b/CS 1300_files/talie.jpg
diff --git a/css/style.css b/css/style.css
index a50595f..f5e0f2d 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,16 +1,23 @@
 /* Global Styling */
+@import url('https://rsms.me/inter/inter.css');
 
 html {
-  background-color: #ecfeda;
+  background-color: #d1f7ff;
+  font-family: "Inter", sans-serif;
+
+}
+
+@supports (font-variation-settings: normal) {
+  html {
+    font-family: "Inter var", sans-serif;
+  }
 }
 
 body {
   display: flex;
   color: #333;
 
-  font-family: classico-urw, sans-serif;
-  font-weight: 400;
-  font-style: normal;
+  
 }
 
 #nav {
@@ -65,8 +72,6 @@ hr {
   margin-bottom: 0.25rem;
 }
 
-
-
 /* Cool Button */
 
 /* CSS Button - https://getcssscan.com/css-buttons-examples UIForms #74 */
diff --git a/index.html b/index.html
index 54946d0..9184eee 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,23 @@
     <link rel="stylesheet" href="https://use.typekit.net/hta7xia.css" />
     <link rel="stylesheet" type="text/css" href="./css/style.css" />
     <link rel="icon" href="./images/favicon.png" />
+
+    <link rel="stylesheet" type="text/css" href="./CS 1300_files/style.css" />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="./CS 1300_files/convenience.css"
+    />
+    <link rel="stylesheet" type="text/css" href="./CS 1300_files/guest.css" />
+    <link
+      rel="shortcut icon"
+      type="image/png"
+      href="./CS 1300_files/succulents-02.png"
+    />
+    <!--fonts -->
+    <link href="./CS 1300_files/css2" rel="stylesheet" />
+    <script src="./CS 1300_files/jquery.min.js"></script>
+
     <script src="./js/main.js"></script>
     <meta name="theme-color" content="" />
     <meta property="og:title" content="" />
@@ -18,7 +35,7 @@
     <div id="nav">
       <div>
         <div id="logo-wrapper">
-          <div class="hide-desktop" style="width: 0.5rem;"></div>
+          <div class="hide-desktop" style="width: 0.5rem"></div>
           <a href="#welcome"><img src="./images/favicon.png" id="logo" /></a
           ><a
             class="hide-desktop"
@@ -33,7 +50,13 @@
             ><span>CSCI 1300</span></a
           >
           <div class="hide-desktop" style="flex: 1"></div>
-          <button class="hide-desktop" style="flex: none; margin-right: 1rem;" onclick="toggleNav(!isNavOpen);">Toggle Nav</button>
+          <button
+            class="hide-desktop"
+            style="flex: none; margin-right: 1rem"
+            onclick="toggleNav(!isNavOpen);"
+          >
+            Toggle Nav
+          </button>
         </div>
       </div>
       <hr />
@@ -59,7 +82,1393 @@
           <p style="font-size: 2rem">User Interfaces and User Experience</p>
         </div>
       </div>
-      <div id="xxx" style="height: 100vh">content here</div>
+      <div id="course-info" class="section" style="background-color: #cde6cb">
+        <div class="header flex-row">
+          <img src="./CS 1300_files/succulents-04.png" class="succulent-png" />
+          <h1 style="color: #a97c50">COURSE INFO</h1>
+          <img src="./CS 1300_files/succulents-04.png" class="succulent-png" />
+        </div>
+
+        <div class="flex-column">
+          <div class="content">
+            <div id="logistics">
+              <div class="flex-space-between">
+                <h3 style="color: #2bb673">LOCATION:</h3>
+                <h4>
+                  <a href="https://brown.zoom.us/j/96200647304">Zoom link</a>
+                </h4>
+              </div>
+              <div class="flex-space-between">
+                <h3 style="color: #2bb673">TIME:</h3>
+                <h4 style="width: 200px; text-align: right">
+                  TTh 1:00pm - 2:20pm
+                </h4>
+              </div>
+            </div>
+            <p>
+              Have you ever walked into a door thinking that you were supposed
+              to pull instead of push? Have you ever been stuck on a website,
+              not sure how to proceed next? Learn when to use different
+              interfaces, how to model and represent user interaction, how to
+              elicit requirements and feedback from users, as well as the
+              principles of user experience design, methods for designing and
+              prototyping interfaces, and user interface evaluation. Students
+              interested in both learning the process behind building an
+              effective interface and gaining hands-on experience designing a
+              user interface should take this course. There will be assignments,
+              readings, and studios, where students will have the opportunity to
+              work alongside TAs and interact with industry guests as they learn
+              critical tools for interface and web design.
+            </p>
+            <a
+              href="https://docs.google.com/document/d/1XlcD1bA4THmcWBqI607RxwrLY37ZUfIKXdqBBkH2IBc/edit?usp=sharing"
+              class="green-link"
+            >
+              <h3>syllabus</h3>
+              <svg
+                class="svg-show"
+                xmlns="http://www.w3.org/2000/svg"
+                width="26"
+                height="26"
+                viewBox="0 0 21 21"
+              >
+                <g
+                  fill="none"
+                  fill-rule="evenodd"
+                  stroke="#2BB673"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  transform="translate(4 6)"
+                >
+                  <polyline
+                    points="12.329 7.328 12.328 1.67 6.671 1.669"
+                    transform="scale(1 -1) rotate(45 20.36 0)"
+                  ></polyline>
+                  <line x1="13.5" x2=".5" y1="4.5" y2="4.5"></line>
+                </g>
+              </svg>
+              <svg
+                class="svg-hover"
+                xmlns="http://www.w3.org/2000/svg"
+                width="26"
+                height="26"
+                viewBox="0 0 21 21"
+              >
+                <g
+                  fill="none"
+                  fill-rule="evenodd"
+                  stroke="white"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  transform="translate(4 6)"
+                >
+                  <polyline
+                    points="12.329 7.328 12.328 1.67 6.671 1.669"
+                    transform="scale(1 -1) rotate(45 20.36 0)"
+                  ></polyline>
+                  <line x1="13.5" x2=".5" y1="4.5" y2="4.5"></line>
+                </g>
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+
+      <div id="helpful-links" class="section" style="background-color: #706881">
+        <div class="header flex-row">
+          <img src="./CS 1300_files/succulents-05.png" class="succulent-png" />
+          <h1 style="color: #f5ce5b">helpful links</h1>
+          <img src="./CS 1300_files/succulents-05.png" class="succulent-png" />
+        </div>
+
+        <div id="helpful-links-box" class="flex-column">
+          <div class="flex-column" style="margin: 0px 10px">
+            <h2>important</h2>
+            <div class="flex-row" style="margin: 0px 10px">
+              <a
+                style="margin: 10px"
+                href="https://piazza.com/class/kcw25izsiei48j"
+                target="_blank"
+                class="helpful-link"
+              >
+                <img src="./CS 1300_files/piazza.png" class="small-icon" />
+                <h3>piazza</h3>
+              </a>
+              <a
+                style="margin: 10px"
+                href="https://canvas.brown.edu/"
+                target="_blank"
+                class="helpful-link"
+              >
+                <img src="./CS 1300_files/canvas.png" class="small-icon" />
+                <h3>canvas</h3>
+              </a>
+            </div>
+            <div class="flex-row">
+              <a
+                style="margin: 10px"
+                href="https://docs.google.com/spreadsheets/d/e/2PACX-1vRow8i_X8guQpwU_da4y7rwDBbhTeYsUQ2b33MPkezcz2dLOpQxMBzo_6XBYJFTD6mSnT3-FVUsjh6S/pubhtml?gid=1112663023&amp;single=true"
+                target="_blank"
+                class="helpful-link"
+              >
+                <svg
+                  class="svg-show"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g fill="none" fill-rule="evenodd" transform="translate(2 2)">
+                    <path
+                      d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-12c0-1.1045695.8954305-2 2-2z"
+                      stroke="white"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    ></path>
+                    <path
+                      d="m.5 4.5h16"
+                      stroke="white"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    ></path>
+                    <g fill="white">
+                      <g>
+                        <circle cx="8.5" cy="8.5" r="1"></circle>
+                        <circle cx="4.5" cy="8.5" r="1"></circle>
+                        <circle cx="12.5" cy="8.5" r="1"></circle>
+                      </g>
+                      <g>
+                        <circle cx="8.5" cy="12.5" r="1"></circle>
+                        <circle cx="4.5" cy="12.5" r="1"></circle>
+                        <circle cx="12.5" cy="12.5" r="1"></circle>
+                      </g>
+                    </g>
+                  </g>
+                </svg>
+                <svg
+                  class="svg-hover"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g fill="none" fill-rule="evenodd" transform="translate(2 2)">
+                    <path
+                      d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-12c0-1.1045695.8954305-2 2-2z"
+                      stroke="#706881"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    ></path>
+                    <path
+                      d="m.5 4.5h16"
+                      stroke="#706881"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    ></path>
+                    <g fill="#706881">
+                      <g>
+                        <circle cx="8.5" cy="8.5" r="1"></circle>
+                        <circle cx="4.5" cy="8.5" r="1"></circle>
+                        <circle cx="12.5" cy="8.5" r="1"></circle>
+                      </g>
+                      <g>
+                        <circle cx="8.5" cy="12.5" r="1"></circle>
+                        <circle cx="4.5" cy="12.5" r="1"></circle>
+                        <circle cx="12.5" cy="12.5" r="1"></circle>
+                      </g>
+                    </g>
+                  </g>
+                </svg>
+                <h3>schedule</h3>
+              </a>
+              <a
+                style="margin: 10px"
+                href="https://script.google.com/a/brown.edu/macros/s/AKfycbw3-4g7pzYS8dgLLu5fHImIXC0Asu7Cqn_DLEGngPdEDRmFgxs/exec"
+                target="_blank"
+                class="helpful-link"
+              >
+                <svg
+                  class="svg-show"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="white"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="translate(2 2)"
+                  >
+                    <path d="m5.5.5h6v5h-6z"></path>
+                    <path d="m10.5 11.5h6v5h-6z"></path>
+                    <path d="m.5 11.5h6v5h-6z"></path>
+                    <path d="m3.498 11.5v-3h10v3"></path>
+                    <path d="m8.5 8.5v-3"></path>
+                  </g>
+                </svg>
+                <svg
+                  class="svg-hover"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="#706881"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="translate(2 2)"
+                  >
+                    <path d="m5.5.5h6v5h-6z"></path>
+                    <path d="m10.5 11.5h6v5h-6z"></path>
+                    <path d="m.5 11.5h6v5h-6z"></path>
+                    <path d="m3.498 11.5v-3h10v3"></path>
+                    <path d="m8.5 8.5v-3"></path>
+                  </g>
+                </svg>
+                <h3>ux factor</h3>
+              </a>
+            </div>
+          </div>
+
+          <div
+            class="flex-row"
+            style="flex-wrap: wrap; align-items: flex-start"
+          >
+            <div class="flex-column" style="margin: 25px 10px 0px 10px">
+              <h2>course docs</h2>
+              <a
+                href="https://docs.google.com/document/d/1XlcD1bA4THmcWBqI607RxwrLY37ZUfIKXdqBBkH2IBc/edit?usp=sharing"
+                target="_blank"
+                class="no-border-helpful-link"
+              >
+                <svg
+                  class="svg-show"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="white"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="translate(4 3)"
+                  >
+                    <path
+                      d="m12.5 12.5v-7l-5-5h-5c-1.1045695 0-2 .8954305-2 2v10c0 1.1045695.8954305 2 2 2h8c1.1045695 0 2-.8954305 2-2z"
+                    ></path>
+                    <path d="m7.5.5v3c0 1.1045695.8954305 2 2 2h3"></path>
+                  </g>
+                </svg>
+                <svg
+                  class="svg-hover"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="#52A25E"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="translate(4 3)"
+                  >
+                    <path
+                      d="m12.5 12.5v-7l-5-5h-5c-1.1045695 0-2 .8954305-2 2v10c0 1.1045695.8954305 2 2 2h8c1.1045695 0 2-.8954305 2-2z"
+                    ></path>
+                    <path d="m7.5.5v3c0 1.1045695.8954305 2 2 2h3"></path>
+                  </g>
+                </svg>
+                <h3>syllabus</h3>
+              </a>
+              <a
+                href="https://cs.brown.edu/courses/csci1300/fall2020/documents/[cs1300]%20Software%20License%20Guide.pdf"
+                target="_blank"
+                class="no-border-helpful-link"
+              >
+                <svg
+                  class="svg-show"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="white"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="translate(2 4)"
+                  >
+                    <path
+                      d="m2.5.48528137h11c.5522847 0 1 .44771525 1 1v8.01471863h-13v-8.01471863c0-.55228475.44771525-1 1-1z"
+                    ></path>
+                    <path
+                      d="m1.11803399 9.5h13.76393201c.5522848 0 1 .44771525 1 1 0 .1552451-.0361451.3083582-.1055728.4472136l-1.2763932 2.5527864h-13l-1.2763932-2.5527864c-.24698925-.4939785-.0467649-1.09465154.44721359-1.34164079.13885544-.06942772.2919685-.10557281.4472136-.10557281z"
+                      transform="matrix(1 0 0 -1 0 23)"
+                    ></path>
+                  </g>
+                </svg>
+                <svg
+                  class="svg-hover"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="#52A25E"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="translate(2 4)"
+                  >
+                    <path
+                      d="m2.5.48528137h11c.5522847 0 1 .44771525 1 1v8.01471863h-13v-8.01471863c0-.55228475.44771525-1 1-1z"
+                    ></path>
+                    <path
+                      d="m1.11803399 9.5h13.76393201c.5522848 0 1 .44771525 1 1 0 .1552451-.0361451.3083582-.1055728.4472136l-1.2763932 2.5527864h-13l-1.2763932-2.5527864c-.24698925-.4939785-.0467649-1.09465154.44721359-1.34164079.13885544-.06942772.2919685-.10557281.4472136-.10557281z"
+                      transform="matrix(1 0 0 -1 0 23)"
+                    ></path>
+                  </g>
+                </svg>
+                <h3>software guide</h3>
+              </a>
+              <a
+                href="https://docs.google.com/document/d/10gUVRN74JkL6Iqw3w_XEPcAaQkZFqlXYTRX-XFk51yk/edit?usp=sharing"
+                target="_blank"
+                class="no-border-helpful-link"
+              >
+                <svg
+                  class="svg-show"
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="21"
+                  height="21"
+                  viewBox="0 0 21 21"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="white"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="translate(2 3)"
+                  >
+                    <line x1="10.5" x2="6.5" y1=".5" y2="14.5"></line>
+                    <polyline
+                      points="7.328 2.672 7.328 8.328 1.672 8.328"
+                      transform="rotate(135 4.5 5.5)"
+                    ></polyline>
+                    <polyline
+                      points="15.328 6.672 15.328 12.328 9.672 12.328"
+                      transform="scale(1 -1) rotate(-45 -10.435 0)"
+                    ></polyline>
+                  </g>
+                </svg>
+                <svg
+                  class="svg-hover"
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="21"
+                  height="21"
+                  viewBox="0 0 21 21"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="#52A25E"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="translate(2 3)"
+                  >
+                    <line x1="10.5" x2="6.5" y1=".5" y2="14.5"></line>
+                    <polyline
+                      points="7.328 2.672 7.328 8.328 1.672 8.328"
+                      transform="rotate(135 4.5 5.5)"
+                    ></polyline>
+                    <polyline
+                      points="15.328 6.672 15.328 12.328 9.672 12.328"
+                      transform="scale(1 -1) rotate(-45 -10.435 0)"
+                    ></polyline>
+                  </g>
+                </svg>
+                <h3>deployment guide</h3>
+              </a>
+              <!-- <a href="https://docs.google.com/document/d/18I11UCHFAhYXajRXMa2aw6wh73hSKrbmSPy_o0z9V0c/edit?usp=sharing" target="_blank" class="no-border-helpful-link">
+                <svg class="svg-show" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="white" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 4)"><path d="m13.5 0 3 4-8 10-8-10 3.009-4z"/><path d="m.5 4h16"/><path d="m5.5 4 3 10"/><path d="m11.5 4-3 10"/><path d="m3.509 0 1.991 4 3-4 3 4 2-4"/></g></svg>
+                <svg class="svg-hover" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#52A25E" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 4)"><path d="m13.5 0 3 4-8 10-8-10 3.009-4z"/><path d="m.5 4h16"/><path d="m5.5 4 3 10"/><path d="m11.5 4-3 10"/><path d="m3.509 0 1.991 4 3-4 3 4 2-4"/></g></svg>
+                <h3>style guide</h3>
+              </a> -->
+            </div>
+
+            <div
+              class="flex-column"
+              style="margin: 25px 10px 0px 10px; align-content: flex-start"
+            >
+              <h2>forms</h2>
+              <!-- <a href="https://forms.gle/jpaWjoDhp7LBfVk27" target="_blank" class="no-border-helpful-link">
+                <h3>waitlist form</h3>
+              </a> -->
+              <a
+                href="https://forms.gle/BCEeyomrUDNbDjin8"
+                target="_blank"
+                class="no-border-helpful-link"
+              >
+                <svg
+                  class="svg-show"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="white"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="translate(2.5 1.5)"
+                  >
+                    <path
+                      d="m10 3h2.3406038c.4000282 0 .7615663.23839685.9191451.6060807l2.7402511 6.3939193v4c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-4l2.74025113-6.3939193c.15757879-.36768385.51911692-.6060807.91914503-.6060807h2.34060384"
+                    ></path>
+                    <path
+                      d="m10.121 3.964-.06 4.182-4.182.061"
+                      transform="matrix(.70710678 .70710678 -.70710678 .70710678 6.646598 -3.874306)"
+                    ></path>
+                    <path d="m8 0v9"></path>
+                    <path
+                      d="m0 10h4c.55228475 0 1 .4477153 1 1v1c0 .5522847.44771525 1 1 1h4c.5522847 0 1-.4477153 1-1v-1c0-.5522847.4477153-1 1-1h4"
+                    ></path>
+                  </g>
+                </svg>
+                <svg
+                  class="svg-hover"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="#52A25E"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="translate(2.5 1.5)"
+                  >
+                    <path
+                      d="m10 3h2.3406038c.4000282 0 .7615663.23839685.9191451.6060807l2.7402511 6.3939193v4c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-4l2.74025113-6.3939193c.15757879-.36768385.51911692-.6060807.91914503-.6060807h2.34060384"
+                    ></path>
+                    <path
+                      d="m10.121 3.964-.06 4.182-4.182.061"
+                      transform="matrix(.70710678 .70710678 -.70710678 .70710678 6.646598 -3.874306)"
+                    ></path>
+                    <path d="m8 0v9"></path>
+                    <path
+                      d="m0 10h4c.55228475 0 1 .4477153 1 1v1c0 .5522847.44771525 1 1 1h4c.5522847 0 1-.4477153 1-1v-1c0-.5522847.4477153-1 1-1h4"
+                    ></path>
+                  </g>
+                </svg>
+                <h3>project handin form</h3>
+              </a>
+              <a
+                href="https://forms.gle/5L5CCLRqozXrUnmE8"
+                target="_blank"
+                class="no-border-helpful-link"
+              >
+                <svg
+                  class="svg-show"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="white"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="matrix(-1 0 0 1 20 2)"
+                  >
+                    <path
+                      d="m8.5 2.56534572h2c3.3137085 0 6 2.6862915 6 6v1.93465428c0 3.3137085-2.6862915 6-6 6h-2c-3.3137085 0-6-2.6862915-6-6v-1.93465428c0-3.3137085 2.6862915-6 6-6z"
+                    ></path>
+                    <path
+                      d="m3.94265851-.12029102c-1.05323083.28505997-1.86575682 1.17688618-1.86575682 2.30840383 0 1.16606183.73081563 2.21070886 1.78973019 2.50733508"
+                      transform="matrix(.62932039 .77714596 -.77714596 .62932039 2.893856 -1.491094)"
+                    ></path>
+                    <path
+                      d="m16.9295345-.10708618c-1.0898445.26224883-1.9419712 1.17003523-1.9419712 2.3284815 0 1.16644061.7312905 2.21138754 1.7907622 2.50762392"
+                      transform="matrix(-.62932039 .77714596 .77714596 .62932039 24.205765 -11.545558)"
+                    ></path>
+                    <path d="m9.5 5.5v4h-3.5"></path>
+                    <path d="m15 15 2 2"></path>
+                    <path d="m2 15 2 2" transform="matrix(-1 0 0 1 6 0)"></path>
+                  </g>
+                </svg>
+                <svg
+                  class="svg-hover"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="#52A25E"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="matrix(-1 0 0 1 20 2)"
+                  >
+                    <path
+                      d="m8.5 2.56534572h2c3.3137085 0 6 2.6862915 6 6v1.93465428c0 3.3137085-2.6862915 6-6 6h-2c-3.3137085 0-6-2.6862915-6-6v-1.93465428c0-3.3137085 2.6862915-6 6-6z"
+                    ></path>
+                    <path
+                      d="m3.94265851-.12029102c-1.05323083.28505997-1.86575682 1.17688618-1.86575682 2.30840383 0 1.16606183.73081563 2.21070886 1.78973019 2.50733508"
+                      transform="matrix(.62932039 .77714596 -.77714596 .62932039 2.893856 -1.491094)"
+                    ></path>
+                    <path
+                      d="m16.9295345-.10708618c-1.0898445.26224883-1.9419712 1.17003523-1.9419712 2.3284815 0 1.16644061.7312905 2.21138754 1.7907622 2.50762392"
+                      transform="matrix(-.62932039 .77714596 .77714596 .62932039 24.205765 -11.545558)"
+                    ></path>
+                    <path d="m9.5 5.5v4h-3.5"></path>
+                    <path d="m15 15 2 2"></path>
+                    <path d="m2 15 2 2" transform="matrix(-1 0 0 1 6 0)"></path>
+                  </g>
+                </svg>
+                <h3>late pass form</h3>
+              </a>
+              <a
+                href="https://forms.gle/U9mCY3Jxw138ux5M7"
+                target="_blank"
+                class="no-border-helpful-link"
+              >
+                <svg
+                  class="svg-show"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="white"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="translate(2 2)"
+                  >
+                    <g transform="matrix(0 -1 1 0 .5 16.5)">
+                      <path
+                        d="m16.25.75v5h-5.5"
+                        transform="matrix(0 1 1 0 10.25 -10.25)"
+                      ></path>
+                      <path
+                        d="m16 6c-2.8366699-3.33333333-5.6700033-5-8.5-5-2.82999674 0-5.32999674 1-7.5 3"
+                      ></path>
+                    </g>
+                    <g transform="matrix(0 1 -1 0 16 0)">
+                      <path
+                        d="m16.75.25v5h-5.5"
+                        transform="matrix(0 1 1 0 11.25 -11.25)"
+                      ></path>
+                      <path
+                        d="m16.5 5.5c-2.8366699-3.33333333-5.6700033-5-8.5-5-2.82999674 0-5.32999674 1-7.5 3"
+                      ></path>
+                    </g>
+                  </g>
+                </svg>
+                <svg
+                  class="svg-hover"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="#52A25E"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="translate(2 2)"
+                  >
+                    <g transform="matrix(0 -1 1 0 .5 16.5)">
+                      <path
+                        d="m16.25.75v5h-5.5"
+                        transform="matrix(0 1 1 0 10.25 -10.25)"
+                      ></path>
+                      <path
+                        d="m16 6c-2.8366699-3.33333333-5.6700033-5-8.5-5-2.82999674 0-5.32999674 1-7.5 3"
+                      ></path>
+                    </g>
+                    <g transform="matrix(0 1 -1 0 16 0)">
+                      <path
+                        d="m16.75.25v5h-5.5"
+                        transform="matrix(0 1 1 0 11.25 -11.25)"
+                      ></path>
+                      <path
+                        d="m16.5 5.5c-2.8366699-3.33333333-5.6700033-5-8.5-5-2.82999674 0-5.32999674 1-7.5 3"
+                      ></path>
+                    </g>
+                  </g>
+                </svg>
+                <h3>regrade request form</h3>
+              </a>
+              <a
+                href="https://forms.gle/JVDLKSa5Uc8qkfQ2A"
+                target="_blank"
+                class="no-border-helpful-link"
+              >
+                <svg
+                  class="svg-show"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="white"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="matrix(0 -1 1 0 4 19)"
+                  >
+                    <path
+                      d="m15.328 5.672v5.656h-5.656"
+                      transform="matrix(-.70710678 .70710678 .70710678 .70710678 15.328661 -6.349339)"
+                    ></path>
+                    <path d="m12.5.5v12"></path>
+                    <path
+                      d="m7.328 1.672h-5.656v5.656"
+                      transform="matrix(-.70710678 .70710678 .70710678 .70710678 4.500028 -1.863972)"
+                    ></path>
+                    <path d="m4.5.5v12"></path>
+                  </g>
+                </svg>
+                <svg
+                  class="svg-hover"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="#52A25E"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="matrix(0 -1 1 0 4 19)"
+                  >
+                    <path
+                      d="m15.328 5.672v5.656h-5.656"
+                      transform="matrix(-.70710678 .70710678 .70710678 .70710678 15.328661 -6.349339)"
+                    ></path>
+                    <path d="m12.5.5v12"></path>
+                    <path
+                      d="m7.328 1.672h-5.656v5.656"
+                      transform="matrix(-.70710678 .70710678 .70710678 .70710678 4.500028 -1.863972)"
+                    ></path>
+                    <path d="m4.5.5v12"></path>
+                  </g>
+                </svg>
+                <h3>studio switch form</h3>
+              </a>
+              <a
+                href="https://forms.gle/9F6Ec2wX8Tvtyr2C7"
+                target="_blank"
+                class="no-border-helpful-link"
+              >
+                <svg
+                  class="svg-show"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="white"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="translate(2 2)"
+                  >
+                    <path
+                      d="m8.24920737-.79402796c1.17157287 0 2.12132033.94974747 2.12132033 2.12132034v13.43502882l-2.12132033 3.5355339-2.08147546-3.495689-.03442539-13.47488064c-.00298547-1.16857977.94191541-2.11832105 2.11049518-2.12130651.00180188-.00000461.00360378-.00000691.00540567-.00000691z"
+                      transform="matrix(.70710678 .70710678 -.70710678 .70710678 8.605553 -3.271644)"
+                    ></path>
+                    <path d="m7.5 15.5h8"></path>
+                    <path d="m13.5 4.5 1 1"></path>
+                  </g>
+                </svg>
+                <svg
+                  class="svg-hover"
+                  height="21"
+                  viewBox="0 0 21 21"
+                  width="21"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke="#52A25E"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    transform="translate(2 2)"
+                  >
+                    <path
+                      d="m8.24920737-.79402796c1.17157287 0 2.12132033.94974747 2.12132033 2.12132034v13.43502882l-2.12132033 3.5355339-2.08147546-3.495689-.03442539-13.47488064c-.00298547-1.16857977.94191541-2.11832105 2.11049518-2.12130651.00180188-.00000461.00360378-.00000691.00540567-.00000691z"
+                      transform="matrix(.70710678 .70710678 -.70710678 .70710678 8.605553 -3.271644)"
+                    ></path>
+                    <path d="m7.5 15.5h8"></path>
+                    <path d="m13.5 4.5 1 1"></path>
+                  </g>
+                </svg>
+                <h3>feedback form</h3>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div
+        id="schedule"
+        class="flex-column section"
+        style="background-color: #2b2a2d"
+      >
+        <div class="header flex-row">
+          <img src="./CS 1300_files/succulents-02.png" class="succulent-png" />
+          <h1 style="color: #a29bba">SCHEDULE</h1>
+          <img src="./CS 1300_files/succulents-02.png" class="succulent-png" />
+        </div>
+        <div class="important-note">
+          <p>
+            We <strong>strongly recommend</strong> bookmarking this schedule, as
+            this contains all information regarding assignments, lectures,
+            studios, and readings.
+          </p>
+        </div>
+        <a
+          href="https://docs.google.com/spreadsheets/d/e/2PACX-1vRow8i_X8guQpwU_da4y7rwDBbhTeYsUQ2b33MPkezcz2dLOpQxMBzo_6XBYJFTD6mSnT3-FVUsjh6S/pubhtml?gid=1112663023&amp;single=true"
+          target="_blank"
+          class="purple-link"
+          style="margin-bottom: 40px"
+        >
+          <h3>link to schedule</h3>
+          <svg
+            class="svg-show"
+            xmlns="http://www.w3.org/2000/svg"
+            width="26"
+            height="26"
+            viewBox="0 0 21 21"
+          >
+            <g
+              fill="none"
+              fill-rule="evenodd"
+              stroke="#A29BBA"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              transform="translate(4 6)"
+            >
+              <polyline
+                points="12.329 7.328 12.328 1.67 6.671 1.669"
+                transform="scale(1 -1) rotate(45 20.36 0)"
+              ></polyline>
+              <line x1="13.5" x2=".5" y1="4.5" y2="4.5"></line>
+            </g>
+          </svg>
+          <svg
+            class="svg-hover"
+            xmlns="http://www.w3.org/2000/svg"
+            width="26"
+            height="26"
+            viewBox="0 0 21 21"
+          >
+            <g
+              fill="none"
+              fill-rule="evenodd"
+              stroke="white"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              transform="translate(4 6)"
+            >
+              <polyline
+                points="12.329 7.328 12.328 1.67 6.671 1.669"
+                transform="scale(1 -1) rotate(45 20.36 0)"
+              ></polyline>
+              <line x1="13.5" x2=".5" y1="4.5" y2="4.5"></line>
+            </g>
+          </svg>
+        </a>
+
+        <iframe
+          id="schedule-iframe"
+          src="./CS 1300_files/pubhtml.html"
+        ></iframe>
+      </div>
+
+      <div
+        id="calendar"
+        class="flex-column section"
+        style="background-color: #cde6cb"
+      >
+        <div class="header flex-row">
+          <img src="./CS 1300_files/succulents-07.png" class="succulent-png" />
+          <h1 style="color: #f5ce5b">calendar</h1>
+          <img src="./CS 1300_files/succulents-07.png" class="succulent-png" />
+        </div>
+        <div class="important-note">
+          <p style="color: #2b2a2d; margin-bottom: 10px">
+            To subscribe to the course gcal, click
+            <a
+              href="https://calendar.google.com/calendar?cid=Y19nMXR0M2lpbjZ2ZDJqcTJlbzFpamJxNmJya0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t"
+              target="_blank"
+              style="color: #52a25e"
+              >here</a
+            >.
+          </p>
+          <p style="color: #2b2a2d; margin-bottom: 5px">
+            To sign up for TA Hours, please go to
+            <a
+              href="https://signmeup.cs.brown.edu/"
+              target="_blank"
+              style="color: #52a25e"
+              >SignMeUp</a
+            >.
+          </p>
+          <h4
+            style="
+              margin-bottom: 20px;
+              color: #0e6a3e;
+              text-transform: uppercase;
+              font-size: 12px;
+            "
+          >
+            (( Zoom links for TA hours will be in the SignMeUp queue ))
+          </h4>
+        </div>
+        <iframe
+          id="calendar-iframe"
+          src="./CS 1300_files/embed.html"
+          style="border: solid 1px #777"
+          width="800"
+          height="600"
+          frameborder="0"
+          scrolling="no"
+        ></iframe>
+      </div>
+
+      <div
+        id="staff"
+        class="flex-column section"
+        style="background-color: #706881"
+      >
+        <div class="header flex-row">
+          <img src="./CS 1300_files/succulents-06.png" class="succulent-png" />
+          <h1 style="color: #2bb673">STAFF</h1>
+          <img src="./CS 1300_files/succulents-06.png" class="succulent-png" />
+        </div>
+
+        <div id="emails" class="flex-row wrap-container">
+          <div class="email">
+            <h3 style="color: white">uiuxtas@lists.cs.brown.edu</h3>
+            <h4>(email all TAs, use this by default)</h4>
+          </div>
+          <div class="email">
+            <h3 style="color: white">uiuxhtas@lists.cs.brown.edu</h3>
+            <h4>(HTAs, Grad TA, &amp; Jeff)</h4>
+          </div>
+          <div class="email">
+            <h3 style="color: white">jeff@cs.brown.edu</h3>
+            <h4>(sensitive issues)</h4>
+          </div>
+        </div>
+
+        <div class="shelf flex-column">
+          <div class="ta-box-left flex-row">
+            <div class="img-box">
+              <img
+                src="./CS 1300_files/succulents-jeff.png"
+                class="ta-cactus"
+              />
+              <img src="./CS 1300_files/jeff.jpg" class="ta-img" />
+            </div>
+
+            <div class="flex-column bio-text">
+              <h3>[PROFESSOR] JEFF</h3>
+              <h4>
+                jeff has been teaching cs 1300 for 8 years ever since its
+                inception. he’s studying cs and is an amateur farmer👨‍🌾, plays
+                keyboard in a local band, and holds the world record for tech
+                internships!
+              </h4>
+            </div>
+          </div>
+          <img src="./CS 1300_files/shelf.png" class="shelf-png" />
+        </div>
+
+        <div class="shelf flex-column">
+          <div class="flex-row ta-wrapper">
+            <div class="ta-box-left flex-row">
+              <div class="img-box">
+                <img
+                  src="./CS 1300_files/succulents-sarah.png"
+                  class="ta-cactus"
+                  id="sarah-cactus"
+                  style="margin-bottom: 3px"
+                />
+                <img src="./CS 1300_files/sarah.jpg" class="ta-img" />
+              </div>
+              <div class="flex-column bio-text">
+                <h3>[HTA] SARAH</h3>
+                <h4>
+                  hiiii, i'm sarah! i'm a senior studying astrophysics and cs. i
+                  love to do crosswords, drink coffee, cook/bake (guess what i
+                  did in quarantine woo), ski, and make art:) can't wait to meet
+                  you all!!
+                </h4>
+              </div>
+            </div>
+
+            <div class="ta-box-left flex-row">
+              <div class="img-box">
+                <img
+                  src="./CS 1300_files/succulents-laura.png"
+                  class="ta-cactus"
+                  id="laura-cactus"
+                  style="margin-bottom: -20px"
+                />
+                <img src="./CS 1300_files/laura.png" class="ta-img" />
+              </div>
+              <div class="flex-column bio-text">
+                <h3>[HTA] LAURA</h3>
+                <h4>
+                  Hi there, I'm Laura! I'm a senior studying computer science
+                  and ~unofficially~ design. I'm also a proud Rhode Islander
+                  🌊⚓! When I'm not in line at PVDonuts, I enjoy logic puzzles
+                  and wholesome baking shows :)
+                </h4>
+              </div>
+            </div>
+          </div>
+          <img src="./CS 1300_files/shelf.png" class="shelf-png" />
+        </div>
+
+        <div class="shelf flex-column">
+          <div class="ta-box-left flex-row">
+            <div class="img-box">
+              <img
+                src="./CS 1300_files/succulents-talie.png"
+                class="ta-cactus"
+                style="margin-bottom: 5px"
+              />
+              <img src="./CS 1300_files/talie.jpg" class="ta-img" />
+            </div>
+            <div class="flex-column bio-text">
+              <h3>[GRAD TA] TALIE</h3>
+              <h4>
+                Hello I'm Talie. I'm a PhD student working with Jeff on building
+                systems to improve mental health. You are welcome and encouraged
+                to come ask me for weird bird facts at any time.
+              </h4>
+            </div>
+          </div>
+          <img
+            src="./CS 1300_files/shelf.png"
+            class="shelf-png"
+            style="margin-top: -35px"
+          />
+        </div>
+
+        <div class="shelf flex-column">
+          <div class="flex-row ta-wrapper">
+            <div class="ta-box-right flex-row">
+              <div class="flex-column bio-text">
+                <h3>MICHAEL</h3>
+                <h4>
+                  Ciao, I’m Michael. I was raised in Cleveland, and I’m a
+                  sophomore dabbling into CS, physics, music, and Italian. I
+                  used to play video games professionally (Destiny) and still
+                  play casually today!
+                </h4>
+              </div>
+              <div class="img-box">
+                <img
+                  src="./CS 1300_files/succulents-michael.png"
+                  class="ta-cactus"
+                  id="michael-cactus"
+                  style="margin-bottom: -53px"
+                />
+                <img src="./CS 1300_files/michael.jpg" class="ta-img" />
+              </div>
+            </div>
+
+            <div class="ta-box-right flex-row">
+              <div class="flex-column bio-text">
+                <h3>Felicia</h3>
+                <h4>
+                  Hi I’m Felicia! I’m a senior studying Cognitive Science from
+                  Long Island. I love anything and everything that has to do
+                  with sharks &amp; a big fan of any food that’s spicy.
+                </h4>
+              </div>
+              <div class="img-box">
+                <img
+                  src="./CS 1300_files/succulents-felicia.png"
+                  class="ta-cactus"
+                  id="felicia-cactus"
+                  style="margin-bottom: 20px"
+                />
+                <img src="./CS 1300_files/felicia.png" class="ta-img" />
+              </div>
+            </div>
+          </div>
+          <img src="./CS 1300_files/shelf.png" class="shelf-png" />
+        </div>
+
+        <div class="shelf flex-column">
+          <div class="flex-row ta-wrapper">
+            <div class="ta-box-left flex-row">
+              <div class="img-box">
+                <img
+                  id="gabby-cactus"
+                  src="./CS 1300_files/succulents-gabby.png"
+                  class="ta-cactus"
+                  style="margin-bottom: -12px"
+                />
+                <img src="./CS 1300_files/gabby.jpg" class="ta-img" />
+              </div>
+              <div class="flex-column bio-text">
+                <h3>gabby</h3>
+                <h4>
+                  Hi! I'm Gabby and I'm a senior studying CS and Art History.
+                  I'm an Animal Crossing villager (come visit Outside!) and a
+                  big fan of oat milk in coffee.
+                </h4>
+              </div>
+            </div>
+
+            <div class="ta-box-left flex-row">
+              <div class="img-box">
+                <img
+                  src="./CS 1300_files/succulents-sophia.png"
+                  class="ta-cactus"
+                />
+                <img src="./CS 1300_files/sophia.jpg" class="ta-img" />
+              </div>
+              <div class="flex-column bio-text">
+                <h3>sophia</h3>
+                <h4>
+                  hi! i'm sophia, a senior studying cs and applied math. im a
+                  big fan of anime, kdramas and cdramas, and pushing my
+                  americano consumption to its daily limits :^).
+                </h4>
+              </div>
+            </div>
+          </div>
+          <img src="./CS 1300_files/shelf.png" class="shelf-png" />
+        </div>
+
+        <div class="shelf flex-column">
+          <div class="flex-row ta-wrapper">
+            <div class="ta-box-right flex-row">
+              <div class="flex-column bio-text">
+                <h3>ifechi</h3>
+                <h4>
+                  Hi, I'm Ifechi! I'm a junior studying CS &amp; APMA. I enjoy
+                  fitness challenges, binge-watching TV, and eating interesting
+                  foods!
+                </h4>
+              </div>
+              <div class="img-box">
+                <img
+                  src="./CS 1300_files/succulents-ifechi.png"
+                  class="ta-cactus"
+                  id="ifechi-cactus"
+                  style="margin-bottom: -50px"
+                />
+                <img src="./CS 1300_files/ifechi.png" class="ta-img" />
+              </div>
+            </div>
+
+            <div class="ta-box-right flex-row">
+              <div class="flex-column bio-text">
+                <h3>ndunge</h3>
+                <h4>
+                  Hi, I'm Ndunge! I'm a junior from Pittsburgh studying CS and
+                  Religious Studies. I love all things music and all things food
+                  (:
+                </h4>
+              </div>
+              <div class="img-box">
+                <img
+                  src="./CS 1300_files/succulents-ndunge.png"
+                  class="ta-cactus"
+                  id="ndunge-cactus"
+                  style="margin-bottom: 15px"
+                />
+                <img src="./CS 1300_files/ndunge.jpg" class="ta-img" />
+              </div>
+            </div>
+          </div>
+          <img src="./CS 1300_files/shelf.png" class="shelf-png" />
+        </div>
+
+        <div class="shelf flex-column">
+          <div class="flex-row ta-wrapper">
+            <div class="ta-box-left flex-row">
+              <div class="img-box">
+                <img
+                  src="./CS 1300_files/succulents-miranda.png"
+                  class="ta-cactus"
+                  id="miranda-cactus"
+                  style="margin-bottom: -10px"
+                />
+                <img src="./CS 1300_files/miranda.jpg" class="ta-img" />
+              </div>
+              <div class="flex-column bio-text">
+                <h3>miranda</h3>
+                <h4>
+                  Hi guys! I'm Miranda, a junior studying CS. I'm a beginning
+                  pole dancer and Chinese snack enthusiast (latiao anyone?).
+                </h4>
+              </div>
+            </div>
+
+            <div class="ta-box-left flex-row">
+              <div class="img-box">
+                <img
+                  src="./CS 1300_files/succulents-stanley.png"
+                  class="ta-cactus"
+                  id="stanley-cactus"
+                  style="margin-bottom: -5px"
+                />
+                <img src="./CS 1300_files/stanley.jpg" class="ta-img" />
+              </div>
+              <div class="flex-column bio-text">
+                <h3>stanley</h3>
+                <h4>
+                  Hey everyone, my name is Stanley and I'm a senior studying CS
+                  and Music! Normally you can find me drinking coffee and
+                  anxious about society, but in my free time, I like to play
+                  video games and watch TV. I'm excited to be a part of your
+                  UI/UX experience! :D
+                </h4>
+              </div>
+            </div>
+          </div>
+          <img src="./CS 1300_files/shelf.png" class="shelf-png" />
+        </div>
+
+        <div class="shelf flex-column">
+          <div class="flex-row ta-wrapper">
+            <div class="ta-box-right flex-row">
+              <div class="flex-column bio-text">
+                <h3>zach</h3>
+                <h4>Proud parent of a thriving basil plant.🌱</h4>
+              </div>
+              <!-- <div class="img-box"> -->
+              <img
+                src="./CS 1300_files/succulents-zach.png"
+                class="ta-cactus"
+              />
+              <!-- <img src="staff/zach.jpg" class="ta-img"> -->
+              <!-- </div> -->
+            </div>
+
+            <div class="ta-box-right flex-row">
+              <div class="flex-column bio-text">
+                <h3>Minna</h3>
+                <h4>
+                  Hi, I'm Minna! I'm a senior studying APMA &amp; CS. I enjoy
+                  drawing, eating toast with Kalles Kaviar, and knowing nearly
+                  everything there is to know about Pokemon. 😄✌
+                </h4>
+              </div>
+              <div class="img-box">
+                <img
+                  src="./CS 1300_files/succulents-minna.png"
+                  class="ta-cactus"
+                  id="minna-cactus"
+                  style="margin-bottom: -5px"
+                />
+                <img src="./CS 1300_files/minna.jpg" class="ta-img" />
+              </div>
+            </div>
+          </div>
+          <img src="./CS 1300_files/shelf.png" class="shelf-png" />
+        </div>
+      </div>
+
+      <!-- <div class="shelf flex-column">
+        <div class="flex-row">
+          <div class="ta-box flex-column">
+            <div class="flex-column bio-text">
+              <h3 style="color: white;">TA NAME</h3>
+              <h4>blah blah blah blah blah</h4>
+            </div>
+            <img src="images/succulents-02.png" class="ta-cactus">
+          </div>
+    
+          <div class="ta-box flex-column">
+            <div class="flex-column bio-text">
+              <h3 style="color: white;">TA NAME</h3>
+              <h4>blah blah blah blah blah</h4>
+            </div>
+            <img src="images/succulents-02.png" class="ta-cactus">
+          </div>
+        </div>
+        <img src="images/shelf.png" class="shelf-png">
+      </div> -->
+
+      <div id="faq" class="section" style="background-color: #2b2a2d">
+        <div class="header flex-row">
+          <img src="./CS 1300_files/succulents-03.png" class="succulent-png" />
+          <h1 style="color: #85c87c">F.A.Q</h1>
+          <img src="./CS 1300_files/succulents-03.png" class="succulent-png" />
+        </div>
+
+        <div class="content" style="align-self: center">
+          <div>
+            <h3>Is this course capped?</h3>
+            <p>
+              For Fall 2020 we expect to cap the course at about 100 students
+              for now, but are looking to see if increasing this cap is
+              compatible with our current plans. If you have not been contacted
+              by us, then please wait for the shopping period to sign up for the
+              waitlist after the first day of class, which is also when we will
+              announce if we can increase the cap.
+            </p>
+
+            <h3>Is there a waitlist for the course?</h3>
+            <p>
+              We will set up a waitlist after the first day of class, which we
+              will announce in class, and over email to students with the course
+              in their cart, as well as post on the course website. At that time
+              we'll know whether we can increase the cap a bit, so will be in a
+              better position to organize the waitlist. The information about
+              the waitlist will be sent over email to students with this course
+              in their cart, announced in the first day of class, and posted on
+              the website. Decisions about the waitlist will be made within 24
+              hours of the waitlist deadline.
+            </p>
+
+            <h3>Are there prerequisites for the course?</h3>
+            <p>
+              This course requires one of the intro CS sequences (CS15/16,
+              CS17/18, or CS19); you may request an override for the
+              prerequisites by sending a link to a github repository of work you
+              did demonstrating use of object-oriented programming, data
+              structures, and functional programming concepts. If you are on the
+              waitlist, then include the link there in the question field that
+              asks for it. Graduate students that have taken courses that cover
+              these topics should note that on the waitlist form.
+            </p>
+
+            <h3>Will this course be online or in-person?</h3>
+            <p>
+              Online. Lectures will be live online and also available as videos,
+              and studios will be virtual. Our current plan is to have lecture
+              videos accessible to any student from Brown (and linked from the
+              course schedule above) so those not enrolled in the course can
+              view them. We are planning to have studios at different times
+              (listed as lab hours), so please select a lab hour suitable for
+              your time zone.
+            </p>
+
+            <h3>Will this course be synchronous or asynchronous?</h3>
+            <p>
+              The course will be synchronous but lectures will be recorded, and
+              studios will be offered synchronously but at multiple times.
+              In-class activities can be completed at your convenience later if
+              you are not in class. There will be a studio (lab) time for remote
+              students where the time will be determined after registration to
+              accommodate students from different timezones.
+            </p>
+
+            <h3>What will studios be like?</h3>
+            <p>
+              Students sign up for studios by selecting the corresponding lab
+              hour when registering. The studio lab hours will be outside
+              regular lecture hours. TAs will have an activity prepared for
+              students in studio, and will be around to give feedback to
+              students during this time. Students are welcome to work
+              collaboratively on the studio activities. Work done in studios may
+              be good starters for your portfolio.
+            </p>
+
+            <h3>
+              Can I take this course as a non-CS concentrator or incoming
+              first-year student?
+            </h3>
+            <p>
+              Usually we have CS 0130 which is designed for non-concentrators
+              and has no prerequistes. However, this year we are only offering
+              CS 1300, but you may still enroll in CS 1300 if you satisfy those
+              even as a non-CS concentrator or online first-year student.
+            </p>
+
+            <h3>Can I take this course as a RISD student?</h3>
+            <p>
+              Usually our course accomodates many RISD students (over 50 RISD
+              students took CS 0130 in Fall 2019); this year we are not offering
+              CS 0130 so RISD students should meet the same prerequisites as
+              Brown students to take CS 1300.
+            </p>
+
+            <h3>I will miss class on [date]. Can I be excused?</h3>
+            <p>
+              We do not take class attendance or deduct points for missing
+              class, so there's no need to contact the course stuff. In-class
+              activities can be completed at your convenience later if you are
+              not in class.
+            </p>
+
+            <h3>Can I take the course as a capstone?</h3>
+            <p>
+              Yes, for a capstone, you should extend an assignment into
+              something that has substantial development and design components
+              and release it. For instance, you could take your Iterative Design
+              prototype and build it fully to the point where it's a deployable
+              app. This can be done as a group, but the amount of work should be
+              proportional to the group size. Both juniors and seniors may take
+              CS 1300 for a capstone. Only the online capstone form needs to be
+              filled out, which you should already have received via email from
+              the department earlier in September. The capstone can be done
+              anytime in the semester, until the end of winter break.
+            </p>
+
+            <h3>Will there be a textbook for the course?</h3>
+            <p>No, all readings will be available on this website.</p>
+
+            <h3>Will there be a final exam?</h3>
+            <p>No, you will complete a portfolio for your final assignment.</p>
+
+            <h3>When is the last day I have to come to class?</h3>
+            <p>It would be the last day listed on the schedule above.</p>
+
+            <br />
+            <br />
+          </div>
+        </div>
+      </div>
     </div>
   </body>
 </html>