Continued work on one-pager

This commit is contained in:
2022-08-31 18:12:21 +02:00
parent f47d419fd6
commit aaa11dd163
2 changed files with 54 additions and 5 deletions

View File

@ -0,0 +1,8 @@
<div {{ $attributes->merge(['class' => "flex flex-row m-auto max-w-4xl py-8 space-x-6"]) }}>
<div class="lg:w-1/2 flex items-center">
<p class="text-lg">{{ $slot }}</p>
</div>
<div class="lg:w-1/2 items-center align-middle">
<img src="" width="400px" height="150px" class="bg-gray-100 border-none">
</div>
</div>

View File

@ -7,11 +7,52 @@
@vite('resources/css/app.css')
</head>
<body>
<div class="p-5 max-w-4xl flex flex-col m-auto">
<h1 class="text-3xl font-bold mb-3">
Easily manage your local PHP setup on the Mac.
</h1>
<p>PHP Monitor (or phpmon) is a lightweight, native Mac menu bar app that interacts with Laravel Valet. It can help you manage multiple PHP installations, locate config files, and so much more.</p>
<div>
<div class="bg-blue-50 flex">
<header class="flex flex-col m-auto max-w-4xl py-5 md:py-8 lg:py-10 p-4">
<div>
<svg width="100" height="100" viewbox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><path d="M8.975 8.375H8.3V6.844a.223.223 0 00-.225-.219h-.45a.223.223 0 00-.225.219V9.03c0 .12.101.219.225.219h1.35a.223.223 0 00.225-.219v-.437a.223.223 0 00-.225-.219zm10.575 5.25h-.45v-2.956c0-.347-.143-.68-.397-.927l-2.81-2.731a1.37 1.37 0 00-.953-.386H13.7V5.312C13.7 4.588 13.095 4 12.35 4h-9C2.605 4 2 4.588 2 5.313v8.75c0 .724.605 1.312 1.35 1.312h.45C3.8 16.825 5.01 18 6.5 18c1.49 0 2.7-1.176 2.7-2.625h3.6c0 1.45 1.21 2.625 2.7 2.625 1.49 0 2.7-1.176 2.7-2.625h1.35c.247 0 .45-.197.45-.438v-.874a.445.445 0 00-.45-.438zM6.5 16.688c-.745 0-1.35-.588-1.35-1.313s.605-1.313 1.35-1.313c.745 0 1.35.588 1.35 1.313s-.605 1.313-1.35 1.313zm1.35-4.813c-1.74 0-3.15-1.37-3.15-3.063C4.7 7.12 6.11 5.75 7.85 5.75S11 7.12 11 8.813c0 1.692-1.41 3.062-3.15 3.062zm7.65 4.813c-.745 0-1.35-.588-1.35-1.313s.605-1.313 1.35-1.313c.745 0 1.35.588 1.35 1.313s-.605 1.313-1.35 1.313zM17.75 11H13.7V7.937h1.24l2.81 2.732V11z" fill="rgb(30 64 175)" fill-rule="nonzero"></path></svg>
<h1 class="text-5xl font-bold mb-3 text-blue-800">
Monitor and manage<br/>your PHP installations<br/> <span class="text-black">with ease</span>.
</h1>
</div>
</header>
</div>
<div class="fle p flex-row p-4">
<div class="flex flex-row m-auto max-w-2xl py-8">
<div>
<img src="" width="800px" height="300px" class="mb-6 bg-gray-100">
<p class="text-2xl leading-8 mb-6"><b>PHP Monitor</b> (or phpmon) is a <em>lightweight, native</em> Mac menu bar app that interacts with <a href="https://github.com/laravel/valet">Laravel Valet</a>.</p>
<p class="mb-6">This app is made with <span class="text-red-500"></span> by <a href="https://nicoverbruggen.be" class="text-blue-800">Nico Verbruggen</a>. It is <b>open source and entirely free to use</b>. The app is supported by generous donations. So, if you benefit from the app and make some money, please consider sponsoring... Thanks!</p>
<div class="flex justify-center space-x-3">
<a href="https://nicoverbruggen.be/sponsor" class="mt-4 text-lg px-3 py-2 inline-block bg-black hover:bg-blue-900 text-white rounded-lg">Sponsor</a>
<a href="https://github.com/nicoverbruggen/phpmon" class="mt-4 text-lg px-3 py-2 inline-block bg-black hover:bg-blue-900 text-white rounded-lg">GitHub</a>
<a href="https://github.com/nicoverbruggen/phpmon#-how-to-install" class="mt-4 text-lg px-3 py-2 inline-block bg-green-800 hover:bg-blue-900 text-white rounded-lg">Download</a>
</div>
</div>
</div>
<x-feature>
PHP Monitor makes use of <b>Laravel Valet</b>. That means that PHP Monitor builds upon a solid and trusted foundation. If you've already got that installed, you can get up and running very quickly!
</x-feature>
<x-feature class="lg:flex-row-reverse">
PHP Monitor <b>lives in your menu bar</b>, and from there you can interact with a variety of functionality. If you like working with your keyboard, no worries: you can set up a custom hotkey to trigger this menu.
</x-feature>
<x-feature>
If you're like me, you sometimes need to edit a <b>configuration file or toggle an extension</b>. But where do you have to look for that stuff again? Look no further than PHP Monitor's main menu.
</x-feature>
<x-feature class="lg:flex-row-reverse">
Lost track of all your domains? No worries, the app includes a <b>domain list</b> that you can use to get a quick overview of all domains and proxies you have set up, as well as their PHP version, what type of project they are, etc.
</x-feature>
<x-feature>
PHP Monitor includes a <b>global version switcher</b>, that you can use to quickly change which version of PHP is linked in your terminal.
</x-feature>
<x-feature class="lg:flex-row-reverse">
In addition to offering a global version switcher, PHP Monitor also includes support for Valet's <b>site isolation</b> feature.
</x-feature>
<x-feature>
PHP Monitor will help you figure out if your sites are <b>compatible with the current version of PHP</b> that is linked, and suggest when site isolation may be of use.
</x-feature>
</div>
</div>
</body>
</html>