LukaDeka/HexName-Frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: about-us photos, improved descriptions, fixed mobile scrollable issue, fixed landing page register button

Browse source
This commit is contained in:
Luka Dekanozishvili 2026-01-30 17:54:25 +01:00
parent 4efe10b166
commit 45f9005c4c
9 changed files with 84 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

1
flake.nix
View file

@ -29,3 +29,4 @@
};
}

BIN
src/lib/assets/dev-mugshot.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 108 KiB

BIN
src/lib/assets/devops-mugshot.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
src/lib/assets/founder-mugshot.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 107 KiB

BIN
src/lib/assets/marketing-mugshot.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 52 KiB

BIN
src/lib/assets/ux-mugshot.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 56 KiB

2
src/routes/+layout.svelte
View file

@ -52,7 +52,7 @@
<div class={sideMenuOpen && isDashboard ? "w-0 lg:w-60" : "w-0"}>
<SideMenu bind:sideMenuOpen={sideMenuOpen} {isDashboard}/>
</div>
<div class="flex-grow mt-16 bg-base-300 not-sm:overflow-auto">
<div class="flex-grow mt-16 bg-base-300 not-sm:overflow-auto not-sm:overflow-x-hidden">
{@render children()}
<Footer/>
</div>

6
src/routes/+page.svelte
View file

@ -275,7 +275,11 @@
&nbsp
{/if}
</p>
<button class="btn btn-primary w-full p-0" disabled={!available || loadingCheck}><a href="/register" class="flex max-w-full h-full items-center justify-center">{loadingCheck ? "Checking..." : "Register"}</a></button>
<a href="/register" class="flex max-w-full h-full items-center justify-center">
<button class="btn btn-primary w-full p-0" disabled={!available || loadingCheck}>
{loadingCheck ? "Checking..." : "Register"}
</button>
</a>
</div>
<div class="mt-3 h-12 flex items-center">

135
src/routes/about/+page.svelte
View file

