sbddesign / bolt12.org Goto Github PK
View Code? Open in Web Editor NEWBOLT12.org Website
Home Page: https://bolt12.org
BOLT12.org Website
Home Page: https://bolt12.org
Why does my external link to the Offers PR in the header take an entire 2 seconds to even begin to pretend like it wants to load the page? I understand it falls outside of Next's snappy routing system, but it should at least open a blank page and pretend like it's loading. Behaves this way with next Link
component, with vanilla <a>
, and from dev server as well as production build.
Add about section to homepage
Add some BG image zazz to the footer, as shown in this frame: https://www.figma.com/design/6Fffpw0We8W3F5XnJfmdJ1/Bolt12.org?node-id=928-592&t=Ur87Qkacqkx2Fpoa-1
Give anchor link clicking some smooth scroll zazz
Mobile breakpoints, user flow links, etc
@thebrandonlucas pointed out that the old BOLT12.org had a useful examples section. While I believe that the majority of these examples are irrelevant (no more recurring payments in current spec, rigth?), I do agree it would be useful to have something in dev docs for "this a bolt11 invoice, this is a bolt12 offer, this is a bolt12offer with blinded paths, etc.).
Perhaps even a little tidbit on how the client uses the offer to fetch an invoice and then pays that invoice.
Anchor links in header
The stock one looks wonky
There is a BIP, BLIP, and BOLT for human readable address, apparently, so find a way to get all of that added
This looks very good at larger screen sizes, but we should probably handle this a little more gracefully on smaller screen sizes. The body text hugs the left side of the screen on mobile.
Originally posted by @sbddesign in #23 (review)
Make cool favicon
It would be good to have an "edit this site" or even "edit this page" option linking to this Git repo somewhere on the site
Populate the "How to Integrate" on the home page. Brief description on the status of each LN implementation and BOLT 12.
Try with "loves". Maybe also without character name.
Extended information and examples. This goes beyond just what is shown on the "How to Integrate" part of the homepage.
Figure out best way to do these
https://www.figma.com/design/hxOSetkXAUcRfzHB8olSpM/BOLT12-UX?node-id=4263-64689&t=WShoeirA4BpzCFFM-1
A couple of things I noticed:
It might be nice to tighten up some of the gaps on smaller screen sizes for more information density on screen.
Should probably reduce font size or somehow fix for the "How to..." text scraping the sides of its container on smaller screen sizes. Also, can the "read the spec" button be fancy? Pacifico font is loaded into the NextJS site, and we can custom define hard drop shadows in the tailwind config.
On smaller screen sizes, maybe there should be reduced padding in the blue area, so the white containers can fill up more space horizontally? It will help to prevent the text columns from getting so tiny. Also, maybe reduced corner radius on mobile to prevent the paragraphs from intersecting the rounded corners?
Finally, for the BG image, what if we used background-position: fixed
for that? It gets a little ludicrously blown up on smaller screen sizes, and it would also create a cool kind of parallax effect on larger screens.
Originally posted by @sbddesign in #22 (review)
There area couple of pages on the previous BOLT12.org. We might want to make sure that those pages have a proper redirect in place. We can do this with a Netlify redirects file.
Already WIP from @thebrandonlucas
Add https://github.com/gudnuf/bolt12-covenant-zapper to Projects section
Add "BOLT 12 Makes Bitcoin Digital Cash" to the website somewhere
Is it "BOLT 12" or "BOLT12"?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.