I already reported this, managed to replicate it on two separate Mac devices. There's a weird responsiveness problem with the icons.

Let me know if I can provide any more info. Replicated both locally and via netlify, def not a cache issue.

Current supporters supporting devs are known and can be added.

• https://Spiral.xyz
• https://www.galaxy.com
• http://foundrydigital.com
• http://summerofbitcoin.org

https://www.figma.com/file/H42PrGnniKFtbfqHYBGevj/Stratum?node-id=0%3A1

Right now we use [email protected] but it should be an actual email

• Ping domain owner to configure a mailbox
• Replace it on the website

May need movement distance increased. Can barely see the movement right now

As discussed on Slack, we should set up a dev env for master, and take stratumprotocol.org down for now, until it's launch ready.

Minor tweaks here:

• Font size - should be 18px default (text-lg) - perhaps on medium and up (can stay 16 on mobile)
• Line heights and or padding on the headings (tighter spacing between heading and content).

Details:

We have some sections where the text almost touches the screen, and some spacing between logos is huge. Is it possible to add more padding to each section (left and right) and keep it consistent throughout the page?

Example:

Maintaining a separate specs text could pontentially mean that in the future we can go out of sync with the specs repository.
I'd like to propose that we pull specs directly from specs repo so that any changes merged there is automatically deployed on our website.

@SeraBocca let me know if this makes sense, if you're not sure on the approach, I can dig a bit to see what we did with BTCPay.

https://github.com/stratum-mining/sv2-spec

What needs to be replaced

What should it be replaced with

Link to figma for guidelies and button code https://www.figma.com/file/H42PrGnniKFtbfqHYBGevj/Stratum?node-id=0%3A1

The current graphic is blurry. Let's try swapping it with an SVG version to see if it fixes it. Attaching desktop and mobile versions:

Our current live site icons are 2.5rem (40px) and in the design they are 24px (1.5rem). Can we downsize them to this?
The outer box will then be 48px (0.75 rem padding)

Feature section doesn't look good on Mac air at least.

Currently

What it should look like

We need to add meta tags for SEO.

Once #17 is removed, we need to add another section to explain SV2.

Text:
Stratum V2 is the next generation protocol for pooled mining. It focuses on making data transfers more efficient, reducing physical infrastructure requirements for mining operations, and increasing security. Additionally, Stratum V2 introduces three new sub-protocols that allow miners to select their own transaction sets through a negotiation process with pools, improving decentralization.

How it looks now

How it should look

Link to figma https://www.figma.com/file/H42PrGnniKFtbfqHYBGevj/Stratum?node-id=147%3A549

This issue can be tackled together with #19

https://vuepress.vuejs.org/guide/deploy.html#github-pages

I like the idea of a fixed header on scroll, but can we adjust it's height to be smaller? Right now it feels like it takes up a lot of room. For reference, we can look at the GitHub's navbar height.

The planet, colored particles etc. need to be added back in once the landing page sections are complete.

We might want to add a custom 404 page that matches the design?

As said in #17 we're removing these since we don't have content for it and replacing it with a section that will explain SV2 features/benefits.

What we have now and needs to be removed

What we should have after

Link to figma

https://www.figma.com/file/H42PrGnniKFtbfqHYBGevj/Stratum?node-id=0%3A1

The current image is too large and does not blend well into the body.

I've exported another, it's smaller and has a better fade-in. Can we see how it looks?

Spacing between H2 titles and the text below them should be 1.5rem (but you have to take into the account the line height and or default padding on your titles). The total sum of space should be 1.5rem.

Live:

