From 2e4b9d3d41934150dfb8d74908c69e8191f49dd6 Mon Sep 17 00:00:00 2001
From: Julien Taquet <julientaq@mac16.local>
Date: Wed, 29 Mar 2023 10:09:18 +0200
Subject: [PATCH] fix blog entrys and post

---
 ...kotahi-how-to-quantify-its-contribution.md |  4 +-
 src/layouts/blog-index.njk                    |  4 +-
 static/css/theme-coko/main.css                | 82 +++++++++++++------
 3 files changed, 60 insertions(+), 30 deletions(-)

diff --git a/src/blog/posts/2023-03-29-integrating-ai-into-kotahi-how-to-quantify-its-contribution.md b/src/blog/posts/2023-03-29-integrating-ai-into-kotahi-how-to-quantify-its-contribution.md
index 39cca80..e7d478f 100644
--- a/src/blog/posts/2023-03-29-integrating-ai-into-kotahi-how-to-quantify-its-contribution.md
+++ b/src/blog/posts/2023-03-29-integrating-ai-into-kotahi-how-to-quantify-its-contribution.md
@@ -9,7 +9,7 @@ intro: Recently, a team of technologists from across the globe came together in
 icon: /static/images/uploads/rn_image_picker_lib_temp_a2062877-63d3-4813-8222-affcb29f1dbf.jpg
 image: /static/images/uploads/rn_image_picker_lib_temp_a2062877-63d3-4813-8222-affcb29f1dbf.jpg
 ---
-*Written by Paul Shannon, John Chodacki, Nokome, Bentley, Adam Hyde, Ryan Dix-Peek, Yannis Barlas and Ben Whitmore*
+*Written by Paul Shannon, John Chodacki, Nokome Bentley, Adam Hyde, Ryan Dix-Peek, Yannis Barlas and Ben Whitmore*
 
 Recently, a team of technologists from across the globe came together in New Zealand to brainstorm how to integrate AI into the peer review process using Kotahi responsibly. We recognize the potential benefits that AI can bring, such as increased efficiency and accuracy, but we also acknowledge the need to be thoughtful about how we implement this technology. As a result, we engaged in a collaborative brainstorming session to explore how AI could be integrated into our platform responsibly and effectively. In this article, we will share some of our key insights and considerations from this session.
 
@@ -40,4 +40,4 @@ Finally, we need to consider customization. Each group of researchers has unique
 
 Overall, integrating AI into Kotahi has the potential to greatly improve the efficiency and accuracy of the publishing process. However, we need to be thoughtful about how we implement this technology and be transparent about its contribution. By distinguishing between computer-assisted humans and generative AI, considering the role of manual input and allowing for customization, we can ensure that AI is integrated responsibly and effectively into the process.
 
-With all this being said, we are all in. AI can and will greatly improve publishing, and Kotahi is set up to experiment with and implement AI seamlessly and responsibly. We are here to help you revolutionise scientific publishing with AI as a key component.
\ No newline at end of file
+With all this being said, we are all in. AI can and will greatly improve publishing, and Kotahi is set up to experiment with and implement AI seamlessly and responsibly. We are here to help you revolutionise scientific publishing with AI as a key component.
diff --git a/src/layouts/blog-index.njk b/src/layouts/blog-index.njk
index 4a4dde7..e0d366c 100644
--- a/src/layouts/blog-index.njk
+++ b/src/layouts/blog-index.njk
@@ -10,7 +10,7 @@
                     <span>#{{post.data.tags}}</span>
                   </p>
                   <figure><a href="{{post.url}}">
-                    <img src="{{post.data.icon}}" alt="{{post.data.title}}"></a>
+                    <img src="{{post.data.icon | replace('/static', "")}}" alt="{{post.data.title}}"></a>
                   </figure>
                   <h3 id="{{post.data.title | slug}}"><a href="{{post.url}}">{{post.data.title}}</a></h3>
                    {{ post.data.intro | safe }}
@@ -19,4 +19,4 @@
     </div>
 
 
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/static/css/theme-coko/main.css b/static/css/theme-coko/main.css
index 2f2a358..7c99860 100644
--- a/static/css/theme-coko/main.css
+++ b/static/css/theme-coko/main.css
@@ -165,9 +165,9 @@ h3 {
 }
 h4 {
   font-size: 1em;
-  font-weight:500;
-  margin-bottom: .5em;
-  /* margin-top: 1.5em; */
+  font-weight: 500;
+  margin-bottom: 0.5em;
+  margin-top: 1em;
 }
 
 /* Layout  ----------------------*/
@@ -267,6 +267,11 @@ p.meta {
   color: gray;
   font-size: 0.9em;
 }
