Change & compress images

This commit is contained in:
Robert S 2021-07-23 19:42:43 +02:00
parent cf11a25de4
commit f5aec37253
6 changed files with 6 additions and 10 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

BIN
assets/img/Wavy.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

View file

@ -76,10 +76,6 @@
<div class="text-center">
<h1 class="title-font sm:text-4xl text-3xl mb-1 font-bold animate__animated animate__fadeInUp animate__fast">Hi, I'm Robert S.</h1>
<p class="text-gray-400 leading-relaxed mb-2 text-lg font-medium animate__animated animate__fadeInUp animate__fast">Developer & Tech enthusiast</p>
<!-- <div class="flex justify-center">
<a class="animate__animated animate__fadeInUp sm:w-auto flex-none bg-purple-700 hover:bg-purple-600 hover:text-gray-100 text-lg leading-6 font-semibold py-2 px-6 border border-transparent rounded focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-gray-900 focus:outline-none transition-colors duration-200 mr-2" href="#projects">My Projects</a>
<a class="animate__animated animate__fadeInUp sm:w-auto flex-none bg-purple-700 hover:bg-purple-600 hover:text-gray-100 text-lg leading-6 font-semibold py-2 px-6 border border-transparent rounded focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-gray-900 focus:outline-none transition-colors duration-200 ml-2" href="#about">About Me</a>
</div> -->
</div>
</div>
</section>
@ -96,11 +92,11 @@
<div class="w-full grid gap-20 grid-cols-1 md:grid-cols-2">
<div class="animated bg-darkBlue-lighter rounded-lg gap-3">
<img alt="Wavy" loading=lazy class="flex-shrink-0 rounded-t-lg w-full h-56 object-cover object-center mb-1"
src="./assets/img/Wavy.png">
src="./assets/img/Wavy.jpg">
<div class="flex-grow pl-2 py-2">
<h1 class="text-3xl font-bold">Wavy</h1>
<p class="text-gray-400 py-2 pr-5">
Wavy is a blazingly fast and powerful yet easy-to-use multi-purpose Discord bot. The primary purpose of Wavy is to be
Wavy is a blazing-fast and powerful yet easy-to-use multi-purpose Discord bot. The primary purpose of Wavy is to be
very fast.
</p>
<a class="inline-flex items-center bg-darkBlue-light border-0 py-3 px-3 focus:outline-none hover:bg-darkBlue-lightest rounded-full text-base mt-4 md:mt-0" href="https://wavybot.com" target="_blank"><i class="fas fa-link"></i></a>
@ -109,8 +105,8 @@
</div>
</div>
<div class="animated bg-darkBlue-lighter rounded-lg gap-3">
<img alt="Robert S." loading=lazy class="flex-shrink-0 rounded-t-lg w-full h-56 object-cover object-center mb-1"
src="./assets/img/Robert-S.png">
<img alt="SharePY" loading=lazy class="flex-shrink-0 rounded-t-lg w-full h-56 object-cover object-center mb-1"
src="https://dummyimage.com/489x277">
<div class="flex-grow pl-2 py-2">
<h1 class="text-3xl font-bold">SharePY</h1>
<p class="text-gray-400 py-2 pr-5">
@ -122,7 +118,7 @@
</div>
<div class="animated bg-darkBlue-lighter rounded-lg gap-3">
<img alt="ConnectedHost" loading=lazy class="flex-shrink-0 rounded-t-lg w-full h-56 object-cover object-center mb-1"
src="./assets/img/ConnectedHost.png">
src="./assets/img/ConnectedHost.jpg">
<div class="flex-grow pl-2 py-2">
<h1 class="text-3xl font-bold">ConnectedHost</h1>
<p class="text-gray-400 py-2 pr-5">
@ -135,7 +131,7 @@
</div>
</div>
<div class="animated bg-darkBlue-lighter rounded-lg gap-3">
<img alt="soon" loading=lazy class="flex-shrink-0 rounded-t-lg w-full h-56 object-cover object-center mb-1"
<img alt="Soon" loading=lazy class="flex-shrink-0 rounded-t-lg w-full h-56 object-cover object-center mb-1"
src="https://dummyimage.com/489x277">
<div class="flex-grow pl-2 py-2">
<h1 class="text-3xl font-bold">Soon™</h1>