Deployment Dilemma Blog Post (#8)

* deployment dilemma blog post draft

* Update pages-deploy.yml

* updated graphics

* update order & date

* date

* update berkeley img

* update sec img

* date

_config.yml

@@ -132,6 +132,8 @@ collections:
   tabs:
     output: true
     sort_by: order
+  blog:
+    output: true
 
 defaults:
   - scope:

_data/locales/en.yml

@@ -11,8 +11,8 @@ layout:
 tabs:
   # format: <filename_without_extension>: <value>
   home: Deployments
+  blog: Blog
   categories: Categories
-  # tags: Institutions
   archives: Archives
   about: Maintainers
 

_layouts/post.html

@@ -18,6 +18,12 @@ <h1 data-toc-skip>{{ page.title }}</h1>
     <span>
       {{ site.data.locales[lang].post.posted }}
       {% include datetime.html date=page.date tooltip=true lang=lang %}
+
+      {% if page.custom_authors %} <!-- Display read time next to the date if custom_authors is true -->
+        &bull;
+        {% include read-time.html content=content prompt=true lang=lang %}
+      {% endif %}
+
     </span>
 
     <!-- lastmod date -->
@@ -50,24 +56,26 @@ <h1 data-toc-skip>{{ page.title }}</h1>
   <div class="d-flex justify-content-between">
     <!-- author(s) -->
     <span>
-      {% if page.author %}
-        {% assign authors = page.author %}
-      {% elsif page.authors %}
-        {% assign authors = page.authors %}
-      {% endif %}
-
-      {{ site.data.locales[lang].post.written_by }}
-
-      <em>
-      {% if authors %}
-        {% for author in authors %}
-          <a href="{{ site.data.authors[author].url }}">{{ site.data.authors[author].name }}</a>
-          {% unless forloop.last %}</em>, <em>{% endunless %}
-        {% endfor %}
-      {% else %}
-        <a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>
-      {% endif %}
-      </em>
+      {% unless page.custom_authors %} <!-- Add this condition -->
+        {% if page.author %}
+          {% assign authors = page.author %}
+        {% elsif page.authors %}
+          {% assign authors = page.authors %}
+        {% endif %}
+
+        {{ site.data.locales[lang].post.written_by }}
+
+        <em>
+        {% if authors %}
+          {% for author in authors %}
+            <a href="{{ site.data.authors[author].url }}">{{ site.data.authors[author].name }}</a>
+            {% unless forloop.last %}</em>, <em>{% endunless %}
+          {% endfor %}
+        {% else %}
+          <a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>
+        {% endif %}
+        </em>
+      {% endunless %} <!-- Close the condition here -->
     </span>
 
     <div>
@@ -82,7 +90,9 @@ <h1 data-toc-skip>{{ page.title }}</h1>
       {% endif %}
 
       <!-- read time -->
-      {% include read-time.html content=content prompt=true lang=lang %}
+      {% unless page.custom_authors %} <!-- Display read time here only if custom_authors is NOT true -->
+        {% include read-time.html content=content prompt=true lang=lang %}
+      {% endunless %}
     </div>
 
   </div> <!-- .d-flex -->

_tabs/about.md

@@ -1,7 +1,7 @@
 ---
 # the default layout is 'page'
 icon: fas fa-user
-order: 3
+order: 5
 ---
 
 <style>

_tabs/blog.md

@@ -0,0 +1,13 @@
+---
+layout: page
+icon: fas fa-feather
+order: 2
+math: true
+hide: true
+---
+
+{% for post in site.blog%}
+  <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
+  <p>{{ post.excerpt }}</p>
+  <a href="{{ post.url }}">Read More >></a>
+{% endfor %}

_tabs/categories.md

@@ -1,5 +1,5 @@
 ---
 layout: categories
 icon: fas fa-stream
-order: 3
+order: 4
 ---

_tabs/contribute.md

@@ -1,7 +1,7 @@
 ---
 # layout: archives
 icon: fas fa-pen
-order: 2
+order: 3
 ---
 
 > If you know of an MPC deployment that has been **deployed** and reached a **substantial number of users** in practice, submit a PR to add a deployment. Or update an existing entry!

assets/css/style.scss

@@ -4,3 +4,32 @@
 @import '{{ site.theme }}';
 
 /* append your custom style below */
+
+/* Add to your CSS file */
+.author-name {
+    font-weight: bold;
+}
+
+.author-affiliation {
+    font-style: italic;
+}
+
+.author-info {
+    font-size: 0.9em;
+}
+
+.rounded-10 {
+    border-radius: 10px !important;
+}
+
+.rounded-corners {
+    border-radius: 10px;
+    overflow: hidden;
+    display: inline-block;  /* Makes the div wrap around the image */
+}
+
+.rounded-corners img {
+    display: block;  /* Removes any unwanted space below the image */
+    width: 100%;     /* Ensures the image fills the entire div */
+    height: auto;
+}