This repository has been archived by the owner on Oct 13, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 24
/
index-old.html
175 lines (170 loc) · 8.75 KB
/
index-old.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
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<link rel="icon" type="image/png" href="icon.png">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Next Step for Trello</title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="assets/index.css?v2">
<link rel="stylesheet" href="assets/tweet.css">
<meta property="og:title" content="Next Step for Trello">
<meta property="og:description" content="Increase your productivity with this browser extension that displays the next To-Do step of each card, on your Trello boards.">
<meta property="og:image" content="https://adrienjoly.com/chrome-next-step-for-trello/assets/next-step-screenshot.png">
<meta property="og:url" content="https://adrienjoly.com/chrome-next-step-for-trello">
</head>
<body>
<section id="section-hero">
<div style="display: flex; flex-direction: column; overflow:hidden;" class="section-content lp-txt-align-c">
<h1 style="flex: 0 1 auto;">Next Step for Trello</h1>
<h2 style="flex: 0 1 auto" class="lp-m-top-p5">Trello cards on steroids</h2>
<div class="lp-m-top-1 preview">
<img src="assets/next-step-screenshot.png" style="padding: 10px;">
<img src="assets/next-step-check-anim.gif" id="video-01" style="background: white;">
</div>
<div style="display: flex; flex: 0 1 auto; justify-content: space-around; position: relative" class="lp-m-top-3">
<a href="https://github.com/adrienjoly/chrome-next-step-for-trello/blob/main/dist/next-step-for-trello.user.js#L11" style="flex: 1 0 280px; padding-left: 0; padding-right: 0" class="lp-btn">Install as a user-script</a>
</div>
<p id="also-avail">Note: <a href="https://chrome.google.com/webstore/detail/next-step-for-trello-card/iajhmklhilkjgabejjemfbhmclgnmamf">The corresponding extension on Chrome Web Store</a> was acquired on June 5th, 2023. It's now maintained by a different developer.</p>
</div>
</section>
<section id="features">
<article>
<div class="feature-img" style="background-image:url(assets/noun_337973_blue.png)"></div>
<h2>Boost your productivity!</h2>
<p class="lp-m-top-0">Checking off tasks feels great.<br />Doing it directly from your board view is even better.</p>
</article>
<article>
<div class="feature-img" style="background-image:url(assets/noun_457042_blue.png); position:relative; top:-8px;"></div>
<h2>Trello users waste 4min35 opening cards everyday.</h2>
<p class="lp-m-top-0">This accounts for more than 3 months in a lifetime. Sure you don't need this extension?</p>
</article>
<article>
<div class="feature-img" style="background-image:url(assets/noun_565967_blue.png)"></div>
<h2>A Chrome Extension that respects your privacy.</h2>
<p class="lp-m-top-0">Next Step for Trello does not store any personal data. Need proof? Check out its <a href="https://github.com/adrienjoly/chrome-next-step-for-trello">source code</a>!</p>
</article>
</section>
<section id="section-testimonials">
<div style="display: flex; flex-direction: column;" class="section-content lp-txt-align-c">
<h1>Productive people <span class='heart'>❤</span> it.</h1>
<article class="twitter-tweet twitter-tweet-rendered">
<blockquote class="Tweet h-entry js-tweetIdInfo subject expanded is-deciderHtmlWhitespace">
<div class="Tweet-header u-cf">
<div class="Tweet-brand u-floatRight">
<span class="u-hiddenInNarrowEnv">
<a class="FollowButton follow-button profile" href="https://twitter.com/nicolasdaudin" role="button">
<span class="FollowButton-bird">
<div class="Icon Icon--twitter "></div>
</span> Follow
</a>
</span>
</div>
<div class="TweetAuthor" data-scribe="component:author">
<a class="TweetAuthor-link Identity u-linkBlend" href="https://twitter.com/nicolasdaudin">
<span class="TweetAuthor-avatar Identity-avatar">
<img class="Avatar" src="https://pbs.twimg.com/profile_images/1152146216/twitter_400x400.JPG">
</span>
<span class="TweetAuthor-name Identity-name customisable-highlight">Nicolas Daudin</span>
<span class="TweetAuthor-screenName Identity-screenName">@nicolasdaudin</span>
</a>
</div>
</div>
<div class="Tweet-body e-entry-content" data-scribe="component:tweet">
<p class="Tweet-text e-entry-title" lang="en" dir="ltr">
I ❤️ <a href="https://twitter.com/search?f=tweets&vertical=default&q=%23ns4trello&src=typd">#ns4trello</a> and use it every day. It helps me have a quick overview of all my next steps ✅ and saves me quite some time
</p>
</div>
</blockquote>
</article>
<article class="twitter-tweet twitter-tweet-rendered">
<blockquote class="Tweet h-entry js-tweetIdInfo subject expanded is-deciderHtmlWhitespace">
<div class="Tweet-header u-cf">
<div class="Tweet-brand u-floatRight">
<span class="u-hiddenInNarrowEnv">
<a class="FollowButton follow-button profile" href="https://twitter.com/jamesgauci" role="button">
<span class="FollowButton-bird">
<div class="Icon Icon--twitter "></div>
</span> Follow
</a>
</span>
</div>
<div class="TweetAuthor" data-scribe="component:author">
<a class="TweetAuthor-link Identity u-linkBlend" href="https://twitter.com/jamesgauci">
<span class="TweetAuthor-avatar Identity-avatar">
<img class="Avatar" src="https://pbs.twimg.com/profile_images/735334336858316800/YNpZHOAY_400x400.jpg">
</span>
<span class="TweetAuthor-name Identity-name customisable-highlight">James Gauci</span>
<span class="TweetAuthor-screenName Identity-screenName">@jamesgauci</span>
</a>
</div>
</div>
<div class="Tweet-body e-entry-content" data-scribe="component:tweet">
<p class="Tweet-text e-entry-title" lang="en" dir="ltr">
Trello is a critical part of our workflow at @hydricmedia.
Next Step brings the most important card info right to the surface.
</p>
</div>
</blockquote>
</article>
<article class="twitter-tweet twitter-tweet-rendered">
<blockquote class="Tweet h-entry js-tweetIdInfo subject expanded is-deciderHtmlWhitespace">
<div class="Tweet-header u-cf">
<div class="Tweet-brand u-floatRight">
<span class="u-hiddenInNarrowEnv">
<a class="FollowButton follow-button profile" href="https://twitter.com/justan0therdave" role="button">
<span class="FollowButton-bird">
<div class="Icon Icon--twitter "></div>
</span> Follow
</a>
</span>
</div>
<div class="TweetAuthor" data-scribe="component:author">
<a class="TweetAuthor-link Identity u-linkBlend" href="https://twitter.com/justan0therdave">
<span class="TweetAuthor-avatar Identity-avatar">
<img class="Avatar" src="https://pbs.twimg.com/profile_images/1002913130849107969/Pf3uKBU3_400x400.jpg">
</span>
<span class="TweetAuthor-name Identity-name customisable-highlight">Dave ☀️</span>
<span class="TweetAuthor-screenName Identity-screenName">@justan0therdave</span>
</a>
</div>
</div>
<div class="Tweet-body e-entry-content" data-scribe="component:tweet">
<p class="Tweet-text e-entry-title" lang="en" dir="ltr">
I'm using Next Steps for Trello for tracking @callofthebrave's OKRs - it makes @trello even more of a delight to use! ✅📈🎯🏆
</p>
</div>
</blockquote>
</article>
<article style="margin-top: 40px;">
<iframe src="https://yvoschaap.com/producthunt/counter.html#href=https%3A%2F%2Fwww.producthunt.com%2Fr%2Faa438596bdde90%2F82005&layout=wide" width="100" height="24" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
<article>
</div>
</section>
<footer>
<p style="width: 100%; text-align: center; margin: 10px; color: #fff; font-size: 11px;">
Icons from Noun Project:
"<a href="https://thenounproject.com/term/boost/337973/">Boost</a>" by Ralf Schmitzer,
"<a href="https://thenounproject.com/term/boosting/457042/">Boosting</a>" by Chameleon Design,
"<a href="https://thenounproject.com/term/sun/565967/">Sun</a>" by Ekin Tumer
</p>
<!--
<div class="lp-menu lp-menu-horizontal">
<ul>
<li><a href="team/">Team</a></li>
<li><a href="blog/">Blog</a></li>
<li><a href="legal/">Legal</a></li>
</ul>
</div>
-->
</footer>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-1858235-21', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>