4040
4141 <link href =" //fonts.googleapis.com/css?family=Open+Sans:400,600,800&display=swap" rel =" stylesheet" >
4242 <link rel =" stylesheet" href =" {{ asset (' littlelink/css/normalize.css' ) } }" >
43- <link rel =" stylesheet" href =" {{ asset (' littlelink/css/brands.css' ) } }" >
4443 <link rel =" stylesheet" href =" {{ asset (' littlelink/css/hover-min.css' ) } }" >
4544 <link rel =" stylesheet" href =" {{ asset (' littlelink/css/animate.css' ) } }" >
46- <link rel =" stylesheet" href =" {{ asset (' littlelink/css/share.button.css' ) } }" >
4745 @if (file_exists (base_path (" littlelink/images/avatar.png" )) )
4846 <link rel =" icon" type =" image/png" href =" {{ asset (' littlelink/images/avatar.png' ) } }" >
4947 @else
5048 <link rel =" icon" type =" image/svg+xml" href =" {{ asset (' littlelink/images/logo.svg' ) } }" >
5149 @endif
5250
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
5358 <?php // override dark/light mode if override cookie is set
5459 $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' ) } }" >
5562 @if ($color_scheme_override == ' dark' )
5663 <link rel =" stylesheet" href =" {{ asset (' littlelink/css/skeleton-dark.css' ) } }" >
5764 @elseif ($color_scheme_override == ' light' )
5865 <link rel =" stylesheet" href =" {{ asset (' littlelink/css/skeleton-light.css' ) } }" >
5966 @else
6067 <link rel =" stylesheet" href =" {{ asset (' littlelink/css/skeleton-auto.css' ) } }" >
6168 @endif
69+ @endif
6270</head >
6371<body >
6472
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+
6581<?php // //begin share button//// ? >
6682<?php
6783// Get browser type
@@ -115,19 +131,16 @@ function get_operating_system() {
115131? >
116132
117133@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 >
120136<span class =" copy-icon" role =" button" >
121137</span >
122138@else
123139<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 >
125141</span >
126142@endif
127- <div class =" toastdiv" >
128- <span class =" toastbox" role =" alert" ></span >
129143<script src =" {{ asset (' littlelink/js/share.button.js' ) } }" ></script >
130- </div >
131144<?php // //end share button//// ? >
132145
133146 <div class =" container" >
@@ -142,7 +155,6 @@ function get_operating_system() {
142155 <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 ;" >
143156 @endif
144157
145- @foreach ($information as $info )
146158 <!-- Your Name -->
147159 <h1 class =" fadein" >{{ $info -> name } } </h1 >
148160
0 commit comments