Clean up views

This commit is contained in:
2024-02-11 21:28:20 +01:00
parent 9adf931dd9
commit d58836f6ea
3 changed files with 26 additions and 11 deletions

View File

@ -2,9 +2,13 @@
<div class="lg:w-1/2 w-full flex py-4 md:px-4 align-middle items-center">
<div class="flex flex-col">
@isset ($featureTitle)
<h3 class="text-blue-800 font-bold text-xl mb-5 border-b-blue-300 border-b-2 pb-2 inline-block">
<h3 class="text-blue-800 font-bold text-xl mb-5
border-b-blue-300 border-b-2 pb-2 inline-block">
@isset($badge)
<span class="bg-blue-800 text-white px-2 py-1 rounded-xl mr-1 text-sm relative bottom-0.5">{{ \Illuminate\Support\Str::upper($badge) }}</span>
<span class="bg-blue-800 text-white px-2 py-1
rounded-xl mr-1 text-sm relative bottom-0.5">
{{ \Illuminate\Support\Str::upper($badge) }}
</span>
@endisset
{{ $featureTitle }}
</h3>
@ -12,6 +16,13 @@
<p class="text-lg text-gray-800">{{ $slot }}</p>
</div>
</div>
<div class="lg:w-1/2 w-full items-center align-middle rounded-lg shadow-lg" style='background-color: #EEE; background-position: {{ $yPosition ?? 'center' }} {{ $xPosition ?? 'center' }}; background-image: url("{{ $imgSrc ?? '' }}"); background-repeat: no-repeat; background-size: cover; min-height: 260px;'>
<div class="lg:w-1/2 w-full items-center align-middle rounded-lg shadow-lg" style='
background-color: #EEE;
background-position: {{ $yPosition ?? 'center' }} {{ $xPosition ?? 'center' }};
background-image: url("{{ $imgSrc ?? '' }}");
background-repeat: no-repeat;
background-size: cover;
min-height: 260px;'
>
</div>
</div>

View File

@ -1,8 +1,12 @@
<div class="lg:w-1/2 w-full flex py-4 md:px-4 align-middle items-center">
<div class="flex flex-col">
@isset ($featureTitle)
<h3 class="text-blue-800 font-bold mb-2 uppercase">{{ $featureTitle }}</h3>
<h3 class="text-blue-800 font-bold mb-2 uppercase">
{{ $featureTitle }}
</h3>
@endisset
<p class="text-gray-800">{{ $slot }}</p>
<p class="text-gray-800">
{{ $slot }}
</p>
</div>
</div>

View File

@ -81,7 +81,9 @@
</p>
<p class="text-xl flex items-center space-x-1 text-gray-700">
<svg width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M7 20.981a6.5 6.5 0 0 1-2.936-12a8.001 8.001 0 0 1 15.872 0a6.5 6.5 0 0 1-2.936 12V21H7v-.019zM13 12V8h-2v4H8l4 5l4-5h-3z"/></svg>
<strong>{{ round(Cache::get('downloads'), -3) / 1000 }}k</strong>
<strong>
{{ round(Cache::get('downloads'), -3) / 1000 }}k
</strong>
<span>total downloads</span>
</p>
</div>
@ -93,7 +95,6 @@
</div>
</div>
</div>
<!-- ALMOST THERE!
<div class="bg-blue-50 flex p-5 py-10 my-6">
<div class="flex flex-col m-auto max-w-xl space-y-2 py-8">
<h2 class="text-3xl mb-3">
@ -103,11 +104,10 @@
</h2>
<div class="text-xl mt-8 leading-8">
<p class="mb-4">With the latest major update, PHP Monitor now lets you easily install and manage extensions for the various different versions of PHP you might be running.</p>
<p class="text-base">Learn more in the <a href="https://nicoverbruggen.be/blog/phpmon-7.0-release" class="text-blue-800">dedicated blog post</a> on my personal website, or explore all of PHP Monitor's features below.</p>
<p class="text-base mb-4">Learn more in the <a href="https://nicoverbruggen.be/blog/phpmon-7.0" class="text-blue-800">dedicated blog post</a> on my personal website, or explore all of PHP Monitor's features below.</p>
</div>
</div>
</div>
-->
<div class="px-4">
<x-feature feature-title="Totally free & open source." y-position="top" x-position="left" class="lg:flex-row-reverse" img-src="/images/oss.png?v=7">
PHP Monitor's source code is, unlike other proprietary products, entirely <b>open source</b>. Also, all features that are part of PHP Monitor are available <b>entirely free of charge</b>, so you don't need to pay for any walled-off features. How great is that?
@ -157,8 +157,8 @@
<p class="text-xs pt-2">
&copy; {{ date("Y") }}, Nico Verbruggen. All rights reserved.
<div class="hidden">
| <a rel="me" href="https://nicoverbruggen.be">Website</a>
| <a rel="me" href="https://phpc.social/@nicoverbruggen">Mastodon</a>
| <a rel="me" href="https://nicoverbruggen.be">Website</a>
| <a rel="me" href="https://phpc.social/@nicoverbruggen">Mastodon</a>
</div>
</p>
</div>