www/index.html at master · urlint/www · GitHub

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
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Basic -->
  <title>urlint, check your URLs, keep your links up to date ✨</title>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">

  <!-- Search Engine -->
  <meta name="description" content="Check your URLs, keep your links up to date ✨">
  <meta name="image" content="https://urlint.co/static/images/preview.jpg">
  <link rel="canonical" href="https://urlint.co" />

  <!-- Schema.org for Google -->
  <meta itemprop="name" content="urlint">
  <meta itemprop="description" content="Check your URLs, keep your links up to date ✨">
  <meta itemprop="image" content="https://urlint.co/static/images/preview.jpg">

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="urlint">
  <meta name="twitter:description" content="Check your URLs, keep your links up to date ✨">
  <meta name="twitter:image" content="https://urlint.co/static/images/preview.jpg">
  <meta name="twitter:logo" content="https://urlint.co/static/images/logo.png">
  <meta name="twitter:label1" value="Install" />
  <meta name="twitter:data1" value="npm install urlint -g" />
  <meta name="twitter:label2" value="GitHub" />
  <meta name="twitter:data2" value="https://github.com/urlint" />

  <!-- Open Graph general (Facebook, Pinterest & Google+) -->
  <meta property="og:title" content="urlint">
  <meta property="og:description" content="Check your URLs, keep your links up to date ✨">
  <meta property="og:image" content="https://urlint.co/static/images/preview.jpg">
  <meta property="og:image:secure_url" content="https://urlint.co/static/images/preview.jpg">
  <meta property="og:video:secure_url" content="https://urlint.co/static/images/demo.mp4">
  <meta property="og:url" content="https://urlint.co">

  <link rel="shortcut icon" href="/static/favicon.ico" />
  <link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:900" rel="stylesheet">
  <link rel="stylesheet" href="/static/css/main.css">
  <link rel="stylesheet" href="/static/css/color.css">
</head>

