aljaz/njump
1
0
Fork 0
mirror of https://github.com/aljazceru/njump.git synced 2026-02-12 09:34:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add quick links to the homepage sections

Browse Source
This commit is contained in:
Daniele Tonon
2024-04-08 18:47:33 +02:00
parent 12c87ba298
commit a1540f418b
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
homepage.templ
View File

@@ -155,7 +155,7 @@ templ homepageTemplate(params HomePageParams) {
<!-- Get started -->
<div 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-10 sm:py-28 justify-center bg-gradient-to-br from-slate-600 to-slate-900 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">Get started with Nostr</h2>
<div class="sm:flex sm:flex-row sm:flex-wrap sm:w-4/5 mt-12">
@@ -185,6 +185,7 @@ templ homepageTemplate(params HomePageParams) {
<!-- Resources -->
<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"
>
<div id="why-nostr" class="mt-16 mb-12 text-center">
@@ -298,7 +299,7 @@ templ homepageTemplate(params HomePageParams) {
<!-- Develop on Nostr -->
<div 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 my-20 py-10 sm:py-20 justify-center bg-gradient-to-br from-sky-100 to-purple-100">
<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">

5
top.templ
View File

@@ -16,7 +16,10 @@ templ topTemplate(params HeadParams) {
<a href="/" class="mr-4">Why <span class="text-strongpink">Nostr</span>?</a>
}
if !(params.IsAbout) {
<a href="/about">What is <span class="text-strongpink">Njump</span>?</a>
<a href="#geststarted" 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>
}
</div>