Add hiring webpage for DAC project

_layouts/page.liquid

@@ -12,7 +12,7 @@ layout: default
   </article>
 
   {% if page.related_publications %}
-    <h2>References</h2>
+    <!-- <h2>References</h2> -->
     <div class="publications">
       {% bibliography --cited_in_order %}
     </div>

_news/announcement_10.md

@@ -6,4 +6,4 @@ related_posts: false
 priority: 1
 ---
 
-Received a grant for a multi-year project focused on using Reinforcement Learning for Chemical Materials discovery, in partnership with industry at KAUST. This project was co-authored with Jürgen Schmidhuber. `We are hiring 3 Postdocs for this project!`
+Received a grant for a multi-year project focused on using Reinforcement Learning for Chemical Materials discovery, in partnership with industry at KAUST. This project was co-authored with Jürgen Schmidhuber. <a href="/postdoctoral-positions-rl-chemistry/">We are hiring 3 Postdocs for this project!</a>

_pages/projects.md

@@ -0,0 +1,65 @@
+---
+layout: page
+title: Projects
+permalink: /projects/
+description: Current research projects.
+nav: false
+nav_order: 3
+display_categories: [Research]
+horizontal: false
+---
+
+<!-- pages/projects.md -->
+<div class="projects">
+{% if site.enable_project_categories and page.display_categories %}
+  <!-- Display categorized projects -->
+  {% for category in page.display_categories %}
+  <a id="{{ category }}" href=".#{{ category }}">
+    <h2 class="category">{{ category }}</h2>
+  </a>
+  {% assign categorized_projects = site.projects | where: "category", category %}
+  {% assign sorted_projects = categorized_projects | sort: "importance" %}
+  <!-- Generate cards for each project -->
+  {% if page.horizontal %}
+  <div class="container">
+    <div class="row row-cols-1 row-cols-md-2">
+    {% for project in sorted_projects %}
+      {% include projects_horizontal.liquid %}
+    {% endfor %}
+    </div>
+  </div>
+  {% else %}
+  <div class="row row-cols-1 row-cols-md-3">
+    {% for project in sorted_projects %}
+      {% include projects.liquid %}
+    {% endfor %}
+  </div>
+  {% endif %}
+  {% endfor %}
+
+{% else %}
+
+<!-- Display projects without categories -->
+
+{% assign sorted_projects = site.projects | sort: "importance" %}
+
+  <!-- Generate cards for each project -->
+
+{% if page.horizontal %}
+
+  <div class="container">
+    <div class="row row-cols-1 row-cols-md-2">
+    {% for project in sorted_projects %}
+      {% include projects_horizontal.liquid %}
+    {% endfor %}
+    </div>
+  </div>
+  {% else %}
+  <div class="row row-cols-1 row-cols-md-3">
+    {% for project in sorted_projects %}
+      {% include projects.liquid %}
+    {% endfor %}
+  </div>
+  {% endif %}
+{% endif %}
+</div>

_projects/1_project.md

@@ -1,81 +1,64 @@
 ---
 layout: page
-title: project 1
-description: with background image
+title: Open Postdoctoral Positions in Reinforcement Learning for Material Science at KAUST
+permalink: /postdoctoral-positions-rl-chemistry/
+description: 
 img: assets/img/12.jpg
 importance: 1
-category: work
+category: Research
 related_publications: true
 ---
