-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
83 lines (80 loc) · 5.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Pull Request approve comment generator to not being a LGTM person" />
<link rel="stylesheet" href="./src/styles/main.scss" />
<title>Pull Request Approver</title>
<meta property="og:title" content="Pull Request Approve Generator" />
<meta property="og:site_name" content="Pull Request Approver" />
<meta property="og:url" content="https://pr.pavelkeyk.com" />
<meta property="og:description" content="Pull Request approve comment generator to not being a LGTM person" />
<meta property="og:type" content="website" />
<meta property="og:image" content="/cover.jpg" />
</head>
<body class="container">
<header class="header">
<div class="header__description">
<h1>Pull Request Approver</h1>
<p>Get rid of LGTM 👍 comments in your PRs</p>
</div>
<div class="header__actions">
<a class="github-button" data-color-scheme="no-preference: light; light: light; dark: dark;"
href="https://github.com/pavelkeyzik/pr-approve-generator" data-size="large" data-show-count="true"
aria-label="Star buttons/github-buttons on GitHub">
Star
</a>
</div>
</header>
<main>
<div class="generator">
<div class="generator-review">
<div class="generator-review__content">
<div><span id="js-result"></span> <span id="js-result-emoji"></span></div>
<div class="generator-actions">
<button class="btn btn-small btn-dark" id="js-emoji">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" class="btn-icon"><path d="M15 22.75H9C3.57 22.75 1.25 20.43 1.25 15V9C1.25 3.57 3.57 1.25 9 1.25H15C20.43 1.25 22.75 3.57 22.75 9V15C22.75 20.43 20.43 22.75 15 22.75ZM9 2.75C4.39 2.75 2.75 4.39 2.75 9V15C2.75 19.61 4.39 21.25 9 21.25H15C19.61 21.25 21.25 19.61 21.25 15V9C21.25 4.39 19.61 2.75 15 2.75H9Z" fill="currentColor" /><path d="M8.81994 9.75C7.96994 9.75 7.11994 9.43 6.46994 8.78C6.17994 8.49 6.17994 8.01 6.46994 7.72C6.75994 7.43 7.23994 7.43 7.52994 7.72C8.23994 8.43 9.39994 8.43 10.1099 7.72C10.3999 7.43 10.8799 7.43 11.1699 7.72C11.4599 8.01 11.4599 8.49 11.1699 8.78C10.5199 9.42 9.66994 9.75 8.81994 9.75Z" fill="currentColor" /><path d="M15.18 9.75C14.33 9.75 13.48 9.43 12.83 8.78C12.54 8.49 12.54 8.01 12.83 7.72C13.12 7.43 13.6 7.43 13.89 7.72C14.6 8.43 15.76 8.43 16.47 7.72C16.76 7.43 17.24 7.43 17.53 7.72C17.82 8.01 17.82 8.49 17.53 8.78C16.88 9.42 16.03 9.75 15.18 9.75Z" fill="currentColor" /><path d="M12 19.15C9.1 19.15 6.75 16.79 6.75 13.9C6.75 12.99 7.49 12.25 8.4 12.25H15.6C16.51 12.25 17.25 12.99 17.25 13.9C17.25 16.79 14.9 19.15 12 19.15ZM8.4 13.75C8.32 13.75 8.25 13.82 8.25 13.9C8.25 15.97 9.93 17.65 12 17.65C14.07 17.65 15.75 15.97 15.75 13.9C15.75 13.82 15.68 13.75 15.6 13.75H8.4V13.75Z" fill="currentColor" /></svg>
</button>
<button class="btn btn-small btn-dark" id="js-copy">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" class="btn-icon icon-copy">
<path
d="M14 7V7C14 6.06812 14 5.60218 13.8478 5.23463C13.6448 4.74458 13.2554 4.35523 12.7654 4.15224C12.3978 4 11.9319 4 11 4H8C6.11438 4 5.17157 4 4.58579 4.58579C4 5.17157 4 6.11438 4 8V11C4 11.9319 4 12.3978 4.15224 12.7654C4.35523 13.2554 4.74458 13.6448 5.23463 13.8478C5.60218 14 6.06812 14 7 14V14"
stroke="currentColor" stroke-width="2" />
<rect x="10" y="10" width="10" height="10" rx="2" stroke="currentColor" stroke-width="2" />
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" class="btn-icon icon-copied">
<path d="M5 14L9 17L18 6" stroke="currentColor" stroke-width="2" />
</svg>
<span>Copy</span>
</button>
<button class="generator__refresh-button btn btn-small btn-dark" id="js-generate">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" class="btn-icon">
<path
d="M10 19L9.29289 18.2929L8.58579 19L9.29289 19.7071L10 19ZM13.2929 14.2929L9.29289 18.2929L10.7071 19.7071L14.7071 15.7071L13.2929 14.2929ZM9.29289 19.7071L13.2929 23.7071L14.7071 22.2929L10.7071 18.2929L9.29289 19.7071Z"
fill="currentColor" />
<path
d="M5.93782 15.5C5.16735 14.1655 4.85875 12.6141 5.05989 11.0863C5.26102 9.55856 5.96064 8.13986 7.05025 7.05025C8.13986 5.96064 9.55856 5.26102 11.0863 5.05989C12.6141 4.85875 14.1655 5.16735 15.5 5.93782C16.8345 6.70829 17.8775 7.89757 18.4672 9.32122C19.0568 10.7449 19.1603 12.3233 18.7615 13.8117C18.3627 15.3002 17.4838 16.6154 16.2613 17.5535C15.0388 18.4915 13.5409 19 12 19"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
<span>Refresh</span>
</button>
</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<p>
Developed by <a href="https://twitter.com/pavelkeyzik">@pavelkeyzik</a>
</p>
<p>
You can contribute on
<a href="https://github.com/pavelkeyzik/pr-approve-generator/edit/master/src/core/messages.js">GitHub</a>
</p>
</footer>
<script type="module" src="/src/main.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>