From a17d4956ceb0ece527f05655ce33118aadaaee5d Mon Sep 17 00:00:00 2001
From: Elgius <114131653+Elgius@users.noreply.github.com>
Date: Thu, 13 Apr 2023 13:38:54 +0500
Subject: [PATCH] svelte aint fun sometimes

---
 src/routes/+page.svelte | 44 ++++++++++++++++++++++++++++++-----------
 1 file changed, 32 insertions(+), 12 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e70c719..400e9d5 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,26 +1,52 @@
 <script>
 	// import {Icon} from '@iconify/svelte';
 	// import {FaTelegramPlane} from 'svelte-icons/fa';
+
+	// i know this is the solution, but i dont know why it no wooooork
+
 	import {Login} from "sveltegram";
+	import IframeLoader from "svelte-iframe-loader";
+	
+	const iframeSrc = "https://telegram.org/js/telegram-widget.js?22";
 </script>
 
 <section>
 	<div class="container">
 		<div class="text-center my-40">
 			<h1 class="text-3xl sm:text-4xl font-bold">Honesty</h1>
-			<sub class="text-sm">By SAR</sub>
+			<sub class="text-sm">By Fishie</sub>
 		</div>
 	</div>
 	<div class="p-10 sm:p-20" />
 	<div class="p-10" />
 
+
+	
+
+	<div class="relative h-64">
+		<div class="absolute inset-0 flex items-center justify-center">
+		  <div class="inline-flex items-center space-x-2 animate-pulse">
+			<div class="w-4 h-4 rounded-full bg-gray-400"></div>
+			<div class="w-4 h-4 rounded-full bg-gray-400"></div>
+			<div class="w-4 h-4 rounded-full bg-gray-400"></div>
+		  </div>
+		</div>
+		<iframe class="w-full h-full" src={iframeSrc}  title="Telegram logger"/>
+	  </div>
+
+
+
+
+
+
+
 	<footer class="container mx-auto">
 		<div class="flex justify-center items-center">
-			<!-- <button class="btn btn-error">
+			 <button class="btn btn-error">
 				<a href="">Login via Telegram</a>
 				Click here to login
-			</button> -->
-			<!-- <script async src="https://telegram.org/js/telegram-widget.js?22" data-telegram-login="Fishie_Honesty_bot" data-size="large" data-auth-url="/" data-request-access="write"></script> -->
+			</button>
+			<script async src="https://telegram.org/js/telegram-widget.js?22" data-telegram-login="Fishie_Honesty_bot" data-size="large" data-auth-url="/" data-request-access="write"></script>
 			<Login
 				username="Fishie_Honesty_bot"
 				requestAccess=true
@@ -28,13 +54,7 @@
 				/>
 		</div>
 	</footer>
+
+
 </section>
 
-<!-- TODO:
-1. make it responsive
-2. decide font
-3. work on padding and Margins
-4. this works
- -->
-
-<!-- Path: Fishie-Honesty-UI\src\routes\+page.svelte -->