archtechx/laravel-tips
1
0
Fork 0
mirror of https://github.com/archtechx/laravel-tips.git synced 2025-12-12 13:24:03 +00:00
Code Activity

wip

Browse source
This commit is contained in:
Lars Klopstra 2021-04-07 18:31:59 +02:00
parent 5a65a83563
commit 8623a25b79
15 changed files with 8748 additions and 2104 deletions
Download patch file Download diff file Expand all files Collapse all files

54
resources/views/tips/index.blade.php
View file

@ -1,22 +1,44 @@
<x:layout>
<header class="mt-8">
<h1 class="text-5xl w-full">Laravel Code Tips</h1>
<h2 class="mt-6 text-2xl text-gray-700">Make your Laravel code cleaner, faster, and safer.</h2>
<div class="mt-6 text-gray-800 text-lg">
<a class="inline" href="{{ $twitter }}" target="_blank">
<span class="link">Twitter</span>
</a>
<span class="px-1">·</span>
<a class="inline" href="{{ $newsletter }}" target="_blank">
<span class="link">Newsletter</span>
</a>
<span class="px-1">·</span>
<a class="inline" href="{{ $telegram }}" target="_blank">
<span class="link">Telegram</span>
</a>
<header class="relative py-24">
<div
class="absolute w-full transform skew-y-12 pointer-events-none h-72 md:h-96 -translate-y-1/4 bg-gradient-to-br from-yellow-300 to-pink-400 mix-blend-multiply">
</div>
<div class="w-full max-w-4xl px-4 mx-auto sm:px-6 md:px-8">
<div class="flex flex-col items-center space-y-6 text-center text-yellow-900">
<h1 class="text-4xl font-bold tracking-tighter md:text-5xl lg:text-8xl">Laravel Code Tips</h1>
<p class="text-xl font-medium">Make your Laravel code cleaner, faster, and safer.</p>
<ul class="inline-grid grid-flow-col gap-4">
<li>
<a class="transition border-b-2 border-pink-100 hover:border-pink-900 focus:outline-none focus:border-pink-900"
href="{{ $twitter }}">Twitter</a>
</li>
<li>
<span>&centerdot;</span>
</li>
<li>
<a class="transition border-b-2 border-pink-100 hover:border-pink-900 focus:outline-none focus:border-pink-900"
href="{{ $telegram }}">Telegram</a>
</li>
<li>
<span>&centerdot;</span>
</li>
<li>
<a class="transition border-b-2 border-pink-100 hover:border-pink-900 focus:outline-none focus:border-pink-900"
href="{{ $newsletter }}">Newsletter</a>
</li>
</ul>
</div>
</div>
</header>
<main class="mx-auto flex justify-between items-center gap-8 sm:w-1/2">
<main class="flex-1 divide-y" role="feed">
<x:feed :tips="$tips" />
</main>
</x:layout>