mirror of
https://github.com/LinkStackOrg/LinkStack.git
synced 2025-01-24 00:13:17 +01:00
9d368ef9cb
Switched to dark mode detection via CSS instead of JavaScript on users LittleLink pages and the home page. I decided to use this approach instead of the previous JavaScript version. This means that a manual switch to change between light and dark mode by user won't be added.
98 lines
4.5 KiB
PHP
Executable File
98 lines
4.5 KiB
PHP
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>{{ config('app.name') }}</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,800&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="{{ asset('littlelink/css/normalize.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('littlelink/css/skeleton-auto.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('littlelink/css/brands.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('littlelink/css/hover-min.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('littlelink/css/animate.css') }}">
|
|
@if(file_exists(base_path("littlelink/images/avatar.png" )))
|
|
<link rel="icon" type="image/png" href="{{ asset('littlelink/images/avatar.png') }}">
|
|
@else
|
|
<link rel="icon" type="image/svg+xml" href="{{ asset('littlelink/images/logo.svg') }}">
|
|
@endif
|
|
</head>
|
|
<body>
|
|
|
|
<?php
|
|
$pages = DB::table('pages')->get();
|
|
foreach($pages as $page)
|
|
{
|
|
//Gets value from database
|
|
}
|
|
?>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="sign" style="margin-top: 30px; text-align: right;">
|
|
@if (Route::has('login'))
|
|
@auth
|
|
<a href="{{ route('studioIndex') }}" class="underline spacing">Studio</a>
|
|
@else
|
|
<a href="{{ route('login') }}" class="underline spacing">Log in</a>
|
|
|
|
@if (Route::has('register') and $page->register == 'true')
|
|
<a href="{{ route('register') }}" class="underline spacing">Register</a>
|
|
@elseif (env('REGISTER_OVERRIDE') === true)
|
|
<a href="{{ route('register') }}" class="underline spacing">Register</a>
|
|
@endif
|
|
@endauth
|
|
@endif
|
|
</div>
|
|
<div class="column" style="margin-top: 10%">
|
|
<!-- Your Image Here -->
|
|
@if(file_exists(base_path("littlelink/images/avatar.png" )))
|
|
<img src="{{ asset('littlelink/images/avatar.png') }}" srcset="{{ asset('littlelink/images/avatar@2x.png 2x') }}" width="100px" height="100px">
|
|
@else
|
|
<div class="parent fadein" >
|
|
<img class="image1 rotate" src="{{ asset('littlelink/images/just-gear.svg') }}" alt="Logo"></img>
|
|
<img class="image2" src="{{ asset('littlelink/images/just-ll.svg') }}" alt="Logo"></img>
|
|
</div>
|
|
@endif
|
|
|
|
<!-- Your Name -->
|
|
<h1 class="mt-5 fadein"> {{ config('app.name') }} </h1>
|
|
|
|
<!-- Short Bio -->
|
|
<div class="mt-5 fadein">
|
|
<?php echo $message->home_message; ?>
|
|
</div>
|
|
|
|
<?php $initial=1; // <-- Effectively sets the initial loading time of the buttons. This value should be left at 1. ?>
|
|
<div style="--delay: {{ $initial++ }}s" class="button-entrance"><div class="button button-github button hvr-grow hvr-icon-wobble-vertical"><img class="icon hvr-icon" src="{{ asset('littlelink/icons/github.svg') }}">Github</div></div>
|
|
<div style="--delay: {{ $initial++ }}s" class="button-entrance"><div class="button button-twitter button hvr-grow hvr-icon-wobble-vertical"><img class="icon hvr-icon" src="{{ asset('littlelink/icons/twitter.svg') }}">Twitter</div></div>
|
|
<div style="--delay: {{ $initial++ }}s" class="button-entrance"><div class="button button-instagram button hvr-grow hvr-icon-wobble-vertical"><img class="icon hvr-icon" src="{{ asset('littlelink/icons/instagram.svg') }}">Instagram</div></div>
|
|
</br></br>
|
|
|
|
<p>and {{ $countButton - 3 }} other buttons ...</p>
|
|
|
|
<hr class="my-4" style="display:none">
|
|
|
|
<p style="display:none">updated pages</p>
|
|
|
|
<div class="updated" style="display:none">
|
|
@foreach($updatedPages as $page)
|
|
@if(file_exists(base_path("img/$page->littlelink_name" . ".png" )))
|
|
<a href="{{ url('') }}/@<?= $page->littlelink_name ?>" target="_blank">
|
|
<img src="{{ asset("img/$page->littlelink_name" . ".png") }}" srcset="{{ asset("img/$page->littlelink_name" . "@2x.png 2x") }}" width="50px" height="50px">
|
|
</a>
|
|
@else
|
|
<a href="{{ url('') }}/@<?= $page->littlelink_name ?>" target="_blank">
|
|
<img src="{{ asset('littlelink/images/logo.svg') }}" srcset="{{ asset('littlelink/images/avatar@2x.png 2x') }}" width="50px" height="50px">
|
|
</a>
|
|
@endif
|
|
@endforeach
|
|
</div>
|
|
|
|
@include('layouts.footer')
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|