archtechx/laravel-tips
1
0
Fork 0
mirror of https://github.com/archtechx/laravel-tips.git synced 2025-12-12 05:14:04 +00:00
Code Activity

Merge pull request #14 from archtechx/banner

Browse source 
Add banner.
This commit is contained in:
Samuel Štancl 2021-11-10 12:29:29 +01:00 • committed by GitHub
commit 6cce746eb3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 51 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
public/css/app.css vendored
View file

File diff suppressed because one or more lines are too long

2
public/mix-manifest.json
View file

@ -1,4 +1,4 @@
{ {
"/js/app.js": "/js/app.js?id=67ee2aea12150f13c1ae", "/js/app.js": "/js/app.js?id=67ee2aea12150f13c1ae",
"/css/app.css": "/css/app.css?id=2ada342a30a530a9dbfc" "/css/app.css": "/css/app.css?id=03724ac5e1043bfed729"
} }

41
resources/views/components/banner.blade.php Normal file
View file

@ -0,0 +1,41 @@
<div class="z-50 fixed bottom-0 inset-x-0 pb-2 sm:pb-5" x-data="{ show: true, hide() { window.localStorage.show_banner = 'hide'; this.show = false } }" x-init="
show = window.localStorage.show_banner !== 'hide'
" x-show="show">
<div class="max-w-screen-xl mx-auto px-2 sm:px-6 lg:px-8">
<div class="p-2 rounded-lg bg-gradient-to-br from-yellow-300 to-pink-400 mix-blend-multiply shadow-lg sm:p-3">
<div class="flex items-center justify-between flex-wrap">
<div class="w-0 flex-1 flex items-center">
<span class="flex p-2 rounded-lg bg-yellow-800">
<!-- Heroicon name: speakerphone -->
<svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"></path>
</svg>
</span>
<p class="ml-3 font-medium truncate">
<span class="md:hidden text-brown-900">
We're writing a book, you can get it <span class="font-bold underline">for free</span> here.
</span>
<span class="hidden md:inline text-brown-900">
We're writing a book! Join the <span class="font-bold underline">early access</span> to get it for free.
</span>
</p>
</div>
<div class="order-3 mt-2 flex-shrink-0 w-full sm:order-2 sm:mt-0 sm:w-auto">
<a href="https://airtable.com/shr7ymH15hGamMlcY" target="_blank" class="w-full inline-flex space-x-2 justify-center py-2 px-4 rounded-md bg-white text-sm font-medium hover:bg-gray-50">
<span class="font-medium text-brown-900">
Join the waiting list
</span>
</a>
</div>
<div class="order-2 flex-shrink-0 sm:order-3 sm:ml-2">
<button @click="hide()" type="button" class="-mr-1 flex p-2 rounded-md hover:bg-yellow-500 focus:outline-none focus:bg-yellow-500 transition ease-in-out duration-150" aria-label="Dismiss">
<!-- Heroicon name: x -->
<svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>

9
resources/views/components/layout.blade.php
View file

@ -47,6 +47,10 @@ $title = $title
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<meta name="theme-color" content="#fa7c4c"> <meta name="theme-color" content="#fa7c4c">
<style>
[x-cloak] { display: none !important; }
</style>
</head> </head>
<body class="flex flex-col min-h-screen font-sans antialiased text-gray-800"> <body class="flex flex-col min-h-screen font-sans antialiased text-gray-800">
@ -58,7 +62,7 @@ $title = $title
Want to share a tip? Submit it Want to share a tip? Submit it
<x-link href="https://github.com/stancl/laravel-tips">here</x-link> <x-link href="https://github.com/stancl/laravel-tips">here</x-link>
</li> </li>
<li> <li>
Made with <span class="text-red-500">❤️</span> by Made with <span class="text-red-500">❤️</span> by
<x-link target="_blank" href="https://archte.ch">ArchTech</x-link> <x-link target="_blank" href="https://archte.ch">ArchTech</x-link>
@ -70,6 +74,9 @@ $title = $title
</li> </li>
</ul> </ul>
</footer> </footer>
<x-banner />
</body> </body>
</html> </html>