Merge pull request #24 from fiit-tp7-2023/front-page-ui-fix

Front page fixes

Author: kikz0rsk

components/layout/FooterComponent.vue

@@ -1,3 +1,20 @@
 <template>
-  <div class="w-full flex justify-center items-center bg-slate-600 p-4 text-white">ChainMates @ FIIT_STU</div>
+  <div class="w-full absolute flex justify-center items-center p-4 space-x-3 text-white">
+    <div class="h-6">
+      <NuxtLink to="https://github.com/fiit-tp7-2023" target="_blank" class="transition-all hover:text-[#fe0854]">
+        <Icon size="1.5em" name="mdi:github" class="!align-top" />
+        GitHub
+      </NuxtLink>
+    </div>
+    <div class="h-6">•</div>
+    <div class="h-6">ChainMates</div>
+    <div class="h-6">•</div>
+    <div class="h-6">
+      <NuxtLink to="https://www.fiit.stuba.sk" target="_blank" class="transition-all hover:text-[#fe0854]"
+        >FIIT STU</NuxtLink
+      >
+    </div>
+    <div class="h-6">•</div>
+    <div class="h-6">{{ new Date().getFullYear() }}</div>
+  </div>
 </template>

pages/index.vue

@@ -22,7 +22,7 @@ const initTypingEffect = (elem: string, text: string, speed: number, finishCb?:
   const typing = () => {
     if (index < text.length) {
       // Random erase effect
-      if (Math.random() < 0.1) {
+      if (Math.random() < 0.07 && element.innerHTML.length > 1) {
         element.innerHTML = element.innerHTML.slice(0, -1);
         index--;
       } else {
@@ -93,12 +93,12 @@ function init() {
 function updateMousePoint(e: MouseEvent) {
   if (!canvas.value) return;
   d.value = Math.min(Math.max(Math.abs(mousePoint.value.x - e.x), 10), 20);
-  mousePoint.value = { x: e.x - canvas.value.offsetLeft, y: e.y - 80 };
+  mousePoint.value = { x: e.x - canvas.value.offsetLeft, y: e.offsetY };
 }
 
 function resizeReset() {
   if (!canvas.value) return;
-  bgWidth.value = canvas.value.width = window.outerWidth;
+  bgWidth.value = canvas.value.width = document.body.clientWidth;
   bgHeight.value = canvas.value.height = window.innerHeight;
 }