LinkStack/resources/views/home.blade.php

167 lines
9.8 KiB
PHP
Raw Normal View History

2021-04-16 01:00:00 +02:00
<!DOCTYPE html>
@include('layouts.lang')
2021-04-16 01:00:00 +02:00
<head>
<meta charset="utf-8">
2022-06-08 15:58:04 +02:00
@include('layouts.analytics')
@if(env('CUSTOM_META_TAGS') == 'true' and Config::get('meta.title') != '')
<title>{{ Config::get('meta.title') }}</title>
@else
2021-04-16 01:00:00 +02:00
<title>{{ config('app.name') }}</title>
@endif
<?php $cleaner_input = strip_tags($message->home_message); ?>
@if(env('CUSTOM_META_TAGS') == 'true')
@include('layouts.meta')
@else
<meta name="description" content="{{ $cleaner_input }}">
2021-04-16 01:00:00 +02:00
<meta name="viewport" content="width=device-width, initial-scale=1">
@endif
Added option to edit buttons on home page /* |-------------------------------------------------------------------------- | Custom Buttons on Home Page |-------------------------------------------------------------------------- | | Here you can configure your own buttons for the Home Page. | You can add or remove as many buttons as you like. | | The syntax of the custom buttons is as follows: | | array( | 'button' => '', | 'link' => '', | 'title' => '', | 'icon' => '', | 'custom_css' => '' | ), | | In the 'button' field, you have to enter the button name (i.e. 'twitter', 'github', 'custom'...). | You can find a list of all available buttons below. | | In the 'link' field, can enter your desired link you can leave this field empty for a display only, non-functional button. | | | | The input fields below only apply to buttons such as 'custom' and 'custom_website' but must always be included even if only empty. |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | | In the 'title' field, changes the text on a button, such as 'custom' and 'custom_website'. | | In the 'icon' field, uses the same syntax as the Button Editor on the Admin Panel. | This allows you to add your own icons to 'custom' buttons. You can find a list of available icons on llc.bio/fa. | | In the 'custom_css' field, here you can enter custom CSS to change the color of your button. | If you don't feel comfortable working with CSS, | you can copy and paste the CSS from the 'Custom CSS' field of the Button Editor on the Admin Panel. | */ 'use_custom_buttons' => 'true', // Set this to false if you wish to display the old buttons. 'buttons' => array( array( 'button' => 'github', 'link' => 'https://github.com/JulianPrieber/littlelink-custom', 'title' => '', 'icon' => '', 'custom_css' => '' ), array( 'button' => 'custom', 'link' => 'https://littlelink-custom.com', 'title' => 'Project Website', 'icon' => 'llc', 'custom_css' => 'color:#ffffff; background-image:linear-gradient(76deg, #f70fff 0%, #11d4de 100%);'), array( 'button' => 'custom', 'link' => 'https://littlelink-custom.com/sponsor', 'title' => 'Help us out', 'icon' => 'fa-hand-holding-hand', 'custom_css' => 'color:#ffffff; background-image:radial-gradient(circle, #00d2ff 0%, #3a7bd5 95%);' ), ) /* |--------------------------------| | List of Available buttons: | |--------------------------------| | 'button' => 'custom' | | 'button' => 'custom_website' | | 'button' => 'github' | | 'button' => 'twitter' | | 'button' => 'instagram' | | 'button' => 'facebook' | | 'button' => 'messenger' | | 'button' => 'linkedin' | | 'button' => 'youtube' | | 'button' => 'discord' | | 'button' => 'twitch' | | 'button' => 'snapchat' | | 'button' => 'spotify' | | 'button' => 'reddit' | | 'button' => 'medium' | | 'button' => 'pinterest' | | 'button' => 'soundcloud' | | 'button' => 'figma' | | 'button' => 'kit' | | 'button' => 'telegram' | | 'button' => 'tumblr' | | 'button' => 'steam' | | 'button' => 'vimeo' | | 'button' => 'wordpress' | | 'button' => 'goodreads' | | 'button' => 'skoob' | | 'button' => 'tiktok' | | 'button' => 'default email' | | 'button' => 'default email_alt'| | 'button' => 'bandcamp' | | 'button' => 'patreon' | | 'button' => 'signal' | | 'button' => 'venmo' | | 'button' => 'cashapp' | | 'button' => 'gitlab' | | 'button' => 'mastodon' | | 'button' => 'paypal' | | 'button' => 'whatsapp' | | 'button' => 'xing' | | 'button' => 'buy me a coffee' | | 'button' => 'website' | | 'button' => 'heading' | | 'button' => 'space' | |--------------------------------| */
2022-06-09 09:59:04 +02:00
<!-- Custom icons font-awesome -->
<script src="https://kit.fontawesome.com/c4a5e06183.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="{{ asset('littlelink/css/animations.css') }}">
2021-07-06 10:46:46 +02:00
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,800&display=swap" rel="stylesheet">
2021-04-16 01:00:00 +02:00
<link rel="stylesheet" href="{{ asset('littlelink/css/normalize.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" )))
2021-04-16 01:00:00 +02:00
<link rel="icon" type="image/png" href="{{ asset('littlelink/images/avatar.png') }}">
@else
2022-02-20 13:20:21 +01:00
<link rel="icon" type="image/svg+xml" href="{{ asset('littlelink/images/logo.svg') }}">
@endif
{{-- custom font for logo text --}}
<style>@font-face{font-family:'ll';src:url({{ asset('littlelink/fonts/littlelink-custom.otf') }}) format("opentype")}</style>
<?php // override dark/light mode if override cookie is set
$color_scheme_override = isset($_COOKIE["color_scheme_override"]) ? $_COOKIE["color_scheme_override"] : false; ?>
@if ($color_scheme_override == 'dark')
<link rel="stylesheet" href="{{ asset('littlelink/css/skeleton-dark.css') }}">
@elseif ($color_scheme_override == 'light')
<link rel="stylesheet" href="{{ asset('littlelink/css/skeleton-light.css') }}">
@elseif (Config::get('meta.theme') == 'dark')
<link rel="stylesheet" href="{{ asset('littlelink/css/skeleton-dark.css') }}">
@elseif (Config::get('meta.theme') == 'light')
<link rel="stylesheet" href="{{ asset('littlelink/css/skeleton-light.css') }}">
@else
<link rel="stylesheet" href="{{ asset('littlelink/css/skeleton-auto.css') }}">
@endif
2021-04-16 01:00:00 +02:00
</head>
<body>
<?php
$pages = DB::table('pages')->get();
foreach($pages as $page)
{
//Gets value from database
}
?>
2021-04-16 01:00:00 +02:00
<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>
2021-04-16 01:00:00 +02:00
@else
<a href="{{ route('login') }}" class="underline spacing">Log in</a>
2021-04-16 01:00:00 +02:00
@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>
2021-04-16 01:00:00 +02:00
@endif
@endauth
@endif
</div>
<div class="column" style="margin-top: 15%">
2021-04-16 01:00:00 +02:00
<!-- Your Image Here -->
@if(file_exists(base_path("littlelink/images/avatar.png" )))
<img alt="avatar" src="{{ asset('littlelink/images/avatar.png') }}" srcset="{{ asset('littlelink/images/avatar@2x.png 2x') }}" width="128px" height="128px">
@else
<div class="logo-container fadein">
<img class="rotate" src="{{ asset('littlelink/images/just-gear.svg') }}" alt="Logo" style="width:150px; height:150px;">
<div class="logo-centered">l</div>
</div>
@endif
2021-04-16 01:00:00 +02:00
<!-- Your Name -->
<h1 class="mt-5 fadein"> {{ config('app.name') }} </h1>
2021-04-16 01:00:00 +02:00
<!-- Short Bio -->
2022-03-31 14:06:58 +02:00
<div class="mt-5 fadein">
<?php echo $message->home_message; ?>
2022-03-31 14:06:58 +02:00
</div>
2021-04-16 01:00:00 +02:00
Added option to edit buttons on home page /* |-------------------------------------------------------------------------- | Custom Buttons on Home Page |-------------------------------------------------------------------------- | | Here you can configure your own buttons for the Home Page. | You can add or remove as many buttons as you like. | | The syntax of the custom buttons is as follows: | | array( | 'button' => '', | 'link' => '', | 'title' => '', | 'icon' => '', | 'custom_css' => '' | ), | | In the 'button' field, you have to enter the button name (i.e. 'twitter', 'github', 'custom'...). | You can find a list of all available buttons below. | | In the 'link' field, can enter your desired link you can leave this field empty for a display only, non-functional button. | | | | The input fields below only apply to buttons such as 'custom' and 'custom_website' but must always be included even if only empty. |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | | In the 'title' field, changes the text on a button, such as 'custom' and 'custom_website'. | | In the 'icon' field, uses the same syntax as the Button Editor on the Admin Panel. | This allows you to add your own icons to 'custom' buttons. You can find a list of available icons on llc.bio/fa. | | In the 'custom_css' field, here you can enter custom CSS to change the color of your button. | If you don't feel comfortable working with CSS, | you can copy and paste the CSS from the 'Custom CSS' field of the Button Editor on the Admin Panel. | */ 'use_custom_buttons' => 'true', // Set this to false if you wish to display the old buttons. 'buttons' => array( array( 'button' => 'github', 'link' => 'https://github.com/JulianPrieber/littlelink-custom', 'title' => '', 'icon' => '', 'custom_css' => '' ), array( 'button' => 'custom', 'link' => 'https://littlelink-custom.com', 'title' => 'Project Website', 'icon' => 'llc', 'custom_css' => 'color:#ffffff; background-image:linear-gradient(76deg, #f70fff 0%, #11d4de 100%);'), array( 'button' => 'custom', 'link' => 'https://littlelink-custom.com/sponsor', 'title' => 'Help us out', 'icon' => 'fa-hand-holding-hand', 'custom_css' => 'color:#ffffff; background-image:radial-gradient(circle, #00d2ff 0%, #3a7bd5 95%);' ), ) /* |--------------------------------| | List of Available buttons: | |--------------------------------| | 'button' => 'custom' | | 'button' => 'custom_website' | | 'button' => 'github' | | 'button' => 'twitter' | | 'button' => 'instagram' | | 'button' => 'facebook' | | 'button' => 'messenger' | | 'button' => 'linkedin' | | 'button' => 'youtube' | | 'button' => 'discord' | | 'button' => 'twitch' | | 'button' => 'snapchat' | | 'button' => 'spotify' | | 'button' => 'reddit' | | 'button' => 'medium' | | 'button' => 'pinterest' | | 'button' => 'soundcloud' | | 'button' => 'figma' | | 'button' => 'kit' | | 'button' => 'telegram' | | 'button' => 'tumblr' | | 'button' => 'steam' | | 'button' => 'vimeo' | | 'button' => 'wordpress' | | 'button' => 'goodreads' | | 'button' => 'skoob' | | 'button' => 'tiktok' | | 'button' => 'default email' | | 'button' => 'default email_alt'| | 'button' => 'bandcamp' | | 'button' => 'patreon' | | 'button' => 'signal' | | 'button' => 'venmo' | | 'button' => 'cashapp' | | 'button' => 'gitlab' | | 'button' => 'mastodon' | | 'button' => 'paypal' | | 'button' => 'whatsapp' | | 'button' => 'xing' | | 'button' => 'buy me a coffee' | | 'button' => 'website' | | 'button' => 'heading' | | 'button' => 'space' | |--------------------------------| */
2022-06-09 09:59:04 +02:00
<!-- Buttons -->
<?php $initial=1; // <-- Effectively sets the initial loading time of the buttons. This value should be left at 1. ?>
@if(Config::get('meta.use_custom_buttons') == 'true')
<?php $array = Config::get('meta.buttons'); ?>
@foreach($array as $button)
@php $linkName = str_replace('default ','',$button['button']) @endphp
@if($button['button'] === "custom" and $button['custom_css'] === "" or $button['custom_css'] === "NULL")
<div style="--delay: {{ $initial++ }}s" class="button-entrance"><a class="button button-{{ $button['button'] }} button button-hover icon-hover" @if($button['link'] != '')rel="noopener noreferrer nofollow" href="{{ $button['link'] }}" target="_blank"@endif>@if($button['icon'] == 'llc')<img alt="button-icon" class="icon hvr-icon" src="{{ asset('\/littlelink/icons\/')}}llc.svg">@else<i style="color: {{ $button['icon'] }}" class="icon hvr-icon fa {{ $button['icon'] }}"></i>@endif{{ $button['title'] }}</a></div>
@elseif($button['button'] === "custom" and $button['custom_css'] != "")
<div style="--delay: {{ $initial++ }}s" class="button-entrance"><a class="button button-hover icon-hover" style="{{ $button['custom_css'] }}" @if($button['link'] != '')rel="noopener noreferrer nofollow" href="{{ $button['link'] }}" target="_blank"@endif>@if($button['icon'] == 'llc')<img alt="button-icon" class="icon hvr-icon" src="{{ asset('\/littlelink/icons\/')}}llc.svg">@else<i style="color: {{ $button['icon'] }}" class="icon hvr-icon fa {{ $button['icon'] }}"></i>@endif{{ $button['title'] }}</a></div>
@elseif($button['button'] === "buy me a coffee")
<div style="--delay: {{ $initial++ }}s" class="button-entrance"><a class="button button-coffee button button-hover icon-hover" @if($button['link'] != '')rel="noopener noreferrer nofollow" href="{{ $button['link'] }}" target="_blank"@endif><img alt="button-icon" class="icon hvr-icon" src="{{ asset('\/littlelink/icons\/')}}coffee.svg">Buy me a Coffee</a></div>
@elseif($button['button'] === "custom_website"and $button['custom_css'] === "" or $button['custom_css'] === "NULL")
<div style="--delay: {{ $initial++ }}s" class="button-entrance"><a class="button button-custom_website button button-hover icon-hover" @if($button['link'] != '')rel="noopener noreferrer nofollow" href="{{ $button['link'] }}" target="_blank"@endif><img alt="button-icon" class="icon hvr-icon" src="http://www.google.com/s2/favicons?domain={{$link->link}}">{{ $button['title'] }}</a></div>
@elseif($button['button'] === "custom_website" and $button['custom_css'] != "")
<div style="--delay: {{ $initial++ }}s" class="button-entrance"><a class="button button-hover icon-hover" style="{{ $button['custom_css'] }}" @if($button['link'] != '')rel="noopener noreferrer nofollow" href="{{ $button['link'] }}" target="_blank"@endif><img alt="button-icon" class="icon hvr-icon" src="http://www.google.com/s2/favicons?domain={{$link->link}}">{{ $button['title'] }}</a></div>
@elseif($button['button'] === "space")
<?php
if (is_numeric($button['title']) and $button['title'] < 10)
echo str_repeat("<br>",$button['title']);
elseif (is_numeric($button['title']) and $button['title'] >= 10)
echo str_repeat("<br>",10);
else
echo "<br><br><br>"
?>
@elseif($button['button'] === "heading")
<h2>{{ $button['title'] }}</h2>
@else
<div style="--delay: {{ $initial++ }}s" class="button-entrance"><a class="button button-{{ $button['button'] }} button button-hover icon-hover" @if($button['link'] != '')rel="noopener noreferrer nofollow" href="{{ $button['link'] }}" target="_blank"@endif><img alt="button-icon" class="icon hvr-icon" src="{{ asset('\/littlelink/icons\/') . $linkName }}.svg">{{ ucfirst($linkName) }}</a></div>
@endif
@endforeach
@else
<div style="--delay: {{ $initial++ }}s" class="button-entrance"><div class="button button-github button hvr-grow hvr-icon-wobble-vertical"><img alt="button-icon" 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 alt="button-icon" 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 alt="button-icon" class="icon hvr-icon" src="{{ asset('littlelink/icons/instagram.svg') }}">Instagram</div></div>
Added option to edit buttons on home page /* |-------------------------------------------------------------------------- | Custom Buttons on Home Page |-------------------------------------------------------------------------- | | Here you can configure your own buttons for the Home Page. | You can add or remove as many buttons as you like. | | The syntax of the custom buttons is as follows: | | array( | 'button' => '', | 'link' => '', | 'title' => '', | 'icon' => '', | 'custom_css' => '' | ), | | In the 'button' field, you have to enter the button name (i.e. 'twitter', 'github', 'custom'...). | You can find a list of all available buttons below. | | In the 'link' field, can enter your desired link you can leave this field empty for a display only, non-functional button. | | | | The input fields below only apply to buttons such as 'custom' and 'custom_website' but must always be included even if only empty. |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | | In the 'title' field, changes the text on a button, such as 'custom' and 'custom_website'. | | In the 'icon' field, uses the same syntax as the Button Editor on the Admin Panel. | This allows you to add your own icons to 'custom' buttons. You can find a list of available icons on llc.bio/fa. | | In the 'custom_css' field, here you can enter custom CSS to change the color of your button. | If you don't feel comfortable working with CSS, | you can copy and paste the CSS from the 'Custom CSS' field of the Button Editor on the Admin Panel. | */ 'use_custom_buttons' => 'true', // Set this to false if you wish to display the old buttons. 'buttons' => array( array( 'button' => 'github', 'link' => 'https://github.com/JulianPrieber/littlelink-custom', 'title' => '', 'icon' => '', 'custom_css' => '' ), array( 'button' => 'custom', 'link' => 'https://littlelink-custom.com', 'title' => 'Project Website', 'icon' => 'llc', 'custom_css' => 'color:#ffffff; background-image:linear-gradient(76deg, #f70fff 0%, #11d4de 100%);'), array( 'button' => 'custom', 'link' => 'https://littlelink-custom.com/sponsor', 'title' => 'Help us out', 'icon' => 'fa-hand-holding-hand', 'custom_css' => 'color:#ffffff; background-image:radial-gradient(circle, #00d2ff 0%, #3a7bd5 95%);' ), ) /* |--------------------------------| | List of Available buttons: | |--------------------------------| | 'button' => 'custom' | | 'button' => 'custom_website' | | 'button' => 'github' | | 'button' => 'twitter' | | 'button' => 'instagram' | | 'button' => 'facebook' | | 'button' => 'messenger' | | 'button' => 'linkedin' | | 'button' => 'youtube' | | 'button' => 'discord' | | 'button' => 'twitch' | | 'button' => 'snapchat' | | 'button' => 'spotify' | | 'button' => 'reddit' | | 'button' => 'medium' | | 'button' => 'pinterest' | | 'button' => 'soundcloud' | | 'button' => 'figma' | | 'button' => 'kit' | | 'button' => 'telegram' | | 'button' => 'tumblr' | | 'button' => 'steam' | | 'button' => 'vimeo' | | 'button' => 'wordpress' | | 'button' => 'goodreads' | | 'button' => 'skoob' | | 'button' => 'tiktok' | | 'button' => 'default email' | | 'button' => 'default email_alt'| | 'button' => 'bandcamp' | | 'button' => 'patreon' | | 'button' => 'signal' | | 'button' => 'venmo' | | 'button' => 'cashapp' | | 'button' => 'gitlab' | | 'button' => 'mastodon' | | 'button' => 'paypal' | | 'button' => 'whatsapp' | | 'button' => 'xing' | | 'button' => 'buy me a coffee' | | 'button' => 'website' | | 'button' => 'heading' | | 'button' => 'space' | |--------------------------------| */
2022-06-09 09:59:04 +02:00
@endif
2021-04-16 01:00:00 +02:00
</br></br>
<p>and {{ $countButton - 3 }} other buttons ...</p>
2021-04-16 01:00:00 +02:00
2021-07-06 10:46:46 +02:00
<hr class="my-4" style="display:none">
2021-04-16 01:00:00 +02:00
2021-07-06 10:46:46 +02:00
<p style="display:none">updated pages</p>
2021-04-16 01:00:00 +02:00
2021-07-06 10:46:46 +02:00
<div class="updated" style="display:none">
2021-04-16 01:00:00 +02:00
@foreach($updatedPages as $page)
@if(file_exists(base_path("img/$page->littlelink_name" . ".png" )))
<a href="{{ url('') }}/@<?= $page->littlelink_name ?>" target="_blank">
2021-04-16 01:00:00 +02:00
<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">
2021-04-16 01:00:00 +02:00
</a>
@endif
@endforeach
</div>
@include('layouts.footer')
</div>
</div>
</div>
</body>
</html>