diff --git a/src/blog/posts/entry1.md b/src/blog/posts/entry1.md
index b28ee8cc0525f77df0bec8cc4e227ec6bd081867..193f6deffb84699f99668285061c85a43564314f 100644
--- a/src/blog/posts/entry1.md
+++ b/src/blog/posts/entry1.md
@@ -5,8 +5,8 @@ intro: The start of a new series of longer from rants on video. This is about Wo
author: Adam Hyde
tags: featured
class:
-image: ""
-video: "/images/uploads/Scaling-Coko.mp4"
+image: "/images/uploads/explode.png"
+video: ""
icon: "/images/uploads/rant-1-screenshot.png"
---
diff --git a/src/blog/posts/entry3.md b/src/blog/posts/entry3.md
new file mode 100644
index 0000000000000000000000000000000000000000..330e7a5d1f7055e544f8ff3a65e9ec67de487a18
--- /dev/null
+++ b/src/blog/posts/entry3.md
@@ -0,0 +1,12 @@
+---
+title: "Test 3"
+date: 2021-12-10
+intro: The start of a new series of longer from rants on video.
+author: Adam Hyde
+tags: featured
+class:
+image: "/images/uploads/explode.png"
+video: ""
+icon: "/images/uploads/rant-1-screenshot.png"
+---
+
diff --git a/src/blog/posts/entry4.md b/src/blog/posts/entry4.md
new file mode 100644
index 0000000000000000000000000000000000000000..26182a0913ca613f229e65e570446c07092cfc97
--- /dev/null
+++ b/src/blog/posts/entry4.md
@@ -0,0 +1,12 @@
+---
+title: "Test 2"
+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: wide
+image: "/images/uploads/explode.png"
+video: ""
+icon: "/images/uploads/rant-1-screenshot.png"
+---
+
diff --git a/src/contact.md b/src/contact.md
index 91f08c4df6450f1d58e870c1f16d7d146d88fdb6..83ec227cbf554b17ed4f2cd74d0b5efd957029d2 100644
--- a/src/contact.md
+++ b/src/contact.md
@@ -4,16 +4,16 @@ menu: true
class: contact
layout: single.njk
order: 6
-heading: Get in touch
-chapeau:
+heading: Drop us a line
+chapeau: Get in touch
---
-Dolor sunt id commodo anim. Ad ad dolore ullamco deserunt aliqua magna in reprehenderit. Amet pariatur in proident elit nostrud in est dolor id nisi. Cupidatat quis ipsum magna ut aliqua dolor. Enim nostrud aute amet pariatur deserunt ipsum. Non Lorem exercitation fugiat sunt. Nulla ea ad nostrud amet ex sint magna ex duis culpa labore consequat.
+## Chat Channel
+[mattermost.coko.foundation](http://mattermost.coko.foundation)
-Non irure culpa proident eiusmod in sint quis. In anim magna aliqua ipsum. Consectetur duis nisi mollit elit magna id enim excepteur occaecat incididunt dolore eu. Mollit labore do enim nisi. Ullamco ex excepteur eiusmod magna id deserunt nostrud deserunt fugiat incididunt laboris.
+## Coko Foundation
+2973 16th St., Suite 300<br>
+San Francisco, CA 94103<br>
+*Coko is fiscally sponsored by Aspiration, a 501(c)(3).
-Id aliqua sit officia ad do reprehenderit incididunt. Incididunt non esse mollit in id dolore elit deserunt laborum pariatur eiusmod elit. Occaecat eiusmod deserunt ad amet veniam. Aliqua ad do labore voluptate. Excepteur commodo tempor do amet non non Lorem ipsum consectetur.
-
-Aliqua exercitation proident ullamco esse ea eu veniam culpa sint incididunt fugiat. Irure consequat deserunt enim non laborum est ex officia reprehenderit non est anim. Quis anim laborum in consectetur sunt ea ex laborum ut est sunt. Laboris consectetur consectetur anim sit deserunt cupidatat incididunt nostrud ut do ea qui nulla. Excepteur irure adipisicing commodo officia dolor officia dolor laboris labore fugiat in. Dolor ut aliquip id pariatur excepteur amet ullamco Lorem veniam ullamco do sint do. Nulla ex ullamco magna aliquip exercitation quis consequat aute et.
-
-Consequat ad minim esse anim sint occaecat occaecat qui aute ex duis ut tempor. Et non labore tempor culpa officia sit labore irure consequat pariatur sunt deserunt exercitation. Magna ex eu consectetur pariatur veniam dolor dolore aliquip eiusmod eiusmod. Adipisicing commodo laborum amet fugiat esse cillum ut aliqua. Anim elit adipisicing eu commodo cupidatat velit velit eiusmod anim irure. Sunt irure mollit consectetur eu aliquip elit est est id sint in. Do proident dolor officia laborum consequat exercitation ea ea reprehenderit mollit eu deserunt tempor dolore.
\ No newline at end of file
+Please write directly to Coko Founder Adam Hyde at [adam@coko.foundation](mailto:adam@coko.foundation).
diff --git a/src/layouts/_partials/socialMedia.njk b/src/layouts/_partials/socialMedia.njk
index b23418500e09dae49afcfd756417b22e4d5793b9..c8b738a6af98d3fc6544b7d772e24dfc32f2298f 100644
--- a/src/layouts/_partials/socialMedia.njk
+++ b/src/layouts/_partials/socialMedia.njk
@@ -1,7 +1,7 @@
<ul>
{% for item in site.socialMedia %}
<li>
- <a href="{{item.url}}">
+ <a href="{{item.url}}" alt"{{item.name}}">
{# <span class="name">{{item.name}}</span> #}
{{item.icon | safe}}
</a>
diff --git a/src/layouts/blogpost.njk b/src/layouts/blogpost.njk
index f4e565058a4dd2e0a0909e853de07b8155cb814a..e04c01142d0a5d2cc27948450697fac47870dfe7 100644
--- a/src/layouts/blogpost.njk
+++ b/src/layouts/blogpost.njk
@@ -5,11 +5,11 @@
{% block content %}
{% block header %}
- <header>
- <h1>{{title}}</h1>
- </header>
{% endblock %}
-
+
+ <header>
+ <h1>{{title}}</h1>
+ </header>
<article class="post-content">
<p class="meta">
@@ -17,7 +17,7 @@
<span>#{{tags}}</span>
</p>
{% if intro %}
- <section class="intro">{{intro | markdownify | safe }}</section>
+ <p class="intro">{{intro | markdownify | safe }}</p>
{% endif %}
{% if image %}
<figure>
diff --git a/static/css/layout/one-column.css b/static/css/layout/one-column.css
index a9011d85ac6e18e5718c7e4d91b6b10ac5b9dec6..9349bcb6cf79d9331aeea6e9aef5ba6bac2a39da 100644
--- a/static/css/layout/one-column.css
+++ b/static/css/layout/one-column.css
@@ -190,11 +190,8 @@ html {
} */
footer {
- bottom: 0;
display: flex;
align-content: center;
- margin-top: 10em;
- bottom: 0;
/* width: 80%; */
margin: 0 auto;
justify-content: center;
diff --git a/static/css/theme-coko/main.css b/static/css/theme-coko/main.css
index 04816db5013530a3d3c5bc260b4517f2dc5e3f82..2a85ae5433358897c25b337a336b99beda6b64ab 100644
--- a/static/css/theme-coko/main.css
+++ b/static/css/theme-coko/main.css
@@ -145,6 +145,16 @@ a:hover {
color: var(--color-gris);
}
+ .menu-call {
+ background-color: var(--color-gris);
+ border-radius: 4px;
+ color: white;
+ padding: 5px 10px;
+ text-decoration: none;
+ }
+ .menu-call:hover {
+ background-color: var(--color-primary);
+ }
@@ -218,16 +228,27 @@ a:hover {
article h2 {
margin-bottom: 0.5em;
}
- article h2:not(:first-of-type) {
- margin-top: 2em;
+ article h2:not(:first-of-type),
+ article h3 {
+ margin-top: 2em !important;
}
article p,
- article ul {
+ article ul,
+ article h3,
+ article h4 {
grid-column: 2/4;
padding: 0.5em 10px ;
margin-top: 0px;
border-left: 1px solid var(--color-gris);
}
+ article figure,
+ article video {
+ grid-column: 1/end;
+ margin: auto;
+ }
+ article video {
+ width:100%;
+ }
article li {
margin-left: 2em;
}
@@ -272,6 +293,10 @@ a:hover {
.news .grid {
margin-top: 0px;
}
+ .news .grid-item {
+ border-top: 1px solid var(--color-primary);
+ padding-top: 10px;
+}
/* PRODUCT --------------------*/
ul.filter {
grid-column: 1/end;
@@ -339,17 +364,21 @@ a:hover {
/* Footer ----------------------- */
+ .footer {
+ background-color: var(--color-primary);
+ bottom: 0;
+ margin-top: 10em;
+ }
footer {
- background-color: var(--color-primary);
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- gap: 10%;
- align-items: center;
- color: white;
- font-family: var(--font-title);
-
-}
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ gap: 10%;
+ align-items: center;
+ color: white;
+ font-family: var(--font-title);
+ max-width: 1300px;
+ }
footer section.logo svg,
footer section.logo svg .flower,
@@ -362,7 +391,7 @@ footer section.logo {
flex-direction: column;
}
footer section.logo a {
- list-style: 0;
+ line-height: 0px;
}
footer section.logo ul {
display: flex;
@@ -377,6 +406,9 @@ footer section.links svg {
fill: white;
width: 30px;
}
+footer section.links svg:hover {
+ fill: var(--color-trois);
+}
footer section.contact {
flex-grow: 2;
}
@@ -447,7 +479,7 @@ footer section.infos a:hover {
@media screen and (max-width: 1000px) {
.grid { grid-template-columns: repeat(3, 1fr); }
main h2 { grid-column: 1/end; }
- article p, article ul { grid-column: 2/end;}
+ article p, article ul, article h3, article h4 { grid-column: 2/end;}
img.team-map { grid-column: 1/end; }
footer section.infos {margin-top: 2em;}
}
@@ -471,7 +503,7 @@ footer section.infos a:hover {
flex-direction: column;
margin: auto;
}
- article p, article ul { grid-column: 1/end;
+ article p, article ul, article h3, article h4 { grid-column: 1/end;
}
img.coko-partner { grid-column-end: span 4;
}