ucsd-cse-pace · eekaireb · May 16, 2024 · Apr 28, 2024 · Apr 30, 2024 · Apr 30, 2024
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -19,6 +19,12 @@ jobs:
     steps:
       - uses: actions/checkout@v3
 
+      # Convert Markdown to Markdeep HTML
+      - name: Download handbook
+        run: |
+          curl -o handbook/index.md https://raw.githubusercontent.com/ucsd-cse-pace/handbook/main/index.md
+          cat handbook/header.txt handbook/index.md handbook/footer.txt > handbook/index.md.html
+
       # Used ssh-keyscan to generate KNOWN_HOSTS
       - name: Copy to pace.ucsd.edu
         env:

diff --git a/external/index.html b/external/index.html
@@ -224,15 +224,44 @@ <h2>CSE-PACE Computer Science and Engineering Activity Plans</h2>
 						<dt>Password Safety</dt>
 						<dd>Reinforce the importance of password security and using a variety of different tools to support creating new passwords and storing them securely. Students will be exposed to password managers and will have the ability to check whether their password is secure or not. 
 							[<a href = "https://docs.google.com/document/d/1I67fcDWi7fmnmNnLnyrsLNJhKvASiwQSLJm251j0i2k/edit?usp=sharing">Link to Lesson Plan</a>]
-							[<a href = "https://docs.google.com/presentation/d/1ss_mT_4m-xjzhBGIpcQgCY7e9VnoguK91KmRJ8z361c/edit?usp=sharing">Link to  Slides</a>]
+							[<a href = "https://docs.google.com/document/d/1BhlxUsH82Sq6KeVxO4O4VznCFqX3d7J4OwVEFXlKte0/edit?usp=sharing">Improving Security Lesson Plan</a>]
+							[<a href = "https://docs.google.com/presentation/d/1ss_mT_4m-xjzhBGIpcQgCY7e9VnoguK91KmRJ8z361c/edit?usp=sharing">Link to Slides</a>]
 						</dd>
 					</dl>
 					<dl>
 						<dt>Bluetooth Tracking</dt>
 						<dd>Continuing from the Password Safety Lesson, students will be exposed to research that focuses on gathering telemtry/information from Bluetooth data and how signals are decoded to gather information about a user. Students will then open up various social media platforms to see how much information large data-centers and algorithms have on them. [<a href = "https://docs.google.com/document/d/1DXQzBzVNGQKRJgORjBO-6YaUsn0J9syf1cadRfdTaUI/edit?usp=sharing">Link to Lesson Plan</a>][<a href = "https://docs.google.com/presentation/d/1ss_mT_4m-xjzhBGIpcQgCY7e9VnoguK91KmRJ8z361c/edit?usp=sharing">Link to  Slides</a>]
 						</dd>
 					</dl>
-
+					<dl>
+						<dt>Environmental Impact of Computing</dt>
+						<dd>Explore the industrial need for lithium-ion batteries and reflect on their environmental impacts. Students will learn about different views from environmentalists and industrialists on lithium-ion batteries and develop their own views.
+							[<a href = "https://docs.google.com/document/d/1553X0iH9mg9dXoddVvsdtRxIOXAkKYmF/edit?usp=sharing&ouid=104012381786229175718&rtpof=true&sd=true">Link to Lesson Plan</a>]
+						</dd>
+					</dl>
+					<dl>
+						<dt>Crypto, Bitcoin, & Blockchain</dt>
+						<dd>Two-day session introducing students to the idea behind crypto and the importance of blockchain. Students will also learn about the security issues and ethical implications of blockchain.
+							[<a href = "https://docs.google.com/document/d/1RDj3ZGHPi9bQwqVQOdrqXQi3K2L8BD5OpTvFc7dF2GQ/edit?usp=sharing">Link to Lesson Plan</a>]
+							[<a href = "https://docs.google.com/document/d/1ntJR08R8HbNkoLmSpqdePf09DE0V221gNSasXhxUg1U/edit?usp=sharing">Link to Cryptoming Capacity Lesson Plan</a>]
+							[<a href = "https://docs.google.com/presentation/d/15qcRb2_mkFF3JeO0-T8YwZdLoXtfhea1q1ehMthitsI/edit?usp=sharing">Link to Slides</a>]
+						</dd>
+					</dl>
+					<dl>
+						<dt>VSCode Extensions</dt>
+						<dd>Introduce some useful VSCode extensions that might be helpful for students when programming. Students will explore multiple extensions and tricks that help them become more productive when using VSCode. 
+							[<a href = "https://docs.google.com/document/d/1LiUrDo5IhG8bSII1insjzX9kqwSroz451BNUux9lsKU/edit#heading=h.njgm35p7k0w2">Link to Lesson Plan</a>]
+							[<a href = "https://docs.google.com/presentation/d/16f52WnQIVf5YZ-oBg81W9-Z4I-OiJ1Jeejy89663snE/edit?usp=sharing">Link to Slides</a>]
+						</dd>
+					</dl>
+					<dl>
+						<dt>Lily Bots</dt>
+						<dd>Introduce the basic ideas behind Lily Bot control and let students build their own robots in two sessions. Students will work in groups, assemble the robot, and program it so it can perform desired actions.
+							[<a href = "https://docs.google.com/document/d/14a_IHEwHexys8q7-3p08KlmsKE7W3WRcWNsiOvcICGw/edit?usp=sharing">Link to Lesson Plan</a>]
+							[<a href = "https://docs.google.com/presentation/d/1ou4LVGUilocnxBw_HENk7yY-Qk5-wyzYvXOSrEn99v4/edit?usp=sharing">Link to Slides</a>]
+						</dd>
+					</dl>
+
 				<h2>CSE-PACE Additional Activity Plans</h2>
 					<dl>
 						<dt>
