-
Notifications
You must be signed in to change notification settings - Fork 38
/
new-homepage4.html
144 lines (113 loc) · 6.55 KB
/
new-homepage4.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
---
---
{% include head.html %}
{% include googleanalytics.html %}
{% include header.html %}
<div class="w-100 tcgrey center pv4">
<div class="flex mw8 center items-center">
<div class="w-40 pa4 dn db-l">
<img src="/images/tomsmall.jpg" class="br2 shadow-4"/>
</div>
<div class="w-60-l pa4-l pv4 ph3 f4 lh-copy">
<p class="b">Welcome to my digital garden.</p>
<p>I run a consulting practice helping management teams build <span class="b br3 ba green ph2">new growth capabilities</span>, <span class="b br3 ba purple ph2">strategic clarity</span> and <span class="b br3 ba blue ph2">practical innovation</span>.</p>
<div class="flex flex-wrap items-center mb3">
<div class="w-100 pb2">Working with clients like these:</div>
<div class="pr3">
<img title="The New York Times" src="https://www.google.com/s2/favicons?domain=nytimes.com&sz=256" class="pa1 ba b--black-10 br-100 h2">
</div>
<div class="pr3">
<img title="Google" src="https://www.google.com/s2/favicons?domain=google.com&sz=256" class="pa1 ba b--black-10 br-100 h2">
</div>
<div class="pr3">
<img title="Angi" src="https://www.google.com/s2/favicons?domain=angi.com&sz=256" class="pa1 ba b--black-10 br-100 h2">
</div>
<div class="pr3">
<img title="Etsy" src="https://www.google.com/s2/favicons?domain=etsy.com&sz=256" class="pa1 ba b--black-10 br-100 h2">
</div>
<div class="pr3">
<img title="Gartner" src="https://www.google.com/s2/favicons?domain=gartner.com&sz=256" class="pa1 ba b--black-10 br-100 h2">
</div>
<div class="pr3">
<img title="Atlassian" src="https://www.google.com/s2/favicons?domain=atlassian.com&sz=256" class="pa1 ba b--black-10 br-100 h2">
</div>
</div>
<div class="flex">
<a class="f6 link dim br2 ph3 pv2 mb2 dib white bg-newgreen" href="https://calendly.com/tomcritchlow/tom-chat">Book an Intro Call</a>
<a class="f6 link dim br2 ph3 pv2 mb2 dib newgreen underline" href="/consulting">Learn more about my consulting practice</a>
</div>
</div>
</div>
</div>
<div class="mw9 center mv5 ph5-l">
<div class="flex w-100 items-center ph3">
<div class="w-10-l w-50 nowrap mr4 b f4">Active Projects</div>
<div class="bt b--newgreen bw1 w-90-l w-50"></div>
</div>
<div class="flex-l w-100-l nowrap overflow-x-auto" style="scroll-snap-type: x mandatory;">
<div class="w-20-l w-80 pa3 db-l dib ws-normal-l" style="scroll-snap-align: center;">
<a href="https://newmba.co"><img class="br2 shadow-1" src="/images/homepage_newmba.png" /></a>
<a href="https://newmba.co" class="link black"><h2 class="f5 mt3 mb0">The NEW MBA</h2>
A new kind of online business school</a>
</div>
<div class="w-20-l w-80 pa3 db-l dib ws-normal-l" style="scroll-snap-align: center;">
<a href="/strategy"><img class="br2 shadow-1" src="/images/homepage_book.png" /></a>
<a href="/strategy" class="link black"><h2 class="f5 mt3 mb0">The Strategic Independent</h2>
A book about independent consulting</a>
</div>
<div class="w-20-l w-80 pa3 db-l dib ws-normal-l" style="scroll-snap-align: center;">
<a href="https://littlefutures.substack.com"><img class="br2 shadow-1" src="/images/homepage_lf.png" /></a>
<a href="https://littlefutures.substack.com" class="link black"><h2 class="f5 mt3 mb0">Little Futures</h2>
Near futures provocations</a>
</div>
<div class="w-20-l w-80 pa3 db-l dib ws-normal-l" style="scroll-snap-align: center;">
<a href="https://seomba.com"><img class="br2 shadow-1" src="/images/homepage_seomba.png" /></a>
<a href="https://seomba.com" class="link black"><h2 class="f5 mt3 mb0">The SEO MBA</h2>
Leadership & business skills for SEOs</a>
</div>
<div class="w-20-l w-80 pa3 db-l dib ws-normal-l" style="scroll-snap-align: center;">
<a href="https://quotebacks.net"></a><img class="br2 shadow-1" src="/images/homepage_qbs.png" /></a>
<a href="https://quotebacks.net" class="link black"><h2 class="f5 mt3 mb0">Quotebacks</h2>
Open source blogging tools</a>
</div>
</div>
</div>
<div class="mw8 center br4 mv5 ph4">
<div class="flex w-100 items-center">
<div class="w-20-l w-75 b f4">Latest Writing</div>
<div class="bt b--newgreen bw1 w-80"></div>
</div>
<p class="f6"><em>Join my newsletter:</em></p>
<form
action="https://buttondown.email/api/emails/embed-subscribe/tomcritchlow"
method="post"
target="popupwindow"
onsubmit="window.open('https://buttondown.email/tomcritchlow', 'popupwindow')"
class="embeddable-buttondown-form flex items-center w-100 f4-l f5"
>
<input placeholder="Email Address" type="email" name="email" id="bd-email" class="w-100 input-reset ba b--black-20 pv3 ph4 border-box br2 br--left">
<input type="hidden" name="metadata__cta" value="homepage">
<input type="submit" value="Subscribe" class="input-reset w-auto-ns bg-newgreen white pv3 ph4 ba b--black-20 bg-hover-mid-gray br2 br--right pointer">
</form>
{% for post in site.posts limit:10%}
{% if post.draft == true %}
{% else %}
<div class="flex-l w-100 pv4">
<div class="w-100 w-20-l">
<span class="f6 ttu black-50 pv3">{{ post.date | date: "%-d %B %Y" }}</span>
<br><span class="ttu f6 red">{% for tag in post.tags %}{{tag}} {% endfor %}</span>
</div>
<div class="w-100 w-80-l">
<div class="">
{% if post.reply %}<img class="dib h2 v-mid" style="padding-top:0px;padding-bottom:0px" src="https://img.icons8.com/cute-clipart/64/000000/response.png"/>{% endif %}<a class="black link dim b f4 pb2" href="{{ post.url }}">{{ post.title }}</a>
<div class="f4 pb3 pt2">{{post.subtitle}}</div>
<div class="lh-copy">{{ post.content | strip_html | truncatewords: 50 }}</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
<a class="link" href="/writing"><div class="grow ma3 w5 br2 ba b--newgreen pa3 tc center b bg-newgreen white">See all →</div></a>
</div>
</div>
{% include footer.html %}