Minor changes to project files and images

uclh-criu · Mar 8, 2024 · 6782b50 · 6782b50
1 parent 08874bb
commit 6782b50
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 36 deletions.
diff --git a/_includes/project_card.html b/_includes/project_card.html
@@ -1,17 +1,17 @@
 <div class="card project-card">
  <div class="card-header">
- <div class="project-title">
+ <nav class="project-title">
  <a href="{{project.url | relative_url }}">{{project.title}}</a>
  <span class="badge rounded-pill {{project.status}}" style="float: right">{{project.status}}</span>
- </div>
+ </nav>
 
  <small class="text-muted authors">
  {%- if project.authors -%}
  {% capture authors %}
  {%- for author in project.authors -%}
  {{ author }}
- {%- if forloop.last == false -%},{%- endif -%} 
- {%- endfor -%} 
+ {%- if forloop.last == false -%},{%- endif -%}
+ {%- endfor -%}
  {% endcapture %}
  {{authors | replace: ",", ", " | truncate:40}}<span class="tooltiptext">{{authors | replace: ",", ", "}}</span>
  {%- endif -%}

diff --git a/_layouts/project.html b/_layouts/project.html
@@ -1,17 +1,20 @@
 ---
 layout: default
 ---
-<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
+<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
 
  <header class="post-header">
- <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }} <span class="badge rounded-pill {{page.status}}">{{page.status}}</span></h1>
+ <h1 class="post-title p-name" itemprop="name headline">
+ {{ page.title | escape }}
+ <span class="badge rounded-pill {{page.status}}">{{page.status}}</span>
+ </h1>
  <p class="post-meta">
  {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
  <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
  {{ page.date | date: date_format }}
  </time>
  {%- if page.modified_date -%}
- ~ 
+ ~
  {%- assign mdate = page.modified_date | date_to_xmlschema -%}
  <time class="dt-modified" datetime="{{ mdate }}" itemprop="dateModified">
  {{ mdate | date: date_format }}
@@ -27,44 +30,44 @@ <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}
  </header>
 
 
- <div class="container" itemprop="articleBody">
+ <div class="nav-tabs-wrapper" itemprop="articleBody">
 
  {% if page.tabs or page.rdr_embed_url %}
  <ul class="nav nav-tabs" id="myTab" role="tablist">
  <li class="nav-item" role="presentation">
- <button 
- class="nav-link active" 
- id="overview-tab" 
- data-bs-toggle="tab" 
- data-bs-target="#overview" 
- type="button" 
- role="tab" 
- aria-controls="overview" 
+ <button
+ class="nav-link active"
+ id="overview-tab"
+ data-bs-toggle="tab"
+ data-bs-target="#overview"
+ type="button"
+ role="tab"
+ aria-controls="overview"
  aria-selected="true">Overview</button>
  </li>
  {% for tab in page.tabs %}
  <li class="nav-item" role="presentation">
- <button 
- class="nav-link" 
- id="{{tab.name}}-tab" 
- data-bs-toggle="tab" 
- data-bs-target="#{{tab.name}}" 
- type="button" 
- role="tab" 
- aria-controls="{{tab.name}}" 
+ <button
+ class="nav-link"
+ id="{{tab.name}}-tab"
+ data-bs-toggle="tab"
+ data-bs-target="#{{tab.name}}"
+ type="button"
+ role="tab"
+ aria-controls="{{tab.name}}"
  aria-selected="true">{%- if tab.label-%}{{tab.label}}{%-else-%}{{tab.name | capitalize}}{%-endif-%}</button>
  </li>
  {% endfor %}
  {% if page.rdr_embed_url %}
  <li class="nav-item" role="presentation">
- <button 
- class="nav-link" 
- id="data-tab" 
- data-bs-toggle="tab" 
- data-bs-target="#data" 
- type="button" 
- role="tab" 
- aria-controls="data" 
+ <button
+ class="nav-link"
+ id="data-tab"
+ data-bs-toggle="tab"
+ data-bs-target="#data"
+ type="button"
+ role="tab"
+ aria-controls="data"
  aria-selected="true">Data</button>
  </li>
  {% endif %}
@@ -76,25 +79,25 @@ <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}
  {% for tab in page.tabs %}
  <div class="tab-pane fade show" id="{{tab.name}}" role="tabpanel" aria-labelledby="{{tab.name}}-tab">
  {%- if tab.type == "embed" -%}
- <iframe src="{{tab.source}}" width="568" height="351" allowfullscreen frameborder="0"></iframe>
+ <iframe src="{{tab.source}}" frameborder="0"></iframe>
  {%- else -%}
  {%- capture tab_content -%}{%- include_relative {{tab.source}} -%}{%- endcapture -%}
  {%- if tab.type == "html" -%}
  {{tab_content | remove: '<!DOCTYPE html>'}}
  {%- else -%}
- {{tab_content| markdownify}}
+ {{tab_content | markdownify}}
  {%- endif -%}
  {%- endif -%}
  </div>
  {% endfor %}
  {% if page.rdr_embed_url %}
  <div class="tab-pane fade show" id="data" role="tabpanel" aria-labelledby="data-tab">
- <iframe src="{{page.rdr_embed_url}}" width="568" height="351" allowfullscreen frameborder="0"></iframe>
+ <iframe src="{{page.rdr_embed_url}}" frameborder="0"></iframe>
  </div>
  {% endif %}
  </div>
  {%- else -%}
  {{content}}
  {%- endif -%}
  </div>
-</article>
+</article>
diff --git a/_sass/main.scss b/_sass/main.scss
@@ -33,6 +33,10 @@ html, body {
 
 .content {
  padding: 1rem 0;
+
+ img {
+ @include img-fluid();
+ }
 }
 
 .post {