App window size lowered

Open logs button added
Better links handling
Multiple UI fixes/improvements
etc

src/components/Footer.svelte

@@ -1,13 +1,14 @@
 <script>
     import { invoke } from "@tauri-apps/api/tauri"
 
+    import { tg_official_link, github_repository_link } from "@/stores";
+
     let current_year = new Date().getFullYear();
     let author_name = "";
-    let github_repository_link = "";
 
     (async () => {
         author_name = await invoke("get_author_name")
-        github_repository_link = await invoke("get_repository_link")
+        
     })().catch(err => {
         console.error(err);
     });
@@ -15,7 +16,10 @@
 
 <footer id="footer">
     <p>© {current_year}. Автор проекта: {author_name}</p>
-    <p><a href="{github_repository_link}" target="_blank">Github репозиторий</a> проекта.</p>
+    <p style="margin-top: 5px;margin-bottom: 15px;">
+        <a href="{tg_official_link}" target="_blank" class="special-link"><img src="/media/icons/howdy-logo.png" alt="" width="20px">&nbsp;&nbsp;Наш телеграм</a> канал.
+        &nbsp;&nbsp;
+        <a href="{github_repository_link}" target="_blank"><img src="/media/icons/github-logo.png" alt="" width="18px">&nbsp;Github репозиторий</a> проекта.</p>
 </footer>
 
 <style lang="scss">
@@ -35,9 +39,34 @@
         a {
             color: #185876;
             text-decoration: none;
+            transition: opacity .5s;
+
+            img {
+                opacity: .5;
+                transition: opacity .5s;
+                margin-top: -4px;
+            }
 
             &:hover {
                 color: #2A9CD0;
+
+                img {
+                    opacity: 1;
+                }
+            }
+
+            &.special-link {
+                color: #941d92;
+                display: inline-block;
+
+                &:hover {
+                    color: #FF07FC;
+
+                    background: url(/media/images/bg/bg24.gif);
+                    background-repeat: no-repeat;
+                    background-size: contain;
+
+                }
             }
         }
     }

src/components/Header.svelte

@@ -13,7 +13,7 @@
 </script>
 <header id="header">
     <div class="logo">
-        <a href="/" title="Хауди Хо!"><img src="/media/app-logo.png" alt=""></a>
+        <a href="/" title="Проект канала Хауди Хо!"><img src="/media/header-logo.png" alt=""></a>
         <div>
             <h1><a href="/">JARVIS</a></h1>
             <h2>v{app_version} <small style="color: #8AC832;opacity: .9;font-size: 13px;">BETA</small></h2>

src/components/elements/ArcReactor.svelte