<body class="font-hacker">
  <div class="black-gradient">
    <header class="header">
      <div class="container-lrg">
        <div class="flex col-12 spread center-horizontal">
          <a href="/" class="logo">
            <img src="/static/images/logo.png" alt="urlint logo">
          </a>
          <a href="#main-menu" id="menu" class="menu-toggle">
            <b class="nav-link mr0 secondary-color">☰</b>
          </a>
          <nav id="main-menu" role="navigation" class="main-menu">
            <a href="#" id="main-menu-close" class="menu-close">
              <span class="bold">✕</span>
            </a>
            <a target="_blank" href="https://urlint.us17.list-manage.com/subscribe?u=21b554e959530699e44273f9c&id=9650e15cc3"
              class="nav-link secondary-color">Subscribe</a>
            <a href="mailto:hello@urlint.co" class="nav-link secondary-color">Contact</a>
            <a target="_blank" href="https://changes.now.sh/urlint" class="nav-link secondary-color">Changelog</a>
          </nav>
        </div>
      </div>
    </header>
    <section class="section">
      <div class="container mb40">
        <div class="col-12 text-center">
          <h1 class="heading-lrg primary-color">Check your URLs</h1>
          <h2 class="subheading secondary-color mt20">keep your links up to date ✨</h2>
          <div class="mt40">
            <div class="user-select button button__outline mobile-text-center mt10 mr10 mobile-text-center accent-bg primary-color">
              <span> npm install urlint -g</span>
              <span class="black-white blinker"></span>
            </div>
            <a href="https://urlint-sigma.vercel.app/login" class="button mobile-text-center mt10">
              <span> Install on GitHub </span>
            </a>
          </div>
        </div>
      </div>
      <div class="container-lrg mt75">
        <div class="col-12">
          <video class="terminal" width="100%" poster="/static/images/demo.jpg" src="/static/images/demo.mp4" autoplay
            muted loop></video>
        </div>
      </div>
    </section>
  </div>
  <section id="feature-1" class="section black-flat">
    <div class="container-lrg flex">
      <div class="flex col-6 flex-column mobile-text-center center-vertical">
        <div class="flex center-horizontal mb35 mobile-center-vertical">
          <h3 class="bold primary-color">Your URLs always ready</h3>
        </div>
        <p class="paragraph secondary-color">Be sure all your links are working as you expected.</p>
        <p class="paragraph secondary-color mt20">No more broken links, we don't like surprises.</p>
      </div>
      <div class="col-6 flex center-horizontal center-vertical">
        <div class="launchaco-builder-hoverable">
          <video class="custom-img terminal" width="100%" poster="/static/images/demo-one.jpg" src="/static/images/demo-one.mp4"
            autoplay="" muted="" loop=""></video>
        </div>
      </div>
    </div>
  </section>
  <section id="feature-2" class="section black-flat">
    <div class="container-lrg flex">
      <div class="flex col-6 flex-column mobile-text-center center-vertical">
        <div class="flex center-horizontal mb35 mobile-center-vertical">
          <h3 class="bold primary-color">Automagically detection</h3>
        </div>
        <p class="paragraph secondary-color">Provide the URL to analyze, we do the rest.</p>
        <p class="paragraph secondary-color mt20">We detect all your links and classify them based on their HTTP
          status.</p>
        <p class="paragraph secondary-color mt20">Sitemaps are supported as well.</p>
      </div>
      <div class="col-6 flex center-horizontal center-vertical">
        <div class="launchaco-builder-hoverable">
          <video class="custom-img terminal" width="100%" poster="/static/images/demo-two.jpg" src="/static/images/demo-two.mp4"
            autoplay="" muted="" loop=""></video>
        </div>
      </div>
    </div>
  </section>
  <section id="feature-3" class="section black-flat">
    <div class="container-lrg flex">
      <div class="flex col-6 flex-column mobile-text-center center-vertical">
        <div class="flex center-horizontal mb35 mobile-center-vertical">
          <h3 class="bold primary-color">Universal Integration</h3>
        </div>
        <p class="paragraph secondary-color">Integrate it as part of your workflow.</p>
        <p class="paragraph secondary-color mt20">Let the robots do all the work in the background.</p>
      </div>
      <div class="col-6 flex center-horizontal center-vertical">
        <div class="launchaco-builder-hoverable">
          <div class="">
            <img src="/static/images/demo-three.png" alt="Screenshot of small App" class="custom-img">
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="faq" class="section black-flat">
    <div class="container">
      <div class="col-12 text-center">
        <h3 class="heading primary-color launchaco-builder-hoverable">
          Frequently Asked Questions
        </h3>
        <p class="subheading secondary-color mt20 launchaco-builder-hoverable" style="font-size: 16px;">Can't find an
          answer? Don't hesitate to reach out!.</p>
      </div>
    </div>
    <div class="container">
      <div class="col-12 mt40">
        <div class="faq pad20">
          <b class="subheading bold primary-color launchaco-builder-hoverable">
            What is urlint?
          </b>
          <p class="paragraph secondary-color launchaco-builder-hoverable mt20">
            <b class="bold paragraph primary-color">urlint</b> is a command line interface for checking the
            availability of your links.
          </p>
          <p class="paragraph secondary-color launchaco-builder-hoverable mt20">
            Just provide the URL that you want to check and the command will detect all the URLs present in the markup,
            classifying the links based on their HTTP status.
          </p>
        </div>
        <div class="faq pad20">
          <b class="subheading bold primary-color launchaco-builder-hoverable">
            Why a CLI?
          </b>
          <p class="paragraph secondary-color launchaco-builder-hoverable mt20">
            The CLI is an universal way to interact with any computer.
          </p>
          <p class="paragraph secondary-color launchaco-builder-hoverable mt20">
            Based on his nature, CLI is an excellent way integrate a tool with any operating system (Mac, Windows and
            Linux) as part of your workflow, immediately.
          </p>
          <p class="paragraph secondary-color launchaco-builder-hoverable mt20">
            Whatever solution based on a frontend UI need extra effort to be maintained and could be easily outdated in
            terms of design in a short period of time.
          </p>
        </div>
        <div class="faq pad20">
          <b class="subheading bold primary-color launchaco-builder-hoverable">
            How to use it?
          </b>
          <p class="paragraph secondary-color launchaco-builder-hoverable mt20">
            After install it, just run the command in your terminal.
          </p>
          <p class="paragraph secondary-color launchaco-builder-hoverable mt20">
            It allows a set of configurable options, like concurrency, following redirects and more stuff. Write `<b
              class="bold paragraph primary-color">urlint --help</b>` to know more.
          </p>
        </div>
        <div class="faq pad20">
          <b class="subheading bold primary-color launchaco-builder-hoverable">
            How to integrate it?
          </b>
          <p class="paragraph secondary-color launchaco-builder-hoverable mt20">
            Although you can run `<b class="bold paragraph primary-color">urlint</b>` on demand, the most powerful way
            to use it is as part of your Continous Integration System (Travis, GitLab, Jenkins, CircleCI, ...).
          </p>
          <p class="paragraph secondary-color launchaco-builder-hoverable mt20">
            This is an <a class="link accent bold paragraph primary-color" target="_blank" href="https://travis-ci.org/Kikobeats/kikobeats.com/jobs/375815098#L2101">example
              on Travis CI</a> executing it after a successful build
          </p>
          <div class="mt40 mb40">
            <pre class="user-select paragraph terciary-color black-light-flat">
                <code>
language: node_js

node_js:
  - "node"

script:
  - npx urlint https://kikobeats.com --whitelist https://www.linkedin.com/in/kikobeats</code>
              </pre>
          </div>
          <p class="paragraph secondary-color launchaco-builder-hoverable mt20">
            Another approach could be run it periodically as a crontab, you check links availability over the time.
          </p>
        </div>
      </div>
    </div>
  </section>
  <section id="cta-4" class="section black-flat">
    <div class="container text-center">
      <div class="col-12">
        <h4 class="heading primary-color">Subscribe to newsletter</h4>
        <p class="paragraph mt20 secondary-color">Early access &amp; updates on new releases.

        </p>
        <div class="mt40">
          <form action="https://urlint.us17.list-manage.com/subscribe?u=21b554e959530699e44273f9c&id=9650e15cc3" method="post">
            <button class="white-color button mt10 primary-color accent-bg">Subscribe me</button>
          </form>
        </div>
      </div>
    </div>
  </section>
  <footer id="footer-5" class="section text-center black-flat">
    <div class="container col-12">
      <div>
        <a href="https://twitter.com/kikobeats" title="Twitter" target="_blank" class="socialicons accent-bg twitter"></a>
        <a href="mailto:hello@urlint.co" title="Mail" class="socialicons accent-bg email"></a>
        <a href="https://github.com/urlint" title="Github" target="_blank" class="socialicons accent-bg github"></a>
      </div>
    </div>
  </footer>
</body>

</html>