Merge pull request #92 from KasukabeDefenceForce/join_us

Add job opportunities page
kerzendorf-lab · Oct 13, 2024 · bed30e3 · bed30e3
2 parents 7ea6ca6 + e39beae
commit bed30e3
Show file tree

Hide file tree

Showing 3 changed files with 142 additions and 2 deletions.
diff --git a/notebooks/create_htmls.ipynb b/notebooks/create_htmls.ipynb
@@ -70,8 +70,8 @@
             "ARTICLE_DIR_PATH = Path(\"../../research_news/articles\")\n",
             "ARTICLE_IMAGE_DESTINATION_DIR = (HOSTING_PATH / \"website_files\" / \"images\" / \"article_content\")\n",
             "MEMBERS_DIR_PATH = GROUP_DATA_DIR / \"members/\"\n",
-            "CONTENT_DIR_PATH = WEBSITE_DATA_PATH / \"content\"\n",
             "SUB_RESEARCH_PATH = HOSTING_PATH / \"sub_research\"\n",
+            "OPPORTUNITIES_PATH = WEBSITE_DATA_PATH / \"content\" / \"opportunities.json\"\n",
             "ROLE_HIERARCHY_PATH = WEBSITE_DATA_PATH / \"role_hierarchy.json\""
          ]
       },
@@ -1384,6 +1384,37 @@
             "        category=\"News\"\n",
             "    )"
          ]
+      },
+      {
+         "cell_type": "markdown",
+         "metadata": {},
+         "source": [
+            "# Join Us Page"
+         ]
+      },
+      {
+         "cell_type": "code",
+         "execution_count": 747,
+         "metadata": {},
+         "outputs": [],
+         "source": [
+            "with open(OPPORTUNITIES_PATH, 'r') as f_opp:\n",
+            "    OPPORTUNITIES = json.load(f_opp)"
+         ]
+      },
+      {
+         "cell_type": "code",
+         "execution_count": 748,
+         "metadata": {},
+         "outputs": [],
+         "source": [
+            "create_page(\n",
+            "    \"join_us.html.j2\",\n",
+            "    \"Join_Us.html\",\n",
+            "    general=general,\n",
+            "    opportunities=OPPORTUNITIES\n",
+            ")"
+         ]
       }
    ],
    "metadata": {

diff --git a/notebooks/setup.sh b/notebooks/setup.sh
@@ -1,7 +1,7 @@
 #!/bin/bash
 
 cd "$(dirname "${BASH_SOURCE[0]}")/../../kerzendorf-group.github.io"
-rm -rf index.html Research.html Contact.html People.html Support.html News.html alumni_members.html current_members.html
+rm -rf index.html Join_Us.html Research.html Contact.html People.html Support.html News.html alumni_members.html current_members.html
 rm -rf assets website_files members sub_research support_images news
 
 mkdir members sub_research news

diff --git a/templates/join_us.html.j2 b/templates/join_us.html.j2
@@ -0,0 +1,109 @@
+{% extends 'base.html.j2' %}
+
+{% block title %}
+    Join Us | {{ general.website_title }}
+{% endblock %}
+
+
+{% block additional_fonts %}
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&amp;display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;500;700;900&amp;display=swap" rel="stylesheet">
+{% endblock %}
+
+{% block additional_style %}
+    <div id="_bsa_srv-CKYI627U_0"></div>
+    <div id="_bsa_srv-CKYI653J_1"></div>
+    <!-- Buttons-->
+    <style>
+        .button {
+            padding: 15px 25px;
+            font-size: 20px;
+            text-align: center;
+            cursor: pointer;
+            outline: none;
+            color: #fff;
+            background-color: #7750bb;
+            border: none;
+            border-radius: 15px;
+            box-shadow: 0 9px #999;
+        }
+
+        .button:hover {
+            background-color: #9669e5
+        }
+
+        .button:active {
+            background-color: #a087cc;
+            box-shadow: 0 5px #666;
+            transform: translateY(4px);
+        }
+
+        .heading {
+            color: #000;
+            /* Default color */
+            text-decoration: none;
+        }
+
+        .heading:hover {
+            background-image: linear-gradient(to left, #673ab7, #673ab7);
+            /* Gradient from right to left */
+            -webkit-background-clip: text;
+            /* Apply gradient as text color */
+            -webkit-text-fill-color: transparent;
+            /* Make text transparent */
+        }
+    </style>
+{% endblock %}
+
+{% block content %}
+    <!-- about banner -->
+    <section class="w3l-about-breadcrumb text-center">
+        <div class="breadcrumb-bg breadcrumb-bg-about py-5">
+            <div class="container py-lg-5 py-md-4">
+                <div class="banner-info-grid px-md-5">
+                    <h2 class="w3l-title-breadcrumb mb-3">Join Us!</h2>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- //about banner -->
+
+    <!-- Research Opportunities Loop -->
+    {% for opp_key,  opp_value in opportunities.items() %}
+     <section class="w3l-blog">
+        <div class="blog py-2" id="Newsblog">
+            <div class="text-center" style="padding-top: 2%;">
+                <h2 style="padding-bottom: 30px; text-decoration: none;">{{ opp_value.title }}</h2>
+            </div>
+            <div class="container py-lg-4 py-md-4 py-1">
+                <div class="row">
+                    {% for paragraph in opp_value.description %}
+                        <p>{{ paragraph }}</p>
+                    {% endfor %}
+                    <h6 class="py-2" >{{opp_value.opportunities_heading}}</h6>
+                    <ul style="list-style-type: disc; padding-left: 20px; margin: 0; list-style-position: outside;">
+                        {% for project in opp_value.opportunities %}
+                            <li style="margin-bottom: 10px;">
+                             - 
+                                {% if project.title %}
+                                    {% if project.hyperlink %}
+                                        <a href="{{ project.hyperlink }}">{{ project.title }}</a>: {{ project.description }}
+                                    {% else %}
+                                        <strong>{{ project.title }}</strong>: {{ project.description }}
+                                    {% endif %}
+                                {% else %}
+                                    {{ project.description }}
+                                {% endif %}
+                            </li>
+                        {% endfor %}
+                    </ul>
+                    <p>{{opp_value.requirements}}</p>
+                </div>
+            </div>
+        </div>
+        </section>
+    {% endfor %}
+{% endblock %}
+
+
+