diff --git a/src/blog/blog-index.md b/src/blog/blog-index.md
index 2348e5940edc0717d3fe1825ff33ff4ab4819d79..85c33bfa49c21435501f6a30a1cda6e01b4d03a7 100644
--- a/src/blog/blog-index.md
+++ b/src/blog/blog-index.md
@@ -6,6 +6,6 @@ menu: true
menutitle: News
class: news
order: 1
+heading: The latest news
---
-The latest news from Aperture!
\ No newline at end of file
diff --git a/src/blog/posts/entry1.md b/src/blog/posts/entry1.md
index 25af109cb370712e1db99cd9c83de1794026f2f3..b28ee8cc0525f77df0bec8cc4e227ec6bd081867 100644
--- a/src/blog/posts/entry1.md
+++ b/src/blog/posts/entry1.md
@@ -1,26 +1,12 @@
---
-title: Aperture is Proud to Announce Upcoming Transition to Kotahi, an Open Source Modern Scholarly Publishing Platform
-date: 2021-06-20
-intro: Kotahi is now in production for eLife for publishing reviews, and is supported by a wide group of interesting partners like <a href="https://www.eko-konnect.org.ng/">Eko-Konnect</a>, <a href="https://enableoa.amnet.com/">Amnet Systems</a>, and <a href="https://cloud68.co/">Cloud68</a>.
-author: john Lingo
-tags:
- - kotahi
- - something
- - something else
+title: "Rant #1: Word Processors"
+date: 2021-12-10
+intro: The start of a new series of longer from rants on video. This is about Word Processors and why they might be a lot more important than you think!
+author: Adam Hyde
+tags: featured
+class:
+image: ""
+video: "/images/uploads/Scaling-Coko.mp4"
+icon: "/images/uploads/rant-1-screenshot.png"
---
-
-<p><a href="https://kotahi.community">Kotahi</a> (a <a href="https://coko.foundation">Coko Community product</a>) is an <b>open source</b> modern scholarly publishing platform which has received support from many partners including McGill Healthy Brains for Healthy Lives NeuroHub project and eLife. Kotahi is now in production for eLife for publishing reviews, and is supported by a wide group of interesting partners like <a href="https://www.eko-konnect.org.ng/">Eko-Konnect</a>, <a href="https://enableoa.amnet.com/">Amnet Systems</a>, and <a href="https://cloud68.co/">Cloud68</a>. We hope that Kotahi will become a hub where hybrid research objects can easily be submitted from “web labs.†</p>
-
-<p>Kotahi solves many of our current publishing platform limitations and we are really excited about its features. Like Aperture, a community driven open access publishing platform, Kotahi is also community driven. </p>
-
-
-## we are really excited about its features
-
-<p>To learn more about this new partnership visit the <a href="https://www.humanbrainmapping.org/i4a/pages/index.cfm?pageid=4081" target="_blank">Aperture Booth in the Exhibitor Hall</a> during the <a href="http://www.humanbrainmapping.org/i4a/pages/index.cfm?pageid=4054" target="_blank">OHBM 2021 Annual Meeting</a> Exhibitor Hours. Our Journal Manager, Kay Vanda, will be staffing the booth and running demos during select scheduled hours. We hope to see you virtually!</p>
-
-<p>Stay tuned for more updates on this transition. </p>
-
-<p>Contact us at <a href="mailto:aperture@humanbrainmapping.org ">aperture@humanbrainmapping.org</a> for any questions. </p>
-
-<p>We are excited to announce that Aperture will be hosting TWO roundtables in collaboration with Tonya White, Peter Bandettini, JB Poline and the Open Science SIG at OHBM 2021. Come join us for these interactive discussions.</p>
\ No newline at end of file
diff --git a/src/blog/posts/entry2.md b/src/blog/posts/entry2.md
index 760b7a15e897161c1b45877fd5579f90a4d0aa58..7299011a37fa38b559e38bf9335d59713ccf209f 100644
--- a/src/blog/posts/entry2.md
+++ b/src/blog/posts/entry2.md
@@ -1,9 +1,11 @@
---
-title: Ag test
-date: 2021-06-20
-author: john Lango Sr
-tags:
- - blog
+title: Scaling Coko
+date: 2021-12-10
+author:
+intro: Some thoughts on our next phase.
+class: wide
+tags: featured
+image: ""
+video: "/images/uploads/Scaling-Coko.mp4"
+icon: "/images/uploads/scaling-screenshot.png"
---
-
- Kotahi solves many of our current publishing platform limitations and we are really excited about its features. Like Aperture, a community driven open access publishing platform, Kotahi is also community driven.
\ No newline at end of file
diff --git a/src/data/homepage.json b/src/data/homepage.json
new file mode 100644
index 0000000000000000000000000000000000000000..27515a87303d19cc64cc1be86bb6ae0dc3e936ea
--- /dev/null
+++ b/src/data/homepage.json
@@ -0,0 +1,9 @@
+{
+ "cokoverse": [
+ {
+ "title": "cokoverse",
+ "image": "/images/uploads/sushi-cats-tange.jpg"
+ }
+ ]
+
+}
\ No newline at end of file
diff --git a/src/layouts/articles-index.njk b/src/layouts/articles-index.njk
index 9dc005455bce5e010d1d65ec7fc516f89ed970d8..7a75999876e5dba13029a48831b15725597b5974 100644
--- a/src/layouts/articles-index.njk
+++ b/src/layouts/articles-index.njk
@@ -1,15 +1,8 @@
{% extends "base.njk" %}
{% block content %}
- <main>
-
- <header>
- <h1>{{title}}</h1>
-
- {{ content | safe }}
- </header>
-
- {% for item in collections.articles -%}
+
+ {% for item in collections.articles -%}
<article class="item">
<header>
<p class="meta">
diff --git a/src/layouts/blog-index.njk b/src/layouts/blog-index.njk
index 4f69d05bcf78616421d457f2c7f215bddbe3196c..f5dfe2007aaa327fcab7dce47b8b9c1fe81e12ad 100644
--- a/src/layouts/blog-index.njk
+++ b/src/layouts/blog-index.njk
@@ -1,38 +1,44 @@
-{% extends "base.njk" %}
+
+ {# <div class="grid">
+ {% for item in team.people %}
+ <div class="grid-item {{item.cardWidth}}">
+ <figure><img src="{{item.portrait}}" alt=""></figure>
+ <h3>{{item.name}}</h3>
+ <h4>{{item.fonction}}</h4>
+ <p>{{item.description | markdownify | safe}}</p>
+ </div>
+ {% endfor %}
+ </div> #}
-{% block content %}
- <main>
- <header>
- <h1>{{title}}</h1>
+{% extends "base.njk" %}
- {{ content | safe }}
- </header>
+{% block content %}
- {% for post in collections.blog -%}
- <article class="post">
- <header>
- <p class="meta">
- <time datetime="{{post.date}}">{{post.data.date | postDate}}</time>
- <span class="tags">
- {% for tag in tags %}
- <span>#{{tag}}</span>
- {% endfor %}
+ {# {% for article in collections.blog %}
+ <div class="posts">
+ <h3><a href="{{article.url}}">{{article.data.title}}</a></h3>
+ {% if article.data.intro %}
+ {{article.data.intro | markdownify | safe }}
+ {% endif %}
</div>
- </span>
- <h2 id="{{post.data.title | slug}}">{{post.data.title}}</h2>
- <p class="author">Written by {{ post.data.author }}</p>
+ {% endfor %} #}
- </header>
+ <div class="grid">
+ {% for post in collections.blog -%}
+ <div class="posts grid-item {{post.class}}">
+ <p class="meta">
+ <time datetime="{{post.date}}">{{post.data.date | postDate}}</time>
+ <span>#{{post.data.tags}}</span>
+ </p>
+ <figure>
+ <img src="{{post.data.icon}}" alt="{{post.data.title}}">
+ </figure>
+ <h3 id="{{post.data.title | slug}}"><a href="{{post.url}}">{{post.data.title}}</a></h3>
+ {{ post.data.intro | safe }}
+ </div>
+ {%- endfor %}
+ </div>
- <section class="content">
-
- <section>
- {{ post.data.content | safe }}
- </section>
- </section>
- </article>
- {%- endfor %}
- </main>
{% endblock %}
\ No newline at end of file
diff --git a/src/layouts/home.njk b/src/layouts/home.njk
index ab2b521e4115c4a36e9a6ec1cde73aaf6f9e614c..83d3b6658463c38363b7e398fb62c2e9bc8cce78 100644
--- a/src/layouts/home.njk
+++ b/src/layouts/home.njk
@@ -13,26 +13,39 @@
{% block content %}
- <section class="section-latest">
+ {# <section class="section-latest">
<h2 class="section-title">Latest articles</h2>
-
- </section>
+ </section> #}
<section class="section-blog">
- <h2 class="section-title">Latest from the blog</h2>
+ <h2 class="section-title">latest news</h2>
{% for article in collections.blog %}
- <article class="posts">
+ <div class="posts">
+ <p class="meta">
+ <time datetime="{{article.date}}">{{article.data.date | postDate}}</time>
+ <span>#{{article.data.tags}}</span>
+ </p>
+ <figure><a href="{{article.url}}">
+ <img src="{{article.data.icon}}" alt="{{article.data.title}}"></a>
+ </figure>
<h3><a href="{{article.url}}">{{article.data.title}}</a></h3>
{% if article.data.intro %}
{{article.data.intro | markdownify | safe }}
{% endif %}
{# {{article.templateContent | markdownify | safe}} #}
- </article>
+ </div>
{% endfor %}
</section>
+ <section class="cokoverse">
+ {% for item in homepage.cokoverse %}
+ <h2 class="section-title">{{item.title}}</h2>
+ <img src="{{item.image}}">
+ {% endfor %}
+ </section>
+
{% endblock %}
\ No newline at end of file
diff --git a/src/layouts/products.njk b/src/layouts/products.njk
index 43f3bc9357d0fe472fdbe58b6a4a948a15f9b20f..6b64d2d329924a64dc90a4b07554def45c7934af 100644
--- a/src/layouts/products.njk
+++ b/src/layouts/products.njk
@@ -3,7 +3,6 @@
{% block content %}
{{content | safe}}
-
{# create the category array #}
{% set categories = [] %}
diff --git a/static/css/theme-coko/main.css b/static/css/theme-coko/main.css
index 8f080feb8b81e44f5f2dd865e4e285175e282c71..fdef94464fb4c1990667b32ae896182cd8ea00cb 100644
--- a/static/css/theme-coko/main.css
+++ b/static/css/theme-coko/main.css
@@ -182,7 +182,7 @@ a:hover {
grid-template-columns: repeat(4, 1fr);
grid-gap: 10px;
grid-auto-rows: minmax(100px, auto);
- margin-bottom: 3em;
+ margin-bottom: 6em;
}
header {
margin-bottom: 7em;
@@ -229,9 +229,39 @@ a:hover {
article ul li ul {
border-left: 0px;
}
+ p.meta {
+ color: gray;
+ font-size: 0.9em;
+ }
/* Layout per page----------------------- */
+ /* HOMEPAGE--------------------*/
+ .home main section {
+ grid-column: 1/end;
+ }
+ .home h2.section-title {
+ grid-column: 1/end;
+ font-variant: small-caps;
+ border-bottom: 1px solid var(--color-primary);
+ }
+ .home section.section-blog {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ column-gap: 40px;
+ margin-bottom: 3em;
+ }
+ .home section.section-blog .posts img{
+ height: 250px;
+ margin: 1em auto;
+ object-fit: cover;
+ width: 100%;
+ }
+ .home .cokoverse img{
+ object-fit: cover;
+ width: 100%;
+ max-height: 500px;
+ }
/* PRODUCT --------------------*/
ul.filter {
@@ -412,6 +442,7 @@ footer section.infos a:hover {
@media screen and (max-width: 800px) {
header { margin-bottom: 2em;}
.grid { grid-template-columns: repeat(2, 1fr); }
+ .home section.section-blog .posts { grid-column: 1/end; margin-bottom: 2em;}
}
@media screen and (max-width: 650px) {
footer {flex-direction: column;}
diff --git a/static/images/uploads/Scaling-Coko.mp4 b/static/images/uploads/Scaling-Coko.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..8f929498c0f35e1e0936dbf83b241264faebbf93
Binary files /dev/null and b/static/images/uploads/Scaling-Coko.mp4 differ
diff --git a/static/images/uploads/Screenshot-20211218113340-973x544-1-500x500.png b/static/images/uploads/Screenshot-20211218113340-973x544-1-500x500.png
new file mode 100644
index 0000000000000000000000000000000000000000..85556f38ad57e84fa89116d9b43da948408b4dc8
Binary files /dev/null and b/static/images/uploads/Screenshot-20211218113340-973x544-1-500x500.png differ
diff --git a/static/images/uploads/explode.png b/static/images/uploads/explode.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5404be654c317660f14931c01ec1b513a7a21ec
Binary files /dev/null and b/static/images/uploads/explode.png differ
diff --git a/static/images/uploads/rant-1-screenshot.png b/static/images/uploads/rant-1-screenshot.png
new file mode 100644
index 0000000000000000000000000000000000000000..508e2efc250f6cfebe23a7716cce1793e5807923
Binary files /dev/null and b/static/images/uploads/rant-1-screenshot.png differ
diff --git a/static/images/uploads/scaling-screenshot.png b/static/images/uploads/scaling-screenshot.png
new file mode 100644
index 0000000000000000000000000000000000000000..97870e08a917381033e0e73b0b48ee289342e21a
Binary files /dev/null and b/static/images/uploads/scaling-screenshot.png differ
diff --git a/static/images/uploads/sushi-cats-tange.jpg b/static/images/uploads/sushi-cats-tange.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..2fad126ac73d91e1045d336630cc061aa2af2447
Binary files /dev/null and b/static/images/uploads/sushi-cats-tange.jpg differ