What it should be (screenshot a bit zoomed so it's actually smaller than it looks):

Current deco items look blurry. I exported SVG versions so we can swap them for some crispy goodness 😍

• magenta
• cyan
• yellow

Vic on BitcoinDesign Slack, that can be reached out in in #stratum channel is designing a visual of a complete SV2 implementation, reach out to him on progress and latest design. You can verify the design with Gene in the same channel since he's leading on design, once you get an visual from them add it.

This is the image Vic is working on improving

• Vic and Gene need to agree on style, color and make sure it matches our design guidelines
• Contact Vic in #stratum channel on BitcoinDesign Slack for update on visual
• When visual is ready add it to the adequate section as shown on Figma or in the image below.

Since for MVP of the website we don't have pages for miners, pools, etc, we should remove this section for now.

Until we get a confirmation from a few entities what you see on figma in this seciton is just a mockup and shouldnt' be implemeted until @moneyball confirms which entities are okay to go in there, reach out to him on BitcoinDesign Slack/SV2 Discord for confirmation.

Once you get confirmation from @moneyball reach out to Gene to make sure that area is ironed out, if so implement it 🚀

Designs in the Figma file.

We should alphabetically sort supporters.

Braiins expressed interest to transfer over everything from https://braiins.com/stratum-v2 to our independent website. However we won't this for the MVP. This is in ideation phase and we will work on it after the website launch collaborating with their team on making the transition smooth for them and us.

I know logo resize back and forth can be frustrating, but we should ensure enough credits is given to the entities that support us without them being the central figure of the entire website. Currently, the logos are way bigger than the content around them and are more prominent than roadmap for example. It's even bigger than the subtitle of that section which doesn't really look sensible imo.

• Make all logos on the website their default colour, not white.
• Resize the logos
  • Make the Current Supporters of Stratum V2 smaller
  • Make Who feels SV2 is the right direction a bit smaller than the Supporters of Stratum V2

What we currently have

Add roadmap section, currently blocked by waiting for Gene for design and Pavlenex for copy.

I just noticed a few small details we could fix on the documentation section (didn't have time to fix so I am posting here):

• Left nav the padding on the top should match the botttom (the bottom has padding but the top doesn't)
  Top
  
  Bottom
  

• Nav menu on medium screens is broken - needs to be solid background
  

• Same padding issue here (below 'Specifications' and before the break line there should be the same padding that is on the top
  

• Can the bottom of the left nav line up with the bottom of the docs when you scroll to the bottom?
  

Currently this button doesn't link to docs, as it should.

Seems we're using a thicker verison of a logo for the favicon, even though it's a nit ,we probably want to use the same as the one for the logo for consistency.

There seems to be an issue with font weight not being applied in Safari. I inspected a bit and see that it's set to font weight 700, but Safari seems to have an issue with it 🤔 See screenshot from my browser for reference:

Let's set the font size of "one giant leap for bitcoin mining" to text-5xl (48px) and reduce the space between the title and the copy below. See example attached

• adjust font size
• reduce spacing

I noticed we have a huge space between the Hero button and the graphic. Originally, I designed to have the content follow right below the button. I was just curious if there were some internal discussions that perhaps I was not a part of where it was collectively decided to make the hero section full screen heigh?

If not, what are your thoughts on reducing the gap between the button and the image? Here is what it looks like in the design:

vs. current:

Today Homepage is up but it is still responsive. Leverage CSS flexbox to make it responsive

Our text color in docs should be #9BB6D1, currently white.

Via design, the only intentional white text should be the titles: H1-H5. Everything else should be the body color including lists, callouts, quotes, figure captions tables, etc... (not table titles)

Current:

We've decided to keep it simple when it comes to showcasing logos of entities and for that reason, we're only showing entities that are currently contributing to the SV2 either financially by funding devs or providing other sort of help (dev help, testing, etc). We're removing entities that have "said they'll do something with SV2 in the future, until they do something, as it's getting hard to determine contributions level and may be unfair to entities that have been doing work for months, some years.

For that reason, it's critical that we update our existing supporters section to match 1:1 the Figma design

Figma https://www.figma.com/file/H42PrGnniKFtbfqHYBGevj/Stratum?node-id=0%3A1

How the section looks now

How the section should look when addressed with a PR

Domain name stratumprotocol.orgn needs to point to our repo.

https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site

We'll need to know the parameters so that domain can be pointed to whatever is needed.

• Check the guide, check what domain should point to
• Let @pavlenex know about parameters.

Before tackling footer, please validate with Gene on Slack if it's been

Footer should point to:

• Twiter https://twitter.com/StratumV2
• GitHub https://github.com/stratum-mining/stratum
• Discrod https://discord.gg/fsEW23wFYs

Link to figma https://www.figma.com/file/H42PrGnniKFtbfqHYBGevj/Stratum?node-id=0%3A1

In SV2, there's a variety of possible configurations, currently we're displaying only one "a complete configuration". It would be nice if we could showcase different configs and educate people on what they do and how they can be used.

@cogentgene provided an early concept of how that page may look like, but we still have to put it in Figma.

• Design tabbed view in Figma
• Design mockups of configurations
• Make configurations match the design of the one we already have
• Implement tabbed view and configurations
• Write the copy explaining configurations

What we currently have

Early idea of how this section may look like in a tabbed view

Since we made so many changes to design in the process, perhaps now is a good time to adjust the decorative element placement. Just as an FYI, the idea is to occupy some of the larger negative spaces to make them look less empty. We utilize decorative elements to sort of glue the design a bit so it doesn't have huge gaps.

Below you will find the final adjustments of the 3 elements. The red squiggles are just to indicate the negative space we are trying to tidy up.

Notice we removed the magenta element as it doesn't really fit anywhere else into the design (early variation). Now we have the orange, teal and the yellow patterns.

Try to use SVGs too if not already 🙏

Personally, I would:

1. position absolute the first graphic in the tabbed content / graphic container
2. absolute align in why stratum section
3. absolute align in support section

With just 2 links in the header menu, I don't really think we need to have a menu until we roll out more content.