add new brand: tiktok, email

README.md

@@ -1,6 +1,6 @@
-## _⚙️ Admin littlelink_
+## _⚙️ LittleLink Admin_
 
-Admin littlelink is an admin panel for [littlelink] that provides you a website similar [linktree].
+LittleLink Admin is an admin panel for [littlelink] that provides you a website similar [linktree].
 
 ## 📑 Features
 
@@ -59,7 +59,7 @@ bitcoin: 1FQJWCZJoLKfJei7NFisTH65yNUjugJRi4
 
    [littlelink]: <https://github.com/sethcottle/littlelink>
    [linktree]: <https://linktr.ee>
-   [home]: <https://github.com/khashayarzavosh/admin-littlelink/blob/main/demo-home.png>
-   [panel]: <https://github.com/khashayarzavosh/admin-littlelink/blob/main/demo-panel.png>
+   [home]: <https://github.com/khashayarzavosh/littlelink-admin/blob/main/demo-home.png>
+   [panel]: <https://github.com/khashayarzavosh/littlelink-admin/blob/main/demo-panel.png>
    [laravel]: <https://github.com/laravel/laravel>
    [panel template]: <https://colorlib.com/wp/bootstrap-sidebar>

database/seeders/ButtonSeeder.php

@@ -111,6 +111,15 @@ class ButtonSeeder extends Seeder
             [
                 'name' => 'skoob'
             ],
+            [
+                'name' => 'tiktok'
+            ],
+            [
+                'name' => 'default email'
+            ],
+            [
+                'name' => 'default email_alt'
+            ],
         ];
 
          Button::insert($buttons);

database/seeders/PageSeeder.php

@@ -30,7 +30,7 @@ class PageSeeder extends Seeder
                 ',
 
                 'home_message' => '
-                 Admin littlelink is an admin panel for littlelink that provides you a website similar linktree.
+                 Littlelink admin is an admin panel for littlelink that provides you a website similar linktree.
                  Some features of the program: creating a link page with more than 20 buttons, counting clicks, 
                  raising important links on the page and managing users and pages and ...
                 ',

public/littlelink/css/brands.css

