Contact et ajustements

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"
 ---
 

src/blog/posts/entry3.md

+---
+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"
+---
+

src/blog/posts/entry4.md

+---
+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"
+---
+

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.
+Please write directly to Coko Founder Adam Hyde at [adam@coko.foundation](mailto:adam@coko.foundation).
\ No newline at end of file

src/layouts/_partials/socialMedia.njk

 <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>

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>

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;

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;
     }