keep-network / tbtc-website Goto Github PK

We need

• a quick way to star keep-network/tbtc on Github
• a developer site including
  • Gitbook-style documentation
  • Development guides, including
    • "How to add Bitcoin deposits to your dApp"
    • "How to build a Bitcoin-based DAO"
    • "An introduction to Bitcoin for Ethereum developers"

Part of #6, cc @Gluzman

Add pagination to the news index page

We'd like to exempt integrations from i18n so we don't have to reconstruct this section in the admin view for every language.

See this comment

The side navigation should allow the user to filter posts by date selected - it should also show the active date range of the posts displayed

Figma board for new site: https://www.figma.com/file/nVlUtQfvbsHyj79tVhWMrr/tBTC-Website?node-id=352%3A1

Once we have #62 working, let's support Russian!

Note the deeper spec / technical docs are out of scope for now as they're a heavy lift, and getting out of date might be worse than not having them.

Eg this piece in German links to the EN site-root in the nav

as of 5-5-2020,
The following 7 integrators should be present:

• Compound
• Bison trails
• uniswap
• kyber network
• loopring
• Oasis DEX
• Relay

From @Josh-Rosenblatt-Thesis >

I need to make a few changes on the TBTC Terms and Conditions Page. There are not many, and there in the title and first paragraph. Here's the updated page to replace what is current there.

Updated page: https://drive.google.com/a/thesis.co/file/d/1r4EXmBAPCdWeWDbkV9Rdy_aifl3Turil/view?usp=sharing

The banner (where it currently says "tBTC is now live on Ropsten. Mainnet launch is coming soon.") but will have more important updates later on, could have a yellow background like a highlighter to help make it stand out. This will help getting people to the stake drop signup.

• new nav based on updated IA
• added language selector with dropdown
• new hover / click / select states
• new announcement strip design

While we plan to keep English as the "base" language, we want to be able to support a wide variety of languages, including CJK and Russian. We need an internationalization setup that's

1. Easy for the community to contribute to via the existing Netlify CMS
2. SEO friendly

Gatsby appears to have a lot of options.

For example, here's a piece translated into German.

It reports the live link as https://tbtc.network/news/2020-04-23-ank%C3%BCndigung-tbtc-js-1 rather than https://tbtc.network/de/news/2020-04-23-ank%C3%BCndigung-tbtc-js-1.

Eg decaporg/decap-cms#2335

userAgent: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36"

Still don't know the actual problem, and it doesn't seem like an i18n problem, the browser locale is set to 'en_US'

Base on my observation, news title with ' apostrophe and : colon will cause incorrect URL:

• tBTC Launch: Key Dates
  • → https://tbtc.network/news/2020-04-24-tbtc-launch-key-dat/
• Become a tBTC Permissionless Signer: Stake ETH, Earn KEEP
  • → https://tbtc.network/news/2020-04-14-become-a-tbtc-permissionls-signer-stake-eth-earn-keep/
• tBTC’s Reference dApp is Now Open-Source
  • → https://tbtc.network/news/2020-03-12-tbtc%E2%80%99s-dapp-co-is-now-open-sourced/

@Gluzman thoughts on how you'd like this to look?

Any page generated from a Markdown body should auto-anchor headings for easier reference by readers later.

Should be "Get email updates" and a bar to fill in email address, instead of a button.

There is no option to create a new page of the TBTC website in a local language from the admin panel.
Link: https://tbtc.network/admin/index.html#/collections/pages-ru
Missing element:

We want to keep the legal language in English.

See this comment

this is related to tBTC Media Kit page #146

• add/remove elements to the VIS as needed
• make in Figma with public link
• add diagram assets

add animation to token sand dollar graphic.

• WIP: https://assets8.lottiefiles.com/packages/lf20_U4XKB2/tbtc-sand-dollar.json

Now that this piece is published (https://tbtc.network/news/2020-04-06-tbtc-will-launch-on-april-27-2020) we can link to it instead of the Bloomberg piece here (https://prnt.sc/ru6shw) where it says "Read More" and remove the copy that says "Announcement in Bloomberg."

Visual updates to overall baseline grid and column grid. this optimization is for English (for now).

Once we have #62 working, let's support Mandarin!

Note the deeper spec / technical docs are out of scope for now as they're a heavy lift, and getting out of date might be worse than not having them.

My suggestion in the website copy (https://docs.google.com/document/d/17eLqao9eSjpLzMQ640_XKl3iQ45crKqlxCQ72OIUcFk/edit#heading=h.tschrvscg9e0) was that we use "Devs" in the top bar and "Developers" on the button - with accompanying text "Integrate TBTC to add Bitcoin to your dApp" to take you to the dev tools page. And to have "Devs" in the top bar have a black highlighted background and white text to make it stand out. My view is that more non-devs will click "build" than click "devs/developers" and get confused/ to the wrong place. Not a huge deal but wanted to flag the disparity with the original copy.

Once we have #62 working, let's support Korean!

Note the deeper spec / technical docs are out of scope for now as they're a heavy lift, and getting out of date might be worse than not having them.

• create VIS doc
• export usable vector components
• set up accessible drive

extra credit / future state

• dedicated media page for downloading specific assets

References this issue in Keep

The text that's in the banner section currently is:
tBTC will launch on April 27th, 2020. Read more in Bloomberg.

Would like to update on tbtc to read this:
The first stakedrop for tBTC is on June 8, 2020. Add to Calendar

updated: Stake ETH, Earn KEEP: Join us for a live stakedrop event on June 8, 2020. RSVP Here

Event link: https://www.crowdcast.io/e/keep-stakedrop---live

Once we have #62 working, let's support German!

Note the deeper spec / technical docs are out of scope for now as they're a heavy lift, and getting out of date might be worse than not having them.

https://tbtc.network/admin/index.html#/collections/pages-ru.
The button creating a new webpage for local languages is missing:

another pass at IA to focus on making developer resources vs. user resources/guides more distinct.

visual design updates to email capture.

Longer-form guides that can be community generated.

adding selector on website to change between avail language translations.

User should be able to click links for previous and next news items when viewing an individual news item.

new footer reflects updated IA

*note: may be updated again soon to expose more of the site IA.

On https://tbtc.network/about the mentions of Keep, Summa, and Cross Chain group should be hyperlinked. It's good for SEO. They should link to tbtc.network too!

Once we have #62 working, let's support Spanish!

Note the deeper spec / technical docs are out of scope for now as they're a heavy lift, and getting out of date might be worse than not having them.

swapping Oasis with 1Inch for Monday 5/11

Diagrams describing protocol affordances and user journey in the tbtc minting process.

Will need to be flexible and modular to some degree to address multiple audiences and platforms:

• investors

• traders

• developers

• integration partners

• everyday users, btc and eth owners

• tbtc website

• tbtc docs

• blogs

• news & announcements

• presentations

• PR

The current favicon source SVG renders well, but doesn't have the same styling as the old favicon. Let's get both!

Note the one on the right is the styling I believe we'd prefer.

This image (https://prnt.sc/rrladc) is too large. Many page visitors don't scroll, or don't scroll very much. Real estate on the hero must correspond with importance of information. Making this image much smaller or removing it will make it more likely for more visitors to get to the part underneath with the 4 value propositions.

• desktop / 1440 x 1024
• mobile phone / 375 x 812
• tablet horizontal / 1194 x 834
• tablet vertical / 834 x 1194
• massive desktop / 5K+

Once we have #62 working, let's support Japanese!

Note the deeper spec / technical docs are out of scope for now as they're a heavy lift, and getting out of date might be worse than not having them.