Skip to content

feat: update UI components and enhance descriptions #152

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
barbaraperic wants to merge 1 commit into
base: main
Choose a base branch
from
Open

feat: update UI components and enhance descriptions #152

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion components/AppLink.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ const forwardProps = useForwardProps(reactiveOmit(props, ['target']))

<template>
<NuxtLink
class="inline-block cursor-pointer"
class="inline-block cursor-pointer text-center"
:target="target || (isExternal(href || to) ? '_blank' : undefined)"
v-bind="forwardProps"
>
Expand Down
4 changes: 2 additions & 2 deletions components/Blog/Card.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ defineProps<{
</script>

<template>
<Card class="blog-card overflow-clip">
<Card class="blog-card !bg-brand-7 overflow-clip">
<template #header>
<AppLink :href="item.link" class="aspect-ratio-video overflow-hidden">
<img
Expand All @@ -29,7 +29,7 @@ defineProps<{
<time class="h5 text-sm" :datetime="item.pubDate">
{{ useAppDateFormat(item.pubDate) }}
</time>
<p v-if="showSnippet" class="text-base p1 break-words">
<p v-if="showSnippet" class="break-words text-base p1">
{{ item.snippet }}
</p>
</div>
Expand Down
2 changes: 1 addition & 1 deletion components/Ecosystem.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const discord = useSocialNetwork('discord')
description="Become part of the ecosystem and build on top of Storacha’s blazing fast, decentralized storage and retrieval network or contribute to the protocol and interfaces!"
:actions="[
{ text: 'Join Dev Community', href: discord?.href, primary: true },
{ outline: true, asComponent: MailingListSignup },
{ outline: true, asComponent: MailingListSignup, class: 'w-full' },
]"
/>
<Section class="ecosystem mt-12" full-width>
Expand Down
2 changes: 1 addition & 1 deletion components/KeyFeatures.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ const cards = [{
subTitle: 'Solid Backup',
icon: '🏢',
status: 'Future',
description: 'Each piece of data gets a unique content address, ensuring everything is secure and verifiable. No more worries about data integrity!',
description: 'Store your data securely on a global decentralized network. Built-in verification ensures your backups stay safe and accessible.',
}, {
title: 'Redundancy',
subTitle: 'Extra Layer of Safety',
Expand Down
2 changes: 1 addition & 1 deletion components/PreFooter.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ defineProps<Props>()
<Heading v-if="heading" type="h3" class="text-center color-brand-3 font-medium">
{{ heading }}
</Heading>
<Btn v-if="cta" v-bind="cta" secondary>
<Btn v-if="cta" v-bind="cta" secondary class="w-full sm:w-auto">
{{ cta.text }}
</Btn>
</div>
Expand Down
2 changes: 1 addition & 1 deletion components/Pricing.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,7 @@ const start = useActions('start')
['100GB egress', 'Additional at $0.05/GB per month '],
]"
:action="start"
ribbon="🔥 Best Value 🔥 Best Value"
/>
<PricingCard
tier="Extra Spicy"
Expand All @@ -48,7 +49,6 @@ const start = useActions('start')
['2TB egress', 'Additional at $0.03/GB per month'],
]"
:action="start"
ribbon="🔥 Best Value 🔥 Best Value"
/>
</div>
</div>
Expand Down
3 changes: 2 additions & 1 deletion pages/index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,8 @@ const start = useActions('start')
Storacha transforms web3.storage into a community-driven, decentralized hot storage network. Proven to handle petabytes of data with large enterprise support, Storacha effortlessly manages massive data flows.
</p>
<p>
It's the ultimate scaling solution for IPFS, adding the perfect kick to storage and retrieval, built on top of Filecoin. Plus, it guarantees verifiable, user-owned data. Whether you’re scaling decentralized applications or infrastructure, Storacha delivers unmatched performance and reliability — season to taste. </p>
It's the ultimate scaling solution for IPFS, adding the perfect kick to storage and retrieval, built on top of Filecoin. Plus, it guarantees verifiable, user-owned data. Whether you’re scaling decentralized applications or infrastructure, Storacha delivers unmatched performance and reliability — season to taste.
</p>
</div>
</SplitCell>
</Split>
Expand Down
12 changes: 6 additions & 6 deletions pages/node-providers.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,15 +7,15 @@ const nodeWaitlist = useActions('nodeWaitlist')
const nodes = [{
id: 'storage',
title: 'Storage Node',
description: 'The first nodes to roll-out: Spice up Storacha storage by running our first hotshot nodes! Keep Storacha’s data sizzling and accessible, and in exchange you’ll rack up rewards!',
description: 'The first nodes to roll-out: Spice up Storacha storage by running our first hotshot nodes. Keep Storacha’s data sizzling and accessible, and in exchange you’ll rack up rewards.',
}, {
id: 'retrieval',
title: 'Retrieval Node',
description: 'Coming soon: Our lightning-fast Retrieval Nodes! Run a node to cache and fetch data effortlessly, serving users and earning you rewards. Stay tuned – the rewards will be worth it!',
description: 'Coming soon: Our lightning-fast Retrieval Nodes! Run a node to cache and fetch data effortlessly, serving users and earning you rewards. Stay tuned – the rewards will be worth it.',
}, {
id: 'indexing',
title: 'Indexing Node',
description: 'Coming soon: Our Indexing Nodes will track data locations, helping users find what they need. Get excited – they’re on the way!',
description: 'Coming soon: Our Indexing Nodes will track data locations, helping users find what they need. Get excited – they’re on the way.',
}]
</script>

Expand Down Expand Up @@ -46,13 +46,13 @@ const nodes = [{
Storacha is open sauce. We need you. While you wait to run your own nodes, contribute in other ways:
</p>
<ul>
<li>Get started with the w3cli on Github.</li>
<li>Get started with the <a href="https://github.com/storacha/w3cli">w3cli</a> on Github.</li>
<li>Collaborate with our dev team on Discord.</li>
<li>Learn about the network and future node types below.</li>
</ul>
</div>
<Btn href="https://github.com/storacha/w3cli">
Get Started!
Get Started
</Btn>
</div>
</div>
Expand Down Expand Up @@ -93,7 +93,7 @@ const nodes = [{
</Heading>
<div class="prose p1">
<p>
The Storacha network doesn't discriminate. Got a solid home server, or a sleek setup in a data center? As long as you have a trusty internet connection, you're in! We're here to make joining the party easy for everyone. Detailed hardware recommendations will be served hot with each new node type release. Stay tuned and follow us on Discord and X!
The Storacha network doesn't discriminate. Got a solid home server, or a sleek setup in a data center? As long as you have a trusty internet connection, you're in! We're here to make joining the party easy for everyone. Detailed hardware recommendations will be served hot with each new node type release. Stay tuned and follow us on Discord and X.
</p>
</div>
</div>
Expand Down
1 change: 1 addition & 0 deletions unocss.config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,7 @@ export default defineConfig({
4: '#EFE3F3',
5: '#FFC83F',
6: '#FFE4AE',
7: '#F6EDF7',
},
},
},
Expand Down