+.meta time {
+  /* background: var(--color-blue); */
+  /* color: white; */
+  /* padding: .3em 1ch; */
+}
 .paginator {
   margin-top: 6em;
   grid-column: 1 / end;
@@ -301,12 +306,20 @@ h2.section-title {
 .home section.section-blog h2 {
   margin-bottom: 0;
 }
-.home section.section-blog .posts img,
+
+.home section.section-blog .posts img {
+  height: 350px;
+  margin: 1em auto;
+  object-fit: contain;
+  width: 100%;
+  object-position: 0 100%;
+}
 .news .grid-item img {
   height: 250px;
   margin: 1em auto;
   object-fit: contain;
   width: 100%;
+  object-position: 0 100%;
 }
 .home .linkToPrevious {
   grid-column: span 4;
@@ -346,7 +359,7 @@ ul.filter {
   column-gap: 15px;
 }
 ul.filter:before {
-  content: "show by:";
+  content: 'show by:';
 }
 ul.filter button,
 .products p.tags,
@@ -385,8 +398,9 @@ ul.filter button:hover {
   vertical-align: baseline;
 }
 
-.full 
-{grid-column:  1 / -1}
+.full {
+  grid-column: 1 / -1;
+}
 
 /* SERVICES ------------------ */
 img.coko-partner {
@@ -394,11 +408,10 @@ img.coko-partner {
 }
 
 /* TEAM --------------------*/
-.team  main {
+.team main {
   display: block;
 }
 .team .gridflex {
-
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
@@ -408,16 +421,14 @@ img.coko-partner {
   /* grid-template-columns: repeat(3, 1fr); */
 }
 
-
-
 .team .gridflex .grid-item {
-  margin-bottom:4em;
+  margin-bottom: 4em;
   width: clamp(300px, 30%, 500px);
   gap: 8ch;
 }
 
 .team :is(h2, header) {
-  width: 100%; 
+  width: 100%;
 }
 
 .team header {
@@ -514,18 +525,18 @@ footer section.contact form {
 input::placeholder {
   color: white;
 }
-input[type="text"] {
+input[type='text'] {
   width: 50%;
   float: left;
   padding-right: 5px;
 }
-input[type="submit"],
-input[type="email"] {
+input[type='submit'],
+input[type='email'] {
   width: 100%;
 }
-input[type="text"],
-input[type="submit"],
-input[type="email"] {
+input[type='text'],
+input[type='submit'],
+input[type='email'] {
   padding: 12px;
   margin: 8px 0;
   display: inline-block;
@@ -536,15 +547,15 @@ input[type="email"] {
   box-sizing: border-box;
   background-color: var(--color-primary);
 }
-input[type="checkbox"] {
+input[type='checkbox'] {
   margin-top: 16px;
 }
-input[type="submit"] {
+input[type='submit'] {
   color: white;
   border: 1px solid white;
   background-color: initial;
 }
-input[type="submit"]:hover {
+input[type='submit']:hover {
   background-color: var(--color-trois);
   color: white;
 }
@@ -655,7 +666,7 @@ footer section.infos a:hover {
 }
 .blog-post main .post-content,
 .article-single .post-content {
-  font-family: "SourceSerif";
+  font-family: 'SourceSerif';
   font-weight: 300;
   font-size: 1.2em;
 }
@@ -665,6 +676,18 @@ footer section.infos a:hover {
   grid-column: 2/5;
 }
 
+.blog-post main .post-content figure:first-child {
+  grid-column: 1/5;
+  margin-bottom: 1em;
+}
+.blog-post header {
+  margin-bottom: 1em;
+}
+.blog-post header .meta {
+  margin-top: 1em;
+  color: var(--color-primary);
+  padding-left: 0.5ch;
+}
 .blog-post figcaption,
 .article-single figcaption {
   text-align: center;
@@ -857,6 +880,13 @@ article iframe {
   place-content: space-between;
 }
 
+.home .section-blog .posts h2 {
+  margin-top: 0;
+  font-weight: 500;
+}
+.home .section-blog .posts p {
+  margin-top: 0.5em;
+}
 .home section.section-blog .posts figure {
   max-width: 100%;
   height: auto;
@@ -867,7 +897,7 @@ article iframe {
 }
 
 .home section.section-blog .posts img {
-  margin: 0 ;
+  margin: 0;
 }
 
 .services article ul {
@@ -920,7 +950,7 @@ article iframe {
 }
 
 .article-single main ul li::marker {
-  content: "– ";
+  content: '– ';
 }
 .press img {
   border-bottom: 2px solid var(--color-secondary);
@@ -929,7 +959,7 @@ article iframe {
 }
 .download {
   position: absolute;
-  top: 0; 
+  top: 0;
   right: 0;
 }
 .post-content {
-- 
GitLab