-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
59 lines (56 loc) · 4.56 KB
/
popup.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script type="module" src="./src/popup/popup.js"></script>
<link href="./src/css/popup.css" rel="stylesheet" type="text/css">
<link href="./src/css/googlefonts.css" rel="stylesheet" type="text/css">
</head>
<body style="width: 300px;">
<header>Tweet Peep 👀</header>
<div class="see_on_twitter_wrapper" id="see_on_twitter">
<div class="see_on_twitter">
<svg style="width: 20px;height: 20px;margin-right: 8px;" width="20" height="20" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_342_0)">
<mask id="mask0_342_0" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="60" height="60">
<rect width="60" height="60" fill="#C4C4C4"/>
</mask>
<g mask="url(#mask0_342_0)">
<path d="M19.6109 53C40.743 53 52.3014 35.3009 52.3014 19.9523C52.3014 19.4496 52.3014 18.9492 52.2678 18.451C54.5164 16.8068 56.4574 14.7709 58 12.4388C55.9031 13.3781 53.6787 13.9941 51.401 14.2662C53.7994 12.8147 55.5945 10.5316 56.4522 7.84193C54.1968 9.19485 51.7294 10.1483 49.1565 10.6612C47.4242 8.79909 45.1331 7.56605 42.6378 7.15288C40.1425 6.73972 37.582 7.16946 35.3526 8.37562C33.1232 9.58178 31.3492 11.4971 30.3051 13.8252C29.2609 16.1533 29.0049 18.7644 29.5766 21.2544C25.0087 21.0229 20.54 19.8229 16.4606 17.7322C12.3812 15.6416 8.78235 12.707 5.8976 9.11909C4.42837 11.676 3.97837 14.703 4.63923 17.5835C5.3001 20.4641 7.02213 22.9818 9.45472 24.6239C7.6263 24.5691 5.83775 24.0705 4.24 23.1701C4.24 23.2177 4.24 23.2675 4.24 23.3173C4.24073 25.9989 5.15899 28.5978 6.83903 30.673C8.51908 32.7482 10.8575 34.1721 13.4576 34.7031C11.7661 35.1694 9.99138 35.2376 8.26976 34.9024C9.00394 37.2102 10.4333 39.2284 12.3579 40.6747C14.2825 42.1209 16.6062 42.9229 19.0038 42.9684C14.9354 46.2008 9.90957 47.9555 4.73504 47.9502C3.8209 47.9485 2.90766 47.8925 2 47.7827C7.25422 51.1913 13.3678 52.9994 19.6109 52.9909" fill="#1DA1F2"/>
</g>
</g>
<defs>
<clipPath id="clip0_342_0">
<rect width="60" height="60" fill="white"/>
</clipPath>
</defs>
</svg>
<p class="see_on_twitter_p">Peep Thoughts on Twitter</p>
<svg width="14" height="14" class="see_on_twitter_img" viewBox="0 0 47 47" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="47" height="47" fill="url(#pattern0)"/>
<defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_3211_2971" transform="scale(0.0212766)"/>
</pattern>
<image id="image0_3211_2971" width="47" height="47" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAYAAABzJ5OsAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF/SURBVHgB7dnxaYNAFMfxpzhQNqjdoN2gKxQU/6z9S0ShI5Ru0A1qN+hE2vsFQ+RiFLz37incF0JAJfloTvFMREpVVZWSYwkplSTJDzkW04E7NP48bJqmSfu+T4mxOI67PM87EuyMB9x82RsxZj4Tb93CJo+03od5ne6tVDth136Vtm0/h2E4LW0zh+/MUfslxzBsaGMj/GVtuxs84EVRlKTUAvyPrCG0q6vNAvzLvF7thbvBL8HN+TG3fB/4LXCkjt8KR6p4FzhSw7vCkQqeA46847ngyCueE4683du4wsd7oWi6zMuR5z7il8TxUnAkipeEIzG8NByJ4H3AETveFxyxXiol4NOHA/akng0vdcSnDwfsST3LsPE5VKY54w38SQOOnPFZln2bt3drsTgcsQwbAy3pugNe4IjtUokdiKLo2RccsV7nxyHkrfCIW6uA1yrgtQp4rQJeq5vJiLnxf6jruqSdBM+9dXMzKcxcUjpAxx82mNiO88NdZ/89+g/uE/mXf6fysgAAAABJRU5ErkJggg=="/>
</defs>
</svg>
</div>
<div class="shortcut_key_desc">(Cmd + Shift + E)</div>
</div>
<div class="action_wrapper">
<div class="search_title">
<div class="search_header">Search on Twitter</div>
</div>
<div class="search_input_wrapper" id="search_input_wrapper">
<svg style="width: 16px;height: 16px;margin-left: 6px;" width="16" height="16" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="7.5" cy="7.5" r="5.5" stroke="#787878" stroke-width="1.7"/>
<path d="M16 16L11.5 11.5" stroke="#787878" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<input id="search_input" class="search_input" type="text" placeholder="Search">
</div>
</div>
<div class="separator"></div>
<div class="credit">Made by <a href="https://twitter.com/kazuki_sf_" target="_blank">kazuki</a> with ❤️ in SF</div>
</body>
</html>