@ -1,4 +1,5 @@
<script>
import { browser } from "$app/environment";
import Phone from "$lib/Phone.svelte";
</script>
@ -20,8 +21,9 @@
<h1 class="text-3xl font-bold">Our mission</h1>
<div class="flex flex-col sm:flex-row items-center justify-center">
<div class="py-6 leading-8">
We saw that the available solutions for free subdomain registration, its DNS management as well as DDNS were lackluster.
We thought that this was unacceptable, and decided to create the simplest solution for managing your DNS, with more freedom than anyone on the market.
We saw that the available solutions for free domain registration, its DNS management as well as DDNS were lackluster - so we decided to create a product with more freedom than anyone on the market.
<p>&nbsp;</p>
We seek for providing a reliable, hands-off service with an intuitive interface for registering subdomains of domains, and managing their DNS - all forever free.
</div>
<div class="flex flex-row items-center px-25 sm:pl-35 my-10 not-sm:mt-4 not-sm:translate-x-3 sm:-my-6">
<div class="scale-48 -m-45">
@ -40,109 +42,126 @@
Meet the <span class="bg-gradient-to-t from-primary to-base-300">team</span>!
</h2>
<p class="text-center max-w-lg mt-3">
HexName was developed by a team of passionate tech-enthusiasts with years of experience in the field.
HexName was developed by a team of passionate tech-enthusiasts with years of experience in the field to provide you with a smooth user-experience.
</p>
</section>
<div class="hero bg-base-200 mb-16">
<div class="hero-content flex-col sm:flex-row-reverse">
<div class="skeleton h-32 w-32"></div>
<img
class="max-w-sm rounded-lg shadow-2xl"
alt="man in suit"
src="https://img.daisyui.com/images/stock/photo-1635805737707-575885ab0820.webp"
/>
{#if !browser}
<div class="skeleton m-4 rounded-lg h-85 min-w-68"></div>
{:else}
<img
class="h-85 m-4 rounded-lg shadow-2xl"
alt="mugshot of luka in a formal suit"
src="/src/lib/assets/founder-mugshot.webp"
/>
{/if}
<div>
<h2 class="text-3xl font-bold">Founder and CEO</h2>
<h3 class="text-md italic">Luka Dekanozishvili</h3>
<p class="py-6">
As a founder and CEO, Mr. Dekanozishvili is responsible for the strategy, vision, and direction.
His most important goal while guiding the company is ensuring that useful products are made, that people are going to use.
His leadership style emphasizes ownership, clarity, and actually getting things done fast.
His most important goal while guiding the company is ensuring that useful products are made that people are going to use.
His leadership style emphasizes responsibility, clarity, and actually getting things done fast.
</p>
<button class="btn btn-primary not-sm:w-full"><a href="https://www.linkedin.com/in/lukadeka">Get in touch!</a></button>
<button class="btn btn-primary not-sm:w-full"><a rel="nofollow" href="https://www.linkedin.com/in/lukadeka">Get in touch!</a></button>
</div>
</div>
</div>
<div class="hero bg-base-200 mb-16">
<div class="hero-content flex-col lg:flex-row">
<img
class="max-w-sm rounded-lg shadow-2xl"
alt="man in suit"
src="https://img.daisyui.com/images/stock/photo-1635805737707-575885ab0820.webp"
/>
{#if !browser}
<div class="skeleton m-4 rounded-lg h-85 min-w-68"></div>
{:else}
<img
class="h-85 m-4 rounded-lg shadow-2xl"
alt="mugshot of luka in a t-shirt"
src="/src/lib/assets/dev-mugshot.webp"
/>
{/if}
<div>
<h2 class="text-3xl font-bold">Head of Marketing</h2>
<h2 class="text-3xl font-bold">Senior Software Engineer</h2>
<h3 class="text-md italic">Luka Dekanozishvili</h3>
<p class="py-6">
Mr. Dekanozishvili is our Head of Marketing as well as our Senior Marketing Manager.
He excels in Search Engine Optimization, and helped build up the reputation of HexName from the ground up.
With numerous years of experience building and leading projects, Mr. Dekanozishvili is an expert at backend as well as frontend development.
He specializes in scalability, maintainability, as well as ensuring a high-quality product.
</p>
<button class="btn btn-primary not-sm:w-full"><a href="https://www.linkedin.com/in/lukadeka">Get in touch!</a></button>
<button class="btn btn-primary not-sm:w-full"><a rel="nofollow" href="https://www.linkedin.com/in/lukadeka">Get in touch!</a></button>
</div>
</div>
</div>
<div class="hero bg-base-200 mb-16">
<div class="hero-content flex-col lg:flex-row-reverse">
<img
class="max-w-sm rounded-lg shadow-2xl"
alt="man in suit"
src="https://img.daisyui.com/images/stock/photo-1635805737707-575885ab0820.webp"
/>
<div>
<h2 class="text-3xl font-bold">Senior Software Engineer</h2>
<h3 class="text-md italic">Luka Dekanozishvili</h3>
<p class="py-6">
With numerous years of experience leading and building company-wide projects, Luka Dekanozishvili is an expert at backend as well as frontend development.
He specializes in scalability, maintainability, as well as ensuring a high-quality product.
</p>
<button class="btn btn-primary not-sm:w-full"><a href="https://www.linkedin.com/in/lukadeka">Get in touch!</a></button>
</div>
</div>
</div>
<div class="hero bg-base-200 mb-16">
<div class="hero-content flex-col lg:flex-row">
<img
class="max-w-sm rounded-lg shadow-2xl"
alt="man in suit"
src="https://img.daisyui.com/images/stock/photo-1635805737707-575885ab0820.webp"
/>
{#if !browser}
<div class="skeleton m-4 rounded-lg h-85 min-w-68"></div>
{:else}
<img
class="h-85 m-4 rounded-lg shadow-2xl"
alt="mugshot of luka in a red sweater"
src="/src/lib/assets/devops-mugshot.webp"
/>
{/if}
<div>
<h2 class="text-3xl font-bold">Principal DevOps Engineer</h2>
<h3 class="text-md italic">Luka Dekanozishvili</h3>
<p class="py-6">
With extensive hands-on experience deploying, monitoring, and maintaining production systems, Luka single-handedly designed the entire deployment infrastructure.
He specializes in automating everything that can be automated, keeping systems reliable, simple, and rapidly fixing issues to ensure a high uptime.
<!-- When something is “handled,” it is usually because he handled it personally. -->
</p>
<button class="btn btn-primary not-sm:w-full"><a href="https://www.linkedin.com/in/lukadeka">Get in touch!</a></button>
<button class="btn btn-primary not-sm:w-full"><a rel="nofollow" href="https://www.linkedin.com/in/lukadeka">Get in touch!</a></button>
</div>
</div>
</div>
<div class="hero bg-base-200 mb-16">
<div class="hero-content flex-col lg:flex-row">
{#if !browser}
<div class="skeleton m-4 rounded-lg h-85 min-w-68"></div>
{:else}
<img
class="h-85 m-4 rounded-lg shadow-2xl"
alt="mugshot of luka in semi-formal attire"
src="/src/lib/assets/marketing-mugshot.webp"
/>
{/if}
<div>
<h2 class="text-3xl font-bold">Head of Marketing and Content</h2>
<h3 class="text-md italic">Luka Dekanozishvili</h3>
<p class="py-6">
Luka is our Head of Marketing as well as our Senior Content Manager.
He excels in Search Engine Optimization, and helped build up the reputation of HexName from the ground up.
With years of experience, he also authors and redacts our blogs aimed for learning/understanding our technologies.
</p>
<button class="btn btn-primary not-sm:w-full"><a rel="nofollow" href="https://www.linkedin.com/in/lukadeka">Get in touch!</a></button>
</div>
</div>
</div>
<div class="hero bg-base-200 mb-16">
<div class="hero-content flex-col lg:flex-row-reverse">
<img
class="max-w-sm rounded-lg shadow-2xl"
alt="man in suit"
src="https://img.daisyui.com/images/stock/photo-1635805737707-575885ab0820.webp"
/>
{#if !browser}
<div class="skeleton m-4 rounded-lg h-85 min-w-68"></div>
{:else}
<img
class="h-85 m-4 rounded-lg shadow-2xl"
alt="mirror selfie of luka"
src="/src/lib/assets/ux-mugshot.webp"
/>
{/if}
<div>
<h2 class="text-3xl font-bold">UX & UI Design Lead</h2>
<h3 class="text-md italic">Luka Dekanozishvili</h3>
<p class="py-6">
Luka brings years of experience designing user interfaces that balance aesthetics with usability.
He is responsible for layout decisions, color schemes, accessibility considerations, and ensuring the product is maximally intuitive.
He ensures this by paying attention to every detail, and arguing with himself about every little design choice beforehand.
Luka is passionate about designing user interfaces that balance aesthetics with usability.
He is responsible for layout decisions, color schemes, accessibility considerations, and ensuring the product is maximally intuitive, and dead simple.
He ensures this by paying attention to every detail, and weighing the pros and cons of every design choice beforehand.
</p>
<button class="btn btn-primary not-sm:w-full"><a href="https://www.linkedin.com/in/lukadeka">Get in touch!</a></button>
<button class="btn btn-primary not-sm:w-full"><a rel="nofollow" href="https://www.linkedin.com/in/lukadeka">Get in touch!</a></button>
</div>
</div>
</div>
</div>
</div>