There's BTCPay Telegram that we should add to the Community section.
Furthermore, we should probably only have community group icon in a single row instead of the icon + text.

Also the Wiki should probably be renamed to Discourse.
So:
Slack icon | GitHub icon | Discourse Icon | Telegram Icon

It seems that our footer on the main website has a bit too much info, and it's not even organized properly imo.

Let's discuss here how we can make it more useful and less cluttered for visitors.

Hey there,

Just was looking at the Blog.btcpayserver.org and found that the B from the logo obstructs quiet a bit see attachment. Went from main site to Blog.

Cheers.

This link goes to the introduction page, instead of the Lightning Network page. (:

www needs redirected properly

The current readme is outdated. We should improve it.

The text we currently have on a demo is just a mockup and we should figure out what to put in those boxes.

It's currently unclear to new contributors how they can add themselves to the list of individual contributors.

I propose we add a sentence at the end of the list with a link to the tmpl.html

Something like: BTCPay Contributor? Add yourself to the list.

21 languages into a single column seem like a bad UX, especially on smaller screens.

Breaking languages into two columns seem like a better choice, used by bitcoin.org as well.

Issues when user selects values on the website. The invoice produced doesn't match user selection:

1. +/- Increment button is used
   Input: User selects donation of $1
   Result: Invoice is $2

2. Value field is used
   Input: User types in any value
   Result: Invoice is $5

btcpay video seems to load strange ?? the view is not correct ??

cheers

Instead of the current area that does not provide useful information, it's been decided that we should display how BTCPay works.

Current area

Suggested text

Suggested design on Figma
We probably want to go with minimal design here as there's lots of things going on in above the fold already, so either just a text, or text with numbers 1 2 3 imo. I like the headlines here "Invoice" "Payment" "Wallet" can be clear enough instead of 1 2 3.

I think it might be better to either add language code for all languages or remove it everywhere. This way it looks strange...

Right now there is an ongoing migration of our demo servers where stores are hosted, so links will be broken and without properly set SSL.

My goal is to improve demos and add :

• Payment requests demo
• Crowdfunding demo
• Improved store demo
• Improved retail PoS demo

We need to clean up en-json since it shows a bunch of legacy strings for people on Transifex. We can't really ask people to translate until we clean it up.

We should add crowdfunding app to features section and add demo links somewhere.

Spacing: Depending on the breakpoint some spaces look to tight and could be increased (see screenshot)

Github icon spelled incorrectly.

The new tab open is usually used to open external links, not internal once, hence when you click on the donate in the header it should open a link in the same tab.

Remove target="_blank"

Please document how to build or add a bash script that builds or something. I want to eventually automate builds via Github Actions while also testing my changes locally

Would be good to remove redundant BTC icons, looks kinda messy. At least on the presta icon the middle one is okay imo.

Also on 13 inch monitor Woocommerce text overlaps the WordPress icon and it does not look that good.

The main page text "Start Accepting Bitcoin Payments With 0% Fees & No Third-Party" automatically change first letters to upper case in localized page versions. This might be OK in English but looks very silly for languages like Slovak a I believe many others

Dark theme: The footer should use a darker color, the current green seems too bright

We should have a payment button demo page to demonstrate different options of the payment button.

Here's a list of known issues happening on mobile. I'll keep them all logged here so we can tackle the one by one.

General Mobile

Empty Menu

Some users reported that the menu looks a bit too empty since it's short & simple.

Dub suggested we enlarge the fonts there to make it look bigger and provided an example of what he did for his work as a solution.

Safari iOS

• Mobile menu is empty
  

i think it will be cute
BtcPay Server Coded for you with ❤ !

If we decide to go with colored icons, GitHub's icon should be purple instead of yellow, since purple is their dark mode color as mentioned here

Also YouTube should be used instead of Youtube

BTCPay Wiki has been shut down, so we should remove the references to it on the website.

Size of fonts should equal header and body of the left box. Corner edges should be like the nice round once from the left side.
Boxes should have equal width on mobile.

Foundation on donation page.

Does this change need to be made on Transifex first or make a PR here first? I'm not sure of the workflow for BTCPay website + Transifex.

Right now a suggested features area is decent, but I'd like to see if we can somehow improve it since it seems repetitive with the above the fold content. Lots of info gets repeated often, so perhaps it would be better to push something in features that first-time users can understand and get a better feeling of btcpay possibilities either as a payment processor or a stack.

Current features

@vswee made a genius tool https://btcpayserver.flat18.co.uk/loose that allows you to alter text, save it and the share a link with your version for us to preview. It's easier to add text and preview on spot for sure!

Donations plunged since we removed them from the above the fold.
We should probably have Donate button next to the Live Demo.

Change proposed after switch of the build system in #75:

Currently translations are placed in template files via some array index of a variable (e.g. $j[5] like here:

<a alt="$j[37]" class="promoButton p-1" href="https://mainnet.demo.btcpayserver.org"
                            target="blank_">
                            <span>$j[37]</span><input class="cu_" /></a>

I find this really confusing to read, you always need to check the en translation file en.json and count the lines (starting from 0) to get the correct string, this is tedious when you are not familar with the codebase. I would suggest that we use the EN source string always in those template files with some special placeholder markup like %% (do not care which one).

So above example would look like this:

<a alt="%%here goes the english source text%%" class="promoButton p-1" href="https://mainnet.demo.btcpayserver.org"
                            target="blank_">
                            <span>%%and here is another text%%</span><input class="cu_" /></a>

Another benefit would be that we can extract those strings and generate a en.json and not manually maintain all those translations mappings.

If we agree it makes sense to do it I can give it a shot after the build automation has been merged.

The current favicon is not that good, it should be this one which aligns more with the current design and blog as well.

Make all icons in Join The Community section the same size.

Tested on 13" screen.

Join The Community: For the Desktop viewport the copytext ("BTCPay Server is an open-source project, …") runs too wide. (give it a max-width: 42em; or something similar)

3-layout box Demo |GitHub | Docs should have a link pointing to those sections in images.

I believe it's only on the $5 default button but if the increment buttons are used, it gives the correct value for the invoice.

Thanks Norm for pointing out the issue in Mattermost chat.

I've trashed our old demo site, which will have broken links as a consequence in the next few days, until I came up with better way to showcase the features.

Assigning this to myself to fix. Leaving here as a reminder.

• Add links to Payment request demo
• Add link to [Crowdfunding demo](https://btcpay.kukks.org/apps/pMb1bieuysP3MH2d2s9Yi11Pvb/crowdfund

Already done in #30 but reverted for translation reasons and to avoid over-complicating things for already translated languages.

In Chrome:

We should have the main site in different languages. There's not really much to translate. Leaving this here for future and brainstorming.
I guess we should tackle it the same way we tackled other translations, via Transifex.
Tagging our experts @britttttk and @vswee for a brainstorm session.

There should be a favicon on the donation page

Related to #52

Once #1405 is merged and we have a final design, we should use that as a demo example. For dark mode (since we won't have it on the server, we can use our own iteration of the dark mode).

Same goes for the front page, by the time we launch the website, we'll have a new server front page so we should use that instead of the one we currently have.

Leaving this as a reminder.

This link on the main page leads to a broken link:

Should say: BTCPay Server :)

When browsing the homepage on a larger screen, e.g. 2560 x 1440, empty containers appear in the Features slider:

Browser: Chrome Version 79.0.3945.88
OS: Catalina 10.15.2

Our carousel may be overkill.

What do you guys think, should we simplify and show features in a different layout?

https://bisq.network/ is a good and clean example imo, but web-devs feel free to discuss.

To be corrected

• "Maximum privacy for you and your customers.Running a full node. No AML/KYC."

• "Having a technical question not covered in docs or want to help improve the code? Help us out on GitHib."

Suggestion

• "Bitcoin" shouldn't be capitalized when referring to the token ("They paid me in euros but I'd prefer bitcoins")

There is extra text which is not present in source - looks like this is repro for all languages

Everything looks good on Transifex

Hi,

the link to https://docs.btcpayserver.org/btcpay-basics/gettingstarted returns "404 Page not found".

Info:
https://btcpayserver.org/
Getting Started at a the bottom of the page at BTCPAY BASICS

Greetings,
Jason.