-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
427 lines (394 loc) · 31.4 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
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
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>PEP 8 Speaks - A GitHub integration for Python code style</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="GitHub integration for Python code style">
<meta property="og:image" content="https://cdn.launchaco.com/images/1d4b4e67-107c-43b4-b262-3abb0fef25cd.png">
<link rel="shortcut icon" href="https://cdn.launchaco.com/images/0734afec-7c80-4856-878b-125b32ec513d.png">
<link href="index_files/css.css" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-117726844-4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-117726844-4');
</script>
<link rel="stylesheet" href="index_files/AllTemplates.css">
<style>
.launchaco-promo {
position: fixed;
bottom: 20px;
left: 20px;
cursor: pointer;
width: 0;
height: 0;
z-index: 999999;
}
.launchaco-promo__active {
width: initial;
height: initial;
}
.launchaco-promo-speechbubble {
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Open Sans", "Helvetica Neue", sans-serif;
position: absolute;
left: 50px;
top: -11px;
padding: 9px;
color: white;
border-radius: 3px;
background: linear-gradient(#227ef7, #1290fc);
font-size: 14px;
font-weight: 600;
width: 93px;
box-sizing: border-box;
opacity: 0;
pointer-events: none;
transition: opacity .15s ease-in-out;
}
.launchaco-promo__active:hover .launchaco-promo-speechbubble {
opacity: 1;
}
.launchaco-promo svg {
transition: all .3s ease-in-out;
opacity: 0;
}
.launchaco-promo__active svg {
opacity: 1;
}
.launchaco-promo-speechbubble:before {
content: "";
width: 10px;
height: 10px;
transform: rotate(45deg);
left: -4px;
bottom: 10px;
border-radius: 3px;
background: #1290fc;
z-index: 2;
position: absolute
}
.launchaco-promo__active .launchaco-promo-speechbubble__animate {
animation: popinpopup 3s linear forwards 0.1s;
}
@keyframes popinpopup {
0% {
opacity: 0;
transform: translate3d(0, 3px, 0)
}
7%,
93% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
100% {
opacity: 0;
transform: translate3d(0, -4px, 0)
}
}
.launchaco-promo-animate:hover {
opacity: 1 !important;
}
</style>
<style>
.custom-color-41a2532f-4679-12f0-e5f4-b10cf3e739ec .accent-bg {
background-color: #5B5E63
}
.custom-color-41a2532f-4679-12f0-e5f4-b10cf3e739ec {
background-color: #0185FD
}
.custom-color-41a2532f-4679-12f0-e5f4-b10cf3e739ec .primary-color {
color: #FFFFFF
}
.custom-color-41a2532f-4679-12f0-e5f4-b10cf3e739ec .secondary-bg {
background-color: #2898FB
}
.custom-color-41a2532f-4679-12f0-e5f4-b10cf3e739ec .secondary-color {
color: #D7F9FF
}
.custom-color-41a2532f-4679-12f0-e5f4-b10cf3e739ec .svg-fill {
fill: #FFFFFF
}
</style>
</head>
<body class="font-modern">
<div class="custom-color-41a2532f-4679-12f0-e5f4-b10cf3e739ec">
<!---->
<header class="header">
<div class="container-lrg">
<div class="flex col-12 spread"><a class="logo primary-color launchaco-builder-hoverable logo__white">PEP 8 Speaks</a>
<!---->
</div>
</div>
</header>
<section class="section">
<div class="container mb40">
<div class="col-12 text-center">
<h1 class="heading-lrg primary-color launchaco-builder-hoverable">GitHub integration for Python code style</h1>
<h2 class="subheading secondary-color mt20 launchaco-builder-hoverable">A GitHub app to automatically review Python code style over Pull Requests</h2>
<div class="mt40"><a href="https://github.com/OrkoHunter/pep8speaks/" target="_blank" class="button mobile-text-center mt10 launchaco-builder-hoverable mr10 mobile-text-center accent-bg fill-white button__white"><svg width="25" height="24" viewBox="0 0 25 24" xmlns="http://www.w3.org/2000/svg">
<path d="M22.889 6.13a12.214 12.214 0 0 0-4.465-4.464C16.544.569 14.493.02 12.267.02S7.989.57 6.11 1.666A12.212 12.212 0 0 0 1.645 6.13C.548 8.01 0 10.062 0 12.287c0 2.673.78 5.077 2.34 7.212 1.56 2.135 3.575 3.612 6.045 4.432.288.053.5.016.64-.112a.625.625 0 0 0 .207-.479l-.008-.862c-.006-.544-.008-1.017-.008-1.422l-.368.064c-.234.043-.53.061-.886.056a6.754 6.754 0 0 1-1.11-.112 2.48 2.48 0 0 1-1.07-.479 2.027 2.027 0 0 1-.703-.982l-.16-.368a3.991 3.991 0 0 0-.503-.814c-.229-.298-.46-.5-.695-.607l-.111-.08a1.173 1.173 0 0 1-.208-.192.876.876 0 0 1-.144-.223c-.032-.075-.005-.136.08-.184.085-.048.24-.072.463-.072l.32.048c.213.043.476.17.79.383.314.213.573.49.775.83.245.437.54.77.886.999.346.229.695.343 1.047.343.35 0 .654-.026.91-.08.255-.053.495-.133.719-.24.096-.713.356-1.261.782-1.644a10.937 10.937 0 0 1-1.637-.288 6.519 6.519 0 0 1-1.501-.623 4.3 4.3 0 0 1-1.286-1.07c-.34-.426-.62-.985-.838-1.677-.219-.693-.328-1.491-.328-2.396 0-1.289.42-2.385 1.262-3.29-.394-.97-.357-2.056.112-3.259.309-.096.767-.024 1.373.216.607.24 1.052.445 1.334.615.282.17.509.314.68.431.99-.277 2.012-.415 3.066-.415 1.054 0 2.076.138 3.067.415l.607-.383c.415-.256.905-.49 1.469-.703.564-.213.996-.272 1.294-.176.48 1.204.522 2.29.128 3.259.84.905 1.262 2.002 1.262 3.29 0 .905-.11 1.706-.328 2.404-.218.697-.5 1.256-.846 1.677-.346.42-.778.775-1.294 1.062a6.531 6.531 0 0 1-1.501.623c-.485.128-1.03.224-1.638.288.554.479.83 1.235.83 2.268v3.37c0 .191.067.351.2.479.134.127.344.165.631.111 2.471-.82 4.486-2.297 6.046-4.432 1.56-2.135 2.34-4.538 2.34-7.211 0-2.225-.55-4.278-1.645-6.157z"></path>
</svg> <span> GitHub </span></a><a href="https://github.com/apps/pep8-speaks" target="_blank" class="button mobile-text-center mt10 launchaco-builder-hoverable"><svg width="25" height="24" viewBox="0 0 25 24" xmlns="http://www.w3.org/2000/svg">
<path d="M22.889 6.13a12.214 12.214 0 0 0-4.465-4.464C16.544.569 14.493.02 12.267.02S7.989.57 6.11 1.666A12.212 12.212 0 0 0 1.645 6.13C.548 8.01 0 10.062 0 12.287c0 2.673.78 5.077 2.34 7.212 1.56 2.135 3.575 3.612 6.045 4.432.288.053.5.016.64-.112a.625.625 0 0 0 .207-.479l-.008-.862c-.006-.544-.008-1.017-.008-1.422l-.368.064c-.234.043-.53.061-.886.056a6.754 6.754 0 0 1-1.11-.112 2.48 2.48 0 0 1-1.07-.479 2.027 2.027 0 0 1-.703-.982l-.16-.368a3.991 3.991 0 0 0-.503-.814c-.229-.298-.46-.5-.695-.607l-.111-.08a1.173 1.173 0 0 1-.208-.192.876.876 0 0 1-.144-.223c-.032-.075-.005-.136.08-.184.085-.048.24-.072.463-.072l.32.048c.213.043.476.17.79.383.314.213.573.49.775.83.245.437.54.77.886.999.346.229.695.343 1.047.343.35 0 .654-.026.91-.08.255-.053.495-.133.719-.24.096-.713.356-1.261.782-1.644a10.937 10.937 0 0 1-1.637-.288 6.519 6.519 0 0 1-1.501-.623 4.3 4.3 0 0 1-1.286-1.07c-.34-.426-.62-.985-.838-1.677-.219-.693-.328-1.491-.328-2.396 0-1.289.42-2.385 1.262-3.29-.394-.97-.357-2.056.112-3.259.309-.096.767-.024 1.373.216.607.24 1.052.445 1.334.615.282.17.509.314.68.431.99-.277 2.012-.415 3.066-.415 1.054 0 2.076.138 3.067.415l.607-.383c.415-.256.905-.49 1.469-.703.564-.213.996-.272 1.294-.176.48 1.204.522 2.29.128 3.259.84.905 1.262 2.002 1.262 3.29 0 .905-.11 1.706-.328 2.404-.218.697-.5 1.256-.846 1.677-.346.42-.778.775-1.294 1.062a6.531 6.531 0 0 1-1.501.623c-.485.128-1.03.224-1.638.288.554.479.83 1.235.83 2.268v3.37c0 .191.067.351.2.479.134.127.344.165.631.111 2.471-.82 4.486-2.297 6.046-4.432 1.56-2.135 2.34-4.538 2.34-7.211 0-2.225-.55-4.278-1.645-6.157z"></path>
</svg> <span> Install </span></a></div>
</div>
</div>
<!---->
</section>
</div>
<section id="feature-1" class="section blue-white" sitemeta="[object Object]" activepage="Landing">
<div class="container">
<div class="col-12 text-center flex flex-column center-horizontal"><i class="icon secondary-bg mobile-center-icon launchaco-builder-hoverable"><svg class="svg-fill" viewBox="0 0 19 24" xmlns="http://www.w3.org/2000/svg">
<path d="M16.071 15.071l-3.192-3.192A3 3 0 0 1 12 9.757V1h.5a.5.5 0 1 0 0-1h-6a.5.5 0 0 0 0 1H7v8.757a3 3 0 0 1-.879 2.122L2.93 15.07A10 10 0 0 0 0 22.142v.358A1.5 1.5 0 0 0 1.5 24h16a1.5 1.5 0 0 0 1.5-1.5v-.358a10 10 0 0 0-2.929-7.071zM4.5 20a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm2 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm-3.065-6c.068-.073.13-.15.201-.222l3.192-3.192A3.974 3.974 0 0 0 8 9.757V1h3v4H9.5a.5.5 0 0 0 0 1H11v2H9.5a.5.5 0 0 0 0 1H11v.757a3.974 3.974 0 0 0 1.171 2.829l3.193 3.192c.071.071.133.149.201.222H3.435z"></path>
</svg></i>
<h3 class="heading primary-color launchaco-builder-hoverable">About</h3>
<p class="paragraph mt20 secondary-color launchaco-builder-hoverable">PEP
8 Speaks is a GitHub integration which detects Python code style issues
on new Pull Requests. You can install it on your Python projects and
configure with your own code style. Check out the project on GitHub.</p>
</div>
</div>
<!---->
</section>
<section id="checklist-2" class="section lightblue-gradient" sitemeta="[object Object]" activepage="Landing">
<div class="container text-center mb75">
<div class="col-12">
<h3 class="heading primary-color launchaco-builder-hoverable">Main features</h3>
<!---->
</div>
</div>
<div class="container flex">
<ul class="checklist col-12">
<li class="checklist-item flex center-horizontal spread pad20 launchaco-builder-hoverable">
<p class="bold primary-color mr20">A single comment on Pull Requests. No hustle on emails for new commits</p> <svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" class="noshrink svg-fill">
<g transform="translate(4.000000, 5.000000)">
<path d="M5.24961475,8.39956394 L2.16512063,5.35475362 C1.74038521,4.93548271 1.05017933,4.9352057 0.624646383,5.35526395 C0.199019838,5.77541456 0.198881924,6.45614266 0.624129379,6.8759191 L4.35212111,10.555948 C4.38658274,10.6034965 4.42544251,10.6488955 4.46870038,10.6915969 C4.70907746,10.9288814 5.03375662,11.0320952 5.3475228,11.0013023 C5.59592563,10.9812599 5.83876209,10.8774981 6.02880771,10.6898975 C6.06831079,10.6509027 6.10414872,10.6096632 6.13632157,10.5665961 L13.9850992,2.81879759 C14.4107939,2.39857976 14.410861,1.71746456 13.985328,1.29740632 C13.5597015,0.8772557 12.8697673,0.877449143 12.444108,1.29763217 L5.24961475,8.39956394 Z"></path>
</g>
</svg>
</li>
<li class="checklist-item flex center-horizontal spread pad20 launchaco-builder-hoverable">
<p class="bold primary-color mr20">Customize with additional pycodestyle/flake8 options</p> <svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" class="noshrink svg-fill">
<g transform="translate(4.000000, 5.000000)">
<path d="M5.24961475,8.39956394 L2.16512063,5.35475362 C1.74038521,4.93548271 1.05017933,4.9352057 0.624646383,5.35526395 C0.199019838,5.77541456 0.198881924,6.45614266 0.624129379,6.8759191 L4.35212111,10.555948 C4.38658274,10.6034965 4.42544251,10.6488955 4.46870038,10.6915969 C4.70907746,10.9288814 5.03375662,11.0320952 5.3475228,11.0013023 C5.59592563,10.9812599 5.83876209,10.8774981 6.02880771,10.6898975 C6.06831079,10.6509027 6.10414872,10.6096632 6.13632157,10.5665961 L13.9850992,2.81879759 C14.4107939,2.39857976 14.410861,1.71746456 13.985328,1.29740632 C13.5597015,0.8772557 12.8697673,0.877449143 12.444108,1.29763217 L5.24961475,8.39956394 Z"></path>
</g>
</svg>
</li>
<li class="checklist-item flex center-horizontal spread pad20 launchaco-builder-hoverable">
<p class="bold primary-color mr20">Stays silent if there is no Python involved in the Pull Request</p> <svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" class="noshrink svg-fill">
<g transform="translate(4.000000, 5.000000)">
<path d="M5.24961475,8.39956394 L2.16512063,5.35475362 C1.74038521,4.93548271 1.05017933,4.9352057 0.624646383,5.35526395 C0.199019838,5.77541456 0.198881924,6.45614266 0.624129379,6.8759191 L4.35212111,10.555948 C4.38658274,10.6034965 4.42544251,10.6488955 4.46870038,10.6915969 C4.70907746,10.9288814 5.03375662,11.0320952 5.3475228,11.0013023 C5.59592563,10.9812599 5.83876209,10.8774981 6.02880771,10.6898975 C6.06831079,10.6509027 6.10414872,10.6096632 6.13632157,10.5665961 L13.9850992,2.81879759 C14.4107939,2.39857976 14.410861,1.71746456 13.985328,1.29740632 C13.5597015,0.8772557 12.8697673,0.877449143 12.444108,1.29763217 L5.24961475,8.39956394 Z"></path>
</g>
</svg>
</li>
</ul>
</div>
<div class="container mt75">
<div class="col-12">
<div class="codeblock">
<pre><code class="hljs python"><table class="hljs-ln"><tbody><tr><td class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="1"></div></td><td class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-comment"># File : .pep8speaks.yml</span></div></td></tr><tr><td class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="2"></div></td><td class="hljs-ln-code"><div class="hljs-ln-line"> </div></td></tr><tr><td class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="3"></div></td><td class="hljs-ln-code"><div class="hljs-ln-line">scanner:</div></td></tr><tr><td class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="4"></div></td><td class="hljs-ln-code"><div class="hljs-ln-line"> diff_only: <span class="hljs-keyword">True</span> <span class="hljs-comment"># If False, the entire file touched by the Pull Request is scanned for errors. If True, only the diff is scanned.</span></div></td></tr><tr><td class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="5"></div></td><td class="hljs-ln-code"><div class="hljs-ln-line"> linter: pycodestyle <span class="hljs-comment"># Other option is flake8</span></div></td></tr><tr><td class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="6"></div></td><td class="hljs-ln-code"><div class="hljs-ln-line"> </div></td></tr><tr><td class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="7"></div></td><td class="hljs-ln-code"><div class="hljs-ln-line">pycodestyle: <span class="hljs-comment"># Same as scanner.linter value. Other option is flake8</span></div></td></tr><tr><td class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="8"></div></td><td class="hljs-ln-code"><div class="hljs-ln-line"> max-line-length: <span class="hljs-number">100</span> <span class="hljs-comment"># Default is 79 in PEP 8</span></div></td></tr><tr><td class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="9"></div></td><td class="hljs-ln-code"><div class="hljs-ln-line"> ignore: <span class="hljs-comment"># Errors and warnings to ignore</span></div></td></tr><tr><td class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="10"></div></td><td class="hljs-ln-code"><div class="hljs-ln-line"> - W504 <span class="hljs-comment"># line break after binary operator</span></div></td></tr><tr><td class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="11"></div></td><td class="hljs-ln-code"><div class="hljs-ln-line"> - E402 <span class="hljs-comment"># module level import not at top of file</span></div></td></tr><tr><td class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="12"></div></td><td class="hljs-ln-code"><div class="hljs-ln-line"> - E731 <span class="hljs-comment"># do not assign a lambda expression, use a def</span></div></td></tr><tr><td class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="13"></div></td><td class="hljs-ln-code"><div class="hljs-ln-line"> </div></td></tr><tr><td class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="14"></div></td><td class="hljs-ln-code"><div class="hljs-ln-line">no_blank_comment: <span class="hljs-keyword">True</span> <span class="hljs-comment"># If True, no comment is made on PR without any errors.</span></div></td></tr></tbody></table></code></pre>
</div>
</div>
</div>
</section>
<section id="faq-3" class="section blue-white" sitemeta="[object Object]" activepage="Landing">
<div class="container">
<div class="col-12 text-center">
<h3 class="heading primary-color launchaco-builder-hoverable">
FAQs
</h3>
<p class="subheading secondary-color mt20 launchaco-builder-hoverable">Need to ask something? Create an issue on the GitHub project.</p>
</div>
</div>
<div class="container">
<div class="col-12 mt40">
<div class="faq pad20"><b class="bold primary-color launchaco-builder-hoverable">
What problems does this project solve?
</b>
<p class="paragraph secondary-color launchaco-builder-hoverable">
Maintainers of Python projects have a difficult time
reviewing Pull Requests by new contributors who may not be aware of the
code style. This project makes reviewing Pull Requests a little bit
easier.
</p>
</div>
<div class="faq pad20"><b class="bold primary-color launchaco-builder-hoverable">
Why not just use flake8 or pycodestyle with Continuous Integration?
</b>
<p class="paragraph secondary-color launchaco-builder-hoverable">
Style issues get lost in the long CI build logs and the
authors of the Pull Requests are not notified about them (unless flake8
is strict about failing the build). Thus, new issues are overlooked and
introduced in the project.
PEP 8 Speaks can read the setup.cfg file and adopt your
already existing flake8/pycodestyle settings.
</p>
</div>
<div class="faq pad20"><b class="bold primary-color launchaco-builder-hoverable">
Is PEP 8 Speaks Free? Does the app work on Private repositories?
</b>
<p class="paragraph secondary-color launchaco-builder-hoverable">
Yes, PEP 8 Speaks is free of cost. By default, it can not
work on private repositories. Check out the README of the project to
know how to use a fork of it.
</p>
</div>
</div>
</div>
</section>
<section id="cta-4" class="section lightblue-gradient" sitemeta="[object Object]" activepage="Landing">
<!---->
<div class="container text-center">
<div class="col-12">
<h4 class="heading-lrg primary-color launchaco-builder-hoverable">Statistics</h4>
<p class="paragraph mt20 secondary-color mt20 launchaco-builder-hoverable">111 Organizations -
158 Individual maintainers -
1200+ Projects</p>
<div class="mt40"><a href="https://github.com/OrkoHunter/pep8speaks/wiki/List-of-users-and-orgs" target="_blank" class="button mobile-text-center mt10 launchaco-builder-hoverable mobile-text-center accent-bg fill-white primary-color"><svg width="25" height="24" viewBox="0 0 25 24" xmlns="http://www.w3.org/2000/svg">
<path d="M22.889 6.13a12.214 12.214 0 0 0-4.465-4.464C16.544.569 14.493.02 12.267.02S7.989.57 6.11 1.666A12.212 12.212 0 0 0 1.645 6.13C.548 8.01 0 10.062 0 12.287c0 2.673.78 5.077 2.34 7.212 1.56 2.135 3.575 3.612 6.045 4.432.288.053.5.016.64-.112a.625.625 0 0 0 .207-.479l-.008-.862c-.006-.544-.008-1.017-.008-1.422l-.368.064c-.234.043-.53.061-.886.056a6.754 6.754 0 0 1-1.11-.112 2.48 2.48 0 0 1-1.07-.479 2.027 2.027 0 0 1-.703-.982l-.16-.368a3.991 3.991 0 0 0-.503-.814c-.229-.298-.46-.5-.695-.607l-.111-.08a1.173 1.173 0 0 1-.208-.192.876.876 0 0 1-.144-.223c-.032-.075-.005-.136.08-.184.085-.048.24-.072.463-.072l.32.048c.213.043.476.17.79.383.314.213.573.49.775.83.245.437.54.77.886.999.346.229.695.343 1.047.343.35 0 .654-.026.91-.08.255-.053.495-.133.719-.24.096-.713.356-1.261.782-1.644a10.937 10.937 0 0 1-1.637-.288 6.519 6.519 0 0 1-1.501-.623 4.3 4.3 0 0 1-1.286-1.07c-.34-.426-.62-.985-.838-1.677-.219-.693-.328-1.491-.328-2.396 0-1.289.42-2.385 1.262-3.29-.394-.97-.357-2.056.112-3.259.309-.096.767-.024 1.373.216.607.24 1.052.445 1.334.615.282.17.509.314.68.431.99-.277 2.012-.415 3.066-.415 1.054 0 2.076.138 3.067.415l.607-.383c.415-.256.905-.49 1.469-.703.564-.213.996-.272 1.294-.176.48 1.204.522 2.29.128 3.259.84.905 1.262 2.002 1.262 3.29 0 .905-.11 1.706-.328 2.404-.218.697-.5 1.256-.846 1.677-.346.42-.778.775-1.294 1.062a6.531 6.531 0 0 1-1.501.623c-.485.128-1.03.224-1.638.288.554.479.83 1.235.83 2.268v3.37c0 .191.067.351.2.479.134.127.344.165.631.111 2.471-.82 4.486-2.297 6.046-4.432 1.56-2.135 2.34-4.538 2.34-7.211 0-2.225-.55-4.278-1.645-6.157z"></path>
</svg> <span> Complete list of users </span></a></div>
</div>
</div>
</section>
<section id="feature-5" class="section blue-white" sitemeta="[object Object]" activepage="Landing">
<div class="container">
<div class="col-12 text-center flex flex-column center-horizontal">
<!---->
<h3 class="heading primary-color launchaco-builder-hoverable">Popular users</h3>
<p class="subheading secondary-color mt20 launchaco-builder-hoverable"></p>
</div>
</div>
<div class="container-lrg mt75">
<div class="col-12 launchaco-builder-hoverable">
<div class=""><img src="index_files/90d059bf-2ddd-4ef6-ad39-f12df348870c.png" alt="Screenshot of application" class="custom-img"></div>
</div>
</div>
</section>
<section id="team-6" class="section lightblue-white" sitemeta="[object Object]" activepage="Landing">
<div class="container text-center mb35">
<h3 class="heading primary-color launchaco-builder-hoverable">Gold Sponsors</h3>
<!---->
</div>
<div class="container flex wrap text-center">
<div class="col-6 mt40 flex launchaco-builder-hoverable">
<div onclick="window.open('https://python.org')" class="team-card flex flex-column center-vertical center-horizontal w100">
<div class="user-image mb20" style="background-image: url("https://cdn.launchaco.com/images/7ef21bc4-79a4-402b-ae8d-8970fc957722.png");"></div>
<div><b class="bold primary-color">Python Software Foundation</b>
<p class="paragraph primary-color mt10"></p>
<p class="paragraph secondary-color mt20">The mission of
the Python Software Foundation is to promote, protect, and advance the
Python programming language, and to support and facilitate the growth of
a diverse and international community of Python programmers.</p>
</div>
<div class="mt30"><a href="https://twitter.com/thepsf" target="_blank" class="socialicons accent-bg twitter"></a></div>
</div>
</div>
<div class="col-6 mt40 flex launchaco-builder-hoverable">
<div onclick="window.open('https://weblate.org')" class="team-card flex flex-column center-vertical center-horizontal w100">
<div class="user-image mb20" style="background-image: url("https://cdn.launchaco.com/images/330ad06f-5fa1-4b97-96c9-5150f8a96c00.png");"></div>
<div><b class="bold primary-color">Weblate</b>
<p class="paragraph primary-color mt10"></p>
<p class="paragraph secondary-color mt20">Weblate is a libre software web-based continuous
localization system used by over 1150+ opensource projects & companies
in over 115+ countries around the World.</p>
</div>
<div class="mt30"><a href="https://twitter.com/WeblateOrg" target="_blank" class="socialicons accent-bg twitter"></a></div>
</div>
</div>
</div>
</section>
<section id="team-7" class="section lightblue-white" sitemeta="[object Object]" activepage="Landing">
<div class="container text-center mb75">
<h3 class="heading primary-color launchaco-builder-hoverable">Silver Sponsors</h3>
<!---->
</div>
<div class="container flex text-center">
<div class="col-12 launchaco-builder-hoverable flex">
<div onclick="window.open('https://ccextractor.org')" class="team-card flex flex-column center-vertical center-horizontal w100">
<div class="user-image mb20" style="background-image: url("https://cdn.launchaco.com/images/91401df1-f736-448f-a1d1-879fe3f168d5.png");"></div>
<div><b class="bold primary-color">CCExtractor</b>
<p class="paragraph primary-color mt10"></p>
<p class="paragraph secondary-color mt20"></p>
</div>
<!---->
</div>
</div>
<div class="col-12 launchaco-builder-hoverable flex">
<div onclick="window.open('https://github.com/debugger22')" class="team-card flex flex-column center-vertical center-horizontal w100">
<div class="user-image mb20" style="background-image: url("https://cdn.launchaco.com/images/ad69c76d-2fa6-44e1-a083-70f244035cb1.png");"></div>
<div><b class="bold primary-color">Sudhanshu Mishra</b>
<p class="paragraph primary-color mt10"></p>
<p class="paragraph secondary-color mt20"></p>
</div>
<!---->
</div>
</div>
</div>
</section>
<section id="cta-8" class="section lightblue-gradient" sitemeta="[object Object]" activepage="Landing">
<!---->
<div class="container text-center">
<div class="col-12">
<h4 class="heading-lrg primary-color launchaco-builder-hoverable"></h4>
<div class="mt40"><a href="https://github.com/OrkoHunter/pep8speaks/wiki/Funding" target="_blank" class="button mobile-text-center mt10 launchaco-builder-hoverable mobile-text-center accent-bg fill-white primary-color"><svg width="25" height="24" viewBox="0 0 25 24" xmlns="http://www.w3.org/2000/svg">
<path d="M22.889 6.13a12.214 12.214 0 0 0-4.465-4.464C16.544.569 14.493.02 12.267.02S7.989.57 6.11 1.666A12.212 12.212 0 0 0 1.645 6.13C.548 8.01 0 10.062 0 12.287c0 2.673.78 5.077 2.34 7.212 1.56 2.135 3.575 3.612 6.045 4.432.288.053.5.016.64-.112a.625.625 0 0 0 .207-.479l-.008-.862c-.006-.544-.008-1.017-.008-1.422l-.368.064c-.234.043-.53.061-.886.056a6.754 6.754 0 0 1-1.11-.112 2.48 2.48 0 0 1-1.07-.479 2.027 2.027 0 0 1-.703-.982l-.16-.368a3.991 3.991 0 0 0-.503-.814c-.229-.298-.46-.5-.695-.607l-.111-.08a1.173 1.173 0 0 1-.208-.192.876.876 0 0 1-.144-.223c-.032-.075-.005-.136.08-.184.085-.048.24-.072.463-.072l.32.048c.213.043.476.17.79.383.314.213.573.49.775.83.245.437.54.77.886.999.346.229.695.343 1.047.343.35 0 .654-.026.91-.08.255-.053.495-.133.719-.24.096-.713.356-1.261.782-1.644a10.937 10.937 0 0 1-1.637-.288 6.519 6.519 0 0 1-1.501-.623 4.3 4.3 0 0 1-1.286-1.07c-.34-.426-.62-.985-.838-1.677-.219-.693-.328-1.491-.328-2.396 0-1.289.42-2.385 1.262-3.29-.394-.97-.357-2.056.112-3.259.309-.096.767-.024 1.373.216.607.24 1.052.445 1.334.615.282.17.509.314.68.431.99-.277 2.012-.415 3.066-.415 1.054 0 2.076.138 3.067.415l.607-.383c.415-.256.905-.49 1.469-.703.564-.213.996-.272 1.294-.176.48 1.204.522 2.29.128 3.259.84.905 1.262 2.002 1.262 3.29 0 .905-.11 1.706-.328 2.404-.218.697-.5 1.256-.846 1.677-.346.42-.778.775-1.294 1.062a6.531 6.531 0 0 1-1.501.623c-.485.128-1.03.224-1.638.288.554.479.83 1.235.83 2.268v3.37c0 .191.067.351.2.479.134.127.344.165.631.111 2.471-.82 4.486-2.297 6.046-4.432 1.56-2.135 2.34-4.538 2.34-7.211 0-2.225-.55-4.278-1.645-6.157z"></path>
</svg> <span> Become a sponsor </span></a></div>
</div>
</div>
</section>
<footer id="footer-9" class="section text-center black-white" sitemeta="[object Object]" activepage="Landing">
<div class="container col-12">
<nav class="mb50"><a target="_blank" href="https://github.com/OrkoHunter/pep8speaks" class="nav-link secondary-color">MIT License</a></nav>
<div><a href="https://github.com/OrkoHunter/pep8speaks" target="_blank" class="socialicons accent-bg github"></a><a href="https://twitter.com/OrkoHunter" target="_blank" class="socialicons accent-bg twitter"></a></div>
<!---->
</div>
</footer>
<a id="visual-dreamer" class="launchaco-promo launchaco-promo__active" target="_blank" href="https://www.launchaco.com/">
<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient x1="9.394%" y1="57.704%" x2="105.69%" y2="27.607%" id="a">
<stop stop-color="#007FFF" offset="0%"></stop>
<stop stop-color="#1290FC" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="137.557%" id="b">
<stop stop-color="#FF9386" offset="0%"></stop>
<stop stop-color="#FF5F86" offset="100%"></stop>
</linearGradient>
<linearGradient x1="30.817%" y1="-31.6%" x2="63.808%" y2="151.297%" id="c">
<stop stop-color="#D7EDFF" offset="0%"></stop>
<stop stop-color="#FFF" stop-opacity="0" offset="100%"></stop>
</linearGradient>
</defs>
<g fill="none">
<circle fill="url(#a)" cx="19.832" cy="19.832" r="19.832"></circle>
<path d="M26.616.325l4.308 12.587-4.669-.315L26.218.388c0-.105.091-.19.204-.191.088 0 .166.051.194.128z" fill="url(#b)" transform="rotate(45 28.571 6.555)"></path>
<path d="M32.031 35.658c-6.164 2.721-12.745-4.33-11.992-10.011 2.617.782 4.626.997 7.904 2.01 2.34.769 4.152.479 5.386-1.13 1.234-1.607 1.316-3.502 0-5.158-4.826-5.49 0 0-10.516-12.264l2.923-2.95C.117 4.123 5.302 32.333 6.903 35.095c4.01 3.54 14.11 8.709 25.128.563z" fill="#FFF"></path>
<path d="M9.782 19.176l-.034-.016c0 5.76 4.425 21.794 22.185 16.378-6.148 2.716-12.71-4.29-12.006-9.97a7.394 7.394 0 0 1-2.73.519c-3.922 0-7.135-3.047-7.415-6.911z" fill="url(#c)"></path>
<ellipse fill="#354158" cx="22.185" cy="14.958" rx="2.017" ry="1.849"></ellipse>
<ellipse fill="#354158" cx="22.185" cy="14.958" rx="2.017" ry="1.849"></ellipse>
</g>
</svg>
<div class="launchaco-promo-speechbubble launchaco-promo-speechbubble__animate">Built With Launchaco</div>
<div class="launchaco-promo-speechbubble">Built With Launchaco</div>
</a>
<script>
window.onscroll = function()
{
showAd()
}
function showAd()
{
var scrollBarPosition = window.pageYOffset | document.body.scrollTop;
// At specifiv position do what you want
if (scrollBarPosition > 300)
{
document.getElementById("visual-dreamer").className = "launchaco-promo launchaco-promo__active";
window.onscroll = function() {};
}
}
</script>
</body>
<link href="custom.css" rel="stylesheet">
<script async="" src="./custom.js"></script>
</html>