update about page

shaoleiren · Sep 20, 2023 · 13830d2 · 13830d2
1 parent f418aeb
commit 13830d2
Show file tree

Hide file tree

Showing 6 changed files with 186 additions and 82 deletions.
diff --git a/_layouts/about.html b/_layouts/about.html
@@ -43,9 +43,9 @@ <h1 class="post-title">
 
 
           <!-- Selected media -->
-          <h2><a href="{{ '/media/' | relative_url }}" style="color: inherit;">selected media</a></h2>
+          <h3><a href="{{ '/media/' | relative_url }}" style="color: inherit;">selected media</a></h3>
 
-          My research on AI sustainability has been reported and covered by 500+ media outlets in 60+ countries, including
+          My research on AI sustainability has been reported and covered by 800+ media outlets in 60+ countries, including
           major news publishers such as 
           <b><a href="https://apnews.com/article/chatgpt-gpt4-iowa-ai-water-consumption-microsoft-f551fde98083d17a7e8d904f8be822c4">Associated Press</a></b> (also republished
           in <a href="https://www.washingtonpost.com/business/2023/09/09/chatgpt-gpt4-iowa-ai-water-consumption-microsoft/e68d41d0-4f12-11ee-bfca-04e0ac43f9e4_story.html">The Washington Post</a>, <a href="https://abcnews.go.com/Technology/wireStory/artificial-intelligence-technology-chatgpt-built-iowa-lot-water-103052515">ABC News</a>, <a href="https://fortune.com/2023/09/09/ai-chatgpt-usage-fuels-spike-in-microsoft-water-consumption/">Fortune</a>, <a href="https://www.cnbc.com/2023/09/11/artificial-intelligence-technology-behind-chatgpt-was-built-in-iowa-with-a-lot-of-water.html">CNBC</a>, 
@@ -100,7 +100,7 @@ <h2><a href="{{ '/blog/' | relative_url }}" style="color: inherit;">latest posts
 
           <!-- Selected papers -->
           {% if page.selected_papers -%}
-            <h2><a href="{{ '/publications/' | relative_url }}" style="color: inherit;">recent papers</a></h2>
+            <h3><a href="{{ '/publications/' | relative_url }}" style="color: inherit;">recent papers</a></h3>
             {%- include selected_papers.html %}
           {%- endif %}
 
@@ -117,6 +117,110 @@ <h2><a href="{{ '/publications/' | relative_url }}" style="color: inherit;">rece
 
             </div>
           {%- endif %}
+
+          <br/>
+
+          <!-- Education -->
+          <h3>education</h3>
+          <div class="row">
+              <div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px;">
+                <span class="badge font-weight-bold stylish-color text-uppercase align-middle" style="min-width: 75px;">
+                08/2008 -- 07/2012
+                </span>
+              </div>
+              <div class="col-xs-10 cl-sm-10 col-md-10 mt-2 mt-md-0">
+                <h6 class="title font-weight-bold ml-1 ml-md-4"><a href="https://www.ucla.edu/">University of California, Los Angeles</a></h6>
+                <h6 class="ml-1 ml-md-4" style="font-size: 1.0rem;">Ph.D. in Electrical Engineering</h6>
+                <h6 class="ml-1 ml-md-4" style="font-size: 1.0rem;">Advisor: <a href="https://www.vanderschaar-lab.com/">Mihaela van der Schaar</a> (now with the University of Cambridge)</h6>
+                <!--  <h6 class="ml-1 ml-md-4" style="font-size: 0.95rem; font-style: italic;">California</h6>
+                <ul class="items">
+                <li>
+                <span class="item">ECE</span>
+                </li>
+                </ul>-->  
+              </div>
+          </div>
+
+          <div class="row">
+              <div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px;">
+                <span class="badge font-weight-bold stylish-color text-uppercase align-middle" style="min-width: 75px;">
+                09/2006 -- 08/2008
+                </span>
+              </div>
+              <div class="col-xs-10 cl-sm-10 col-md-10 mt-2 mt-md-0">
+                <h6 class="title font-weight-bold ml-1 ml-md-4"><a href="https://hkust.edu.hk/">The Hong Kong University of Science and Technology</a></h6>
+                <h6 class="ml-1 ml-md-4" style="font-size: 1.0rem;">M.Phil. in Electronic and Computer Engineering</h6>
+                <h6 class="ml-1 ml-md-4" style="font-size: 1.0rem;">Advisor: <a href="https://eekhaled.home.ece.ust.hk/">Khaled B. Letaief</a></h6>
+              </div>
+          </div>
+
+          <div class="row">
+              <div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px;">
+                <span class="badge font-weight-bold stylish-color text-uppercase align-middle" style="min-width: 75px;">
+                09/2002 -- 07/2006
+                </span>
+              </div>
+              <div class="col-xs-10 cl-sm-10 col-md-10 mt-2 mt-md-0">
+                <h6 class="title font-weight-bold ml-1 ml-md-4"><a href="https://www.tsinghua.edu.cn/en/">Tsinghua University, Beijing, China</a></h6>
+                <h6 class="ml-1 ml-md-4" style="font-size: 1.0rem;">B.E. in Electronics and Information Engineering</h6>
+              </div>
+          </div>
+
+          <br/>  
+          <h3>employment</h3>
+          <div class="row">
+              <div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px;">
+                <span class="badge font-weight-bold stylish-color text-uppercase align-middle" style="min-width: 75px;">
+                07/2015 -- Present
+                </span>
+              </div>
+              <div class="col-xs-10 cl-sm-10 col-md-10 mt-2 mt-md-0">
+                <h6 class="title font-weight-bold ml-1 ml-md-4"><a href="https://www.ucla.edu/">University of California, Riverside</a></h6>
+                <h6 class="ml-1 ml-md-4" style="font-size: 1.0rem;">Associate Professor of Electrical and Computer Engineering</h6>
+                <h6 class="ml-1 ml-md-4" style="font-size: 1.0rem;">Cooperating Faculty of Computer 
+                Science and Engineering</h6>
+                <h6 class="ml-1 ml-md-4" style="font-size: 1.0rem;">Assistant Professor of Electrical and Computer Engineering (07/2015--06/2019)</h6> 
+              </div>
+          </div>
+
+          <div class="row">
+              <div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px;">
+                <span class="badge font-weight-bold stylish-color text-uppercase align-middle" style="min-width: 75px;">
+                08/2012 -- 06/2015
+                </span>
+              </div>
+              <div class="col-xs-10 cl-sm-10 col-md-10 mt-2 mt-md-0">
+                <h6 class="title font-weight-bold ml-1 ml-md-4"><a href="https://www.cis.fiu.edu/">Florida International University</a></h6>
+                <h6 class="ml-1 ml-md-4" style="font-size: 1.0rem;">Assistant Professor of Computing and Information Sciences</h6>
+              </div>
+          </div>
+          <br/>
+
+
+          <h3>teaching</a></h3>
+          I regularly teach the following courses: Signal and Systems, Digital Signal Processing, and Data Center Architecture (graduate-level).
+          <br/>
+          <br/>
+
+          <h3>professional services</a></h3>
+          I frequently serve on the technical program committee of <a href="https://www.sigmetrics.org/">ACM SIGMETRICS</a>, <a href="https://energy.acm.org/">ACM e-Energy</a>, and major AI conferences such as NeurIPS and ICML. I am also an associate editor of 
+          <a href="https://dl.acm.org/journal/tompecs">ACM Transactions on Modeling and Performance Evaluation of Computing Systems</a> and <a href="https://ieeexplore.ieee.org/xpl/RecentIssue.jsp?punumber=4267003">IEEE System Journals</a>.
+
+          <br/>
+          <br/>
+          <h3>contact</a></h3>
+          Shaolei Ren<br/>
+          Department of Electrical and Computer Engineering<br/>
+          University of California, Riverside<br/>
+          <!-- 900 University Avenue<br/>-->
+          Riverside, CA 92521, United States<br/>
+          <br/>
+
+          <b>Office:</b> Winston Chung Hall 319<br/>
+          <b>Phone:</b> 951-827-2260<br/>
+          <b>E-mail:</b> [email protected]<br/>
+
+
         </article>
 
 </div>
diff --git a/_pages/cv.md b/_pages/cv.md
@@ -1,11 +1,11 @@
----
-layout: cv
-permalink: /cv/
-title: cv
-nav: true
-nav_order: 4
-cv_pdf: example_pdf.pdf
-description: This is a description of the page. You can modify it in 'pages/_cv.md'. You can also change or remove the top pdf download button.
+//---
+//layout: cv
+//permalink: /cv/
+//title: cv
+//nav: true
+//nav_order: 4
+//cv_pdf: example_pdf.pdf
+//description: This is a description of the page. You can modify it in 'pages/_cv.md'. You can also change or remove the top pdf download button.
 toc:
-  sidebar: left
----
+//  sidebar: left
+//---
diff --git a/_pages/dropdown.md b/_pages/dropdown.md
@@ -1,13 +1,13 @@
----
-layout: page
-title: submenus
-nav: true
-nav_order: 7
-dropdown: true
-children: 
-    - title: publications
-      permalink: /publications/
-    - title: divider
-    - title: projects
-      permalink: /projects/
----
+//---
+//layout: page
+//title: submenus
+//nav: true
+//nav_order: 7
+//dropdown: true
+//children: 
+//    - title: publications
+//      permalink: /publications/
+//    - title: divider
+//    - title: projects
+//      permalink: /projects/
+//---
diff --git a/_pages/repositories.md b/_pages/repositories.md
@@ -1,44 +1,44 @@
----
-layout: page
-permalink: /repositories/
-title: repositories
-description: Edit the `_data/repositories.yml` and change the `github_users` and `github_repos` lists to include your own GitHub profile and repositories.
-nav: true
-nav_order: 3
----
-
-## GitHub users
-
-{% if site.data.repositories.github_users %}
-<div class="repositories d-flex flex-wrap flex-md-row flex-column justify-content-between align-items-center">
-  {% for user in site.data.repositories.github_users %}
-    {% include repository/repo_user.html username=user %}
-  {% endfor %}
-</div>
-
----
-
-{% if site.repo_trophies.enabled %}
-{% for user in site.data.repositories.github_users %}
-  {% if site.data.repositories.github_users.size > 1 %}
-  <h4>{{ user }}</h4>
-  {% endif %}
-  <div class="repositories d-flex flex-wrap flex-md-row flex-column justify-content-between align-items-center">
-  {% include repository/repo_trophies.html username=user %}
-  </div>
-
-  ---
-
-{% endfor %}
-{% endif %}
-{% endif %}
-
-## GitHub Repositories
-
-{% if site.data.repositories.github_repos %}
-<div class="repositories d-flex flex-wrap flex-md-row flex-column justify-content-between align-items-center">
-  {% for repo in site.data.repositories.github_repos %}
-    {% include repository/repo.html repository=repo %}
-  {% endfor %}
-</div>
-{% endif %}
+//---
+//layout: page
+//permalink: /repositories/
+//title: repositories
+//description: Edit the `_data/repositories.yml` and change the `github_users` and `github_repos` lists to include your own GitHub profile and repositories.
+//nav: true
+//nav_order: 3
+//---
+
+//## GitHub users
+
+//{% if site.data.repositories.github_users %}
+//<div class="repositories d-flex flex-wrap flex-md-row flex-column justify-content-between align-items-center">
+//  {% for user in site.data.repositories.github_users %}
+//    {% include repository/repo_user.html username=user %}
+//  {% endfor %}
+//</div>
+
+//---
+
+//{% if site.repo_trophies.enabled %}
+//{% for user in site.data.repositories.github_users %}
+// {% if site.data.repositories.github_users.size > 1 %}
+//  <h4>{{ user }}</h4>
+//  {% endif %}
+//  <div class="repositories d-flex flex-wrap flex-md-row flex-column justify-content-between align-items-center">
+//  {% include repository/repo_trophies.html username=user %}
+//  </div>
+
+//  ---
+
+//{% endfor %}
+//{% endif %}
+//{% endif %}
+
+//## GitHub Repositories
+
+//{% if site.data.repositories.github_repos %}
+//<div class="repositories d-flex flex-wrap flex-md-row flex-column justify-content-between align-items-center">
+//  {% for repo in site.data.repositories.github_repos %}
+//    {% include repository/repo.html repository=repo %}
+//  {% endfor %}
+//</div>
+//{% endif %}
diff --git a/_pages/teaching.md b/_pages/teaching.md
@@ -1,12 +1,12 @@
----
-layout: page
-permalink: /teaching/
-title: teaching
-description: Materials for courses you taught. Replace this text with your description.
-nav: true
-nav_order: 5
----
+//---
+//layout: page
+//permalink: /teaching/
+//title: teaching
+//description: Materials for courses you taught. Replace this text with your description.
+//nav: true
+//nav_order: 5
+//---
 
-For now, this page is assumed to be a static description of your courses. You can convert it to a collection similar to `_projects/` so that you can have a dedicated page for each course.
+//For now, this page is assumed to be a static description of your courses. You can convert it to a //collection similar to `_projects/` so that you can have a dedicated page for each course.
 
-Organize your courses by years, topics, or universities, however you like!
+//Organize your courses by years, topics, or universities, however you like!
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -6,7 +6,7 @@
 
 p,
 h1,
- // h2,
+//h2,
 h3,
 h4,
 h5,
@@ -19,7 +19,7 @@ strong {
   color: var(--global-text-color);
 }
 
-h2 {
+h3 {
   color: #{$purple-color};
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -6,7 +6,7 @@ @@
     p,
     h1,
-     // h2,
+    //h2,
     h3,
     h4,
     h5,
@@ Expand All / @@ -19,7 +19,7 @@ strong { @@
       color: var(--global-text-color);
     }
-    h2 {
+    h3 {
       color: #{$purple-color};
     }
@@ Expand Down @@