Finished complete overhaul of website design

index.html

@@ -11,11 +11,32 @@
                 Hey! My name is Aidan Sharpe. I'm a third-year Electrical and Computer Engineering student at Rowan University, and I'm on track to graduate in May of 2025 with my Bachelor of Science and a Certificate of Undergraduate Study in Cybersecurity Engineering. 
 			</p>
 
+            <p>
+                I made this website primarily to serve as a hub for my profiles and projects.
+            </p>
 		</div>
         <div class="content-box">
-			<h2>Check out my projects!</h2>
+            <h2>For Friends & Family</h2>
-			<p>
+            <p>
-			</p>
+            If you are a friend or family member looking for pictures from our most recent vacation, shoot me an email <a href="mailto:amsharpe102@pm.me">amsharpe102@pm.me</a>, and I'll get you set up with an account for my image sharing server.
+            </p>
+            <p>
+            If you are a friend or family member sitting in the same room as me, reading this aloud, you are not the first one.
+            </p>
+        </div>
+        <div class="content-box">
+            <h2>For Recruiters / Prospective Employers</h2>
+            <p>
+                If you are a recruiter or prospective employer, first of all, welcome! I am very thankful that I you have taken the time to visit my webpage. There is a decent amount to explore here. If you are looking for my portfolio, most if not all of my personal projects can be found on my gitea instance. Other than that, feel free to explore! If you have any questions, please don't hesitate to reach out to me via email <a href="mailto:amsharpe102@pm.me">amsharpe102@pm.me</a>.
+            </p>
+        </div>
+        <div class="content-box">
+            <h2>For Project Collaborators</h2>
+            <p>
+            If you are here looking to be a collaborator on a school project, please shoot an email to my school address: <a href="mailto:sharpe23@students.rowan.edu">sharpe23@students.rowan.edu</a>. Otherwise, if you want to collaborate on one of my personal projects, please shoot an email to my "real" email address: <a href="mailto:amsharpe102@pm.me">amsharpe102@pm.me</a>.
+
+            Thank you for wanting to collaborate!
+            </p>
         </div>
         <div class="content-box">
 			<h2>Helpful Links</h2>
@@ -38,10 +59,13 @@
                     LaTeX Template
                 </p>
             </div>
+            <div>
+                <a href="https://gitea.sharpe6.com/Adog64/Resume/src/branch/master/Aidan_Sharpe_Resume.pdf"><img class="icon" src="Resume.png"/></a>
+                <p class="icon-text">
+                    Resume
+                </p>
+            </div>
             </div>
-            <p>
-                My resume in pdf format is available <a href="https://gitea.sharpe6.com/Adog64/Resume/src/branch/master/Aidan_Sharpe_Resume.pdf">here.</a>
-			</p>
         </div>
 	</body>
 </html>

sharpe6style.css

@@ -1,72 +1,60 @@
 * {
-	font-family: Helvetica;
+  font-family: Helvetica; }
-}
 
 .top_bar {
-	background-color: #16161d;
+  background-color: #16161d;
-	padding: 1px;
+  padding: 1px; }
-}
 
 .column {
-	float: left;
+  float: left;
-	width: 90%;
+  width: 90%;
-	margin-left: 5%;
+  margin-left: 5%;
-	margin-right: 5%;
+  margin-right: 5%; }
-}
 
 .content-box {
-    background-image: linear-gradient(to bottom right, rgba(54, 54, 70, 0.5), rgba(54, 54, 70, 0.2));
+  background-color: rgba(31, 31, 40, 0.7);
-    border-radius: 10px;
+  border-radius: 10px;
-    padding: 10px;
+  padding: 10px;
-    width: 80%;
+  width: 80%;
-    margin: 10px;
+  margin: 10px;
-    margin-left: auto;
+  margin-left: auto;
-    margin-right: auto;
+  margin-right: auto; }
-}
 
 .icon-group {
-    display: flex;
+  display: flex; }
-}
 
 .icon {
-    border-radius: 10px;
+  border-radius: 10px;
-    width: 100px;
+  width: 100px;
-    height: 100px;
+  height: 100px;
-    margin: 15px;
+  margin: 15px;
-    margin-top: 0;
+  margin-top: 0;
-    margin-bottom: 0;
+  margin-bottom: 0; }
-}
 
 .icon-text {
-    margin-top: 0;
+  margin-top: 0;
-    text-align: center;
+  text-align: center; }
-}
 
 h1 {
-	color: #7e9cd8;
+  color: #7e9cd8;
-	margin-left: 5%;
+  margin-left: 5%;
-	margin-right: 5%;
+  margin-right: 5%;
-	padding: 10px 0px;
+  padding: 10px 0px; }
-}
 
 h2 {
-	color: #ff5d62;
+  color: #ff5d62; }
-}
 
 p {
-	color: #dcd7ba;
+  color: #dcd7ba; }
-}
-
 
 body {
-	background-color: #252535;
+  background-image: url("PerfectSunrise.jpg");
-	margin: 0px;
+  background-size: auto 150%;
-}
+  background-repeat: no-repeat;
+  margin: 0px; }
 
 a:link {
-	color: #dcd7ba;
+  color: #7e9cd8; }
-}
 
 a:visited {
-	color: #957fb8;
+  color: #957fb8; }
-}

sharpe6style.scss

@@ -0,0 +1,88 @@
+$wave_blue1:    #2d4f67;
+$autumn_red:    #c34043;
+$peach_red:     #ff5d62;
+$autumn_green:  #66946a;
+$carp_yellow:   #e6c384;
+$crystal_blue:  #7e9cd8;
+$oni_violet:    #957fb8;
+$fuji_white:    #dcd7ba;
+$sumi_ink0:     #16161d;
+$sumi_ink1:     #1F1F28;
+$sumi_ink4:     #54546d;
+$winter_blue:     #252535;
+
+
+* {
+	font-family: Helvetica;
+}
+
+.top_bar {
+	background-color: $sumi_ink0;
+	padding: 1px;
+}
+
+.column {
+	float: left;
+	width: 90%;
+	margin-left: 5%;
+	margin-right: 5%;
+}
+
+.content-box {
+    background-color: rgba(31, 31, 40, 0.7);
+    border-radius: 10px;
+    padding: 10px;
+    width: 80%;
+    margin: 10px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.icon-group {
+    display: flex;
+}
+
+.icon {
+    border-radius: 10px;
+    width: 100px;
+    height: 100px;
+    margin: 15px;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+.icon-text {
+    margin-top: 0;
+    text-align: center;
+}
+
+h1 {
+	color: #7e9cd8;
+	margin-left: 5%;
+	margin-right: 5%;
+	padding: 10px 0px;
+}
+
+h2 {
+	color: #ff5d62;
+}
+
+p {
+	color: #dcd7ba;
+}
+
+
+body {
+    background-image: url("PerfectSunrise.jpg");
+    background-size: auto 150%;
+    background-repeat: no-repeat;
+	margin: 0px;
+}
+
+a:link {
+	color: $crystal_blue;
+}
+
+a:visited {
+	color: $oni_violet;
+}