2021-04-16 01:00:00 +02:00
<! DOCTYPE html >
< html lang = " en " >
< head >
< meta charset = " utf-8 " >
2022-05-19 17:16:21 +02:00
@ if ( env ( 'HOME_URL' ) != '' )
< title > {{ $userinfo -> name }} </ title >
@ else
2022-05-05 12:31:16 +02:00
< title > {{ $userinfo -> name }} 🔗 {{ config ( 'app.name' ) }} </ title >
2022-05-19 17:16:21 +02:00
@ endif
2021-07-06 10:49:29 +02:00
< meta name = " description " content = " { { $userinfo->littlelink_description }} " >
< meta name = " author " content = " { { $userinfo->name }} " >
2021-04-16 01:00:00 +02:00
< meta name = " viewport " content = " width=device-width, initial-scale=1 " >
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 -->
2022-05-12 20:17:48 +02:00
< meta property = " og:url " content = " { { url('') }}/@littlelink_name " >
2022-02-12 14:59:07 +01:00
< meta property = " og:type " content = " website " >
2022-04-13 13:05:01 +02:00
< meta property = " og:title " content = " { { $userinfo->name }} " >
2022-02-12 14:59:07 +01:00
< meta property = " og:description " content = " { { $userinfo->littlelink_description }} " >
2022-02-14 12:54:51 +01:00
@ if ( file_exists ( base_path ( " img/ $littlelink_name " . " .png " )))
2022-02-12 14:59:07 +01:00
< meta property = " og:image " content = " { { asset( " img / $littlelink_name " . " . png " ) }} " >
@ else
2022-02-20 13:12:25 +01:00
< meta property = " og:image " content = " { { asset('littlelink/images/logo.svg') }} " >
2022-02-12 14:59:07 +01:00
@ endif
<!-- Twitter Meta Tags -->
< meta name = " twitter:card " content = " summary_large_image " >
2022-05-12 20:17:48 +02:00
< meta property = " twitter:domain " content = " { { url('') }}/@littlelink_name " >
< meta property = " twitter:url " content = " { { url('') }}/@littlelink_name " >
2022-02-12 14:59:07 +01:00
< meta name = " twitter:title " content = " { { $userinfo->littlelink_name }} " >
< meta name = " twitter:description " content = " { { $userinfo->littlelink_description }} " >
2022-02-14 12:54:51 +01:00
@ if ( file_exists ( base_path ( " img/ $littlelink_name " . " .png " )))
2022-02-12 14:59:07 +01:00
< meta name = " twitter:image " content = " { { asset( " img / $littlelink_name " . " . png " ) }} " >
@ else
2022-02-20 13:12:25 +01:00
< meta name = " twitter:image " content = " { { asset('littlelink/images/logo.svg') }} " >
2022-02-12 14:59:07 +01:00
@ endif
<!-- #### END Meta Tags social media preview images ####-->
2022-04-11 13:56:36 +02:00
<!-- Custom icons font - awesome -->
2022-04-13 19:08:09 +02:00
< script src = " https://kit.fontawesome.com/c4a5e06183.js " crossorigin = " anonymous " ></ script >
2022-04-11 13:56:36 +02:00
2021-07-06 10:49:29 +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') }} " >
2022-02-12 19:24:01 +01:00
< link rel = " stylesheet " href = " { { asset('littlelink/css/hover-min.css') }} " >
2022-02-17 22:09:58 +01:00
< link rel = " stylesheet " href = " { { asset('littlelink/css/animate.css') }} " >
2022-02-20 13:20:21 +01:00
@ 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
2022-05-13 14:06:12 +02:00
2022-05-19 12:27:37 +02:00
@ foreach ( $information as $info )
@ if ( $info -> theme != '' and $info -> theme != 'default' )
< link rel = " stylesheet " href = " themes/ { { $info -> theme } }/share.button.css " >
< link rel = " stylesheet " href = " themes/ { { $info -> theme } }/brands.css " >
< link rel = " stylesheet " href = " themes/ { { $info -> theme } }/skeleton-auto.css " >
@ else
2022-05-13 14:06:12 +02:00
< ? php // override dark/light mode if override cookie is set
$color_scheme_override = isset ( $_COOKIE [ " color_scheme_override " ]) ? $_COOKIE [ " color_scheme_override " ] : false ; ?>
2022-05-19 12:27:37 +02:00
< link rel = " stylesheet " href = " { { asset('littlelink/css/share.button.css') }} " >
< link rel = " stylesheet " href = " { { asset('littlelink/css/brands.css') }} " >
2022-05-13 14:06:12 +02:00
@ 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') }} " >
@ else
< link rel = " stylesheet " href = " { { asset('littlelink/css/skeleton-auto.css') }} " >
@ endif
2022-05-19 12:27:37 +02:00
@ endif
2021-04-16 01:00:00 +02:00
</ head >
< body >
2022-03-29 23:08:06 +02:00
2022-05-19 12:27:37 +02:00
<!-- Enables parallax background animations -->
< section class = " parallax-background " >
< div id = " object1 " ></ div >
< div id = " object2 " ></ div >
< div id = " object3 " ></ div >
</ section >
<!-- End of parallax background animations -->
2022-03-29 23:08:06 +02:00
< ? php ////begin share button//// ?>
< ? php
//Get browser type
$arr_browsers = [ " Opera " , " Edg " , " Chrome " , " Safari " , " Firefox " , " MSIE " , " Trident " ];
$agent = $_SERVER [ 'HTTP_USER_AGENT' ];
$user_browser = '' ;
foreach ( $arr_browsers as $browser ) {
if ( strpos ( $agent , $browser ) !== false ) {
$user_browser = $browser ;
break ;
}
}
switch ( $user_browser ) {
case 'MSIE' :
$user_browser = 'Internet Explorer' ;
break ;
case 'Trident' :
$user_browser = 'Internet Explorer' ;
break ;
case 'Edg' :
$user_browser = 'Microsoft Edge' ;
break ;
}
function get_operating_system () {
$u_agent = $_SERVER [ 'HTTP_USER_AGENT' ];
$operating_system = 'NULL' ;
//get operating-system type
if ( preg_match ( '/iphone/i' , $u_agent )) {
$operating_system = 'mobile' ;
} elseif ( preg_match ( '/ipod/i' , $u_agent )) {
$operating_system = 'mobile' ;
} elseif ( preg_match ( '/ipad/i' , $u_agent )) {
$operating_system = 'mobile' ;
} elseif ( preg_match ( '/android/i' , $u_agent )) {
$operating_system = 'mobile' ;
} elseif ( preg_match ( '/blackberry/i' , $u_agent )) {
$operating_system = 'mobile' ;
} elseif ( preg_match ( '/webos/i' , $u_agent )) {
$operating_system = 'mobile' ;
}
return $operating_system ;
}
?>
@ if ( $user_browser === 'Chrome' or get_operating_system () == 'mobile' )
2022-05-19 12:27:37 +02:00
< script src = " { { asset('littlelink/js/jquery.min.js') }} " ></ script >
< div align = " right " class = " sharediv " >< div class = " button-entrance " >< span class = " sharebutton hvr-grow hvr-icon-wobble-vertical " id = 'share-share-button' >< img alt = " share-icon " class = " sharebutton-img share-icon hvr-icon " src = " { { asset(' \ /littlelink/icons \ /')}}share.svg " >< span class = " sharebutton-mb " > Share </ span ></ span ></ div ></ div >
2022-03-29 23:08:06 +02:00
< span class = " copy-icon " role = " button " >
</ span >
@ else
< span class = " copy-icon " role = " button " >
2022-05-19 12:27:37 +02:00
< div onclick = " alert('URL has been copied to your clipboard!') " align = " right " class = " sharediv " >< div class = " button-entrance " >< a class = " sharebutton hvr-grow hvr-icon-wobble-vertical " >< img alt = " share-icon " class = " sharebutton-img share-icon hvr-icon " src = " { { asset(' \ /littlelink/icons \ /')}}share.svg " >< span class = " sharebutton-mb " > Share </ span ></ a ></ div ></ div >
2022-03-29 23:08:06 +02:00
</ span >
@ endif
< script src = " { { asset('littlelink/js/share.button.js') }} " ></ script >
< ? php ////end share button//// ?>
2021-04-16 01:00:00 +02:00
< div class = " container " >
< div class = " row " >
2021-07-06 11:42:39 +02:00
< div class = " column " style = " margin-top: 5% " >
2021-04-16 01:00:00 +02:00
<!-- Your Image Here -->
2022-02-14 12:54:51 +01:00
@ if ( file_exists ( base_path ( " img/ $littlelink_name " . " .png " )))
2022-05-15 11:38:43 +02:00
< img alt = " avatar " class = " rounded-avatar fadein " src = " { { asset( " img / $littlelink_name " . " . png " ) }} " width = " 128px " height = " 128px " style = " object-fit: cover; " >
2022-02-20 15:42:45 +01:00
@ elseif ( file_exists ( base_path ( " littlelink/images/avatar.png " )))
2022-05-15 11:38:43 +02:00
< img alt = " avatar " class = " rounded-avatar fadein " src = " { { asset('littlelink/images/avatar.png') }} " srcset = " { { asset('littlelink/images/avatar@2x.png 2x') }} " width = " 128px " height = " 128px " style = " object-fit: cover; " >
2022-02-20 13:12:25 +01:00
@ else
2022-05-15 11:38:43 +02:00
< img alt = " avatar " class = " rounded-avatar fadein " src = " { { asset('littlelink/images/logo.svg') }} " srcset = " { { asset('littlelink/images/avatar@2x.png 2x') }} " width = " 128px " height = " 128px " style = " object-fit: cover; " >
2021-04-16 01:00:00 +02:00
@ endif
<!-- Your Name -->
2022-04-13 13:05:01 +02:00
< h1 class = " fadein " > {{ $info -> name }} </ h1 >
2021-04-16 01:00:00 +02:00
<!-- Short Bio -->
2022-05-13 18:10:43 +02:00
< center >< p style = " width: 50%; min-width: 300px; " class = " fadein " >@ if ( env ( 'ALLOW_USER_HTML' ) === true ){ !! $info -> littlelink_description !! } @ else {{ $info -> littlelink_description }} @ endif </ p ></ center >
2021-04-16 01:00:00 +02:00
2022-03-29 23:08:06 +02:00
@ endforeach
2021-04-16 01:00:00 +02:00
<!-- Buttons -->
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. ?>
2021-04-16 01:00:00 +02:00
@ foreach ( $links as $link )
2021-05-22 15:37:18 +02:00
@ php $linkName = str_replace ( 'default ' , '' , $link -> name ) @ endphp
2021-07-06 10:49:29 +02:00
@ if ( $link -> button_id === 0 )
2022-05-07 17:38:49 +02:00
< div style = " --delay: { { $initial ++ }}s " class = " button-entrance " >< a class = " button button-title button hvr-grow hvr-icon-wobble-vertical " rel = " noopener noreferrer nofollow " href = " { { route('clickNumber') . '/' . $link->id . '/' . $link->link }} " target = " _blank " >
2022-02-17 22:09:58 +01:00
{{ $link -> title }} </ a ></ div >
2022-05-20 16:15:14 +02:00
@ elseif ( $link -> name === " custom " and $link -> custom_css === " " or $link -> custom_css === " NULL " )
2022-05-07 17:38:49 +02:00
< div style = " --delay: { { $initial ++ }}s " class = " button-entrance " >< a class = " button button- { { $link->name }} button hvr-grow hvr-icon-wobble-vertical " rel = " noopener noreferrer nofollow " href = " { { route('clickNumber') . '/' . $link->id . '/' . $link->link }} " target = " _blank " >< i style = " color: { { $link -> custom_icon } } " class = " icon hvr-icon fa { { $link -> custom_icon } } " ></ i > {{ $link -> title }} </ a ></ div >
2022-04-07 15:56:02 +02:00
@ elseif ( $link -> name === " custom " and $link -> custom_css != " " )
2022-05-07 17:38:49 +02:00
< div style = " --delay: { { $initial ++ }}s " class = " button-entrance " >< a class = " button button hvr-grow hvr-icon-wobble-vertical " style = " { { $link->custom_css }} " rel = " noopener noreferrer nofollow " href = " { { route('clickNumber') . '/' . $link->id . '/' . $link->link }} " target = " _blank " >< i style = " color: { { $link -> custom_icon } } " class = " icon hvr-icon fa { { $link -> custom_icon } } " ></ i > {{ $link -> title }} </ a ></ div >
2022-03-17 21:19:30 +01:00
@ elseif ( $link -> name === " buy me a coffee " )
2022-05-13 00:09:28 +02:00
< div style = " --delay: { { $initial ++ }}s " class = " button-entrance " >< a class = " button button-coffee button hvr-grow hvr-icon-wobble-vertical " rel = " noopener noreferrer nofollow " href = " { { route('clickNumber') . '/' . $link->id . '/' . $link->link }} " target = " _blank " >< img alt = " button-icon " class = " icon hvr-icon " src = " { { asset(' \ /littlelink/icons \ /')}}coffee.svg " > Buy me a Coffee </ a ></ div >
2022-05-20 16:15:14 +02:00
@ elseif ( $link -> name === " custom_website " and $link -> custom_css === " " or $link -> custom_css === " NULL " )
2022-05-13 00:09:28 +02:00
< div style = " --delay: { { $initial ++ }}s " class = " button-entrance " >< a class = " button button-custom_website button hvr-grow hvr-icon-wobble-vertical " rel = " noopener noreferrer nofollow " href = " { { route('clickNumber') . '/' . $link->id . '/' . $link->link }} " target = " _blank " >< img alt = " button-icon " class = " icon hvr-icon " src = " http://www.google.com/s2/favicons?domain= { { $link -> link } } " > {{ $link -> title }} </ a ></ div >
2022-05-04 10:40:36 +02:00
@ elseif ( $link -> name === " custom_website " and $link -> custom_css != " " )
2022-05-13 00:09:28 +02:00
< div style = " --delay: { { $initial ++ }}s " class = " button-entrance " >< a class = " button button hvr-grow hvr-icon-wobble-vertical " style = " { { $link->custom_css }} " rel = " noopener noreferrer nofollow " href = " { { route('clickNumber') . '/' . $link->id . '/' . $link->link }} " target = " _blank " >< img alt = " button-icon " class = " icon hvr-icon " src = " http://www.google.com/s2/favicons?domain= { { $link -> link } } " > {{ $link -> title }} </ a ></ div >
2022-05-06 15:26:39 +02:00
@ elseif ( $link -> name === " space " )
< ? php
if ( is_numeric ( $link -> title ) and $link -> title < 10 )
echo str_repeat ( " <br> " , $link -> title );
elseif ( is_numeric ( $link -> title ) and $link -> title >= 10 )
echo str_repeat ( " <br> " , 10 );
else
echo " <br><br><br> "
?>
@ elseif ( $link -> name === " heading " )
< h2 > {{ $link -> title }} </ h2 >
2021-07-06 10:49:29 +02:00
@ else
2022-05-13 00:09:28 +02:00
< div style = " --delay: { { $initial ++ }}s " class = " button-entrance " >< a class = " button button- { { $link->name }} button hvr-grow hvr-icon-wobble-vertical " rel = " noopener noreferrer nofollow " href = " { { route('clickNumber') . '/' . $link->id . '/' . $link->link }} " target = " _blank " >< img alt = " button-icon " class = " icon hvr-icon " src = " { { asset(' \ /littlelink/icons \ /') . $linkName }}.svg " > {{ ucfirst ( $linkName ) }} </ a ></ div >
2021-07-06 10:49:29 +02:00
@ endif
2021-04-16 01:00:00 +02:00
@ endforeach
@ include ( 'layouts.footer' )
</ div >
</ div >
</ div >
</ body >
2022-02-12 14:59:07 +01:00
</ html >