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

Merge pull request #13 from Elgius/main

Browse Source 
svelte no fun sometimes
This commit is contained in:
Elgius 2023-04-13 13:40:03 +05:00 committed by GitHub
commit 9517ba1340
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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>
// 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 -->