Skip to content

Commit

Permalink
new changes
Browse files Browse the repository at this point in the history
  • Loading branch information
solhosty committed Sep 15, 2023
1 parent 19a5fbb commit 1260e79
Show file tree
Hide file tree
Showing 5 changed files with 6 additions and 132 deletions.
4 changes: 2 additions & 2 deletions src/lib/components/footer.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
</script>

<footer
class="footer mt-20 grid w-full grid-cols-2 items-center border bg-black p-3"
class="footer mt-0 grid w-full grid-cols-2 items-center border bg-black p-3"
>
<div class="col-span-1 flex items-center">
<PoweredByHelius />
Expand All @@ -13,7 +13,7 @@
<div class="col-span-1 flex w-full justify-end">
<div class="mr-12">
<a
href="https://discord.gg/mV3dNPwDnZ"
href="https://discord.gg/nSkq35VUf5"
class="btn-ghost btn"
>
<Icon
Expand Down
4 changes: 2 additions & 2 deletions src/lib/components/search.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -168,7 +168,7 @@ $: if ($walletStore.connected && !connected) {
bind:this={inputEl}
class="input-bordered input h-10 w-full rounded-lg focus:input-primary"
class:h-14={size === "lg"}
placeholder="Search Solana"
placeholder="Input a Solana address, transaction signature, or domain..."
tabindex="0"
type="text"
on:focusin={() => dispatch("focusin")}
Expand Down Expand Up @@ -250,7 +250,7 @@ $: if ($walletStore.connected && !connected) {
class="bg-faint btn-outline btn col-span-1 mb-4 w-full"
on:click|preventDefault={newSearch}
>
<span class="text-sm">Go</span>
<span class="text-sm">Explore</span>
</button>
<!-- <button
class="bg-faint btn-outline btn col-span-3 mb-4 md:order-first"
Expand Down
3 changes: 1 addition & 2 deletions src/routes/+layout.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,5 @@
</div>
</div>
</main>
<Footer />
</QueryClientProvider>

<Footer />
123 changes: 0 additions & 123 deletions src/routes/+page.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -3,24 +3,14 @@
min-height: 65vh;
}
.transition-section {
border-radius: 100%;
}
</style>

<script lang="ts">
import { onMount } from "svelte";
import { fly } from "svelte/transition";
import Icon from "$lib/components/icon.svelte";
import Search from "$lib/components/search.svelte";
import IntersectionObserver from "svelte-intersection-observer";
let searchError = "";
let exploreELement: HTMLElement;
let isFocused = false;
let clearSearch = () => null;
Expand Down Expand Up @@ -56,116 +46,3 @@
</div>
</div>
</div>

<IntersectionObserver
once={true}
rootMargin="100px"
element={exploreELement}
let:intersecting
>
<section
bind:this={exploreELement}
class="transition-section relative z-10 mx-auto overflow-hidden bg-black py-24"
>
{#if intersecting}
<div
class="relative mx-auto max-w-2xl text-center"
in:fly={{
duration: 750,
y: 100,
}}
>
<h1 class="my-4 text-6xl font-bold">
<span
class="bg-gradient-to-br from-orange-700 to-yellow-400 bg-clip-text text-transparent"
>
Explore
</span>
the Solana Blockchain
</h1>
</div>
{/if}
</section>
<section class="px- mx-auto mb-20 max-w-6xl py-10">
<div class="mx-auto grid grid-cols-1 gap-10 px-5 md:grid-cols-3">
<div>
<div class="rounded-lg">
<div
class="mb-5 flex h-12 w-12 items-center justify-center rounded-full border"
>
<Icon
id="lightning"
size="lg"
/>
</div>

<div>
<h1 class="text-xl font-bold">Explorer</h1>
<p class="opacity-50">
We categorize and parse transaction data to provide
an interface that intuitively groups transaction
history by type.
</p>
</div>
</div>
</div>
<div>
<div class="rounded-lg">
<div
class="mb-5 flex h-12 w-12 items-center justify-center rounded-full border"
>
<Icon
id="sale"
size="lg"
/>
</div>

<div>
<h1 class="text-xl font-bold">NFT Buy/Sell History</h1>
<p class="opacity-50">
View the NFTs and tokens held by a specified account
or the transaction history of a particular token.
This lets you do things like see all of the bids,
sales, listings on a certain NFT.
</p>
</div>
</div>
</div>
<div>
<div class="rounded-lg">
<div
class="mb-5 flex h-12 w-12 items-center justify-center rounded-full border"
>
<h1>.sol</h1>
</div>

<div>
<h1 class="text-xl font-bold">Lookup by Domain</h1>
<p class="opacity-50">
Not only can you lookup any account, token or
transaction, you can also search .sol, .abc, .poor,
and .bonk domains.
</p>
</div>
</div>
</div>
<div>
<div class="rounded-lg">
<div
class="mb-5 flex h-12 w-12 items-center justify-center rounded-full border"
>
<h1>🎒</h1>
</div>

<div>
<h1 class="text-xl font-bold">xNFT Backpack Support</h1>
<p class="opacity-50">
You can Lookup Backpack usernames by searching
"@yourname", like "@xray".
</p>
</div>
</div>
</div>
</div>
</section>
</IntersectionObserver>
4 changes: 1 addition & 3 deletions src/routes/token/[token]/+page.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,7 @@
transform: translate(-50%, 0);
background-color: black;
}
.img {
max-height: 25vh;
}
</style>

<script lang="ts">
Expand Down

0 comments on commit 1260e79

Please sign in to comment.