some restyling mostly

docs/_config.yml

@@ -1,7 +1,8 @@
 # headers and icon 
 title: seojin jung
 info: site under construction
-icon-pic: assets/img/weevil_icon.png    # icon by Nikita Golubev 
+# temporary icon until i think of a better one lol
+icon-pic: assets/img/weevil_icon.png    # icon by Nikita Golubev at Flaticon
 # description: >- # this means to ignore newlines until "baseurl:"
 #   Seojin Jung's personal GitHub Pages website.
 # baseurl: "" # the subpath of your site, e.g. /blog

docs/_data/about.yaml

@@ -1,6 +1,7 @@
 # basic information
 name: seojin jung
 profile-pic: 
+# assets/img/profile.jpg
 pronunciation: they/them    # repurpose pronunciation for pronouns instead
 # /sʌdʒɪn dʒʌŋ/ <- for if i decide to add pronunciation
 pronunciation-emoji: 🎧
@@ -10,21 +11,21 @@ emoji: 🐛
 desc-emoji: bug
 
 # social links
-scholar: 
-researchgate: 
-github: https://github.com/seojinjung
-youtube: 
-resume: 
-projects: show            # delete "show" or leave it blank to hide this icon
-codepen: 
-orcid: 
-contact: show            # delete "show" or leave it blank to hide this icon
+scholar:         
+researchgate:   
+github:         https://github.com/seojinjung
+youtube:         
+resume:         
+projects:       show            # delete "show" or leave it blank to hide this icon
+codepen:        
+orcid:          
+contact:        show            # delete "show" or leave it blank to hide this icon
 
 # information for contact card
-dept: 
-lab: 
-email: ajung24@amherst.edu
-phone: +1 (806) 201-2713
+dept:   
+lab:    
+email:   ajung24@amherst.edu
+phone:   +1 (806) 201-2713
 website: https://seojinjung.github.io/
 web-dns: seojinjung.github.io
 

docs/_data/outreach.yaml

@@ -1,4 +1,5 @@
 # repurpose for personal projects maybe
+introduction: miscellaneous other work, including personal projects.
 
 mini-projects:
 

docs/_data/research.yaml

@@ -5,6 +5,22 @@ categories:
 
 projects:
 
+  # - title: your paper title
+  #   system-name: your system title
+  #   gif: link to the representative image to your paper
+  #   conference: conference/journal name
+  #   conference-web: conference/journal webpage
+  #   status: status of the paper
+  #   authors: author list
+  #   pdf: link to your paper
+  #   code: code for your project
+  #   demo: demo for your project
+  #   slides: presentation slides 
+  #   talk: video of your presentation
+  #   abstract-less: portion of the paper's abstract
+  #   abstract-more: the rest of the paper's abstract
+  #   tag: a unique tag for your paper
+
   # - title: Real-Time 3D Semantic Scene Perception for Egocentric Robots with Binocular Vision
   #   system-name: 
   #   gif: assets/img/demo_scene_perception.gif

docs/_data/resources.yaml

@@ -1,4 +1,4 @@
-introduction: code and other resources for various projects.
+introduction: source code for various projects.
 
 categories:
 

docs/_layouts/main.html

@@ -66,7 +66,7 @@
                 <li><p onclick="scrollToTopDiv('html')"><span class="emoji">🏡</span> <span class="text">home</span></p></li>
                 <li><p onclick="scrollToTopDiv('#updates')"><span class="emoji">📜</span> <span class="text">updates</span></p></li>
                 <li><p onclick="scrollToTopDiv('#research')"><span class="emoji">📚</span> <span class="text">publications</span></p></li>
-                <li><p onclick="scrollToTopDiv('#outreach')"><span class="emoji">🧩</span> <span class="text">outreach</span></p></li>
+                <li><p onclick="scrollToTopDiv('#outreach')"><span class="emoji">🧩</span> <span class="text">other projects</span></p></li>
                 <li><p onclick="scrollToTopDiv('#resources')"><span class="emoji">⛏️</span> <span class="text">resources</span></p></li>
                 <li><p onclick="scrollToTopDiv('#gallery')"><span class="emoji">🖼️</span> <span class="text">gallery</span></p></li>
             </ul>

docs/_sections/outreach.html

@@ -3,7 +3,9 @@
 <hr>
 <div class="row" id="outreach">
     <div class="col">
-        <h2 clss="mb-5">🧩 outreach activities</h2>
+        <h2 clss="mb-5">🧩 other projects</h2>
+        <p></p>
+        {{ site.data.outreach.introduction }}
         <p></p>
         {% for mini-project in site.data.outreach.mini-projects %}
             {% include_relative _libs/outreach_widget.html %}

docs/index.md

@@ -3,9 +3,9 @@ layout: main
 ---
 
 {% include_relative _sections/about.html %}
-<!-- {% include_relative _sections/updates.html %} -->
-<!-- {% include_relative _sections/research.html %} -->
-<!-- {% include_relative _sections/outreach.html %} -->
-<!-- {% include_relative _sections/resources.html %} -->
-<!-- {% include_relative _sections/gallery.html %} -->
+{% include_relative _sections/updates.html %}
+{% include_relative _sections/research.html %}
+{% include_relative _sections/outreach.html %}
+{% include_relative _sections/resources.html %}
+{% include_relative _sections/gallery.html %}
 {% include_relative _sections/footer.html %}

docs/styles/styles.css

@@ -13,16 +13,16 @@ body.dark-theme {
 
 /* Hyperlink, hightlight, and text styles */
 a {
-    color: #6f21e3;
+    color: #9b65ec;
     text-decoration: none;
     background-color: transparent;
 }
 a:hover {
-    color: #5500d7;
+    color: #8c3ee9;
     text-decoration: underline;
 }
 hightlight {
-    color: #6f21e3;
+    color: #9b65ec;
     text-decoration: none;
     background-color: transparent;
 }
@@ -149,7 +149,7 @@ nav ul li {
     text-align: center;
 }
 nav ul li p {
-    color: #6f21e3;
+    color: #9b65ec;
     display: block;
     padding: 10px 0px;
     font-size: medium;
@@ -159,11 +159,11 @@ nav ul li p {
 }
 nav ul li p span.text {
     text-decoration: underline;
-    color: #6f21e3;
+    color: #9b65ec;
     cursor: pointer;
 }
 nav ul li p:hover span.text {
-    color: #5500d7;
+    color: #8c3ee9;
     cursor: pointer;
 }
 
@@ -988,7 +988,7 @@ div.desc {
 }
 .progress-bar {
     height: 1px;
-    background: #6f21e3;
+    background: #9b65ec;
     width: 0%;
 }
 .light-theme .progress-bar-container {