-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvoice.html
71 lines (67 loc) · 6.92 KB
/
voice.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
<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EWFFLXFK71"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-EWFFLXFK71');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Local Chat allows you to chat with a LLM locally within you browser powered by Google Gemini Nano">
<meta property="og:image" content="/static/embed.png">
<meta property="og:image:alt" content="Local Chat">
<title>Local Chat</title>
<link rel="stylesheet" href="css/styles.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/zero-md@3?register"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;400;500;600;700&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
<link rel="manifest" href="icons/site.webmanifest">
<link rel="mask-icon" href="icons/safari-pinned-tab.svg" color="#333333">
<meta name="msapplication-TileColor" content="#333333">
</head>
<body>
<div id="logo" class="logo" style="display: flex;">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_39_6)">
<path
d="M7.59448 0.0274196C7.18785 0.124657 6.82189 0.379244 6.57791 0.732835C6.49305 0.856592 6.38697 1.08996 6.34631 1.24554C6.30034 1.42234 6.28266 1.76002 6.31095 1.94389C6.341 2.13483 6.43647 2.39825 6.53548 2.56621C6.7052 2.85262 7.05172 3.1461 7.35404 3.25925C7.57327 3.34234 7.67581 3.36002 8.11073 3.38477C8.34763 3.39891 8.6252 3.42367 8.72951 3.43958C9.29526 3.52267 9.93172 3.76488 10.448 4.09195C11.88 4.99891 12.6915 6.58831 12.589 8.28731C12.5501 8.92731 12.3963 9.49129 12.1028 10.0765C11.7492 10.7766 11.1534 11.4343 10.4763 11.871C9.74432 12.343 8.89393 12.5887 7.99227 12.5905C7.33106 12.5905 6.7936 12.4844 6.21194 12.2405C5.27846 11.8497 4.49526 11.1549 3.98255 10.2586C3.62365 9.62919 3.43448 8.95737 3.39559 8.16709C3.37437 7.74632 3.3673 7.68444 3.31426 7.49881C3.23117 7.21593 3.08443 6.97372 2.86343 6.7598C2.70432 6.60776 2.60531 6.5388 2.41791 6.45217C2.16332 6.33195 2.01482 6.30367 1.68067 6.30367C1.43669 6.30367 1.36597 6.31074 1.24752 6.34256C1.09017 6.38676 0.855031 6.49284 0.733042 6.5777C0.379451 6.81991 0.12133 7.19472 0.0293961 7.59604C-0.00949891 7.76753 -0.00949892 8.47118 0.0276282 8.83184C0.161993 10.0995 0.625197 11.3936 1.31824 12.4332C1.62056 12.8893 1.91051 13.2411 2.32598 13.6566C3.23294 14.5671 4.30785 15.223 5.55957 15.6279C6.02277 15.7764 6.59382 15.8948 7.16133 15.9585C7.54321 16.0009 8.44133 16.0009 8.81968 15.9585C10.0661 15.8188 11.3054 15.3892 12.2972 14.7563C14.0404 13.6407 15.2798 11.9116 15.7713 9.9103C15.9322 9.25262 15.9905 8.74521 15.9905 7.9903C15.9905 7.39273 15.9693 7.13107 15.8862 6.63251C15.7165 5.63008 15.2904 4.51803 14.7582 3.68532C13.4358 1.61858 11.2683 0.280238 8.83736 0.0256522C8.49437 -0.00970698 7.74476 -0.00793946 7.59448 0.0274196Z"
fill="url(#paint0_linear_39_6)" />
</g>
<defs>
<linearGradient id="paint0_linear_39_6" x1="3.53279" y1="15.9903" x2="16.331" y2="14.0229"
gradientUnits="userSpaceOnUse">
<stop stop-color="#425FC4" />
<stop offset="0.52" stop-color="#397BE1" />
<stop offset="1" stop-color="#3096FC" />
</linearGradient>
<clipPath id="clip0_39_6">
<rect width="16" height="16" fill="white" />
</clipPath>
</defs>
</svg>
<span>Local Chat</span>
</div>
<a class="voice_chat" href="/"><svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.562 3a7.5 7.5 0 0 0-6.798 10.673l-.724 2.842a1.25 1.25 0 0 0 1.504 1.524c.75-.18 1.903-.457 2.93-.702A7.5 7.5 0 1 0 9.561 3Zm-6 7.5a6 6 0 1 1 3.33 5.375l-.244-.121-.264.063c-.923.22-1.99.475-2.788.667l.69-2.708.07-.276-.13-.253a5.971 5.971 0 0 1-.664-2.747Zm11 10.5c-1.97 0-3.762-.759-5.1-2h.1c.718 0 1.415-.089 2.08-.257.865.482 1.86.757 2.92.757.96 0 1.866-.225 2.67-.625l.243-.121.264.063c.922.22 1.966.445 2.74.61-.175-.751-.414-1.756-.642-2.651l-.07-.276.13-.253a5.971 5.971 0 0 0 .665-2.747 5.995 5.995 0 0 0-2.747-5.042 8.44 8.44 0 0 0-.8-2.047 7.503 7.503 0 0 1 4.344 10.263c.253 1.008.509 2.1.671 2.803a1.244 1.244 0 0 1-1.467 1.5 132.62 132.62 0 0 1-2.913-.64 7.476 7.476 0 0 1-3.088.663Z" fill="#ffffff"/></svg>Chat</a>
<div class="center_container">
<div id="voice_container" class="voice_container">
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" id="svg"><path id="svg_path" d="M13.854 15.146a2.845 2.845 0 0 1 .685 1.114l.448 1.377a.544.544 0 0 0 1.026 0l.448-1.377a2.837 2.837 0 0 1 1.798-1.796l1.378-.448a.545.545 0 0 0 0-1.025l-.028-.007-1.378-.448a2.84 2.84 0 0 1-1.798-1.796l-.447-1.377a.544.544 0 0 0-1.027 0l-.448 1.377a2.835 2.835 0 0 1-1.77 1.796l-1.378.448a.545.545 0 0 0 0 1.025l1.378.448c.42.14.8.376 1.113.689ZM16 6v2.093a1.544 1.544 0 0 0-1.984.937l-.004.012-.451 1.387a1.835 1.835 0 0 1-1.139 1.16l-1.38.447-.011.005a1.544 1.544 0 0 0 0 2.912l.011.004 1.386.45c.264.088.505.236.704.43A4 4 0 0 1 8 12V6.001a4 4 0 1 1 8 0Zm-3.75 11.5c.544 0 1.07-.083 1.564-.237l.226.695.004.012c.089.252.242.476.442.65a6.719 6.719 0 0 1-1.735.362l-.001 2.268a.75.75 0 0 1-1.493.102l-.007-.102v-2.268a6.75 6.75 0 0 1-6.246-6.496L5 12.25v-.5a.75.75 0 0 1 1.493-.102l.007.102v.5a5.25 5.25 0 0 0 5.034 5.246l.216.004h.5Zm9.767 1.465.766.248.015.004a.303.303 0 0 1 .147.46.302.302 0 0 1-.147.11l-.765.248a1.578 1.578 0 0 0-1 .998l-.248.765a.302.302 0 0 1-.57 0l-.249-.764a1.575 1.575 0 0 0-.999-1.002l-.765-.249a.303.303 0 0 1-.147-.46.302.302 0 0 1 .147-.11l.765-.248a1.577 1.577 0 0 0 .984-.998l.249-.765a.302.302 0 0 1 .57 0l.249.764a1.575 1.575 0 0 0 .998.999Z" fill="#ffffff"/></svg>
</div>
<span id="voice_info_text" class="voice_info_text">Disabled</span>
<h2 class="current_word" id="current_word"></h2>
</div>
<div class="phase" id="phase">Use the phase <span>“Local Chat”</span> to wake up</div>
<script src="voice.js"></script>
</body>
</html>