-
Notifications
You must be signed in to change notification settings - Fork 38
/
Copy pathindex.html
93 lines (72 loc) · 3.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
---
subtitle: Move. Think. Create.
---
{% include head.html %}
{% include googleanalytics.html %}
{% include 2024-nav.html %}
<div class="pt4 pt5-l pb2 w-two-thirds-ns ph3 ph0-l center">
<div class="flex flex-wrap bg-newgreen-light shadow-4 pa4 lh-copy f4 br2 mv4">
<img class="w-25-l w-100 br2 pb3 pb0-l" style="transform:rotate(-2deg)" src="/images/tom-2024-min.jpeg">
<div class="w-75-l pl4-l">
<strong class="f3">Hi, I'm Tom Critchlow 👋</strong>
<br><br>
I'm based in Brooklyn, NY and work as an independent consultant.
<br><br>
Welcome to my digital garden 🌱
</div>
</div>
<div class="pv5">
<div class="ttu f4 newgreen tracked b pb3">WORK</div>
<p class="lh-copy f4">I work as an independent consultant and growth advisor for media and technology companies. My expertise is in building sustainable growth programs focused on content and SEO. On every project I focus on providing clarity and momentum.</p>
<div class="fr pv2"><a class="link black" href="/consulting">Read more <i data-feather="arrow-right" class="h1 v-mid"></i></a></div>
</div>
<div class="pv5">
<div class="ttu f5 newgreen tracked b pb3">Latest Writing</div>
{% for post in site.posts | limit:5 %}
<div class="flex flex-wrap w-100 pv2 justify-between">
<div class="w-100 w-auto-l"><a class="link black b" href="https://tomcritchlow.com{{post.url}}">{{post.title}}</a></div>
<div class="black-50 f6">{{ post.date | date: "%B %-d, %Y" }}</div>
</div>
{% endfor %}
<div class="fr pv3"><a class="link black" href="/writing">See all <i data-feather="arrow-right" class="h1 v-mid"></i></div>
</div>
<div class="pv5">
<div class="ttu f5 newgreen tracked b pb3">Projects</div>
<a class="link black-90 flex w-100 pv2 mv2 items-center" href="https://tomcritchlow.com/strategy/">
<div class="flex mr3 pa3 bg-white ba b--black-10 br-100">
<img class="h1" src="https://www.google.com/s2/favicons?domain=tomcritchlow.com&sz=256">
</div>
<div>
<strong>The Strategic Independent</strong>
<br>A book about sustainable indie consulting
</div>
<div class="dn db-l black-50 f6 ml-auto">
tomcritchlow.com
</div>
</a>
<a class="link black-90 flex w-100 pv2 mv2 items-center" href="https://seomba.com">
<div class="flex mr3 pa3 bg-white ba b--black-10 br-100">
<img class="h1" src="https://www.google.com/s2/favicons?domain=seomba.com&sz=256">
</div>
<div>
<strong>The SEO MBA</strong>
<br>Professional development for SEO professionals
</div>
<div class="dn db-l black-50 f6 ml-auto">
seomba.com
</div>
</a>
<a class="link black-90 flex w-100 pv2 mv2 items-center" href="https://fiercelycurious.com">
<div class="flex mr3 pa3 bg-white ba b--black-10 br-100">
<img class="h1" src="https://www.google.com/s2/favicons?domain=fiercelycurious.com&sz=256">
</div>
<div>
<strong>Fiercely Curious</strong>
<br>A brooklyn art collective
</div>
<div class="dn db-l black-50 f6 ml-auto">
fiercelycurious.com
</div>
</a>
</div>
{% include 2024-footer.html %}