@@ -49,12 +49,14 @@
 
     .reactor-container {
         width: 300px;
-        height: 400px;
+        height: 320px;
         margin: auto;
         //  border: 1px dashed #888;
         position: relative;
         border-radius: 50%;
-        transition: scale 1s;
+        transition: scale 1s ease, opacity .5s ease;
+        scale: 0.9;
+        opacity: .9;
         //   background-color: #384c50;
         //   border: 1px solid #121414;
         //   box-shadow: 0px 0px 32px 8px #121414, 0px 0px 4px 1px #121414 inset;
@@ -113,7 +115,7 @@
         position: relative;
         width: 100%;
         height: 100%;
-        animation: 8s infinite linear reactor-anim;
+        animation: 10s infinite linear reactor-anim;
         transition: animation 1s;
     }
     .coil {
@@ -586,7 +588,8 @@
     $colour3: rgba(2, 255, 255, 0.3);
     $cshadow: rgba(2, 254, 255, 0.8);
 
-    scale: 1.07;
+    scale: 1.1;
+    opacity: 1;
     .coil-container {
         animation: 3s infinite linear reactor-anim;
     }

src/functions.ts

@@ -45,4 +45,17 @@ export function stopListening(callback) {
 
 export function capitalizeFirstLetter(string) {
     return string.charAt(0).toUpperCase() + string.slice(1);
+}
+
+export function showInExplorer(path) {
+    (async () => {
+        invoke('show_in_folder', {path: path})
+            .then((message) => {})
+            .catch((error) => {
+                console.error(error);
+                // alert("Ошибка: " + error);
+            })
+    })().catch(err => {
+        console.error(err);
+    });
 }

src/pages/commands.svelte

@@ -2,13 +2,22 @@
     import HDivider from "@/components/elements/HDivider.svelte"
     import Footer from "@/components/Footer.svelte"
 
-    import { Notification  } from '@svelteuidev/core';
+    import { Notification, Space  } from '@svelteuidev/core';
     import { InfoCircled } from 'radix-icons-svelte';
+
+    import { tg_official_link } from "@/stores";
 </script>
 
-<HDivider />
-<Notification title='404' icon={InfoCircled} color='blue' withCloseButton={false}>
-    Этот раздел еще находится в разработке.
+<Space h="xl" />
+
+<Notification title='[404] Этот раздел еще находится в разработке!' icon={InfoCircled} color='blue' withCloseButton={false}>
+    Тут будет список команд + полноценный редактор команд.<br>
+    Следите за обновлениями в <a href="{tg_official_link}" target="_blank">нашем телеграм канале</a>!
 </Notification>
+
+<div style="text-align: center;margin-top: 25px;">
+    <img src="/media/images/tenor.gif" alt="bruh" width="320px">
+</div>
+
 <HDivider />
 <Footer />

src/pages/settings.svelte

@@ -3,17 +3,20 @@
   import { invoke } from "@tauri-apps/api/tauri"
   import { goto } from '@roxi/routify'
   import { onMount } from 'svelte'
-  import { startListening, stopListening } from "@/functions";
+  import { startListening, stopListening, showInExplorer } from "@/functions";
   import { setTimeout } from 'worker-timers';
 
+  import { feedback_link, log_file_path } from "@/stores";
+
   // COMPONENTS & STUFF
   import HDivider from "@/components/elements/HDivider.svelte"
   import Footer from "@/components/Footer.svelte"
 
   import { Notification, Button, Text, Tabs, Space, Alert, Input, InputWrapper, NativeSelect  } from '@svelteuidev/core';
-  import { Check, Mix, Cube, Code, Gear, QuestionMarkCircled } from 'radix-icons-svelte';
+  import { Check, Mix, Cube, Code, Gear, QuestionMarkCircled, CrossCircled } from 'radix-icons-svelte';
 
   // VARIABLES
+
   let available_microphones = [];
   let settings_saved = false;
   let save_button_disabled = false;
@@ -91,7 +94,9 @@
 
 <Notification title='БЕТА версия!' icon={QuestionMarkCircled} color='blue' withCloseButton={false}>
   Часть функций может работать некорректно.<br />
-  Сообщайте обо всех найденных багах в <a href="https://t.me/hhsharebot" target="_blank">наш телеграм бот</a>.
+  Сообщайте обо всех найденных багах в <a href="{feedback_link}" target="_blank">наш телеграм бот</a>.
+  <Space h="sm" />
+  <Button color="gray" radius="md" size="xs" uppercase on:click={() => {showInExplorer(log_file_path)}}>Открыть папку с логами</Button>
 </Notification>
 
 <Space h="xl" />
@@ -143,7 +148,15 @@
       <Space h="sm" />
       <Alert title="Внимание!" color="#868E96" variant="outline">
 
-          <Text size='sm' color="gray">Введите сюда свой ключ Picovoice.<br />Он выдается бесплатно при регистрации в <a href='https://console.picovoice.ai/' target="_blank">Picovoice Console</a>.</Text>
+          <Notification title='Эта нейросеть работает не у всех!' icon={CrossCircled} color='orange' withCloseButton={false}>
+            Мы ждем официального патча от разработчиков.
+          </Notification>
+          <Space h="sm" />
+
+          <Text size='sm' color="gray">
+            Введите сюда свой ключ Picovoice.<br />
+            Он выдается бесплатно при регистрации в <a href='https://console.picovoice.ai/' target="_blank">Picovoice Console</a>.<br>
+          </Text>
           <Space h="sm" />
           <Input icon={Code} placeholder='Ключ Picovoice' variant='filled' autocomplete="off"  bind:value={api_key__picovoice}/>
 

src/stores.ts

@@ -16,4 +16,19 @@ export const assistant_voice = writable("");
   assistant_voice.set(await invoke("db_read", {key: "assistant_voice"}));
 })().catch(err => {
     console.error(err);
+});
+
+// etc
+export let tg_official_link = "";
+export let feedback_link = "";
+export let github_repository_link = "";
+export let log_file_path = "";
+
+(async () => {
+  tg_official_link = await invoke("get_tg_official_link")
+  feedback_link = await invoke("get_feedback_link")
+  github_repository_link = await invoke("get_repository_link")
+  log_file_path = await invoke("get_log_file_path")
+})().catch(err => {
+    console.error(err);
 });