-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
122 lines (122 loc) · 8.05 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style.css">
<title>Pincat Browser</title>
</head>
<body align="center">
<div id="container">
<div id="bar-container">
<img class="bar-icon" src="./icon.png">
<span id="bar-title">Pincat Browser</span>
<div class="bar-item-group">
<div class="bar-item-splitter"></div>
<button class="bar-item" onclick="switchURLDiv()">
<svg class="svg-icon" style="width: 18px;" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<rect x="2" y="5" width="16" height="12" rx="2" ry="2" stroke="var(--tool-icon-color)" stroke-width="1" fill="none"/>
<rect x="4" y="7" width="12" height="8" rx="1" ry="1" stroke="var(--tool-icon-color)" stroke-width="1" fill="none"/>
<line x1="8" y1="5" x2="6" y2="2" stroke="var(--tool-icon-color)" stroke-width="1"/>
<line x1="12" y1="5" x2="14" y2="2" stroke="var(--tool-icon-color)" stroke-width="1"/>
</svg>
</button>
<button class="bar-item" onclick="pin(this)">
<svg class="svg-icon" style="width: 18px;" width="20" height="20" viewBox="-10 -10 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" transform="rotate(45), scale(0.8,1)">
<rect x="-5" y="-8" width="10" height="2.5" rx="1.05" fill="none" stroke="var(--tool-icon-color)" stroke-width="1" />
<rect x="-3" y="-5.6" width="6" height="4" fill="none" stroke="var(--tool-icon-color)" stroke-width="1"/>
<path d="M -6 1.5 S -6.5 -2, 0 -1.5" stroke="var(--tool-icon-color)" fill="transparent"/>
<path d="M 6 1.5 S 6.5 -2, 0 -1.5" stroke="var(--tool-icon-color)" fill="transparent"/>
<line x1="-6.5" y1="1.5" x2="6.5" y2="1.5" stroke="var(--tool-icon-color)" stroke-width="1"/>
<path d="M -0.6 1.5 L 0 9 L 0.6 1.5" stroke="var(--tool-icon-color)" fill="transparent"/>
</svg>
</button>
<button class="bar-item" onclick="minimizeWindow()">
<svg class="svg-icon" style="width: 18px;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="4" y1="16" x2="16" y2="16" stroke="var(--tool-icon-color)" stroke-width="1.3"/>
</svg>
</button>
<button class="bar-item" onclick="maximizeWindow()">
<svg id="unmaximized-svg" remove class="svg-icon" style="width: 18px;" width="20" height="20" viewBox="-10 -10 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<mask id="Mask">
<rect x="-10" y="-10" width="20" height="20" rx="1.04" fill="white"/>
<rect x="-6" y="-4" width="10" height="10" rx="1.04" fill="black"/>
</mask>
</defs>
<rect x="-6" y="-4" width="10" height="10" rx="1.04" fill="none" stroke="white" />
<rect x="-4" y="-6" width="10" height="10" rx="1.04" fill="none" stroke="white" mask="url(#Mask)"/>
</svg>
<svg id="maximized-svg" class="svg-icon" style="width: 18px;" width="20" height="20" viewBox="-10 -10 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="-6" y="-6" width="12" height="12" rx="1.05" fill="none" stroke="white" stroke-width="1" />
</svg>
</button>
<button class="bar-item" style="margin-right: 5px;" onclick="closeWindow()">
<svg class="svg-icon" style="width: 18px;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="4" y1="4" x2="16" y2="16" stroke="var(--tool-icon-color)" stroke-width="1.3"/>
<line x1="16" y1="4" x2="4" y2="16" stroke="var(--tool-icon-color)" stroke-width="1.3"/>
</svg>
</button>
</div>
</div>
<div id="url-container">
<div class="url-area">
<button id="back-btn"class="toolbox-item" onclick="goBack()">
<svg class="svg-icon" width="20" height="20" viewBox="-10 -10 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M -2 4 L -6 0 L -2 -4" stroke-linecap="round" stroke="var(--tool-icon-color)" fill="none" stroke-width="1.5"></path>
<line x1="-6" y1="0" x2="6" y2="0" stroke-linecap="round" stroke="var(--tool-icon-color)" stroke-width="1.5"/>
</svg>
</button>
<button id="forward-btn"class="toolbox-item" onclick="goForward()">
<svg class="svg-icon" width="20" height="20" viewBox="-10 -10 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M 2 4 L 6 0 L 2 -4" stroke-linecap="round" stroke="var(--tool-icon-color)" fill="none" stroke-width="1.5"></path>
<line x1="-6" y1="0" x2="6" y2="0" stroke-linecap="round" stroke="var(--tool-icon-color)" stroke-width="1.5"/>
</svg>
</button>
<input id="url-input" type="text" placeholder="Input URL..."
ondrop="dropFileHandler(event);"
ondragover="dragFileOverHandler(event);"
ondragleave="dragFileLeaveHandler(event);">
<button id="url-btn" class="toolbox-item" onclick="changeUrl()">
<span class="toolbox-item-text">Set URL</span>
</button>
<div class="pincat-dropdown" pincat-dropdown>
<button pincat-dropdown-button pincat-addon-button class="toolbox-item" onclick="updateAddons()">
<svg class="svg-icon" pincat-dropdown-button width="20" height="20" viewBox="-10 -10 20 20" xmlns="http://www.w3.org/2000/svg" transform="translate(0,1.5)">
<path d="M -5 0
Q 0 0, 0 5
Q 0 0, 5 0
Q 0 0, 0 -5
Q 0 0, -5 0
Z"
stroke="var(--tool-icon-color)" stroke-width="0.9" fill="var(--tool-icon-color)" stroke-linecap="round" transform="translate(-3.6,-5), scale(0.68)" />
<path d="M -5 0
Q 0 0, 0 5
Q 0 0, 5 0
Q 0 0, 0 -5
Q 0 0, -5 0
Z"
stroke="var(--tool-icon-color)" stroke-width="1.2" fill="var(--tool-icon-color)" stroke-linecap="round" transform="translate(-2,2), scale(0.5)" />
<path d="M -5 0
Q 0 0, 0 5
Q 0 0, 5 0
Q 0 0, 0 -5
Q 0 0, -5 0
Z"
stroke="var(--tool-icon-color)" stroke-width="0.8" fill="var(--tool-icon-color)" stroke-linecap="round" transform="translate(3.4,-2), scale(0.9)" />
</svg>
</button>
<div class="pincat-dropdown-menu" pincat-addon-menu>
<span class="pincat-dropdown-text">Addons</span>
</div>
</div>
</div>
</div>
<div id="webview-container">
<webview id="webview" style="width: 100%; height: 100%;"></webview>
</div>
</div>
<script src="./src/PincatLoader.js" referer></script>
</body>
</html>