go/sonr
go/sonr
1
1
Fork 0
mirror of https://github.com/onsonr/sonr.git synced 2025-03-10 13:07:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: update home section with new features

Browse Source
This commit is contained in:
Prad Nukala 2024-10-02 20:37:18 -04:00
parent 42c5ab642e
commit 931ac2308d
5 changed files with 44 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
Makefile
View File

@ -316,10 +316,10 @@ nebula:
pkl: pkl:
@echo "(pkl) Building PKL" @echo "(pkl) Building PKL"
go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/dwn.pkl go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/DWN.pkl
go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/orm.pkl go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/ORM.pkl
go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/txns.pkl go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/Txns.pkl
go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/uiux.pkl go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/UIUX.pkl
start-caddy: start-caddy:
@echo "(start-caddy) Starting caddy" @echo "(start-caddy) Starting caddy"

32
pkg/nebula/components/home/highlights.templ
View File

@ -144,14 +144,6 @@ templ Highlights() {
height="360" height="360"
alt="Feature 01" alt="Feature 01"
/> />
<img
class="absolute top-0 left-full mix-blend-exclusion -translate-x-[70%] -mr-20 max-md:w-[45%]"
src="https://cdn.sonr.id/img/secure-keys.svg"
width="224"
height="224"
alt="Illustration"
aria-hidden="true"
/>
</div> </div>
</div> </div>
<!-- Item 2 --> <!-- Item 2 -->
@ -173,14 +165,6 @@ templ Highlights() {
height="360" height="360"
alt="Feature 02" alt="Feature 02"
/> />
<img
class="absolute top-0 left-full mix-blend-exclusion -translate-x-[70%] -mr-20 max-md:w-[45%]"
src="https://cdn.sonr.id/img/secure-keys.svg"
width="224"
height="224"
alt="Illustration"
aria-hidden="true"
/>
</div> </div>
</div> </div>
<!-- Item 3 --> <!-- Item 3 -->
@ -202,14 +186,6 @@ templ Highlights() {
height="360" height="360"
alt="Feature 03" alt="Feature 03"
/> />
<img
class="absolute top-0 left-full mix-blend-exclusion -translate-x-[70%] -mr-20 max-md:w-[45%]"
src="https://cdn.sonr.id/img/secure-keys.svg"
width="224"
height="224"
alt="Illustration"
aria-hidden="true"
/>
</div> </div>
</div> </div>
<!-- Item 4 --> <!-- Item 4 -->
@ -231,14 +207,6 @@ templ Highlights() {
height="360" height="360"
alt="Feature 04" alt="Feature 04"
/> />
<img
class="absolute top-0 left-full mix-blend-exclusion -translate-x-[70%] -mr-20 max-md:w-[45%]"
src="https://cdn.sonr.id/img/secure-keys.svg"
width="224"
height="224"
alt="Illustration"
aria-hidden="true"
/>
</div> </div>
</div> </div>
</div> </div>

10
pkg/nebula/models/Highlight.pkl.go Normal file
View File

@ -0,0 +1,10 @@
// Code generated from Pkl module `models`. DO NOT EDIT.
package models
type Highlight struct {
Title string `pkl:"title"`
Description string `pkl:"description"`
Image *Image `pkl:"image"`
}

1
pkg/nebula/models/init.pkl.go
View File

@ -13,6 +13,7 @@ func init() {
pkl.RegisterMapping("models#Link", Link{}) pkl.RegisterMapping("models#Link", Link{})
pkl.RegisterMapping("models#SocialLink", SocialLink{}) pkl.RegisterMapping("models#SocialLink", SocialLink{})
pkl.RegisterMapping("models#Input", Input{}) pkl.RegisterMapping("models#Input", Input{})
pkl.RegisterMapping("models#Highlight", Highlight{})
pkl.RegisterMapping("models#Highlights", Highlights{}) pkl.RegisterMapping("models#Highlights", Highlights{})
pkl.RegisterMapping("models#Features", Features{}) pkl.RegisterMapping("models#Features", Features{})
pkl.RegisterMapping("models#Bento", Bento{}) pkl.RegisterMapping("models#Bento", Bento{})

58
pkg/nebula/nebula.pkl
View File

@ -2,36 +2,36 @@ amends "https://pkl.sh/uiux.pkl";
home = new Home { home = new Home {
hero = new Hero { hero = new Hero {
titleFirst = "Simplified"; titleFirst = "Simplified";
titleEmphasis = "self-custody"; titleEmphasis = "self-custody";
titleSecond = "for everyone"; titleSecond = "for everyone";
subtitle = "Sonr is a modern re-imagination of online user identity, empowering users to take ownership of their digital footprint and unlocking a new era of self-sovereignty."; subtitle = "Sonr is a modern re-imagination of online user identity, empowering users to take ownership of their digital footprint and unlocking a new era of self-sovereignty.";
primaryButton = new Button { primaryButton = new Button {
text = "Get Started"; text = "Get Started";
href = "/register"; href = "/register";
};
secondaryButton = new Button {
text = "Learn More";
href = "/about";
};
image = new Image {
src = "https://cdn.sonr.id/img/hero-clipped.svg";
width = "500";
height = "500";
};
stats {
new Stat {
value = "476K";
label = "Assets packed with power beyond your imagination.";
}; };
new Stat { secondaryButton = new Button {
value = "1.44K"; text = "Learn More";
label = "Assets packed with power beyond your imagination."; href = "/about";
};
image = new Image {
src = "https://cdn.sonr.id/img/hero-clipped.svg";
width = "500";
height = "500";
};
stats {
new Stat {
value = "476K";
label = "Assets packed with power beyond your imagination.";
};
new Stat {
value = "1.44K";
label = "Assets packed with power beyond your imagination.";
};
new Stat {
value = "1.5M+";
label = "Assets packed with power beyond your imagination.";
}
}; };
new Stat {
value = "1.5M+";
label = "Assets packed with power beyond your imagination.";
}
}; };
}; };
};