mirror of
https://github.com/aljazceru/njump.git
synced 2026-02-03 05:04:27 +01:00
Tweak many homepage details and typos
This commit is contained in:
Daniele Tonon
@@ -5,7 +5,7 @@ templ homepageTemplate(params HomePageParams) {
|
||||
<html class="theme--default font-light">
|
||||
<meta charset="UTF-8" />
|
||||
<head>
|
||||
<title>njump - the nostr static gateway</title>
|
||||
<title>njump - jump on board on Nostr, start now!</title>
|
||||
<meta name="description" content="" />
|
||||
|
||||
@headCommonTemplate(params.HeadParams)
|
||||
@@ -80,7 +80,7 @@ templ homepageTemplate(params HomePageParams) {
|
||||
|
||||
<!-- Main section -->
|
||||
|
||||
<div id="why-nostr" class="mt-16 mb-12 text-center">
|
||||
<div id="why-nostr" class="mt-16 mb-12 sm:text-center">
|
||||
<div class="text-4xl text-strongpink">Empowering freedom in Nostr</div>
|
||||
<div class="text-2xl">A secure, user-centric protocol and social network</div>
|
||||
</div>
|
||||
@@ -155,10 +155,10 @@ templ homepageTemplate(params HomePageParams) {
|
||||
|
||||
<!-- Get started -->
|
||||
|
||||
<div id="getstarted" class="relative px-4 sm:px-0 sm:flex mt-20 py-10 sm:py-28 justify-center bg-gradient-to-br from-slate-600 to-slate-900 text-neutral-50">
|
||||
<div id="getstarted" class="relative px-4 sm:px-0 sm:flex mt-20 py-14 sm:py-28 justify-center bg-gradient-to-br from-slate-600 to-slate-900 text-neutral-50 dark:from-slate-700 dark:to-slate-950">
|
||||
<div class="w-full max-w-screen-2xl sm:w-11/12 sm:px-4 md:w-10/12 lg:w-9/12">
|
||||
<h2 class="text-4xl">Get started with Nostr</h2>
|
||||
<div class="sm:flex sm:flex-row sm:flex-wrap sm:w-4/5 mt-12">
|
||||
<h2 class="text-4xl mb-10 sm:mb-12">Get started with Nostr</h2>
|
||||
<div class="sm:flex sm:flex-row sm:flex-wrap sm:w-4/5">
|
||||
<div class="sm:basis-1/2 sm:pr-20 mb-8">
|
||||
<h3 class="text-2xl mb-1 text-strongpink">Create an account</h3>
|
||||
<p>With Nostr there is not a central provider that give you an account, in fact your account is powered just by cryptography, and you could create one (or more!) yourself by hand, without any limit. But usually the easist way is to use a <a href="#social" class="underline">Nostr app</a> to bootstrap a new account and then use it everywhere.</p>
|
||||
@@ -173,7 +173,7 @@ templ homepageTemplate(params HomePageParams) {
|
||||
</div>
|
||||
<div class="sm:basis-1/2 sm:pr-20 mb-8 sm:mb-0">
|
||||
<h3 class="text-2xl mb-1 text-strongpink">Explore Nostr</h3>
|
||||
<p>After you are familiar with the basic concepts you can explore other "social" clients and other <a href="#readwrite" class="underline">Nostr applications</a>; remember: your already have your digital identity and it works everywhere, so you can simply login in using your nsec. Always be sure that the app came from a trusted source/dev!</p>
|
||||
<p>After you are familiar with the basic concepts you can explore other social clients and other <a href="#readwrite" class="underline">Nostr applications</a>; your already have your digital identity and it works everywhere, so you can simply login in using your nsec. As usual be sure that the app is from a trusted source!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -186,15 +186,15 @@ templ homepageTemplate(params HomePageParams) {
|
||||
|
||||
<div
|
||||
id="resources"
|
||||
class="w-full px-4 max-w-screen-2xl sm:w-11/12 sm:px-4 md:w-10/12 lg:w-9/12 sm:gap-10 print:w-full font-extralight"
|
||||
class="w-full px-4 py-14 sm:py-28 max-w-screen-2xl sm:w-11/12 sm:px-4 md:w-10/12 lg:w-9/12 sm:gap-10 print:w-full font-extralight"
|
||||
>
|
||||
<div id="why-nostr" class="mt-16 mb-12 text-center">
|
||||
<div id="why-nostr" class="mb-10 sm:mb-12 text-center">
|
||||
<div class="text-4xl text-strongpink">Nostr resources</div>
|
||||
<div class="text-2xl">Discover how many things you can do with Nostr</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 sm:grid-cols-3 sm:gap-8 gap-y-12">
|
||||
<div class="sm:basis-1/3 text-center">
|
||||
<div class="grid grid-cols-1 sm:grid-cols-3 gap-y-8 sm:gap-x-8 sm:gap-y-12">
|
||||
<div class="sm:basis-1/3 text-center bg-neutral-200/50 dark:bg-neutral-700/60 rounded-md p-8">
|
||||
<h2 id="social" class="text-2xl text-strongpink">Social network</h2>
|
||||
|
||||
<a href="https://play.google.com/store/apps/details?id=com.vitorpamplona.amethyst&hl=en&gl=US" class="group bg-slate-200" target="_blank">
|
||||
@@ -211,23 +211,23 @@ templ homepageTemplate(params HomePageParams) {
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sm:basis-1/3 text-center">
|
||||
<div class="sm:basis-1/3 text-center bg-neutral-200/50 dark:bg-neutral-700/60 rounded-md p-8">
|
||||
<h2 id="readwrite" class="text-2xl text-strongpink">Read and write</h2>
|
||||
<a href="https://habla.news" class="group bg-slate-200" target="_blank">
|
||||
<h3 class="text-xl mt-4 group-hover:text-strongpink">Habla</h3>
|
||||
</a>
|
||||
<a href="https://blogstack.io" class="group bg-slate-200" target="_blank">
|
||||
<h3 class="text-xl mt-4 group-hover:text-strongpink">Blogstack</h3>
|
||||
</a>
|
||||
<a href="https://blogstack.io" class="group bg-slate-200" target="_blank">
|
||||
<a href="https://highlighter.com" class="group bg-slate-200" target="_blank">
|
||||
<h3 class="text-xl mt-4 group-hover:text-strongpink">Highlighter</h3>
|
||||
</a>
|
||||
<a href="https://yakihonne.com" class="group bg-slate-200" target="_blank">
|
||||
<h3 class="text-xl mt-4 group-hover:text-strongpink">Yakihonne</h3>
|
||||
</a>
|
||||
<a href="https://shipyard.pub" class="group bg-slate-200" target="_blank">
|
||||
<h3 class="text-xl mt-4 group-hover:text-strongpink">Shipyard</h3>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sm:basis-1/3 text-center">
|
||||
<div class="sm:basis-1/3 text-center bg-neutral-200/50 dark:bg-neutral-700/60 rounded-md p-8">
|
||||
<h2 class="text-2xl text-strongpink">Streaming</h2>
|
||||
<a href="https://nostrnests.com" class="group bg-slate-200" target="_blank">
|
||||
<h3 class="text-xl mt-4 group-hover:text-strongpink">Nostr Nests</h3>
|
||||
@@ -243,7 +243,7 @@ templ homepageTemplate(params HomePageParams) {
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sm:basis-1/3 text-center">
|
||||
<div class="sm:basis-1/3 text-center bg-neutral-200/50 dark:bg-neutral-700/60 rounded-md p-8">
|
||||
<h2 class="text-2xl text-strongpink">Chats</h2>
|
||||
<a href="https://0xchat.com" class="group bg-slate-200" target="_blank">
|
||||
<h3 class="text-xl mt-4 group-hover:text-strongpink">0xChat</h3>
|
||||
@@ -259,7 +259,7 @@ templ homepageTemplate(params HomePageParams) {
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sm:basis-1/3 text-center">
|
||||
<div class="sm:basis-1/3 text-center bg-neutral-200/50 dark:bg-neutral-700/60 rounded-md p-8">
|
||||
<h2 class="text-2xl text-strongpink">Utilities and tools</h2>
|
||||
<a href="https://listr.lol" class="group bg-slate-200" target="_blank">
|
||||
<h3 class="text-xl mt-4 group-hover:text-strongpink">Listr</h3>
|
||||
@@ -275,7 +275,7 @@ templ homepageTemplate(params HomePageParams) {
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sm:basis-1/3 text-center">
|
||||
<div class="sm:basis-1/3 text-center bg-neutral-200/50 dark:bg-neutral-700/60 rounded-md p-8">
|
||||
<h2 id="signers" class="text-2xl text-strongpink">Signers</h2>
|
||||
<a href="https://chromewebstore.google.com/detail/nos2x/kpgefcfmnafjgpblomihpgmejjdanjjp" class="group bg-slate-200" target="_blank">
|
||||
<h3 class="text-xl mt-4 group-hover:text-strongpink">nos2x</h3>
|
||||
@@ -299,10 +299,10 @@ templ homepageTemplate(params HomePageParams) {
|
||||
|
||||
<!-- Develop on Nostr -->
|
||||
|
||||
<div id="development" class="relative px-4 sm:px-0 sm:flex my-20 py-10 sm:py-20 justify-center bg-gradient-to-br from-sky-100 to-purple-100">
|
||||
<div id="development" class="relative px-4 sm:px-0 sm:flex mb-20 py-14 sm:py-28 justify-center bg-gradient-to-br from-sky-100 to-purple-100 dark:from-slate-700 dark:to-slate-950 dark:text-neutral-50">
|
||||
<div class="w-full max-w-screen-2xl sm:w-11/12 sm:px-4 md:w-10/12 lg:w-9/12">
|
||||
<h2 class="text-4xl text-center">Develop on Nostr</h2>
|
||||
<div class="sm:flex sm:gap-20 mt-10">
|
||||
<h2 class="text-4xl mb-10 sm:mb-12 sm:text-center">Develop on Nostr</h2>
|
||||
<div class="sm:flex sm:gap-20">
|
||||
<div class="basis-1/2">
|
||||
<h2 class="text-2xl text-strongpink">Where all started</h2>
|
||||
<div class="mt-2">The Nostr "manifesto" was created as a repository and contains the initial description of fiatjaf's idea and the motivations behind it, find it out to fully appreciate Nostr!</div>
|
||||
@@ -311,7 +311,7 @@ templ homepageTemplate(params HomePageParams) {
|
||||
|
||||
<div class="basis-1/2">
|
||||
<h2 class="text-2xl text-strongpink">Discover the NIPS</h2>
|
||||
<div class="mt-2">NIPs stand for "Nostr Implementation Possibilities", thet exist to document what may be implemented by Nostr compatible relay and client software; study them to develop your project.</div>
|
||||
<div class="mt-2">NIPs stand for "Nostr Implementation Possibilities", they exist to document what may be implemented by Nostr compatible relay and client software; study them to develop your project.</div>
|
||||
<a class="block underline mt-2 text-right" href="https://github.com/nostr-protocol/nips" target="_blank">Read more >></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -16,7 +16,7 @@ templ topTemplate(params HeadParams) {
|
||||
<a href="/" class="mr-4">Why <span class="text-strongpink">Nostr</span>?</a>
|
||||
}
|
||||
if !(params.IsAbout) {
|
||||
<a href="#geststarted" class="mr-4 hover:text-strongpink">Get started</a>
|
||||
<a href="#getstarted" class="mr-4 hover:text-strongpink">Get started</a>
|
||||
<a href="#resources" class="mr-4 hover:text-strongpink">Apps & Resources</a>
|
||||
<a href="#development" class="mr-4 hover:text-strongpink">Join the development</a>
|
||||
<a href="/about" class="mr-4">What is <span class="text-strongpink">Njump</span>?</a>
|
||||
|
||||
Reference in New Issue
Block a user