-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathdripline.html
63 lines (61 loc) · 2.17 KB
/
dripline.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
---
layout: default
title: Dripline
excerpt: "A dripline signifies the area under the outermost branches of a tree. It's this interface between worlds where interesting and productive things happen."
image: "/assets/images/social/dripline.webp"
menu_title: Dripline
order: 4
---
{% assign posts = site.posts %}
<section class="mt4 ph3 pl5-l ">
<header class="">
<div class="flex-l items-center mv0">
<div class="w-100-l mb5">
<h3
class="f2 f1-m f-subheadline-l accent normal sans-serif mb4 lh-solid"
>
{{ page.title }}
</h3>
<div class="f3 measure-wide dark-gray lh-copy mb0">
<p class="f3">
This is the place for our collective writing ranging from short posts, to interviews, design retrospectives, and essays. We publish on a (mostly) monthly schedule.
</p>
<p class="f4">
<em>
A dripline signifies the area under the outermost branches of a
tree. It’s this
<a
href="https://permacultureprinciples.com/permaculture-principles/_11/"
target="_blank"
class="accent link underline-hover"
rel="noopener"
>interface</a
>
between worlds where interesting and productive things happen.
</em>
</p>
</div>
</div>
</div>
</header>
{%- if posts.size > 0 -%}
<article class="flex flex-wrap justify-center">
{%- assign date_format = site.date_format -%} {%- for post in posts -%}
<div class="bg-white measure pv3 pr6-l pl0-l pr0-s pl0-s center mb4 db w-fill-available">
<a class="no-underline" href="{{ post.url | relative_url }}">
<h3
class="f3 mt0 mb2 sans-serif normal accent link underline-hover lh-title"
>
{{ post.title | escape }}
</h3>
</a>
<h4 class="f5 fw6 gray mt0">
{%- if post.author != "Hypha" -%}{{ post.author }}, {%- endif -%}{{
post.date | date: date_format }}
</h4>
<p class="mt0 f5 mb3 measure lh-copy">{{ post.excerpt }}</p>
</div>
{%- endfor -%}
</article>
{%- endif -%}
</section>