Ümit Tunç
e2684ef05a
- Updated API responses for currency and gold rates to include the latest data and improved metadata, ensuring accurate and informative responses. - Added a new view for displaying currency rates, enhancing the user interface with dynamic data presentation. - Updated the welcome view to integrate the new currency display and improved layout for better user experience. - Changed the logo in the Scribe configuration to a new light SVG for better visual consistency. - Enhanced styling in the welcome view and currency display for a modern look and feel. These changes collectively improve the functionality, usability, and branding of the Truncgil Finance application.
188 lines
8.1 KiB
PHP
188 lines
8.1 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>Truncgil Finance</title>
|
|
|
|
<!-- Tailwind CSS -->
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
|
|
<!-- Fonts -->
|
|
<link rel="preconnect" href="https://fonts.bunny.net">
|
|
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
|
|
<style>
|
|
/* From Uiverse.io by iSweat-exe */
|
|
.card {
|
|
padding: 1rem;
|
|
background-color: #fff;
|
|
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
max-width: 100%;
|
|
border-radius: 20px;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.title {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.title span {
|
|
position: relative;
|
|
padding: 0.5rem;
|
|
background-color: #B9101E;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
border-radius: 9999px;
|
|
}
|
|
|
|
.title span svg {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
color: #ffffff;
|
|
height: 1rem;
|
|
}
|
|
|
|
.title-text {
|
|
margin-left: 0.5rem;
|
|
color: #374151;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.percent {
|
|
margin-left: 0.5rem;
|
|
color: #B9101E;
|
|
font-weight: 600;
|
|
display: flex;
|
|
}
|
|
|
|
.data {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.data p {
|
|
margin-top: 1rem;
|
|
margin-bottom: 1rem;
|
|
color: #1F2937;
|
|
font-size: 2.25rem;
|
|
line-height: 2.5rem;
|
|
font-weight: 700;
|
|
text-align: left;
|
|
}
|
|
|
|
.data .range {
|
|
position: relative;
|
|
background-color: #E5E7EB;
|
|
width: 100%;
|
|
height: 0.5rem;
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
.data .range .fill {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background-color: #B9101E;
|
|
width: 36%;
|
|
height: 100%;
|
|
border-radius: 0.25rem;
|
|
transition: .5s all;
|
|
}
|
|
</style>
|
|
|
|
<!-- Styles / Scripts -->
|
|
@if (file_exists(public_path('build/manifest.json')) || file_exists(public_path('hot')))
|
|
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
|
@else
|
|
|
|
@endif
|
|
<link rel="manifest" href="{{ asset('manifest.json') }}">
|
|
</head>
|
|
<body class="font-sans antialiased dark:bg-black dark:text-white/50">
|
|
<div class="bg-gray-50 text-black/50 dark:bg-black dark:text-white/50">
|
|
<img id="background" class="absolute -left-20 top-0 max-w-[877px]" src="{{ asset('img/background.svg') }}" alt="Background" />
|
|
<div class="relative min-h-screen flex flex-col items-center justify-center selection:bg-[#FF2D20] selection:text-white">
|
|
<div class="relative w-full max-w-2xl px-6 lg:max-w-7xl">
|
|
<header class="grid grid-cols-2 items-center gap-2 py-10 lg:grid-cols-3">
|
|
<div class="flex lg:justify-center lg:col-start-2">
|
|
<img src="{{ asset('img/logo.svg') }}" alt="Truncgil Finance Logo" class="h-24 w-auto filter brightness-110" />
|
|
</div>
|
|
@if (Route::has('login'))
|
|
<nav class="-mx-3 flex flex-1 justify-end">
|
|
@auth
|
|
<a href="{{ url('/dashboard') }}" class="rounded-md px-3 py-2 text-black ring-1 ring-transparent transition hover:text-black/70 focus:outline-none focus-visible:ring-[#FF2D20] dark:text-white dark:hover:text-white/80 dark:focus-visible:ring-white">Dashboard</a>
|
|
@else
|
|
<a href="{{ route('login') }}" class="rounded-md px-3 py-2 text-black ring-1 ring-transparent transition hover:text-black/70 focus:outline-none focus-visible:ring-[#FF2D20] dark:text-white dark:hover:text-white/80 dark:focus-visible:ring-white">Log in</a>
|
|
@if (Route::has('register'))
|
|
<a href="{{ route('register') }}" class="rounded-md px-3 py-2 text-black ring-1 ring-transparent transition hover:text-black/70 focus:outline-none focus-visible:ring-[#FF2D20] dark:text-white dark:hover:text-white/80 dark:focus-visible:ring-white">Register</a>
|
|
@endif
|
|
@endauth
|
|
</nav>
|
|
@endif
|
|
</header>
|
|
<main class="mt-6">
|
|
@php
|
|
$response = file_get_contents('https://finance.truncgil.com/api/today.json');
|
|
$data = json_decode($response, true);
|
|
$currencies = ['USD', 'EUR', 'GBP', 'GRA'];
|
|
$rates = [];
|
|
|
|
foreach ($currencies as $currency) {
|
|
$rates[$currency] = $data['Rates'][$currency] ?? null;
|
|
}
|
|
@endphp
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
|
@foreach($rates AS $currencyName => $rate)
|
|
<div class="w-full md:w-auto">
|
|
@include('currency', [
|
|
'currencyName' => $currencyName,
|
|
'rate' => $rate
|
|
])
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
|
|
|
|
|
|
</main>
|
|
|
|
<main class="mt-6">
|
|
<div class="grid gap-6 lg:grid-cols-3">
|
|
<a href="https://finance.truncgil.com/docs" class="group relative overflow-hidden rounded-2xl bg-gradient-to-b from-zinc-50 to-white p-6 shadow-lg transition-all duration-300 hover:shadow-xl dark:from-zinc-900 dark:to-zinc-800">
|
|
<div class="relative z-10">
|
|
<div class="mb-4 inline-flex rounded-lg bg-green-100 p-2 dark:bg-green-900/30">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-green-600 dark:text-green-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
|
|
</svg>
|
|
</div>
|
|
<h2 class="text-2xl font-bold text-zinc-900 dark:text-white">API Documentation</h2>
|
|
<p class="mt-3 text-zinc-600 dark:text-zinc-300">
|
|
Visit our documentation to access all information about the Truncgil Finance API.
|
|
</p>
|
|
<div class="mt-4 inline-flex items-center text-green-600 dark:text-green-400">
|
|
Learn more
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="ml-1 h-5 w-5 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="absolute inset-0 z-0 bg-gradient-to-br from-green-50/50 via-transparent to-transparent opacity-0 transition-opacity group-hover:opacity-100 dark:from-green-900/20"></div>
|
|
</a>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="py-16 text-center text-sm text-black dark:text-white/70">
|
|
Truncgil Finance v{{ app()->version() }} (PHP v{{ PHP_VERSION }})
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|