fix webpage
This commit is contained in:
parent
eba6c8273c
commit
537bf9d613
@ -2,7 +2,7 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/search.svg" />
|
||||
<link rel="icon" type="image/svg+xml" href="/bang.svg" />
|
||||
<link
|
||||
rel="preconnect"
|
||||
href="https://fonts.googleapis.com"
|
||||
@ -25,7 +25,7 @@
|
||||
onload="this.media='all'"
|
||||
/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Bang</title>
|
||||
<title>Bang!</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="A better default search engine (with bangs!)"
|
||||
|
||||
53
public/bang.svg
Normal file
53
public/bang.svg
Normal file
@ -0,0 +1,53 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<polygon style="fill:#FFE36C;" points="81.13,29.99 62.79,30.17 78.47,21.62 74.76,8.38 85.17,16.28 95.64,8.27 92.89,19.05
|
||||
110.15,21.03 92.19,28.03 85.03,40.53 "/>
|
||||
<path style="fill:#FF8F00;" d="M92.27,13.37l-0.76,2.96l-1.13,4.45l4.56,0.52l6.94,0.79l-9.76,3.81l-1.32,0.51l-0.7,1.23
|
||||
l-4.68,8.17l-1.92-5.2l-0.98-2.65L79.7,28l-8.91,0.09l7.24-3.95l2.8-1.53l-0.86-3.07l-1.67-5.96l4.44,3.37l2.43,1.84l2.42-1.85
|
||||
L92.27,13.37 M85.16,13.76L72.49,4.15c-0.41-0.31-0.98,0.08-0.84,0.57l4.46,15.91l-19.44,10.6c-0.49,0.27-0.3,1.01,0.26,1
|
||||
l22.81-0.23l4.5,12.17c0.16,0.43,0.74,0.47,0.97,0.08l8.37-14.62l22.82-8.9c0.52-0.2,0.42-0.97-0.13-1.03L95.4,17.32l3.22-12.65
|
||||
c0.13-0.49-0.44-0.87-0.84-0.56L85.16,13.76z"/>
|
||||
</g>
|
||||
<path style="fill:#4D4D4D;" d="M94.59,44.29c-1.27-0.18-7.6,6.13-12.17,2.17c0,0-0.01,0.01-0.01,0.01
|
||||
c-2.63-2.13-5.53-3.99-8.72-5.51c-21.75-10.37-47.8-1.15-58.18,20.61c-10.37,21.75-1.15,47.8,20.61,58.18
|
||||
c21.75,10.37,47.8,1.15,58.18-20.61c3.37-7.06,4.67-14.57,4.14-21.85c-0.04-0.51-0.13-1.64,0.12-2.48c1.71-5.74,7.93-8.6,7.8-8.87
|
||||
C106.23,65.66,95.87,44.47,94.59,44.29z"/>
|
||||
|
||||
<ellipse transform="matrix(0.8667 -0.4988 0.4988 0.8667 -14.1049 57.4504)" style="fill:#757575;" cx="100.46" cy="55.12" rx="5.83" ry="12.33"/>
|
||||
|
||||
<ellipse transform="matrix(0.866 -0.5 0.5 0.866 -13.8369 58.5564)" style="fill:#212121;" cx="102.35" cy="55.1" rx="2.29" ry="3.52"/>
|
||||
<path style="opacity:0.9;fill:#757575;" d="M53.9,52.57c2.74,7.78-1.27,12.42-6.46,15.39c-2.48,1.42-5.36,2.04-7.87,3.41
|
||||
c-4.88,2.66-7.84,7.79-12.09,11.36c-1.06,0.89-2.27,1.71-3.65,1.86c-1.84,0.2-3.64-0.88-4.74-2.37C18,80.72,13.53,66.5,29.85,51.95
|
||||
C37.14,45.45,50.9,44.04,53.9,52.57z"/>
|
||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="42.079" y1="34.5524" x2="83.8122" y2="48.0625">
|
||||
<stop offset="0" style="stop-color:#FFF9C4;stop-opacity:0.1"/>
|
||||
<stop offset="1.516624e-03" style="stop-color:#FFF9C4;stop-opacity:0.1007"/>
|
||||
<stop offset="0.3781" style="stop-color:#FFFCA6;stop-opacity:0.2626"/>
|
||||
<stop offset="0.7007" style="stop-color:#FFFE94;stop-opacity:0.4014"/>
|
||||
<stop offset="0.93" style="stop-color:#FFFF8D;stop-opacity:0.5"/>
|
||||
</linearGradient>
|
||||
<path style="fill:url(#SVGID_1_);" d="M41.86,38.72c3.69,0.12,11.23,0.17,20.77,3.92c3.21,1.26,5.92,3.02,8.83,4.82
|
||||
c2.35,1.45,5.02,2.66,7.77,2.4c0.97-0.09,2.04-0.47,2.42-1.37c0.23-0.56,0.21-1.13,0.01-1.69c-0.24-0.66-1.06-1.58-2.32-2.61
|
||||
c-1.77-1.19-3.65-2.28-5.64-3.23C63.34,36.02,52.01,35.53,41.86,38.72z"/>
|
||||
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="102.0288" y1="57.3021" x2="91.1394" y2="42.9353">
|
||||
<stop offset="0.1096" style="stop-color:#FFF9C4;stop-opacity:0"/>
|
||||
<stop offset="1" style="stop-color:#FFFF8D"/>
|
||||
</linearGradient>
|
||||
<path style="fill:url(#SVGID_2_);" d="M102.13,47.64c-0.05-0.05-0.1-0.11-0.15-0.16c-0.01-0.01-0.01-0.02-0.02-0.02
|
||||
c-0.23-0.23-0.46-0.45-0.69-0.67c-0.03-0.03-0.07-0.06-0.1-0.1c-2.53-2.29-5.12-3.26-6.86-2.27c-2.79,1.6-2.3,7.69,1.1,13.59
|
||||
c0.73,1.26,1.53,2.41,2.37,3.43c-0.1-0.29-3.84-11.52-1.51-14.53C98.26,44.37,101.78,47.34,102.13,47.64z"/>
|
||||
<path style="fill:#212121;" d="M88.16,74.53c-2.42-1.59-4.79-3.75-6.26-9.18c-0.19-0.69-0.83-4.12,1.02-4.67
|
||||
c1.6-0.48,2.79,2.15,4.17,4.46c1.5,2.53,3.93,4.72,6.54,6.15c0.76,0.41,4.29,2,1.97,4.22C94.07,76.96,89.58,75.47,88.16,74.53z"/>
|
||||
<g>
|
||||
<path style="fill:#C69461;" d="M100.85,53.44c0.1-0.04,10.25-4.65,9.37-11.34c-0.58-4.42-2.3-6.62-11.4-8.78
|
||||
c-8.9-2.11-13.25-6.24-13.43-6.42c-0.89-0.86-0.92-2.29-0.05-3.19c0.86-0.89,2.28-0.92,3.18-0.06c0.07,0.06,3.77,3.48,11.35,5.28
|
||||
c8.82,2.09,13.79,4.72,14.83,12.57c1.16,8.78-8.52,14.25-11.29,15.7C101.69,58.11,99.71,53.94,100.85,53.44z"/>
|
||||
</g>
|
||||
<path style="fill:#F6BC41;" d="M88.5,23.66c-0.89-0.86-2.32-0.83-3.18,0.06c-0.86,0.9-0.84,2.32,0.05,3.19
|
||||
c0.13,0.13,2.5,2.37,7.25,4.39l0.95-1.66l3.66-1.43C91.42,26.35,88.56,23.71,88.5,23.66z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.1 KiB |
1
public/chrome.svg
Normal file
1
public/chrome.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" height="48" width="48"><defs><linearGradient id="a" x1="3.2173" y1="15" x2="44.7812" y2="15" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d93025"/><stop offset="1" stop-color="#ea4335"/></linearGradient><linearGradient id="b" x1="20.7219" y1="47.6791" x2="41.5039" y2="11.6837" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fcc934"/><stop offset="1" stop-color="#fbbc04"/></linearGradient><linearGradient id="c" x1="26.5981" y1="46.5015" x2="5.8161" y2="10.506" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1e8e3e"/><stop offset="1" stop-color="#34a853"/></linearGradient></defs><circle cx="24" cy="23.9947" r="12" style="fill:#fff"/><path d="M3.2154,36A24,24,0,1,0,12,3.2154,24,24,0,0,0,3.2154,36ZM34.3923,18A12,12,0,1,1,18,13.6077,12,12,0,0,1,34.3923,18Z" style="fill:none"/><path d="M24,12H44.7812a23.9939,23.9939,0,0,0-41.5639.0029L13.6079,30l.0093-.0024A11.9852,11.9852,0,0,1,24,12Z" style="fill:url(#a)"/><circle cx="24" cy="24" r="9.5" style="fill:#1a73e8"/><path d="M34.3913,30.0029,24.0007,48A23.994,23.994,0,0,0,44.78,12.0031H23.9989l-.0025.0093A11.985,11.985,0,0,1,34.3913,30.0029Z" style="fill:url(#b)"/><path d="M13.6086,30.0031,3.218,12.006A23.994,23.994,0,0,0,24.0025,48L34.3931,30.0029l-.0067-.0068a11.9852,11.9852,0,0,1-20.7778.007Z" style="fill:url(#c)"/></svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@ -1 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 357 B After Width: | Height: | Size: 350 B |
120
public/firefox.svg
Normal file
120
public/firefox.svg
Normal file
@ -0,0 +1,120 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<svg width="77.42" height="79.97" version="1.1" viewBox="0 0 77.42 79.97" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
|
||||
<title>Firefox Browser logo</title>
|
||||
<defs>
|
||||
<linearGradient id="a" x1="70.79" x2="6.447" y1="12.39" y2="74.47" gradientTransform="translate(-1.3 -.004086)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#fff44f" offset=".048"/>
|
||||
<stop stop-color="#ffe847" offset=".111"/>
|
||||
<stop stop-color="#ffc830" offset=".225"/>
|
||||
<stop stop-color="#ff980e" offset=".368"/>
|
||||
<stop stop-color="#ff8b16" offset=".401"/>
|
||||
<stop stop-color="#ff672a" offset=".462"/>
|
||||
<stop stop-color="#ff3647" offset=".534"/>
|
||||
<stop stop-color="#e31587" offset=".705"/>
|
||||
</linearGradient>
|
||||
<radialGradient id="b" cx="-7907" cy="-8515" r="80.8" gradientTransform="translate(7974,8524)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ffbd4f" offset=".129"/>
|
||||
<stop stop-color="#ffac31" offset=".186"/>
|
||||
<stop stop-color="#ff9d17" offset=".247"/>
|
||||
<stop stop-color="#ff980e" offset=".283"/>
|
||||
<stop stop-color="#ff563b" offset=".403"/>
|
||||
<stop stop-color="#ff3750" offset=".467"/>
|
||||
<stop stop-color="#f5156c" offset=".71"/>
|
||||
<stop stop-color="#eb0878" offset=".782"/>
|
||||
<stop stop-color="#e50080" offset=".86"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="c" cx="-7937" cy="-8482" r="80.8" gradientTransform="translate(7974,8524)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#960e18" offset=".3"/>
|
||||
<stop stop-color="#b11927" stop-opacity=".74" offset=".351"/>
|
||||
<stop stop-color="#db293d" stop-opacity=".343" offset=".435"/>
|
||||
<stop stop-color="#f5334b" stop-opacity=".094" offset=".497"/>
|
||||
<stop stop-color="#ff3750" stop-opacity="0" offset=".53"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="d" cx="-7927" cy="-8533" r="58.53" gradientTransform="translate(7974,8524)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#fff44f" offset=".132"/>
|
||||
<stop stop-color="#ffdc3e" offset=".252"/>
|
||||
<stop stop-color="#ff9d12" offset=".506"/>
|
||||
<stop stop-color="#ff980e" offset=".526"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="e" cx="-7946" cy="-8461" r="38.47" gradientTransform="translate(7974,8524)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#3a8ee6" offset=".353"/>
|
||||
<stop stop-color="#5c79f0" offset=".472"/>
|
||||
<stop stop-color="#9059ff" offset=".669"/>
|
||||
<stop stop-color="#c139e6" offset="1"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="f" cx="-7936" cy="-8492" r="20.4" gradientTransform="matrix(.972 -.235 .275 1.138 10090 7834)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#9059ff" stop-opacity="0" offset=".206"/>
|
||||
<stop stop-color="#8c4ff3" stop-opacity=".064" offset=".278"/>
|
||||
<stop stop-color="#7716a8" stop-opacity=".45" offset=".747"/>
|
||||
<stop stop-color="#6e008b" stop-opacity=".6" offset=".975"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="g" cx="-7938" cy="-8518" r="27.68" gradientTransform="translate(7974,8524)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ffe226" offset="0"/>
|
||||
<stop stop-color="#ffdb27" offset=".121"/>
|
||||
<stop stop-color="#ffc82a" offset=".295"/>
|
||||
<stop stop-color="#ffa930" offset=".502"/>
|
||||
<stop stop-color="#ff7e37" offset=".732"/>
|
||||
<stop stop-color="#ff7139" offset=".792"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="h" cx="-7916" cy="-8536" r="118.1" gradientTransform="translate(7974,8524)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#fff44f" offset=".113"/>
|
||||
<stop stop-color="#ff980e" offset=".456"/>
|
||||
<stop stop-color="#ff5634" offset=".622"/>
|
||||
<stop stop-color="#ff3647" offset=".716"/>
|
||||
<stop stop-color="#e31587" offset=".904"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="i" cx="-7927" cy="-8523" r="86.5" gradientTransform="matrix(.105 .995 -.653 .069 -4685 8470)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#fff44f" offset="0"/>
|
||||
<stop stop-color="#ffe847" offset=".06"/>
|
||||
<stop stop-color="#ffc830" offset=".168"/>
|
||||
<stop stop-color="#ff980e" offset=".304"/>
|
||||
<stop stop-color="#ff8b16" offset=".356"/>
|
||||
<stop stop-color="#ff672a" offset=".455"/>
|
||||
<stop stop-color="#ff3647" offset=".57"/>
|
||||
<stop stop-color="#e31587" offset=".737"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="j" cx="-7938" cy="-8508" r="73.72" gradientTransform="translate(7974,8524)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#fff44f" offset=".137"/>
|
||||
<stop stop-color="#ff980e" offset=".48"/>
|
||||
<stop stop-color="#ff5634" offset=".592"/>
|
||||
<stop stop-color="#ff3647" offset=".655"/>
|
||||
<stop stop-color="#e31587" offset=".904"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="k" cx="-7919" cy="-8504" r="80.69" gradientTransform="translate(7974,8524)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#fff44f" offset=".094"/>
|
||||
<stop stop-color="#ffe141" offset=".231"/>
|
||||
<stop stop-color="#ffaf1e" offset=".509"/>
|
||||
<stop stop-color="#ff980e" offset=".626"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="l" x1="70.01" x2="15.27" y1="12.06" y2="66.81" gradientTransform="translate(-1.3 -.004086)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#fff44f" stop-opacity=".8" offset=".167"/>
|
||||
<stop stop-color="#fff44f" stop-opacity=".634" offset=".266"/>
|
||||
<stop stop-color="#fff44f" stop-opacity=".217" offset=".489"/>
|
||||
<stop stop-color="#fff44f" stop-opacity="0" offset=".6"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g transform="matrix(.9819843 0 0 .9819843 .6974849 .7199239)">
|
||||
<path d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76l7e-3 0.065c-4.382-10.92-11.81-15.33-17.88-24.92-0.307-0.485-0.614-0.971-0.913-1.484-0.171-0.293-0.308-0.557-0.427-0.8a7.053 7.053 0 0 1-0.578-1.535 0.1 0.1 0 0 0-0.088-0.1 0.138 0.138 0 0 0-0.073 0c-5e-3 0-0.013 9e-3 -0.019 0.011s-0.019 0.011-0.028 0.015l0.015-0.026c-9.735 5.7-13.04 16.25-13.34 21.53a19.39 19.39 0 0 0-10.67 4.111 11.59 11.59 0 0 0-1-0.758 17.97 17.97 0 0 1-0.109-9.473 28.7 28.7 0 0 0-9.329 7.21h-0.018c-1.536-1.947-1.428-8.367-1.34-9.708a6.928 6.928 0 0 0-1.294 0.687 28.22 28.22 0 0 0-3.788 3.245 33.84 33.84 0 0 0-3.623 4.347v6e-3 -7e-3a32.73 32.73 0 0 0-5.2 11.74l-0.052 0.256c-0.073 0.341-0.336 2.049-0.381 2.42 0 0.029-6e-3 0.056-9e-3 0.085a36.94 36.94 0 0 0-0.629 5.343v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47zm-44.67 30.34c0.181 0.087 0.351 0.181 0.537 0.264l0.027 0.017q-0.282-0.135-0.564-0.281zm8.878-23.38m31.95-4.934v-0.037l7e-3 0.041z" fill="url(#a)"/>
|
||||
<path d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76v0.037l7e-3 0.041a35.1 35.1 0 0 1-1.206 26.16c-4.442 9.531-15.19 19.3-32.02 18.82-18.18-0.515-34.2-14.01-37.19-31.68-0.545-2.787 0-4.2 0.274-6.465a28.88 28.88 0 0 0-0.623 5.348v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47z" fill="url(#b)"/>
|
||||
<path d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76v0.037l7e-3 0.041a35.1 35.1 0 0 1-1.206 26.16c-4.442 9.531-15.19 19.3-32.02 18.82-18.18-0.515-34.2-14.01-37.19-31.68-0.545-2.787 0-4.2 0.274-6.465a28.88 28.88 0 0 0-0.623 5.348v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47z" fill="url(#c)"/>
|
||||
<path d="m55.78 31.38c0.084 0.059 0.162 0.118 0.241 0.177a21.1 21.1 0 0 0-3.6-4.695c-12.05-12.05-3.157-26.12-1.658-26.84l0.015-0.022c-9.735 5.7-13.04 16.25-13.34 21.53 0.452-0.031 0.9-0.069 1.362-0.069a19.56 19.56 0 0 1 16.98 9.917z" fill="url(#d)"/>
|
||||
<path d="m38.82 33.79c-0.064 0.964-3.47 4.289-4.661 4.289-11.02 0-12.81 6.667-12.81 6.667 0.488 5.614 4.4 10.24 9.129 12.68 0.216 0.112 0.435 0.213 0.654 0.312q0.569 0.252 1.138 0.466a17.24 17.24 0 0 0 5.043 0.973c19.32 0.906 23.06-23.1 9.119-30.07a13.38 13.38 0 0 1 9.345 2.269 19.56 19.56 0 0 0-16.98-9.917c-0.46 0-0.91 0.038-1.362 0.069a19.39 19.39 0 0 0-10.67 4.111c0.591 0.5 1.258 1.168 2.663 2.553 2.63 2.591 9.375 5.275 9.39 5.59z" fill="url(#e)"/>
|
||||
<path d="m38.82 33.79c-0.064 0.964-3.47 4.289-4.661 4.289-11.02 0-12.81 6.667-12.81 6.667 0.488 5.614 4.4 10.24 9.129 12.68 0.216 0.112 0.435 0.213 0.654 0.312q0.569 0.252 1.138 0.466a17.24 17.24 0 0 0 5.043 0.973c19.32 0.906 23.06-23.1 9.119-30.07a13.38 13.38 0 0 1 9.345 2.269 19.56 19.56 0 0 0-16.98-9.917c-0.46 0-0.91 0.038-1.362 0.069a19.39 19.39 0 0 0-10.67 4.111c0.591 0.5 1.258 1.168 2.663 2.553 2.63 2.591 9.375 5.275 9.39 5.59z" fill="url(#f)"/>
|
||||
<path d="m24.96 24.36c0.314 0.2 0.573 0.374 0.8 0.531a17.97 17.97 0 0 1-0.109-9.473 28.7 28.7 0 0 0-9.329 7.21c0.189-5e-3 5.811-0.106 8.638 1.732z" fill="url(#g)"/>
|
||||
<path d="m0.354 42.16c2.991 17.67 19.01 31.17 37.19 31.68 16.83 0.476 27.58-9.294 32.02-18.82a35.1 35.1 0 0 0 1.206-26.16v-0.037c0-0.029-6e-3 -0.046 0-0.037l7e-3 0.065c1.375 8.977-3.191 17.67-10.33 23.56l-0.022 0.05c-13.91 11.33-27.22 6.834-29.91 5q-0.282-0.135-0.564-0.281c-8.109-3.876-11.46-11.26-10.74-17.6a9.953 9.953 0 0 1-9.181-5.775 14.62 14.62 0 0 1 14.25-0.572 19.3 19.3 0 0 0 14.55 0.572c-0.015-0.315-6.76-3-9.39-5.59-1.405-1.385-2.072-2.052-2.663-2.553a11.59 11.59 0 0 0-1-0.758c-0.23-0.157-0.489-0.327-0.8-0.531-2.827-1.838-8.449-1.737-8.635-1.732h-0.018c-1.536-1.947-1.428-8.367-1.34-9.708a6.928 6.928 0 0 0-1.294 0.687 28.22 28.22 0 0 0-3.788 3.245 33.84 33.84 0 0 0-3.638 4.337v6e-3 -7e-3a32.73 32.73 0 0 0-5.2 11.74c-0.019 0.079-1.396 6.099-0.717 9.221z" fill="url(#h)"/>
|
||||
<path d="m52.42 26.86a21.1 21.1 0 0 1 3.6 4.7c0.213 0.161 0.412 0.321 0.581 0.476 8.787 8.1 4.183 19.55 3.84 20.36 7.138-5.881 11.7-14.58 10.33-23.56-4.384-10.93-11.82-15.34-17.88-24.93-0.307-0.485-0.614-0.971-0.913-1.484-0.171-0.293-0.308-0.557-0.427-0.8a7.053 7.053 0 0 1-0.578-1.535 0.1 0.1 0 0 0-0.088-0.1 0.138 0.138 0 0 0-0.073 0c-5e-3 0-0.013 9e-3 -0.019 0.011s-0.019 0.011-0.028 0.015c-1.499 0.711-10.39 14.79 1.66 26.83z" fill="url(#i)"/>
|
||||
<path d="m56.6 32.04c-0.169-0.155-0.368-0.315-0.581-0.476-0.079-0.059-0.157-0.118-0.241-0.177a13.38 13.38 0 0 0-9.345-2.269c13.94 6.97 10.2 30.97-9.119 30.07a17.24 17.24 0 0 1-5.043-0.973q-0.569-0.213-1.138-0.466c-0.219-0.1-0.438-0.2-0.654-0.312l0.027 0.017c2.694 1.839 16 6.332 29.91-5l0.022-0.05c0.347-0.81 4.951-12.26-3.84-20.36z" fill="url(#j)"/>
|
||||
<path d="m21.35 44.74s1.789-6.667 12.81-6.667c1.191 0 4.6-3.325 4.661-4.289a19.3 19.3 0 0 1-14.55-0.572 14.62 14.62 0 0 0-14.25 0.572 9.953 9.953 0 0 0 9.181 5.775c-0.718 6.337 2.632 13.72 10.74 17.6 0.181 0.087 0.351 0.181 0.537 0.264-4.733-2.445-8.641-7.069-9.129-12.68z" fill="url(#k)"/>
|
||||
<path d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76l7e-3 0.065c-4.382-10.92-11.81-15.33-17.88-24.92-0.307-0.485-0.614-0.971-0.913-1.484-0.171-0.293-0.308-0.557-0.427-0.8a7.053 7.053 0 0 1-0.578-1.535 0.1 0.1 0 0 0-0.088-0.1 0.138 0.138 0 0 0-0.073 0c-5e-3 0-0.013 9e-3 -0.019 0.011s-0.019 0.011-0.028 0.015l0.015-0.026c-9.735 5.7-13.04 16.25-13.34 21.53 0.452-0.031 0.9-0.069 1.362-0.069a19.56 19.56 0 0 1 16.98 9.917 13.38 13.38 0 0 0-9.345-2.269c13.94 6.97 10.2 30.97-9.119 30.07a17.24 17.24 0 0 1-5.043-0.973q-0.569-0.213-1.138-0.466c-0.219-0.1-0.438-0.2-0.654-0.312l0.027 0.017q-0.282-0.135-0.564-0.281c0.181 0.087 0.351 0.181 0.537 0.264-4.733-2.446-8.641-7.07-9.129-12.68 0 0 1.789-6.667 12.81-6.667 1.191 0 4.6-3.325 4.661-4.289-0.015-0.315-6.76-3-9.39-5.59-1.405-1.385-2.072-2.052-2.663-2.553a11.59 11.59 0 0 0-1-0.758 17.97 17.97 0 0 1-0.109-9.473 28.7 28.7 0 0 0-9.329 7.21h-0.018c-1.536-1.947-1.428-8.367-1.34-9.708a6.928 6.928 0 0 0-1.294 0.687 28.22 28.22 0 0 0-3.788 3.245 33.84 33.84 0 0 0-3.623 4.347v6e-3 -7e-3a32.73 32.73 0 0 0-5.2 11.74l-0.052 0.256c-0.073 0.341-0.4 2.073-0.447 2.445a45.09 45.09 0 0 0-0.572 5.403v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47zm-3.845 1.991 7e-3 0.041z" fill="url(#l)"/>
|
||||
</g>
|
||||
<metadata>
|
||||
<rdf:RDF>
|
||||
<cc:Work rdf:about="">
|
||||
<dc:title>Firefox Browser logo</dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
@ -1,13 +1,10 @@
|
||||
/* @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); */
|
||||
|
||||
/* Font fallback that closely matches Inter metrics */
|
||||
/* --- Import and fonts unchanged --- */
|
||||
@font-face {
|
||||
font-family: "Inter Fallback";
|
||||
size-adjust: 107%;
|
||||
ascent-override: 90%;
|
||||
src: local("Arial");
|
||||
}
|
||||
|
||||
:root {
|
||||
font-family:
|
||||
Inter,
|
||||
@ -27,27 +24,41 @@
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
/* --- Dark mode color variables --- */
|
||||
--bg-color: #121212; /* Dark background */
|
||||
--text-color: #e2e2e2; /* Light text */
|
||||
--input-bg-color: #1e1e1e; /* Dark input background */
|
||||
--input-border-color: #333; /* Darker border for inputs */
|
||||
--accent-color: #bbb; /* Accent color for links/buttons */
|
||||
--hover-bg-color: #2c2c2c; /* Hover state background color */
|
||||
--active-bg-color: #3a3a3a; /* Active state background color */
|
||||
--success-color: #28a745; /* Green for copy-success feedback */
|
||||
}
|
||||
|
||||
/* --- Normalized layout reset stays the same --- */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: var(--bg-color);
|
||||
}
|
||||
|
||||
/* --- Modified to Dark mode --- */
|
||||
body {
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
color: #1a1a1a;
|
||||
background-color: var(--bg-color); /* Changed: Added dark background */
|
||||
color: var(--text-color); /* Changed: Light text color */
|
||||
}
|
||||
|
||||
/* Header and fonts remain unchanged (already good contrast with dark mode) */
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
@ -58,94 +69,87 @@ h6 {
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
/* --- Link colors modified for contrast --- */
|
||||
a {
|
||||
color: #444444;
|
||||
color: var(--accent-color); /* Changed: Lighter accent/link color */
|
||||
}
|
||||
a:hover {
|
||||
color: #888888;
|
||||
color: white; /* Changed: Bright when hovered */
|
||||
}
|
||||
|
||||
/* --- Basic element reset unchanged --- */
|
||||
button {
|
||||
font: inherit;
|
||||
border: none;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea {
|
||||
font: inherit;
|
||||
}
|
||||
.bang-title {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
/* Add these new styles */
|
||||
/* --- Container layout unchanged --- */
|
||||
.url-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
/* Add this new style */
|
||||
.content-container {
|
||||
max-width: 36rem;
|
||||
text-align: center;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
/* Update url-input width to be 100% since container will control max width */
|
||||
/* --- URL input element styling adjustments --- */
|
||||
.url-input {
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border: 1px solid var(--input-border-color); /* Changed: Darker border */
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
background: #f5f5f5;
|
||||
background: var(--input-bg-color); /* Changed: Dark input bg */
|
||||
color: var(--text-color); /* Added: Input text color */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* --- Copy-button style adjustments --- */
|
||||
.copy-button {
|
||||
padding: 8px;
|
||||
color: #666;
|
||||
color: var(--accent-color); /* Changed: Accent color instead of gray */
|
||||
border-radius: 4px;
|
||||
transition: all 0.2s;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.copy-button:hover {
|
||||
background: #f0f0f0;
|
||||
background: var(--hover-bg-color); /* Changed: Hover bg darker */
|
||||
}
|
||||
|
||||
.copy-button:active {
|
||||
background: #e5e5e5;
|
||||
background: var(--active-bg-color); /* Changed: Active state even darker */
|
||||
}
|
||||
|
||||
.copy-button img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
/* Copy feedback unchanged (Green stands out in dark mode as well) */
|
||||
.copy-button.copied {
|
||||
background: #28a745;
|
||||
background: var(--success-color);
|
||||
color: white; /* Ensures contrast */
|
||||
}
|
||||
|
||||
/* Add footer styles */
|
||||
.footer {
|
||||
position: fixed;
|
||||
bottom: 16px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
.settings-title {
|
||||
margin-top: 36px;
|
||||
margin-bottom: 24px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: #666;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
color: #333;
|
||||
.settings-links-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 32px;
|
||||
}
|
||||
|
||||
34
src/main.ts
34
src/main.ts
@ -6,18 +6,46 @@ function noSearchDefaultPageRender() {
|
||||
app.innerHTML = `
|
||||
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh;">
|
||||
<div class="content-container">
|
||||
<h1>Bang</h1>
|
||||
<h1 class="bang-title">💣 Bang!</h1>
|
||||
<p>
|
||||
Add the following URL as a custom search engine to your browser in order to enable
|
||||
<a href="https://duckduckgo.com/bang.html" target="_blank">
|
||||
all of DuckDuckGo's bangs
|
||||
</a>
|
||||
right from your browser's search bar!
|
||||
</p>
|
||||
<div class="url-container">
|
||||
<input
|
||||
type="text"
|
||||
class="url-input"
|
||||
value="bang.gbrown.org?q=%s"
|
||||
value="https://bang.gbrown.org?q=%s"
|
||||
readonly
|
||||
/>
|
||||
<button class="copy-button">
|
||||
<img src="/clipboard.svg" alt="Copy" />
|
||||
</button>
|
||||
</div>
|
||||
<h3 class="settings-title">Search Settings Links</h3>
|
||||
<div class="settings-links-container">
|
||||
<h3>
|
||||
<a href="about:preferences#search" target="_blank">
|
||||
<img
|
||||
src="/firefox.svg"
|
||||
alt="Firefox"
|
||||
width="30"
|
||||
/>
|
||||
</a>
|
||||
</h3>
|
||||
<h3>
|
||||
<a href="chrome://settings/searchEngines" target="_blank">
|
||||
<img
|
||||
src="/chrome.svg"
|
||||
alt="Chrome"
|
||||
width="30"
|
||||
/>
|
||||
</a>
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@ -27,7 +55,7 @@ function noSearchDefaultPageRender() {
|
||||
const urlInput = app.querySelector<HTMLInputElement>(".url-input")!;
|
||||
|
||||
copyButton.addEventListener("click", async () => {
|
||||
await navigator.clipboard.writeText("https://" + urlInput.value);
|
||||
await navigator.clipboard.writeText(urlInput.value);
|
||||
copyIcon.src = "/clipboard-check.svg";
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user