devol
/
LinkStack
mirror of https://github.com/LinkStackOrg/LinkStack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
LinkStack/resources/views/home.blade.php

100 lines
4.7 KiB
PHP
Raw Normal View History

admin littlelink
2021-04-16 01:00:00 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{{ config('app.name') }}</title>
General optimization of home page See: https://i.imgur.com/N6pNlou.png
2022-05-13 00:12:01 +02:00
<?php $cleaner_input = strip_tags($message->home_message); ?>
<meta name="description" content="{{ $cleaner_input }}">
admin littlelink
2021-04-16 01:00:00 +02:00
<meta name="viewport" content="width=device-width, initial-scale=1">
update home blade
2021-07-06 10:46:46 +02:00
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,800&display=swap" rel="stylesheet">
admin littlelink
2021-04-16 01:00:00 +02:00
<link rel="stylesheet" href="{{ asset('littlelink/css/normalize.css') }}">
Switched to dark mode detection via CSS instead of JavaScript 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.
2022-05-12 20:17:48 +02:00
<link rel="stylesheet" href="{{ asset('littlelink/css/skeleton-auto.css') }}">
admin littlelink
2021-04-16 01:00:00 +02:00
<link rel="stylesheet" href="{{ asset('littlelink/css/brands.css') }}">
Added button animation home Added hover button animation to home.blade.php. - Included hover-min.css for animation - Added class 'button hvr-grow' to all buttons - Added class 'hvr-icon-wobble-vertical' to all buttons (for icon animation) - Added class 'hvr-icon' to all icons (to indicate icon to hover-min.css) Read more on how to use and change animations here: https://github.com/IanLunn/Hover/blob/master/README.md Try a demo of the added animations here: https://julianprieber.github.io/littlelink-admin-demo/
2022-02-12 19:25:37 +01:00
<link rel="stylesheet" href="{{ asset('littlelink/css/hover-min.css') }}">
Added button entrance animation Live demo: https://julianprieber.github.io/littlelink-admin-demo/button-entrance.html Added an entrance animation for buttons on home.blade.php. This animation was made by the Animate.css project (https://github.com/animate-css/animate.css). Each button entrance animation lasts 100ms. Every button after the first adds 100ms to the value of the previous button i.e. button 1 loads after 100ms, button 2 loads after 200ms, button 3 after 300ms and so on... Timings for the buttons can be changed in /littlelink/css/animate.css I put every button in a separate <div> Tag, so the animation wouldn't in interfere with the existing hover animation.
2022-02-17 22:15:51 +01:00
<link rel="stylesheet" href="{{ asset('littlelink/css/animate.css') }}">
Changed logo As part of the new logo (https://github.com/JulianPrieber/littlelink-custom/milestone/1) I'm now using the new 'logo.svg' vector logo. For this, I added an if-else statement in most cases, which first check for a custom logo uploaded by the admin or the avatar of an individual user. If the image doesn't exist, the default logo (logo.svg) is used.
2022-02-20 13:12:25 +01:00
@if(file_exists(base_path("littlelink/images/avatar.png" )))
admin littlelink
2021-04-16 01:00:00 +02:00
<link rel="icon" type="image/png" href="{{ asset('littlelink/images/avatar.png') }}">
Changed logo As part of the new logo (https://github.com/JulianPrieber/littlelink-custom/milestone/1) I'm now using the new 'logo.svg' vector logo. For this, I added an if-else statement in most cases, which first check for a custom logo uploaded by the admin or the avatar of an individual user. If the image doesn't exist, the default logo (logo.svg) is used.
2022-02-20 13:12:25 +01:00
@else
fixed logo.svg
2022-02-20 13:20:21 +01:00
<link rel="icon" type="image/svg+xml" href="{{ asset('littlelink/images/logo.svg') }}">
Changed logo As part of the new logo (https://github.com/JulianPrieber/littlelink-custom/milestone/1) I'm now using the new 'logo.svg' vector logo. For this, I added an if-else statement in most cases, which first check for a custom logo uploaded by the admin or the avatar of an individual user. If the image doesn't exist, the default logo (logo.svg) is used.
2022-02-20 13:12:25 +01:00
@endif
admin littlelink
2021-04-16 01:00:00 +02:00
</head>
<body>
Added option to disable registration Added option to disable registration.
2022-02-23 20:19:15 +01:00
<?php
$pages = DB::table('pages')->get();
foreach($pages as $page)
{
//Gets value from database
}
?>
admin littlelink
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
Fixed spacing on custom links added by text editor Fixed word spacing bug in texts added by the new page editor. This bug caused inserted links to have extended spacing between words. This 'bug' was a previous feature added to display links further apart for easier readability. The feature didn't scale well with the newly added page editor which allowed users to add their own links to edited texts, causing the bug. The extended spacing was achieved with the 'padding' CSS tag. I simply removed the tag from all an HTML tags and made it into its own class, 'spacing'. I added the class to every element on the site that previously depended on this tag.
2022-03-29 16:27:50 +02:00
<a href="{{ route('studioIndex') }}" class="underline spacing">Studio</a>
admin littlelink
2021-04-16 01:00:00 +02:00
@else
Fixed spacing on custom links added by text editor Fixed word spacing bug in texts added by the new page editor. This bug caused inserted links to have extended spacing between words. This 'bug' was a previous feature added to display links further apart for easier readability. The feature didn't scale well with the newly added page editor which allowed users to add their own links to edited texts, causing the bug. The extended spacing was achieved with the 'padding' CSS tag. I simply removed the tag from all an HTML tags and made it into its own class, 'spacing'. I added the class to every element on the site that previously depended on this tag.
2022-03-29 16:27:50 +02:00
<a href="{{ route('login') }}" class="underline spacing">Log in</a>
admin littlelink
2021-04-16 01:00:00 +02:00
Added option to disable registration Added option to disable registration.
2022-02-23 20:19:15 +01:00
@if (Route::has('register') and $page->register == 'true')
Fixed spacing on custom links added by text editor Fixed word spacing bug in texts added by the new page editor. This bug caused inserted links to have extended spacing between words. This 'bug' was a previous feature added to display links further apart for easier readability. The feature didn't scale well with the newly added page editor which allowed users to add their own links to edited texts, causing the bug. The extended spacing was achieved with the 'padding' CSS tag. I simply removed the tag from all an HTML tags and made it into its own class, 'spacing'. I added the class to every element on the site that previously depended on this tag.
2022-03-29 16:27:50 +02:00
<a href="{{ route('register') }}" class="underline spacing">Register</a>
Update home.blade.php Added option to override registration, even if disabled with the setting in the database. This is something that probably 99.999% of users will never need, but I really need a function like this for my personal instance. If "REGISTER_OVERRIDE=true" is added to the .env config file, users will be able to register no matter what is set with the setting in the database. This is useful if two LittleLink Custom instances access the same database, but one should allow registration and the other should not. If this causes any errors in the future, I will remove this.
2022-05-02 21:41:02 +02:00
@elseif (env('REGISTER_OVERRIDE') === true)
<a href="{{ route('register') }}" class="underline spacing">Register</a>
admin littlelink
2021-04-16 01:00:00 +02:00
@endif
@endauth
@endif
</div>
<div class="column" style="margin-top: 10%">
<!-- Your Image Here -->
Changed logo As part of the new logo (https://github.com/JulianPrieber/littlelink-custom/milestone/1) I'm now using the new 'logo.svg' vector logo. For this, I added an if-else statement in most cases, which first check for a custom logo uploaded by the admin or the avatar of an individual user. If the image doesn't exist, the default logo (logo.svg) is used.
2022-02-20 13:12:25 +01:00
@if(file_exists(base_path("littlelink/images/avatar.png" )))
General optimization of home page See: https://i.imgur.com/N6pNlou.png
2022-05-13 00:12:01 +02:00
<img alt="avatar" src="{{ asset('littlelink/images/avatar.png') }}" srcset="{{ asset('littlelink/images/avatar@2x.png 2x') }}" width="128px" height="128px">
Changed logo As part of the new logo (https://github.com/JulianPrieber/littlelink-custom/milestone/1) I'm now using the new 'logo.svg' vector logo. For this, I added an if-else statement in most cases, which first check for a custom logo uploaded by the admin or the avatar of an individual user. If the image doesn't exist, the default logo (logo.svg) is used.
2022-02-20 13:12:25 +01:00
@else
<div class="parent fadein" >
General optimization of home page See: https://i.imgur.com/N6pNlou.png
2022-05-13 00:12:01 +02:00
<img alt="logo" class="image1 rotate" src="{{ asset('littlelink/images/just-gear.svg') }}" alt="Logo"></img>
<img alt="logo" class="image2" src="{{ asset('littlelink/images/just-ll.svg') }}" alt="Logo"></img>
Changed logo As part of the new logo (https://github.com/JulianPrieber/littlelink-custom/milestone/1) I'm now using the new 'logo.svg' vector logo. For this, I added an if-else statement in most cases, which first check for a custom logo uploaded by the admin or the avatar of an individual user. If the image doesn't exist, the default logo (logo.svg) is used.
2022-02-20 13:12:25 +01:00
</div>
@endif
admin littlelink
2021-04-16 01:00:00 +02:00
<!-- Your Name -->
Added fadein animation to text Added 'fadein' class to app.name and home_message text. This class adds the fade-in animation from 'animate.css' found in /littlelink/css/.
2022-02-22 12:43:18 +01:00
<h1 class="mt-5 fadein"> {{ config('app.name') }} </h1>
admin littlelink
2021-04-16 01:00:00 +02:00
<!-- Short Bio -->
Fixed fadein class for home message
2022-03-31 14:06:58 +02:00
<div class="mt-5 fadein">
Added visual HTML editor Added visual HTML editor for editing HTML on the footer and home pages. This editor is based on the open source CKEditor a Smart Visual Text Editor for HTML coded in JavaScript. Read the Blog post about this topic for more info about this feature here: https://blog.littlelink-custom.com/visual-html-editor/
2022-03-23 13:57:20 +01:00
<?php echo $message->home_message; ?>
Fixed fadein class for home message
2022-03-31 14:06:58 +02:00
</div>
admin littlelink
2021-04-16 01:00:00 +02:00
Switched to dark mode detection via CSS instead of JavaScript 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.
2022-05-12 20:17:48 +02:00
<?php $initial=1; // <-- Effectively sets the initial loading time of the buttons. This value should be left at 1. ?>
General optimization of home page See: https://i.imgur.com/N6pNlou.png
2022-05-13 00:12:01 +02:00
<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>
admin littlelink
2021-04-16 01:00:00 +02:00
</br></br>
Revert "Revert "Merge branch 'main' of https://github.com/JulianPrieber/littlelink-custom"" This reverts commit f5ffdc18b1b90df1eb47c25f090b5be5b4d7538c.
2022-02-20 15:24:27 +01:00
<p>and {{ $countButton - 3 }} other buttons ...</p>
admin littlelink
2021-04-16 01:00:00 +02:00
update home blade
2021-07-06 10:46:46 +02:00
<hr class="my-4" style="display:none">
admin littlelink
2021-04-16 01:00:00 +02:00
update home blade
2021-07-06 10:46:46 +02:00
<p style="display:none">updated pages</p>
admin littlelink
2021-04-16 01:00:00 +02:00
update home blade
2021-07-06 10:46:46 +02:00
<div class="updated" style="display:none">
admin littlelink
2021-04-16 01:00:00 +02:00
@foreach($updatedPages as $page)
Change public path This is one of multiple public path edits. For simplified usability, I am integrating the public Laravel directory into the root directory.  For this, I am changing every instance of 'public_path' to 'base_path' and will use this format in future changes as well.
2022-02-14 12:53:07 +01:00
@if(file_exists(base_path("img/$page->littlelink_name" . ".png" )))
Fixed bug/simplified setup Fixed bug where users littlelink pages (domain.com/@username) would display a 404 error. This was caused due to the .env config file not containing an App URL. This issue could be solved by simply adding a URL to the config, this is now not necessary anymore, making the setup process easier and less confusing.  I changed every instance of "{{ config('app.url') }}" to  "{{ url(' ') }}". This effectively automatically uses the correct URL for LittleLink links, even if LittleLink Custom is set up in a subdirectory. In my testing, I couldn't find any problems this might have caused, so this appears to do the job just as well as setting the URL in the config. If I find any issues with this, I will revert this change.
2022-02-27 19:33:19 +01:00
<a href="{{ url('') }}/@<?= $page->littlelink_name ?>" target="_blank">
admin littlelink
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
Fixed bug/simplified setup Fixed bug where users littlelink pages (domain.com/@username) would display a 404 error. This was caused due to the .env config file not containing an App URL. This issue could be solved by simply adding a URL to the config, this is now not necessary anymore, making the setup process easier and less confusing.  I changed every instance of "{{ config('app.url') }}" to  "{{ url(' ') }}". This effectively automatically uses the correct URL for LittleLink links, even if LittleLink Custom is set up in a subdirectory. In my testing, I couldn't find any problems this might have caused, so this appears to do the job just as well as setting the URL in the config. If I find any issues with this, I will revert this change.
2022-02-27 19:33:19 +01:00
<a href="{{ url('') }}/@<?= $page->littlelink_name ?>" target="_blank">
Changed logo As part of the new logo (https://github.com/JulianPrieber/littlelink-custom/milestone/1) I'm now using the new 'logo.svg' vector logo. For this, I added an if-else statement in most cases, which first check for a custom logo uploaded by the admin or the avatar of an individual user. If the image doesn't exist, the default logo (logo.svg) is used.
2022-02-20 13:12:25 +01:00
<img src="{{ asset('littlelink/images/logo.svg') }}" srcset="{{ asset('littlelink/images/avatar@2x.png 2x') }}" width="50px" height="50px">
admin littlelink
2021-04-16 01:00:00 +02:00
</a>
@endif
@endforeach
</div>
@include('layouts.footer')
</div>
</div>
</div>
</body>
</html>