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

104 lines
4.9 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>{{ $littlelink_name }} 🔗 {{ config('app.name') }} </title>
!! update page links blade !!
2021-07-06 10:49:29 +02:00
<meta name="description" content="{{ $userinfo->littlelink_description }}">
<meta name="author" content="{{ $userinfo->name }}">
admin littlelink
2021-04-16 01:00:00 +02:00
<meta name="viewport" content="width=device-width, initial-scale=1">
Added support for social media preview This shows a preview for Name, Bio and avatar image of users profiles if shared on social sites like Facebook,  Twitter, Facebook Messenger, WhatsApp, Discord, Pinterest and many more.
2022-02-12 14:59:07 +01:00
<!--#### BEGIN Meta Tags social media preview images ####-->
<!-- This shows a preview for title, description and avatar image of users profiles if shared on social media sites -->
<!-- Facebook Meta Tags -->
<meta property="og:url" content="{{ config('app.url') }}/@littlelink_name"">
<meta property="og:type" content="website">
<meta property="og:title" content="{{ $userinfo->littlelink_name }}">
<meta property="og:description" content="{{ $userinfo->littlelink_description }}">
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:54:51 +01:00
@if(file_exists(base_path("img/$littlelink_name" . ".png" )))
Added support for social media preview This shows a preview for Name, Bio and avatar image of users profiles if shared on social sites like Facebook,  Twitter, Facebook Messenger, WhatsApp, Discord, Pinterest and many more.
2022-02-12 14:59:07 +01:00
<meta property="og:image" content="{{ asset("img/$littlelink_name" . ".png") }}">
@else
<meta property="og:image" content="{{ asset('littlelink/images/avatar@2x.png') }}">
@endif
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="{{ config('app.url') }}/@littlelink_name">
<meta property="twitter:url" content="https://prieber.com/socials/index.php/">
<meta name="twitter:title" content="{{ $userinfo->littlelink_name }}">
<meta name="twitter:description" content="{{ $userinfo->littlelink_description }}">
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:54:51 +01:00
@if(file_exists(base_path("img/$littlelink_name" . ".png" )))
Added support for social media preview This shows a preview for Name, Bio and avatar image of users profiles if shared on social sites like Facebook,  Twitter, Facebook Messenger, WhatsApp, Discord, Pinterest and many more.
2022-02-12 14:59:07 +01:00
<meta name="twitter:image" content="{{ asset("img/$littlelink_name" . ".png") }}">
@else
<meta name="twitter:image" content="{{ asset('littlelink/images/avatar@2x.png') }}">
@endif
<!--#### END Meta Tags social media preview images ####-->
!! update page links blade !!
2021-07-06 10:49:29 +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') }}">
<link rel="stylesheet" href="{{ asset('littlelink/css/skeleton-light.css') }}">
<link rel="stylesheet" href="{{ asset('littlelink/css/brands.css') }}">
Added button animation littlelink Added hover button animation to littlelink.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:24:01 +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 littlelink.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. Likewise, I removed all <br> Tags.
2022-02-17 22:09:58 +01:00
<link rel="stylesheet" href="{{ asset('littlelink/css/animate.css') }}">
admin littlelink
2021-04-16 01:00:00 +02:00
<link rel="icon" type="image/png" href="{{ asset('littlelink/images/avatar.png') }}">
!! update page links blade !!
2021-07-06 10:49:29 +02:00
<style>
.container { max-width: 1080px !important; }
.button-title {
color: white !important;
background: #505050 !important;
height: auto !important;
line-height: 28px !important;
width: auto !important;
padding: 10px !important;
min-width: 300px !important;
}
@media (max-width: 767px) {
}
</style>
admin littlelink
2021-04-16 01:00:00 +02:00
</head>
<body>
<div class="container">
<div class="row">
update auth header logo link and page margin top-bottom
2021-07-06 11:42:39 +02:00
<div class="column" style="margin-top: 5%">
admin littlelink
2021-04-16 01:00:00 +02:00
<!-- Your Image Here -->
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:54:51 +01:00
@if(file_exists(base_path("img/$littlelink_name" . ".png" )))
Added rounded avatar Added class 'rounded-avatar' to avatar images
2022-02-11 22:01:03 +01:00
<img class="rounded-avatar" src="{{ asset("img/$littlelink_name" . ".png") }}" width="100px" height="100px">
admin littlelink
2021-04-16 01:00:00 +02:00
@else
Added rounded avatar Added class 'rounded-avatar' to avatar images
2022-02-11 22:01:03 +01:00
<img class="rounded-avatar" src="{{ asset('littlelink/images/avatar.png') }}" srcset="{{ asset('littlelink/images/avatar@2x.png 2x') }}" width="100px" height="100px">
admin littlelink
2021-04-16 01:00:00 +02:00
@endif
@foreach($information as $info)
<!-- Your Name -->
<h1>{{ $info->littlelink_name }}</h1>
<!-- Short Bio -->
<p>{{ $info->littlelink_description }}</p>
@endforeach
Added button entrance animation Live demo: https://julianprieber.github.io/littlelink-admin-demo/button-entrance.html Added an entrance animation for buttons on littlelink.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. Likewise, I removed all <br> Tags.
2022-02-17 22:09:58 +01:00
admin littlelink
2021-04-16 01:00:00 +02:00
<!-- Buttons -->
Added button entrance animation Live demo: https://julianprieber.github.io/littlelink-admin-demo/button-entrance.html Added an entrance animation for buttons on littlelink.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. Likewise, I removed all <br> Tags.
2022-02-17 22:09:58 +01:00
<?php $initial=1; // <-- Effectively sets the initial loading time of the buttons. This value should be left at 1. ?>
admin littlelink
2021-04-16 01:00:00 +02:00
@foreach($links as $link)
add new brand: tiktok, email
2021-05-22 15:37:18 +02:00
@php $linkName = str_replace('default ','',$link->name) @endphp
!! update page links blade !!
2021-07-06 10:49:29 +02:00
@if($link->button_id === 0)
Added button entrance animation Live demo: https://julianprieber.github.io/littlelink-admin-demo/button-entrance.html Added an entrance animation for buttons on littlelink.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. Likewise, I removed all <br> Tags.
2022-02-17 22:09:58 +01:00
<div style="--delay: {{ $initial++ }}s" class="button-entrance"><a class="button button-title button hvr-grow hvr-icon-wobble-vertical" href="{{ route('clickNumber') . '/' . $link->id . '/' . $link->link}}" target="_blank">
{{ $link->title }}</a></div>
Added rounded avatar Added class 'rounded-avatar' to avatar images
2022-02-11 22:01:03 +01:00
@elseif($link->name === "custom")
Added button entrance animation Live demo: https://julianprieber.github.io/littlelink-admin-demo/button-entrance.html Added an entrance animation for buttons on littlelink.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. Likewise, I removed all <br> Tags.
2022-02-17 22:09:58 +01:00
<div style="--delay: {{ $initial++ }}s" class="button-entrance"><a class="button button-{{ $link->name }} button hvr-grow hvr-icon-wobble-vertical" href="{{ route('clickNumber') . '/' . $link->id . '/' . $link->link}}" target="_blank"><img class="icon hvr-icon" src="{{ asset('\/littlelink/icons\/') . $linkName }}.svg">{{ $link->title }}</a></div>
!! update page links blade !!
2021-07-06 10:49:29 +02:00
@else
Added button entrance animation Live demo: https://julianprieber.github.io/littlelink-admin-demo/button-entrance.html Added an entrance animation for buttons on littlelink.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. Likewise, I removed all <br> Tags.
2022-02-17 22:09:58 +01:00
<div style="--delay: {{ $initial++ }}s" class="button-entrance"><a class="button button-{{ $link->name }} button hvr-grow hvr-icon-wobble-vertical" href="{{ route('clickNumber') . '/' . $link->id . '/' . $link->link}}" target="_blank"><img class="icon hvr-icon" src="{{ asset('\/littlelink/icons\/') . $linkName }}.svg">{{ ucfirst($linkName) }}</a></div>
!! update page links blade !!
2021-07-06 10:49:29 +02:00
@endif
admin littlelink
2021-04-16 01:00:00 +02:00
@endforeach
@include('layouts.footer')
</div>
</div>
</div>
</body>
Added support for social media preview This shows a preview for Name, Bio and avatar image of users profiles if shared on social sites like Facebook,  Twitter, Facebook Messenger, WhatsApp, Discord, Pinterest and many more.
2022-02-12 14:59:07 +01:00
</html>