40
40
41
41
<link href =" //fonts.googleapis.com/css?family=Open+Sans:400,600,800&display=swap" rel =" stylesheet" >
42
42
<link rel =" stylesheet" href =" {{ asset (' littlelink/css/normalize.css' ) } }" >
43
- <link rel =" stylesheet" href =" {{ asset (' littlelink/css/brands.css' ) } }" >
44
43
<link rel =" stylesheet" href =" {{ asset (' littlelink/css/hover-min.css' ) } }" >
45
44
<link rel =" stylesheet" href =" {{ asset (' littlelink/css/animate.css' ) } }" >
46
- <link rel =" stylesheet" href =" {{ asset (' littlelink/css/share.button.css' ) } }" >
47
45
@if (file_exists (base_path (" littlelink/images/avatar.png" )) )
48
46
<link rel =" icon" type =" image/png" href =" {{ asset (' littlelink/images/avatar.png' ) } }" >
49
47
@else
50
48
<link rel =" icon" type =" image/svg+xml" href =" {{ asset (' littlelink/images/logo.svg' ) } }" >
51
49
@endif
52
50
51
+ @foreach ($information as $info )
52
+ @if ($info -> theme != ' ' and $info -> theme != ' default' )
53
+ <link rel =" stylesheet" href =" themes/{{ $info -> theme } } /share.button.css" >
54
+ <link rel =" stylesheet" href =" themes/{{ $info -> theme } } /brands.css" >
55
+ <link rel =" stylesheet" href =" themes/{{ $info -> theme } } /skeleton-auto.css" >
56
+
57
+ @else
53
58
<?php // override dark/light mode if override cookie is set
54
59
$color_scheme_override = isset ($_COOKIE [" color_scheme_override" ]) ? $_COOKIE [" color_scheme_override" ] : false ; ? >
60
+ <link rel =" stylesheet" href =" {{ asset (' littlelink/css/share.button.css' ) } }" >
61
+ <link rel =" stylesheet" href =" {{ asset (' littlelink/css/brands.css' ) } }" >
55
62
@if ($color_scheme_override == ' dark' )
56
63
<link rel =" stylesheet" href =" {{ asset (' littlelink/css/skeleton-dark.css' ) } }" >
57
64
@elseif ($color_scheme_override == ' light' )
58
65
<link rel =" stylesheet" href =" {{ asset (' littlelink/css/skeleton-light.css' ) } }" >
59
66
@else
60
67
<link rel =" stylesheet" href =" {{ asset (' littlelink/css/skeleton-auto.css' ) } }" >
61
68
@endif
69
+ @endif
62
70
</head >
63
71
<body >
64
72
73
+ <!-- Enables parallax background animations -->
74
+ <section class =" parallax-background" >
75
+ <div id =" object1" ></div >
76
+ <div id =" object2" ></div >
77
+ <div id =" object3" ></div >
78
+ </section >
79
+ <!-- End of parallax background animations -->
80
+
65
81
<?php // //begin share button//// ? >
66
82
<?php
67
83
// Get browser type
@@ -115,19 +131,16 @@ function get_operating_system() {
115
131
? >
116
132
117
133
@if ($user_browser === ' Chrome' or get_operating_system () == ' mobile' )
118
- <script src =" {{ asset (' littlelink/js/jquery.min.js' ) } }" ></script >
119
- <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 icon hvr-icon" src =" {{ asset (' \/littlelink/icons\/' ) } } share.svg" ><span class =" sharebutton-mb" >Share</span ></span ></div ></div >
134
+ <script src =" {{ asset (' littlelink/js/jquery.min.js' ) } }" ></script >
135
+ <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 >
120
136
<span class =" copy-icon" role =" button" >
121
137
</span >
122
138
@else
123
139
<span class =" copy-icon" role =" button" >
124
- <div align =" right" class =" sharediv" ><div class =" button-entrance" ><a class =" sharebutton hvr-grow hvr-icon-wobble-vertical" ><img alt =" share-icon" class =" sharebutton-img icon hvr-icon" src =" {{ asset (' \/littlelink/icons\/' ) } } share.svg" ><span class =" sharebutton-mb" >Share</span ></a ></div ></div >
140
+ <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 >
125
141
</span >
126
142
@endif
127
- <div class =" toastdiv" >
128
- <span class =" toastbox" role =" alert" ></span >
129
143
<script src =" {{ asset (' littlelink/js/share.button.js' ) } }" ></script >
130
- </div >
131
144
<?php // //end share button//// ? >
132
145
133
146
<div class =" container" >
@@ -142,7 +155,6 @@ function get_operating_system() {
142
155
<
img alt =
" avatar" class =
" rounded-avatar fadein" src =
" {{ asset (' littlelink/images/logo.svg' ) } }" srcset =
" {{ asset (' littlelink/images/[email protected] 2x' ) } }" width =
" 128px" height =
" 128px" style =
" object-fit : cover ;" >
143
156
@endif
144
157
145
- @foreach ($information as $info )
146
158
<!-- Your Name -->
147
159
<h1 class =" fadein" >{{ $info -> name } } </h1 >
148
160
0 commit comments