dockerfiles/Fishie-Honesty-UI
1
0
Fork 0
mirror of https://github.com/WhoIsFishie/Fishie-Honesty-UI.git synced 2025-02-22 17:22:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

svelte aint fun sometimes

Browse Source
This commit is contained in:
Elgius 2023-04-13 13:38:54 +05:00
parent b296e4fe3f
commit a17d4956ce
1 changed files with 32 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/routes/+page.svelte
View File

@ -1,26 +1,52 @@
<script> <script>
// import {Icon} from '@iconify/svelte'; // import {Icon} from '@iconify/svelte';
// import {FaTelegramPlane} from 'svelte-icons/fa'; // 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 {Login} from "sveltegram";
import IframeLoader from "svelte-iframe-loader";
const iframeSrc = "https://telegram.org/js/telegram-widget.js?22";
</script> </script>
<section> <section>
<div class="container"> <div class="container">
<div class="text-center my-40"> <div class="text-center my-40">
<h1 class="text-3xl sm:text-4xl font-bold">Honesty</h1> <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> </div>
<div class="p-10 sm:p-20" /> <div class="p-10 sm:p-20" />
<div class="p-10" /> <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"> <footer class="container mx-auto">
<div class="flex justify-center items-center"> <div class="flex justify-center items-center">
<!-- <button class="btn btn-error"> <button class="btn btn-error">
<a href="">Login via Telegram</a> <a href="">Login via Telegram</a>
Click here to login Click here to login
</button> --> </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> --> <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 <Login
username="Fishie_Honesty_bot" username="Fishie_Honesty_bot"
requestAccess=true requestAccess=true
@ -28,13 +54,7 @@
/> />
</div> </div>
</footer> </footer>
</section> </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 -->