Merge branch 'main' of https://github.com/Firu115/jako_pavouk

.gitignore

@@ -5,6 +5,7 @@ taskfile.yaml
 backend/.env
 backend/backend
 backend/backend.exe
+backend/skoly.log.csv
 
 scripts/script_texty/texty/
 scripts/script_texty/knihy/

frontend/src/views/Domu.vue

@@ -39,7 +39,7 @@ function zacit() {
         <div class="text">
             <p style="font-size: 21px; line-height: 24px;">Webová aplikace na výuku <br><b
                     style="font-weight: 700;">psaní všemi deseti</b> zdarma.<br>Chceš se naučit psát jako pavouk?</p>
-            <button v-if="!mobil" class="tlacitko" @click="zacit()"
+            <button v-if="!mobil" class="tlacitko velky" @click="zacit()"
                 style="transform: scale(1.25); margin-top: 32px;">Začít psát</button>
         </div>
         <img src="../assets/pavoukStudent.svg" alt="Pavouk student" width="300" height="253" style="max-height: 230px;">
@@ -73,8 +73,10 @@ function zacit() {
             <p>
                 Jste vyučující na škole, kde probíhá výuka psaní všemi deseti? Nebo snad ještě neprobíhá? Vyzkoušejte ve třídě organizovanou výuku psaní!
             </p>
-            <button class="tlacitko" @click="router.push('/skolni-system')" style="margin-right: 15px;">Číst dál</button>
-            <button class="tlacitko" @click="router.push('/zapis')">Zapsat se</button>
+            <div style="display: flex; gap: 20px; justify-content: center;">
+                <button class="tlacitko" @click="router.push('/skolni-system')">Číst dál</button>
+                <button class="tlacitko" @click="router.push('/zapis')">Zapsat se</button>
+            </div>
         </div>
     </div>
 </template>
@@ -85,17 +87,21 @@ function zacit() {
 }
 
 @media screen and (max-width: 1100px) {
-    .tlacitko:nth-of-type(1) {
-        transform: scale(1) !important;
-        margin: 16px 0 !important;
-    }
-
     .text:nth-of-type(1) p {
         font-size: 19px !important;
     }
 
     .bloky img {
         width: 90% !important;
     }
+
+    .velky {
+        transform: scale(1.1) !important;
+        margin: 16px 0 !important;
+    }
+}
+
+@media screen and (max-width: 600px) {
+    
 }
 </style>

frontend/src/views/InfoSkola.vue

@@ -42,10 +42,10 @@ function chekujUdaje() {
     <h1>Systém pro školy</h1>
 
     <div class="bloky">
-        <video controls controlslist="nodownload" width="100%" poster="../assets/nahledVidea.png">
-            <source src="/verze1.1.mov">
+        <video controls controlslist="nodownload" width="100%" poster="../assets/jizBrzy.png">
+            <source src="">
             Váš prohlížeč neumí přehrát toto video. <!-- to snad už ani nejde aby to někdo nepodporoval -->
-            <a href="/verze1.1.mov" download="/verze1.1.mov">Tady</a> si ho můžete zkusit stáhnout.
+            <a href="" download="">Tady</a> si ho můžete zkusit stáhnout.
         </video>
     </div>
     <div class="specialni-blok bloky">
@@ -175,7 +175,6 @@ function chekujUdaje() {
     flex-direction: column;
     height: auto;
     gap: 8px;
-    height: 417px;
 }
 
 #formular>div {

frontend/src/views/Ucet.vue

@@ -356,8 +356,16 @@ function prepnoutStatistiky() {
 
 #tlacitka {
     display: inline-flex;
-    margin-top: 10px;
+    margin-top: 20px;
     gap: 20px;
+    max-width: 80vw;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.tlacitko,
+.cervene-tlacitko {
+    margin-top: 0;
 }
 
 .tlacitko {
@@ -587,8 +595,7 @@ function prepnoutStatistiky() {
     }
 
     #chyby #pismena>div:nth-child(2) {
-        gap: 0;
-        justify-content: space-between;
+        gap: 8%;
     }
 }
 
@@ -616,6 +623,7 @@ function prepnoutStatistiky() {
 
     #prepinac-tabu {
         transform: scale(0.8);
+        font-size: 17px;
     }
 
     #chyby {

frontend/src/views/VyberKlavesnice.vue

@@ -3,11 +3,12 @@ import axios from 'axios';
 import { onMounted, onUnmounted, ref } from 'vue';
 import { checkTeapot, getToken, pridatOznameni } from '../utils';
 import { useRouter } from 'vue-router';
+import { mobil } from '../stores';
 
 const router = useRouter()
 const klavesnice = ref(false)
 const mameJi = ref(false)
-const rucne = ref(false)
+const rucne = ref(mobil)
 const img = ref()
 
 onMounted(() => {
@@ -76,7 +77,7 @@ function zoomOut() {
     </div>
 
     <p id="dole" v-if="!rucne && !mameJi" @click="vybratRucne">Vybrat rozložení ručně</p>
-    <p id="dole" v-else-if="!mameJi" @click="rucne = false">Zpět k normálnímu výběru</p>
+    <p id="dole" v-else-if="!mameJi" @click="rucne = false">Zpět k automatickému výběru</p>
 </template>
 <style scoped>
 #tlacitka {