forked from tomcritchlow/tomcritchlow.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
198 lines (152 loc) · 9.01 KB
/
index.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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
---
---
{% include head.html %}
{% include googleanalytics.html %}
{% include header.html %}
<section class="dn db-l ph3 ph0-ns center w-100 pb0-l pb3">
<div class="w-60-l center mv6-l mv3 mb0-l mb2 tombox">
<div class="w-50-l fr-l lh-copy f4 pa3 pa0-ns relative">
<div class="tomboxinner">
<img src="/images/tomsmall.jpg" />
</div>
<h2 class="fw6 f1">Hello there!</h2>
<p>I do consulting work for startups & media companies. <a href="/consulting">Read more about that here</a>.</p>
<p>I'm passionate about art & technology and am co-founder of Brooklyn art collective <a href="http://www.fiercelycurious.com">Fiercely Curious</a>.</p>
<p>I also know a little kung fu (but I'm rusty)</p>
<p><a href="/about">Learn more about my background here</a></p>
</div>
</div>
</section>
<style>
details{
padding:10px;
margin-top:10px;
}
details[open]{
background-color:#e8fdf5;
}
details li{
padding-top:5px;
padding-bottom:5px;
}
summary{
cursor:pointer;
}
summary:focus{
outline:none;
}
</style>
<section class="cf pv5 mw7 f4-l center w-90 lh-copy">
<p>Hi there, I'm Tom Critchlow and this is my digital garden. It's full of stuff. To help with the sprawl take a look at the stuff below</p>
<details>
<summary>Based in Brooklyn, NY, know a little Kung-Fu and a little Google-Fu.</summary>
<ul>
<li><a href="/about/">About page</a></li>
<li><a href="/now/">/now page</a></li>
<li><a href="https://twitter.com/tomcritchlow">@tomcritchlow</a> on twitter</li>
<li>[email protected]</li>
<li><a href="https://tinyletter.com/tomcritchlow">Join my tinyletter</a></li>
</ul>
</details>
<details>
<summary>My independent consulting practice for media & content companies</summary>
<p>I run an independent digital strategy studio called <strong>Yes! And...</strong>. I work with media and content companies usually embedded inside the client's organization building new capacities and tackling new problems.</p>
<ul>
<li><a href="/consulting/">An overview of my consulting</a></li>
<li><a href="https://tomcritchlow.com/2018/07/25/media-design/">The practice of Media Design</a></li>
<li><a href="https://tomcritchlow.com/2020/02/20/narrative-strategy/">Narrative strategy</a></li>
<details>
<summary>Clients</summary>
<ul>
<li>The New York Times</li>
<li>Etsy</li>
<li>Dotdash</li>
<li>Gartner</li>
<li>Complex Media</li>
<li>Reviews.com</li>
<li>Seatgeek</li>
<li>The Wirecutter</li>
<li>Fundera</li>
</ul>
</details>
</ul>
</details>
<details>
<summary>Blog in a few weird ways and blogging has increasingly been a part of my identity.</summary>
<details open>
<summary>Start here:</summary>
<ul>
{% for post in site.posts | limit:1%}
<li><a href="{{post.url}}">Latest post: {{post.title}}</a></li>
{% endfor %}
<li><a href="https://tomcritchlow.com/2018/02/23/small-b-blogging/">Small b blogging</a></li>
<li><a href="https://tomcritchlow.com/2019/05/17/blogpunk/">Blogpunk</a></li>
<li><a href="https://tomcritchlow.com/2017/01/26/f-yeah-side-projects/">f*$k yeah side projects</a></li>
<li><a href="/feed.xml">RSS feed</a></li>
</ul>
</details>
<details>
<summary>Blog posts:</summary>
<ul>
{% for post in site.posts | limit:10%}
<li><a href="{{post.url}}">{{post.title}}</a> | {{ post.date | date: "%-d %B %Y" }}</li>
{% endfor %}
</ul>
<a href="/writing">see all -></a>
</details>
<details>
<summary>Blogchains</summary>
<p>I have a few blogchains on the go. Read <a href="https://tomcritchlow.com/2019/07/17/blogchains/">more about blogchains here</a></p>
{% assign blogchains = site.pages | where_exp: "item" , "item.path contains 'blogchains'" | where_exp: "item" , "item.path contains '.md'" %}
<ul>
{% for page in blogchains %}
<li><a href="{{page.url}}">{{page.title}}</a></li>
{% endfor %}
</ul>
</details>
</details>
<details>
<summary>Writing a book called: The Strategic Independent</summary>
<p>I'm writing a book - working title <strong>"The Strategic Independent: theory and practice for independent consultants"</strong>. I've been serializing the writing on my blog and have ~35k words written so far.</p>
<ul>
<li><a href="https://tomcritchlow.com/strategy/">The book outline</a></li>
<li><a href="https://tomcritchlow.com/2019/07/12/annotate-the-outline/">Reader annotated outline</a></li>
<li>Start here: <a href="https://tomcritchlow.com/2019/04/04/the-strategic-independent/">the strategic independent</a></li>
<li><a href="https://www.are.na/tom-critchlow/the-strategic-independent">Follow the series on are.na</a></li>
</ul>
<details>
<summary>All my writing on independent consulting:</summary>
<ul>
{% for post in site.posts %}
{% if post.tags contains "strategy" %}
<li><a href="{{post.url}}">{{post.title}}</a></li>
{% endif %}
{% endfor %}
</ul>
</details>
</details>
<details>
<summary>Organize an art collective: Fiercely Curious</summary>
<p>I run an art collective with Erin called <a href="https://www.fiercelycurious.com/">Fiercely Curious</a> in Brooklyn with ~20 artists and ~20 designers. Mostly these days we work on custom commissions, studio visits and unique art projects. Keep up to date one Instagram: <a href="https://www.instagram.com/fiercelycurious/">@fiercelycurious</a></p>
<p>In the past we've run some fun pop-up art shows where we took over an abandoned warehouse space in Gowanus for a week. Like <a href="https://www.fiercelycurious.com/blogs/curiosities/56010753-technology-as-hands-show-at-sky-gallery">this one</a>, or <a href="https://www.fiercelycurious.com/blogs/curiosities/17819493-and-show-it-goes-another-year-in-the-bag">this one</a>.</p>
</details>
{% assign folders = site.pages | where_exp:"item", "item.path contains 'wiki'" %}
{% assign wikifolders = "" | split:"" %}
{% for folder in folders %}
{% assign tempvar = folder.path | split:"/" %}
{% assign wikifolders = wikifolders | push:tempvar[1] %}
{% endfor %}
{% assign wikifolders = wikifolders | uniq | sort %}
<details>
<summary>My personal wiki</summary>
<p>I maintain a sprawling wiki that I think of as a loosly tended "digital garden". <a href="https://tomcritchlow.com/2019/02/17/building-digital-garden/">Read more about the project here</a>. </p>
<ul>
{% for folder in wikifolders %}
{% unless folder contains 'md' or folder contains 'html' %}
<li><a href="/wiki/{{folder}}/">{{folder | capitalize}}</a></li>
{% endunless %}
{% endfor %}
</ul>
</details>
</section>
{% include footer.html %}