@@ -36,19 +36,17 @@ button {
   display: inline-block;
   text-decoration: none;
   height: 48px;
-  padding: 0 16px;
   text-align: center;
   vertical-align: middle;
   font-size: 18px;
   width: 300px;
-  font-weight: 600;
+  font-weight: 700;
   line-height: 48px;
-  letter-spacing: 0.5px;
+  letter-spacing: 0.1px;
   white-space: wrap;
-  background-color: transparent;
   border-radius: 8px;
   cursor: pointer;
-  box-sizing: border-box; }
+ }
 button:hover,
 .button:focus {
   color: #333;
@@ -77,10 +75,18 @@ button:hover,
 /* Brand Styles
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 
+/* Default (this is great for your own brand color!) */
+.button.button-default {
+  color: #FFFFFF;
+  background-color: #0085FF }
+.button.button-default:hover,
+.button.button-default:focus {
+  filter: brightness(90%) }
+
 /* Discord */
 .button.button-discord {
   color: #FFFFFF;
-  background-color: #7289DA }
+  background-color: #5865F2 }
 .button.button-discord:hover,
 .button.button-discord:focus {
   filter: brightness(90%) }
@@ -165,6 +171,17 @@ button:hover,
 .button.button-pinterest:focus {
   filter: brightness(90%) }
 
+/* Producthunt */
+.button.button-producthunt {
+  color: #DA552F;
+  border-style: solid;
+  border-color: #DA552F;
+  border-width: 2px;
+  background-color: #FFFFFF }
+.button.button-producthunt:hover,
+.button.button-producthunt:focus {
+  filter: brightness(90%) }
+
 /* Reddit */
 .button.button-reddit {
   color: #000000;
@@ -221,6 +238,14 @@ button:hover,
 .button.button-telegram:focus {
   filter: brightness(90%) }
 
+/* TikTok */
+.button.button-tiktok {
+  color: #FFFFFF;
+  background-color: #000000 }
+.button.button-tiktok:hover,
+.button.button-tiktok:focus {
+  filter: brightness(90%) }
+
 /* Tumblr */
 .button.button-tumblr {
   color: #FFFFFF;

public/littlelink/css/normalize.css

@@ -424,7 +424,4 @@ table {
 td,
 th {
   padding: 0;
-}
-.updated img{
-  border-radius: 9px;
-}
+}

public/littlelink/css/skeleton-light.css

@@ -168,3 +168,4 @@ hr {
   border-width: 0;
   border-top: 1px solid #E1E1E1; }
 
+

public/littlelink/icons/discord.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg">
-<path d="M20 6C20 6 17.7075 4.206 15 4L14.756 4.488C17.204 5.087 18.327 5.9455 19.5 7C17.4775 5.9675 15.4805 5 12 5C8.5195 5 6.5225 5.9675 4.5 7C5.673 5.9455 7.009 4.9925 9.244 4.488L9 4C6.1595 4.2685 4 6 4 6C4 6 1.4395 9.7125 1 17C3.581 19.9765 7.5 20 7.5 20L8.3195 18.9075C6.9285 18.424 5.3575 17.5605 4 16C5.619 17.225 8.0625 18.5 12 18.5C15.9375 18.5 18.381 17.225 20 16C18.6425 17.5605 17.0715 18.424 15.6805 18.9075L16.5 20C16.5 20 20.419 19.9765 23 17C22.5605 9.7125 20 6 20 6ZM8.75 15C7.7835 15 7 14.1045 7 13C7 11.8955 7.7835 11 8.75 11C9.7165 11 10.5 11.8955 10.5 13C10.5 14.1045 9.7165 15 8.75 15ZM15.25 15C14.2835 15 13.5 14.1045 13.5 13C13.5 11.8955 14.2835 11 15.25 11C16.2165 11 17 11.8955 17 13C17 14.1045 16.2165 15 15.25 15Z" fill="white"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.317 4.36642C18.7873 3.66454 17.147 3.14742 15.4319 2.85125C15.4007 2.84553 15.3695 2.85982 15.3534 2.88839C15.1424 3.2636 14.9087 3.7531 14.7451 4.13784C12.9004 3.86168 11.0652 3.86168 9.25832 4.13784C9.09465 3.74455 8.85248 3.2636 8.64057 2.88839C8.62449 2.86077 8.59328 2.84649 8.56205 2.85125C6.84791 3.14648 5.20756 3.66359 3.67693 4.36642C3.66368 4.37213 3.65233 4.38166 3.64479 4.39404C0.533392 9.0424 -0.31895 13.5765 0.0991801 18.0544C0.101072 18.0763 0.11337 18.0973 0.130398 18.1106C2.18321 19.6181 4.17171 20.5333 6.12328 21.14C6.15451 21.1495 6.18761 21.1381 6.20748 21.1123C6.66913 20.4819 7.08064 19.8172 7.43348 19.1181C7.4543 19.0772 7.43442 19.0286 7.39186 19.0124C6.73913 18.7648 6.1176 18.4629 5.51973 18.1201C5.47244 18.0925 5.46865 18.0249 5.51216 17.9925C5.63797 17.8982 5.76382 17.8001 5.88396 17.7011C5.90569 17.683 5.93598 17.6792 5.96153 17.6906C9.88928 19.4839 14.1415 19.4839 18.023 17.6906C18.0485 17.6782 18.0788 17.682 18.1015 17.7001C18.2216 17.7992 18.3475 17.8982 18.4742 17.9925C18.5177 18.0249 18.5149 18.0925 18.4676 18.1201C17.8697 18.4696 17.2482 18.7648 16.5945 19.0115C16.552 19.0277 16.533 19.0772 16.5538 19.1181C16.9143 19.8162 17.3258 20.4809 17.7789 21.1114C17.7978 21.1381 17.8319 21.1495 17.8631 21.14C19.8241 20.5333 21.8126 19.6181 23.8654 18.1106C23.8834 18.0973 23.8948 18.0772 23.8967 18.0553C24.3971 12.8784 23.0585 8.38148 20.3482 4.39498C20.3416 4.38166 20.3303 4.37213 20.317 4.36642ZM8.02002 15.3278C6.8375 15.3278 5.86313 14.2422 5.86313 12.9089C5.86313 11.5756 6.8186 10.49 8.02002 10.49C9.23087 10.49 10.1958 11.5851 10.1769 12.9089C10.1769 14.2422 9.22141 15.3278 8.02002 15.3278ZM15.9947 15.3278C14.8123 15.3278 13.8379 14.2422 13.8379 12.9089C13.8379 11.5756 14.7933 10.49 15.9947 10.49C17.2056 10.49 18.1705 11.5851 18.1516 12.9089C18.1516 14.2422 17.2056 15.3278 15.9947 15.3278Z" fill="white"/>
 </svg>

public/littlelink/icons/email.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.6 2H2.4C1.08 2 0.012 3.08 0.012 4.4L0 18.8C0 20.12 1.08 21.2 2.4 21.2H21.6C22.92 21.2 24 20.12 24 18.8V4.4C24 3.08 22.92 2 21.6 2ZM21.6 6.8L12 12.8L2.4 6.8V4.4L12 10.4L21.6 4.4V6.8Z" fill="white"/>
+</svg>

public/littlelink/icons/email_alt.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 0C5.376 0 0 5.376 0 12C0 18.624 5.376 24 12 24H18V21.6H12C6.792 21.6 2.4 17.208 2.4 12C2.4 6.792 6.792 2.4 12 2.4C17.208 2.4 21.6 6.792 21.6 12V13.716C21.6 14.664 20.748 15.6 19.8 15.6C18.852 15.6 18 14.664 18 13.716V12C18 8.688 15.312 6 12 6C8.688 6 6 8.688 6 12C6 15.312 8.688 18 12 18C13.656 18 15.168 17.328 16.248 16.236C17.028 17.304 18.372 18 19.8 18C22.164 18 24 16.08 24 13.716V12C24 5.376 18.624 0 12 0ZM12 15.6C10.008 15.6 8.4 13.992 8.4 12C8.4 10.008 10.008 8.4 12 8.4C13.992 8.4 15.6 10.008 15.6 12C15.6 13.992 13.992 15.6 12 15.6Z" fill="white"/>
+</svg>

public/littlelink/icons/producthunt.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M24.0032 12C24.0032 18.6298 18.633 24 12.0032 24C5.3734 24 0.00228119 18.6307 0.00228119 12C0.00228119 5.36929 5.37248 0 12.0023 0C18.6321 0 24.0023 5.3702 24.0023 12" fill="#DA552F"/>
+<path d="M13.6028 12H10.2025V8.40952H13.6028C14.5928 8.40952 15.4036 9.2194 15.4036 10.2103C15.4036 11.2011 14.5937 12.011 13.6028 12.011V12ZM13.6028 6.01099H7.80211V18.011H10.2025V14.4114H13.6028C15.9228 14.4114 17.803 12.5311 17.803 10.2112C17.803 7.89124 15.9228 6.01099 13.6028 6.01099" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

public/littlelink/icons/tiktok.svg

@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.1844 8.66371C18.7529 9.77082 20.6747 10.4223 22.75 10.4223V6.47879C22.3572 6.47894 21.9655 6.43846 21.5812 6.35801V9.46215C19.506 9.46215 17.5845 8.81068 16.0156 7.70357V15.751C16.0156 19.7768 12.7105 23.0401 8.63356 23.0401C7.11244 23.0401 5.69853 22.586 4.52397 21.8072C5.8645 23.1606 7.7339 24.0002 9.80209 24.0002C13.8793 24.0002 17.1845 20.7369 17.1845 16.711V8.66371H17.1844ZM18.6262 4.68523C17.8246 3.82052 17.2983 2.70293 17.1844 1.46739V0.960205H16.0768C16.3555 2.53047 17.3065 3.87206 18.6262 4.68523V4.68523ZM7.10255 18.7181C6.65472 18.1383 6.41264 17.4289 6.41372 16.6995C6.41372 14.8583 7.92553 13.3654 9.79063 13.3654C10.1382 13.3652 10.4837 13.4179 10.815 13.5216V9.49005C10.4279 9.43767 10.0372 9.41547 9.64658 9.42364V12.5616C9.31513 12.4579 8.96949 12.4052 8.6218 12.4054C6.7567 12.4054 5.24504 13.8983 5.24504 15.7397C5.24504 17.0416 6.00066 18.169 7.10255 18.7181V18.7181Z" fill="#EE1D52"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.014 7.70357C17.583 8.81068 19.5045 9.46215 21.5797 9.46215V6.35801C20.4213 6.11447 19.3958 5.51667 18.6247 4.68523C17.305 3.87206 16.354 2.53047 16.0752 0.960205H13.1659V16.7109C13.1593 18.547 11.65 20.0338 9.78896 20.0338C8.69223 20.0338 7.7179 19.5177 7.10088 18.7181C5.99899 18.169 5.24338 17.0416 5.24338 15.7397C5.24338 13.8983 6.75504 12.4054 8.62014 12.4054C8.97745 12.4054 9.32186 12.4604 9.64492 12.5616V9.42364C5.63968 9.50534 2.41843 12.7368 2.41843 16.711C2.41843 18.6949 3.22062 20.4934 4.52245 21.8074C5.69701 22.5861 7.11092 23.0402 8.63204 23.0402C12.7089 23.0402 16.014 19.7768 16.014 15.7511V7.70357Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.5799 6.35781V5.51844C20.5353 5.52 19.5113 5.23114 18.625 4.68489C19.4095 5.533 20.4426 6.11787 21.5799 6.35781V6.35781ZM16.0755 0.96C16.0489 0.809948 16.0284 0.658884 16.0143 0.507186V0H11.9972V15.7508C11.9907 17.5868 10.4816 19.0736 8.62039 19.0736C8.07389 19.0736 7.55806 18.9456 7.10114 18.7179C7.71816 19.5175 8.69249 20.0336 9.78922 20.0336C11.6502 20.0336 13.1595 18.5468 13.1661 16.7107V0.96H16.0755ZM9.64532 9.42343V8.52984C9.30964 8.4845 8.97123 8.46184 8.63243 8.46202C4.5551 8.46202 1.25 11.7255 1.25 15.7508C1.25 18.2745 2.54896 20.4987 4.52285 21.807C3.22102 20.493 2.41882 18.6945 2.41882 16.7107C2.41882 12.7366 5.63993 9.50513 9.64532 9.42343V9.42343Z" fill="#69C9D0"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

resources/views/layouts/footer.blade.php

@@ -1,7 +1,7 @@
 <div class="footer" style="margin:10% 0px 35px 0px;">
     <a href="/">Home</a>
-    <a href="https://github.com/khashayarzavosh/admin-littlelink/#donate" target="_blank">Donate</a>
-    <a href="https://github.com/khashayarzavosh/admin-littlelink" target="_blank">Programmers</a>
+    <a href="https://github.com/khashayarzavosh/littlelink-admin/#donate" target="_blank">Donate</a>
+    <a href="https://github.com/khashayarzavosh/littlelink-admin" target="_blank">Programmers</a>
     <a href="/pages/terms">Terms</a>
     <a href="/pages/privacy">Privacy</a>
     <a href="/pages/contact">Contact</a>

resources/views/layouts/sidebar.blade.php

@@ -68,8 +68,8 @@
 	        	<p>
 			    Copyright &copy; @php echo date('Y'); @endphp <i class="icon-heart" aria-hidden="true"></i> </br>
                <a href="/" target="_blank">Home</a> .
-               <a href="https://github.com/khashayarzavosh/admin-littlelink/#donate" target="_blank">Donate</a> .
-               <a href="https://github.com/khashayarzavosh/admin-littlelink" target="_blank">Programmers</a> .
+               <a href="https://github.com/khashayarzavosh/littlelink-admin/#donate" target="_blank">Donate</a> .
+               <a href="https://github.com/khashayarzavosh/littlelink-admin" target="_blank">Programmers</a> .
                <a href="/pages/terms" target="_blank">Terms</a> .
                <a href="/pages/privacy" target="_blank">Privacy</a> .
                <a href="/pages/contact" target="_blank">Contact</a>

resources/views/littlelink.blade.php

@@ -53,7 +53,8 @@
         @endforeach
         <!-- Buttons -->
         @foreach($links as $link)
-        <a class="button button-{{ $link->name }}" href="{{ route('clickNumber') . '/' . $link->id . '/' . $link->link}}" target="_blank"><img class="icon" src="{{ asset('\/littlelink/icons\/') . $link->name }}.svg">{{ ucfirst($link->name) }}</a>
+         @php $linkName = str_replace('default ','',$link->name) @endphp
+        <a class="button button-{{ $link->name }}" href="{{ route('clickNumber') . '/' . $link->id . '/' . $link->link}}" target="_blank"><img class="icon" src="{{ asset('\/littlelink/icons\/') . $linkName }}.svg">{{ ucfirst($linkName) }}</a>
           <br>
         @endforeach