Add facilitation user portal

_data/user-portal-menu.yaml

@@ -0,0 +1,22 @@
+- name: Support
+  links:
+    - text: Get Help
+      url: /uw-research-computing/get-help.html
+    - text: System Status
+      url: https://status.chtc.wisc.edu/
+    - text: Request an account
+      url: /uw-research-computing/form
+    - text: Request a quota change
+      url: /uw-research-computing/quota-request
+- name: Events
+  links:
+    - text: Events and Training
+      url: /events.html
+    - text: Bioinformatics Cafe
+      url: /uw-research-computing/bioinformatics-cafe
+- name: About and information
+  links:
+    - text: About
+      url: /about
+    - text: Cite us
+      url: /uw-research-computing/cite-chtc

_data/user-portal-sections.yaml

@@ -0,0 +1,31 @@
+- name: Guides
+  large: true
+  links:
+  - text: HTC Guides
+    url: http://localhost:4000/uw-research-computing/htc/guides.html
+    icon: "bi bi-book"
+    description: |
+      Guides for the High Throughput Computing (HTC) system.
+  - text: HPC Guides
+    url: http://localhost:4000/uw-research-computing/hpc/guides.html
+    icon: "bi bi-book"
+    description: |
+      Guides for the High Performance Computing (HPC) system.
+- name: Independent Learning with Courses
+  links:
+  - text: Intro to HTC
+    url: https://google.com
+    icon: "bi bi-book"
+    description: |
+      A self-paced course through Canvas that introduces the basics of
+      high-throughput computing.
+  - text: Course 2
+    url: https://google.com
+    icon: "bi bi-book"
+    description: |
+      Course 2 description
+  - text: Course 3
+    url: /user-portal/
+    icon: "bi bi-book"
+    description: |
+      Course 3 description

_uw-research-computing/user-portal.html

@@ -0,0 +1,57 @@
+---
+layout: default
+title: CHTC User portal
+---
+
+<div class="container-xl mb-4">
+    <h1 class="uw-mini-bar mt-5 mb-4">User Portal</h1>
+    <div class="row">
+        <div class="col-xl-8 col-lg-12 mb-4">
+            {% for section in site.data.user-portal-sections %}
+            <div class="card mb-4 border-0">
+                    <div class="card-header bg-primary">
+                        <h2 class="m-0 text-light">
+                            {{ section.name }}
+                        </h2>
+                    </div>
+                    <div class="row text-dark">
+                        {% for link in section.links %}
+                            {% if section.large %}
+                            <div class="col-6 py-3">
+                            {% else %}
+                            <div class="col-4 py-3">
+                            {% endif %}
+                                <a href="{{ link.url }}" class="btn w-100 h-100 py-4 border rounded-3">
+                                    <i class="{{ link.icon }}"></i>
+                                    <span style="font-size: 1.25rem;">
+                                        {{ link.text }}
+                                    </span>
+                                    <p style="font-size: 0.9rem; margin-top: 0.5rem; text-align: left;">
+                                        {{ link.description }}
+                                    </p>
+                                </a>
+                            </div>
+                        {% endfor %}
+                    </div>
+            </div>
+            {% endfor %}
+        </div>
+
+        <div class="col-xl-4 d-none d-xl-block">
+            <div class="list-group">
+                {% for section in site.data.user-portal-menu %}
+                    <div class="mb-4">
+                        <div class="d-flex" style="font-size: 1.25rem; font-weight: 500;">
+                            <div class="mb-0">{{ section.name }}</div>
+                        </div>
+                        {% for link in section.links %}
+                            <a href={{link.url}} class="list-group-item list-group-item-action d-flex border">
+                                {{ link.text }}
+                            </a>
+                        {% endfor %}
+                    </div>
+                {% endfor %}
+            </div>
+        </div>
+    </div>
+</div>