Skip to content

Commit 4ead3ab

Browse files
tnyleatnylea
committed
Adding latest updates
1 parent 0d999f3 commit 4ead3ab

13 files changed

Lines changed: 3507 additions & 871 deletions

File tree

‎assets/css/main.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,15 +36,15 @@
3636
width: 100%;
3737
height: 100%;
3838
top: 100%;
39-
background-color: #fff;
39+
background-color: #0a0a0a;
4040
z-index: 9999;
4141
}
4242
}
4343

4444
.dark{
4545
.slideDown {
4646
&::before {
47-
background-color: #ffffff;
47+
background-color: #0a0a0a;
4848
}
4949
&::after {
5050
background-color: #0a0a0a;

‎assets/js/main.js‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -272,11 +272,13 @@ function domReadyLoop(){
272272
// start the slide down
273273
const tl = gsap.timeline();
274274

275-
tl.set('.slideDown', { y: 0, yPercent: -100, position: 'fixed' })
276-
.to('.slideDown', { duration: 2, ease: 'power3.out', yPercent: 100, force3D: true});
275+
tl.set('.slideDown', { y: 0, translateY: 0, position: 'fixed' })
276+
.to('.slideDown', { duration: 2, ease: 'power3.out', translateY: '100%', force3D: true});
277277

278278
setTimeout(function(){
279-
document.querySelector('.slideDown').remove();
279+
if(document.querySelector('.slideDown')){
280+
document.querySelector('.slideDown').remove();
281+
}
280282
}, 2000);
281283

282284
// setTimeout(function(){

‎includes/footer.html‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
1-
<footer class="relative z-10 pt-10 pb-6 bg-white dark:bg-neutral-950 md:pt-16">
1+
<div class="relative z-10 pt-10 pb-6 bg-white dark:bg-neutral-950 md:pt-16">
22
<div class="px-4 mx-auto max-w-6xl">
33
<ul class="grid gap-y-10 pb-10 text-sm font-medium sm:pb-20 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-4">
44
<li class="row-span-2 pr-10 space-y-5">
55
<div class="flex relative flex-col justify-start items-start w-auto leading-10 lg:px-1 lg:grow-0 lg:shrink-0 lg:text-left">
66
<a href="/" class="flex items-center space-x-1.5 h-5 text-lg font-semibold text-white dark:text-neutral-900">
77
<include src="logo.html"></include>
8-
98
</a>
109
</div>
1110
<p class="pt-2.5 font-normal text-neutral-600 dark:text-neutral-400">Wave is a SaaS framework that can help you build your next great idea faster than ever before.</p>
@@ -43,4 +42,4 @@ <h2 class="text-xs font-bold tracking-wide uppercase text-neutral-900 dark:text-
4342
</ul>
4443
</div>
4544
</div>
46-
</footer>
45+
</div>

‎includes/header-bar.html‎

Lines changed: 104 additions & 89 deletions
Large diffs are not rendered by default.

‎includes/header.html‎

Lines changed: 37 additions & 141 deletions
Large diffs are not rendered by default.

‎includes/keys.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<div class="fixed bottom-0 left-0 z-999999 hidden p-3 space-x-2 xl:flex">
2-
<button @click="document.getElementById('prev-active-button').click()" @keydown.left.window="$el.classList.remove('opacity-90')" @keyup.left.window="$el.classList.add('opacity-90')" class="relative flex items-center justify-center w-10 h-10 dark:text-white font-medium border border-gray-200 rounded-md shadow-xs opacity-90 bg-linear-to-b from-white to-gray-50 dark:from-gray-800 dark:to-gray-900 dark:border-gray-800">
3-
<svg @keydown.left.window="$el.classList.remove('opacity-30')" @keyup.left.window="$el.classList.add('opacity-30')" class="shrink-0 w-4 h-4 fill-current opacity-30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="none" d="M0 0h256v256H0z"/><path d="M163.06 40.61a8 8 0 0 0-8.72 1.73l-80 80a8 8 0 0 0 0 11.32l80 80A8 8 0 0 0 168 208V48a8 8 0 0 0-4.94-7.39Z"/></svg>
1+
<div class="hidden fixed bottom-0 left-0 p-3 space-x-2 translate-x-10 z-99 xl:flex">
2+
<button @click="document.getElementById('prev-active-button').click()" @keydown.left.window="$el.classList.remove('opacity-90')" @keyup.left.window="$el.classList.add('opacity-90')" class="flex relative justify-center items-center w-10 h-10 font-medium from-white to-gray-50 rounded-md border border-gray-200 opacity-90 dark:text-white shadow-xs bg-linear-to-b dark:from-gray-800 dark:to-gray-900 dark:border-gray-800">
3+
<svg @keydown.left.window="$el.classList.remove('opacity-30')" @keyup.left.window="$el.classList.add('opacity-30')" class="w-4 h-4 opacity-30 fill-current shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="none" d="M0 0h256v256H0z"/><path d="M163.06 40.61a8 8 0 0 0-8.72 1.73l-80 80a8 8 0 0 0 0 11.32l80 80A8 8 0 0 0 168 208V48a8 8 0 0 0-4.94-7.39Z"/></svg>
44
</button>
5-
<button @click="document.getElementById('next-active-button').click()" @keydown.right.window="$el.classList.remove('opacity-90')" @keyup.right.window="$el.classList.add('opacity-90')" class="relative flex items-center justify-center w-10 h-10 dark:text-white font-medium border border-gray-200 rounded-md shadow-xs opacity-90 bg-linear-to-b from-white to-gray-50 dark:from-gray-800 dark:to-gray-900 dark:border-gray-800">
6-
<svg @keydown.right.window="$el.classList.remove('opacity-30')" @keyup.right.window="$el.classList.add('opacity-30')" class="shrink-0 w-4 h-4 fill-current opacity-30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="none" d="M0 0h256v256H0z"/><path d="m181.66 122.34-80-80A8 8 0 0 0 88 48v160a8 8 0 0 0 13.66 5.66l80-80a8 8 0 0 0 0-11.32Z"/></svg>
5+
<button @click="document.getElementById('next-active-button').click()" @keydown.right.window="$el.classList.remove('opacity-90')" @keyup.right.window="$el.classList.add('opacity-90')" class="flex relative justify-center items-center w-10 h-10 font-medium from-white to-gray-50 rounded-md border border-gray-200 opacity-90 dark:text-white shadow-xs bg-linear-to-b dark:from-gray-800 dark:to-gray-900 dark:border-gray-800">
6+
<svg @keydown.right.window="$el.classList.remove('opacity-30')" @keyup.right.window="$el.classList.add('opacity-30')" class="w-4 h-4 opacity-30 fill-current shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="none" d="M0 0h256v256H0z"/><path d="m181.66 122.34-80-80A8 8 0 0 0 88 48v160a8 8 0 0 0 13.66 5.66l80-80a8 8 0 0 0 0-11.32Z"/></svg>
77
</button>
88
</div>

‎includes/light-dark-toggle.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
})
2626
"
2727
x-on:click="toggle()"
28-
class="fixed bottom-0 right-0 z-50 flex items-center p-0.5 mb-3.5 mr-3.5 text-xs rounded-full cursor-pointer select-none "
28+
class="flex fixed right-0 bottom-0 z-50 items-center p-0.5 mr-3.5 mb-3.5 text-xs rounded-full cursor-pointer select-none"
2929
x-cloak>
3030

3131
<input type="hidden" name="toggleDarkMode" :value="theme">
@@ -37,11 +37,11 @@
3737
:aria-checked="theme == 'dark'"
3838
:aria-labelledby="$id('toggle-label')"
3939
:class="(theme == 'dark') ? 'bg-neutral-800' : 'bg-slate-300'"
40-
class="relative inline-flex shrink-0 h-9 px-0.5 rounded-full focus:ring-0"
40+
class="inline-flex relative px-0.5 h-9 rounded-full shrink-0 focus:ring-0"
4141
x-cloak>
4242
<span
4343
:class="(theme == 'dark') ? 'translate-y-[10px]' : 'translate-y-0.5'"
44-
class="flex items-center justify-center w-6 h-6 duration-300 ease-out bg-white rounded-full shadow-md dark:bg-neutral-900 focus:outline-hidden"
44+
class="flex justify-center items-center w-6 h-6 bg-white rounded-full shadow-md duration-300 ease-out dark:bg-neutral-900 focus:outline-hidden"
4545
aria-hidden="true"
4646
>
4747
<svg x-show="theme == 'light' || theme == null" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-black fill-current" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><line x1="240" y1="160" x2="16" y2="160" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="208" y1="200" x2="48" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M66,160a64,64,0,1,1,124,0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="80" y1="40" x2="88" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="24" y1="96" x2="40" y2="104" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="232" y1="96" x2="216" y2="104" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="176" y1="40" x2="168" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>

‎includes/loader.html‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<div class="flex overflow-hidden fixed inset-0 justify-center items-center h-screen rounded-tl-xl slideDown z-[9998]">
2+
<svg class="w-5 h-5 animate-spin text-neutral-900 dark:text-neutral-100" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
3+
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
4+
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
5+
</svg>
6+
</div>
7+
<div id="loader" class="flex overflow-hidden fixed inset-0 justify-center items-center w-screen h-full bg-black rounded-tl-xl duration-300 ease-out z-[9999]">
8+
<svg class="w-auto h-20 text-white animate-spin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 51" fill="none">
9+
<path fill="currentColor" fill-rule="evenodd" d="M25.506 50.37h-.656c-1.03-.27-1.321-1.043-1.35-1.991-.008-.197-.022-.394.022-.584.182-.84.357-1.686.59-2.51.169-.599.103-.912-.364-1.321a.857.857 0 0 1-.256-.51 10.647 10.647 0 0 1-.007-1.278c.008-.204-.073-.263-.27-.284-2.328-.27-4.502-1-6.509-2.204-.693-.416-1.35-.898-2.072-1.38-.329.344-.642.709-1.007 1.037a.892.892 0 0 1-.57.204c-.612-.036-.882.132-1.189.679a24.96 24.96 0 0 1-1.364 2.189c-.343.489-.81.868-1.401 1.073-.635.218-1.146-.008-1.584-.446-.445-.445-.686-.977-.416-1.583.19-.409.46-.803.774-1.131.722-.744 1.612-1.24 2.546-1.671.475-.219.686-.584.591-1.08-.05-.277.022-.467.22-.65.357-.328.707-.663 1.072-1.007C10.212 33.31 9.008 30.4 8.643 27.1c-.518 0-1.015.022-1.503-.014a.883.883 0 0 1-.54-.263c-.394-.445-.73-.555-1.292-.35-.97.365-1.978.613-3.021.605-.978 0-1.81-.277-2.087-1.364v-.657c.474-1.095 1.087-1.489 2.35-1.335.934.116 1.853.357 2.765.605.555.146.912.11 1.255-.35a.672.672 0 0 1 .613-.3c.482.015.964.008 1.467.008a17.19 17.19 0 0 1 1.175-4.648c.613-1.489 1.445-2.853 2.466-4.145-.372-.365-.744-.7-1.072-1.072a.808.808 0 0 1-.183-.54c.051-.599-.124-.883-.635-1.175-.758-.43-1.51-.883-2.218-1.38a2.895 2.895 0 0 1-1.065-1.357c-.227-.627-.044-1.145.401-1.598.445-.452.963-.693 1.613-.467.583.204 1.05.584 1.393 1.073.511.737.964 1.51 1.416 2.284.248.43.591.664 1.066.569.306-.058.51.037.7.248.314.35.642.686.97 1.029 1.321-1.05 2.679-1.868 4.16-2.481 1.489-.62 3.035-.992 4.655-1.182 0-.526-.021-1.03.015-1.518a.819.819 0 0 1 .255-.51c.468-.41.577-.738.358-1.322-.365-.963-.598-1.955-.606-2.984C23.507 1.29 23.843.816 24.937.4h.584c.927.24 1.292.905 1.357 1.795.015.168.015.343.008.51-.037.979-.27 1.92-.613 2.832-.197.526-.117.898.335 1.219.241.175.314.372.307.65-.015.48-.008.962-.008 1.444 3.313.372 6.218 1.584 8.757 3.612.051-.022.066-.022.073-.029.343-.343.679-.7 1.044-1.014a.821.821 0 0 1 .547-.175c.584.05.905-.117 1.175-.643.284-.547.547-1.123.92-1.605.422-.547.919-1.073 1.473-1.489.657-.488 1.357-.357 1.948.212.606.584.716 1.262.3 1.978a3.4 3.4 0 0 1-.409.554c-.759.832-1.707 1.394-2.715 1.868-.518.241-.7.526-.627 1.095.036.299-.051.51-.263.708-.343.313-.678.65-1 .97 2.365 3.335 2.795 4.357 3.605 8.582.037.197.132.226.3.226.423-.008.853-.022 1.277.007.167.015.372.11.481.24.438.512.715.548 1.38.373.897-.24 1.809-.467 2.728-.576 1.226-.14 1.825.24 2.299 1.262v.803c-.306 1.021-1.11 1.277-2.036 1.291-1.043.015-2.043-.24-3.02-.59-.621-.227-.92-.132-1.344.364a.802.802 0 0 1-.481.24c-.409.037-.825.023-1.24.008-.256-.014-.33.088-.351.329-.212 1.86-.715 3.648-1.59 5.304-.577 1.095-1.263 2.124-1.95 3.262.278.263.628.606.986.927.19.168.255.358.226.613-.073.642.102.861.672 1.182.73.409 1.444.84 2.13 1.321.497.35.905.817 1.11 1.416.218.62.021 1.145-.424 1.59-.438.438-.948.672-1.583.453a2.816 2.816 0 0 1-1.401-1.073 24.921 24.921 0 0 1-1.38-2.218c-.291-.518-.576-.693-1.167-.657a.84.84 0 0 1-.576-.197c-.373-.321-.701-.7-1.022-1.022-.073.015-.088.015-.095.022-2.51 1.978-5.341 3.19-8.523 3.569-.08.007-.197.16-.204.255-.022.438.014.876-.022 1.313a.764.764 0 0 1-.241.482c-.496.43-.591.73-.365 1.343.365 1 .613 2.021.591 3.094-.05.912-.357 1.685-1.393 1.94Zm11.968-24.036a2.3 2.3 0 0 0-.27-.022c-.35.008-.693.044-.956-.292-.073-.087-.328-.11-.467-.05-1.168.444-2.32.444-3.488-.008-.132-.051-.394-.022-.467.066-.241.32-.562.277-.883.292-.102.007-.24.102-.277.19-.278.707-.54 1.415-.825 2.188-.022-.022.022.037.073.08.24.227.474.438.416.832-.015.117.146.329.27.387 1.16.511 1.977 1.336 2.503 2.489.066.146.32.291.489.291.27 0 .438.095.59.278.103.124.19.255.307.416 1.78-2.124 2.759-4.452 2.985-7.137Zm0-1.883c-.234-2.707-1.204-5.035-2.926-7.078-.102.095-.183.168-.263.241-.212.204-.387.452-.766.387-.124-.022-.365.168-.43.313-.512 1.124-1.314 1.934-2.445 2.445-.154.066-.321.314-.314.467.007.3-.11.482-.307.657-.094.087-.175.182-.27.277.037 0 .073-.007.11-.007.255.686.533 1.372.766 2.065.066.197.16.24.343.233.314-.014.613-.021.854.278.08.102.372.11.532.05a4.75 4.75 0 0 1 3.386 0c.168.06.46.008.584-.109a.742.742 0 0 1 .613-.219c.16.008.314 0 .533 0Zm-15.601 5.583a.367.367 0 0 0-.088.08c-.226.24-.438.467-.832.423-.124-.014-.336.168-.401.307-.504 1.13-1.321 1.933-2.438 2.444-.153.073-.335.321-.32.467.029.307-.11.482-.307.65-.11.095-.234.175-.38.277 2.117 1.78 4.452 2.758 7.123 2.977.014-.117.021-.175.021-.233 0-.358-.043-.715.3-.993.087-.073.102-.335.05-.467-.444-1.153-.437-2.298-.007-3.459.051-.145.03-.423-.065-.496-.307-.233-.292-.54-.278-.854.008-.182-.036-.277-.233-.343-.693-.226-1.38-.488-2.146-.78Zm-8.976-3.722c.233 2.715 1.204 5.043 2.926 7.086.095-.088.175-.154.241-.22.219-.233.416-.444.795-.408.124.015.343-.153.409-.292.518-1.138 1.328-1.955 2.466-2.466.146-.066.292-.314.3-.482.007-.263.08-.445.277-.59.117-.088.24-.169.27-.19-.3-.738-.591-1.35-.796-1.993-.102-.32-.182-.496-.547-.438-.248.044-.452-.029-.65-.233-.101-.11-.379-.168-.517-.117-1.168.453-2.32.445-3.488.008-.146-.059-.424-.008-.518.102-.205.219-.416.262-.68.24-.145-.014-.284-.007-.488-.007Zm0-1.883c.139.015.219.03.3.03.335-.008.663-.03.919.292.073.094.357.102.503.05 1.146-.437 2.277-.43 3.422 0 .146.059.424.044.497-.05.248-.307.554-.285.883-.292.102 0 .255-.095.292-.183.277-.708.532-1.423.795-2.13.058-.022.03-.073-.015-.11-.248-.248-.525-.452-.467-.883.015-.117-.175-.321-.32-.387-1.117-.503-1.913-1.306-2.423-2.415-.073-.16-.329-.336-.497-.328a.645.645 0 0 1-.583-.278c-.102-.131-.183-.284-.285-.46-1.817 2.139-2.787 4.46-3.021 7.145Zm4.276-8.406c.088.095.146.168.22.234.218.219.466.401.408.795-.022.131.19.372.35.445 1.102.504 1.89 1.3 2.393 2.394.073.153.307.343.453.335.335-.021.518.139.715.343.08.088.168.16.255.241 0-.036-.007-.073-.007-.102.664-.255 1.32-.533 2-.752.233-.08.313-.16.299-.394-.015-.292-.022-.562.255-.788.11-.087.131-.394.073-.562-.409-1.138-.416-2.255.007-3.386.059-.16.022-.46-.087-.561-.234-.212-.263-.446-.248-.716.007-.138 0-.277 0-.452-2.715.234-5.043 1.211-7.086 2.926Zm11.31 13.894-.065.153c-.686.256-1.372.526-2.072.76-.205.072-.22.182-.212.35.015.306.007.583-.27.817-.11.095-.131.394-.073.562.416 1.13.409 2.254 0 3.385-.058.168-.007.467.11.584a.772.772 0 0 1 .24.65c-.007.153 0 .306 0 .496 2.7-.241 5.028-1.212 7.064-2.926-.073-.08-.117-.139-.168-.183-.255-.24-.51-.46-.467-.883.015-.117-.175-.328-.314-.394-1.13-.51-1.933-1.32-2.444-2.444-.073-.154-.329-.234-.511-.321-.168-.088-.372-.124-.525-.234-.124-.088-.197-.248-.292-.372Zm4.795-13.828c-2.13-1.788-4.451-2.758-7.115-2.992-.014.117-.029.197-.029.285 0 .335.037.664-.3.92-.094.072-.116.35-.065.495a4.773 4.773 0 0 1 0 3.452c-.05.146-.029.423.066.496.328.24.284.555.299.883.007.095.073.248.153.277.715.278 1.438.54 2.211.818-.022.021.022-.015.066-.059.233-.24.445-.496.854-.445.117.015.328-.168.394-.306.503-1.11 1.299-1.92 2.415-2.423.16-.073.343-.321.343-.489 0-.292.102-.489.314-.65.117-.087.24-.16.394-.262Zm-11.011 9.274a2.913 2.913 0 0 0 2.904 2.934 2.945 2.945 0 0 0 2.948-2.904c.022-1.591-1.314-2.926-2.919-2.934a2.918 2.918 0 0 0-2.933 2.904Zm-11.223 5.532c0 .452.379.832.831.832a.862.862 0 0 0 .84-.832.85.85 0 0 0-.832-.832c-.46 0-.84.38-.84.832ZM31.519 12.09a.83.83 0 0 0-.81-.846.835.835 0 0 0-.021 1.67.835.835 0 0 0 .831-.824Zm-11.018 0a.832.832 0 0 0-.818-.846.835.835 0 0 0-.029 1.67.852.852 0 0 0 .847-.824ZM39.32 30.895a.822.822 0 0 0-.832-.832.832.832 0 0 0 0 1.664.822.822 0 0 0 .832-.832ZM11.875 20.7a.846.846 0 0 0 .832-.832.841.841 0 0 0-.839-.825.835.835 0 0 0-.824.832c0 .46.379.825.831.825Zm18.82 18.819a.812.812 0 0 0 .824-.832.814.814 0 0 0-.802-.825.827.827 0 0 0-.847.818c-.007.46.365.839.825.839ZM20.5 38.68a.832.832 0 0 0-.847-.816.828.828 0 0 0-.802.86c.014.446.379.803.824.803a.838.838 0 0 0 .825-.846ZM39.32 19.884a.816.816 0 0 0-.817-.839.833.833 0 0 0-.03 1.664c.468 0 .84-.358.847-.825Z" clip-rule="evenodd" />
10+
</svg>
11+
</div>
12+

0 commit comments

Comments
 (0)