@@ -351,6 +380,9 @@ <h2>Publications and Presentations related to CSE-PACE</h2>
 				<dd>
 					Dr. Kathi Fisler, Brown University
 				</dd>
+				<dd>
+					Dr. Philip Guo, UC San Diego
+				</dd>
 				<dd>
 					Patrick Mallon, UC San Diego (2021-2022)
 				</dd>

diff --git a/handbook/footer.txt b/handbook/footer.txt
@@ -0,0 +1,4 @@
+
+<link rel="stylesheet" href="https://casual-effects.com/markdeep/latest/apidoc.css?">
+<script>markdeepOptions={tocStyle:'medium'};</script>
+<!-- Markdeep: --><style class="fallback">body{visibility:hidden;white-space:pre;font-family:monospace}</style><script src="markdeep.min.js" charset="utf-8"></script><script src="https://morgan3d.github.io/markdeep/latest/markdeep.min.js" charset="utf-8"></script><script>window.alreadyProcessedMarkdeep||(document.body.style.visibility="visible")</script>
diff --git a/handbook/header.txt b/handbook/header.txt
@@ -0,0 +1 @@
+**PACE Handbook**
diff --git a/images/qr-giveto.png b/images/qr-giveto.png
diff --git a/images/team/.DS_Store b/images/team/.DS_Store
diff --git a/index.html b/index.html
@@ -57,6 +57,7 @@
 					<a href="#directions"><button class="col-12">Find Us<br> Here</button></a>
 					<a href="#learn-more"><button class="col-12">Learn<br> More</button></a>
 					<a href="#topics"><button class="col-12">Discussion<br> Starters</button></a>
+					<a href="#handbook"><button class="col-12">PACE<br>Handbook</button></a>
 				</div>
 			</div>
 		</div>
@@ -541,8 +542,25 @@ <h3>Dr. Mia Minnes</h3>
 		</div>
 	</div>
 
+	<div class="row no-gutters handbook justify-content-around">
+		<a name="handbook"></a>
+		<div class="col-lg-12 feature"><span>PACE Handbook</span></div>
+		<div class="col-lg-10 explanation">
+			<p>
+				What classes should I take? How do I get involved with student organizations?
+				How can I get started with personal projects or research or tutoring?  
+			</p>
+			<p>
+				As a UC San Diego student, there's a ton of resources on campus available to 
+				help you on your academic and career journey. 
+				To help connect you with these resources, our LPMs have put together a 
+				<a href="handbook/index.md.html">first-year student handbook</a> 
+				compiling common questions and our answers!
+			</p>
+		</div>
+	</div>
+
 	<div class="row no-gutters learn-more justify-content-around">
-		<a name="topics"></a>
 		<div class="col-lg-12 feature"></div>
 		<div class="col-lg-10 explanation">
 		<p>Thinking of launching a program like CSE-PACE at your institution? <a href="external/index.html">Learn more and download resources and toolkits</a> .</p>

diff --git a/pace.css b/pace.css
@@ -71,7 +71,6 @@
 		height: 44px;
 		background-color: white;
 		border-radius: 10px;
-
 		cursor: pointer;
 	}
 
@@ -154,7 +153,7 @@
 		justify-content: space-around;
 	}
 
-	/* location class is for three "call to action buttons"*/	
+	/* location class is for four "call to action buttons"*/	
 	.location button {
 		font-family: 'Source Sans Pro', sans-serif;
 		font-weight: 300;
@@ -167,6 +166,7 @@
 		min-width: 130px;
 
 		cursor: pointer;
+    	margin-bottom: 10px;
 	}
 
 	.feature {
@@ -182,6 +182,17 @@
 		display: inline-block;
 	}
 
+	.handbook .explanation {
+		padding-top: 40px;
+		padding-left: 10px;
+		padding-right: 10px;
+	}
+
+	.handbook .explanation p {
+		font-size: var(--normal);
+	}
+
+
 	.learn-more .explanation {
 		padding-top: 40px;
 		padding-left: 10px;
@@ -380,7 +391,7 @@
 		justify-content: space-around;
 	}
 
-	/* location class is for three "call to action buttons"*/
+	/* location class is for four "call to action buttons"*/
 	.location button {
 		font-family: 'Source Sans Pro', sans-serif;
 		font-weight: 600;
@@ -394,6 +405,17 @@
 		border-radius: 10px;
 
 		cursor: pointer;
+    	margin-bottom: 10px;
+	}
+
+	.handbook .explanation {
+		padding-top: 40px;
+		padding-left: 10px;
+		padding-right: 10px;
+	}
+
+	.handbook .explanation p {
+		font-size: var(--normal);
 	}
 
 	.feature {