+{% include figure.liquid loading="eager" path="assets/img/kaust.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+<div style="padding-top: 20px;">
+<h2>Project Overview</h2>  
+<p style="margin-bottom: 20px;">We are excited to offer three postdoctoral positions at the King Abdullah University of Science and Technology (KAUST) under the mentorship of Prof. Jürgen Schmidhuber. This project, located at the intersection of Reinforcement Learning and Material Science, focuses on developing innovative solutions for the discovery of novel chemical materials for direct air capture (DAC) technologies. By joining our team, you will contribute to pioneering research with the potential to drive significant advancements in combating climate change and promoting sustainability.</p>
 
-Every project has a beautiful feature showcase page.
-It's easy to include images in a flexible 3-column grid format.
-Make your photos 1/3, 2/3, or full width.
+<h2>About the Role</h2>  
+<p style="margin-bottom: 20px;">Postdoctoral researchers in this project will:</p>
+<ul style="margin-bottom: 20px;">
+    <li>Collaborate with a dynamic team of international researchers and industry partners.</li>
+    <li>Design, implement, and validate advanced reinforcement learning models.</li>
+    <li>Utilize reinforcement learning and evolutionary algorithms to discover new chemical materials.</li>
+    <li>Publish and present research findings at high-impact conferences.</li>
+    <li>Engage in a supportive environment that fosters professional growth and development.</li>
+</ul>
 
-To give your project a background in the portfolio page, just add the img tag to the front matter like so:
+<h2>Benefits</h2>
+<ul style="margin-bottom: 20px;">
+    <li>Highly competitive salary package.</li>
+    <li>Complimentary accommodation on KAUST's campus.</li>
+    <li>Travel allowance for conferences and research collaborations.</li>
+    <li>Access to state-of-the-art facilities and resources.</li>
+    <li>Opportunity to work in a multicultural environment with researchers from over 120 countries.</li>
+</ul>
 
-    ---
-    layout: page
-    title: project
-    description: a project with a background image
-    img: /assets/img/12.jpg
-    ---
+<h2>Qualifications</h2>
+<p style="margin-bottom: 20px;">We are looking for candidates who have:</p>
+<ul style="margin-bottom: 20px;">
+    <li>A Ph.D. in Computer Science, Chemical Engineering, Materials Science, or a related field, with a strong focus on deep learning.</li>
+    <li>Demonstrated experience with publications in top-tier journals and conferences.</li>
+    <li>Proficiency in programming languages commonly used in deep learning such as Python and familiarity with frameworks like TensorFlow or PyTorch.</li>
+    <li>A keen interest in impactful applied research.</li>
+    <li>Experience in Reinforcement Learning or Evolutionary Algorithms.</li>
+    <li>Background in Deep Learning for Chemistry (desirable but not essential).</li>
+</ul>
 
-<div class="row">
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-</div>
-<div class="caption">
-    Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
-</div>
-<div class="row">
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-</div>
-<div class="caption">
-    This image can also have a caption. It's like magic.
-</div>
+<h2>How to Apply</h2>
+<p style="margin-bottom: 20px;">To apply, please submit the following to <a href="mailto:[email protected]">[email protected]</a>:</p>
+<ul style="margin-bottom: 20px;">
+    <li>Your Curriculum Vitae (CV).</li>
+    <li>A brief statement of research interests, explaining why you are interested in this position.</li>
+    <li>Contact information for three references.</li>
+</ul>
+<p style="margin-bottom: 30px;">Use the subject line: <strong>[Your Full Name] KAUST Postdoc - DAC</strong> (e.g., "Jo Mo KAUST Postdoc - DAC"). We accept applications on a rolling basis and will review them periodically. Further updates will be provided on this website.</p>
 
-You can also put regular text between your rows of images, even citations {% cite einstein1950meaning %}.
-Say you wanted to write a bit about your project before you posted the rest of the images.
-You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images.
-
-<div class="row justify-content-sm-center">
+<div class="row justify-content-sm-center align-items-center"> <!-- Added 'align-items-center' for vertical alignment -->
     <div class="col-sm-8 mt-3 mt-md-0">
-        {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+        {% include figure.liquid path="assets/img/shaheen3-.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
     </div>
     <div class="col-sm-4 mt-3 mt-md-0">
-        {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+        {% include figure.liquid path="assets/img/mof.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
     </div>
 </div>
 <div class="caption">
-    You can also have artistically styled 2/3 + 1/3 images, like these.
-</div>
-
-The code is simple.
-Just wrap your images with `<div class="col-sm">` and place them inside `<div class="row">` (read more about the <a href="https://getbootstrap.com/docs/4.4/layout/grid/">Bootstrap Grid</a> system).
-To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
-Here's the code for the last row of images above:
-
-{% raw %}
-
-```html
-<div class="row justify-content-sm-center">
-  <div class="col-sm-8 mt-3 mt-md-0">
-    {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-  </div>
-  <div class="col-sm-4 mt-3 mt-md-0">
-    {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-  </div>
 </div>
-```
-
-{% endraw %}