Update the website #41

rw1nkler · 2020-04-29T15:02:20Z

This commit updates the current SymbiFlow website. It provides the following changes:

Main webpage:
- An updated bitstream documentation status table
  (with information about the QuickLogic).
- Updated information about the supported boards.
- A new layout of the supported boards section.
- The "Project aims" section renamed to "Why SymbiFlow?".
  The new section informs about the advantages of the FOSS FPGA flow.
- New icons in "Why SymbiFlow?" section.
- An updated section about the SymbiFlow ecosystem
  (with information about the QuickLogic).
- A new section with supported chips, which replaced
  a detailed description of the bitstream documentation projects.
- New talks added to the talks section.
- A carousel displaying the talks.
- A lightbox script for displaying talks directly from the website.
- A Twitter integration widget with the latest SymbiFlow tweets.
- A GitHub integration widget with information about the latest activity.
- Information about the bitstream documentation projects and
  help wanted section has been moved to the subpage "For Developers".
- Updated text on the webpage.
- Changes in the layout of the webpage.
- An updated year.
"Getting Started" webpage:
- Contains information about the introductory SymbiFlow tutorials.
"For Developers" webpage:
- Contains general information about the SymbiFlow toolchain and provides the links to the most important SymbiFlow projects.
- Contains the "Help wanted" section with information about used technologies and communication channels.

The new changes were inspired by the issues available in this repository. This PR resolves:

Resolves Add "latest git activity" integration #37
Resolves Add twitter integration #36
Resolves Add the latest talks from OrConf19 #33
Resolves Convert the talks section into a carousel #7

This commit updates the main page of the SymbiFlow website. List of changes: - An updated bitstream documentation status table (with information about the QuickLogic) - Updated information about the supported boards - A new layout of the supported boards section - The "Project aims" section renamed to "Why SymbiFlow?". The new section informs about the advantages of the FOSS FPGA flow. - New icons in "Why SymbiFlow?" section. - An updated section about the SymbiFlow ecosystem (with information about the QuickLogic) - A new section with supported chips, which replaced a detailed description of the bitstream documentation projects. - New talks added to the talks section - A carousel displaying the talks - A lightbox script for displaying talks directly from the website - A twitter integration widget with the latest SymbiFlow tweets - A github integration widget with information about the latest activity - Information about the bitstream documentation projects and help wanted section has been moved to the subpage "For Developers" - Updated text on the webpage - Changes in the layout of the webpage - An updated year Signed-off-by: Robert Winkler <[email protected]>

This commit adds the Getting Started subpage to the website. The webpage contains information about the introductory SymbiFlow tutorials. Signed-off-by: Robert Winkler <[email protected]>

This commit adds the subpage "For Developers" it contains the general information about the SymbiFlow toolchain and provides the links to the most important SymbiFlow projects. It also contains the "Help wanted" section with information about used technologies and communication channels. Signed-off-by: Robert Winkler <[email protected]>

mithro · 2020-04-29T15:15:40Z

Can you upload the preview for me to review?

rw1nkler · 2020-04-29T15:42:51Z

All the generated files are available in the symbiflow-scratch bucket that you created for me @mithro

mithro · 2020-04-29T17:30:01Z

Please put a link here in this pull request.

rw1nkler · 2020-04-29T17:32:12Z

https://console.cloud.google.com/storage/browser/symbiflow-scratch
gs://symbiflow-scratch
https://storage.googleapis.com/symbiflow-scratch/

Google Cloud Platform
Google Cloud Platform lets you build, deploy, and scale applications, websites, and services on the same infrastructure as Google.

mithro · 2020-04-29T17:37:54Z

The For Developers header is a bit confusing;

Is it for developers who want to develop the symbiflow tools?
Is it for developers who want to use symbiflow?

mithro · 2020-04-29T17:38:56Z

Rework the following paragraph to be positive only;

SymbiFlow aims to optimise and automate FPGA development workflows and to push FPGAs towards more widespread adoption, bypassing the uninviting, closed, vendor-specific ecosystem.

mithro · 2020-04-29T17:40:23Z

Each of the cells in the table should be links.

Free & Open Source
Multi-platform
Vendor-neutral
Interchangeable tool suite
Growing community
Look inside and improve

mithro · 2020-04-29T17:42:16Z

Current status table should have links.

mithro · 2020-04-29T19:43:54Z

The tutorial's section seems a bit weird as a bunch of the links are not tutorials.

mithro · 2020-04-29T19:44:16Z

I think we want a Contact / Get Help link at the top with the Getting Started / Developers links?

mithro · 2020-04-30T02:07:50Z

This is already a pretty big improvement on the current website, so if things are not an easy fix we can convert my suggestions to GitHub issues and then merge this pull request and follow up with more pull requests.

I think the order of the contents in the new website isn't quite right.

I would like to see the order to be something like;

call to action text
news / updates / what has changed recently
pretty pictures / diagrams / etc
More detailed background information

Sections 1 and 2 should appear "above the fold" at normal computer resolutions.

I think there should be two call to actions in the first section (feel free to rework the exact words - these are just the "jists" that I would be after);

"Getting started" -- A call to action around getting started as a user of the toolchain.
"Help contribute" -- A call to action around helping the symbiflow project.

I wonder if there should be a rotating picture of potential development boards / screenshots above (or maybe even behind) the "getting started" call to action?

mgielda · 2020-04-30T09:07:46Z

Yes, I would be all for including the remarks that are simple to fix and merging this one, and then treating the other topics separately, as some of those are a little philosophical and might need some discussion etc.

When you say the features should be links, can you suggest where we should be linking to? I have some ideas but not for all the icons. But generally speaking it's a nice idea.

mgielda · 2020-04-30T09:31:44Z

Sorry, missed Tim's suggestion for the other section. Then we should have "Get started" and "Help contribute" for consistency. Alternative suggestion (from me) - "Getting started" and "Contributing to SymbiFlow". @mithro ?

mithro · 2020-04-30T17:03:50Z

Get Started! and Help Contribute seem pretty good?

Maybe Start using! and Help Contribute?

mithro · 2020-04-30T17:05:34Z

Or Start using!, Getting help and Contribute now!?

Signed-off-by: Robert Winkler <[email protected]>

rw1nkler · 2020-04-30T20:18:12Z

I have changed:

Getting Started title to Start using
For developers title to Contribute now
Tutorials title (in Start using) to Resources

I've also switched the detailed description with the talks section. The rest of the changes will be provided in next PRs. Can we merge it now? @mithro

The current preview is available in the bucket:
https://storage.googleapis.com/symbiflow-scratch/index.html

mithro · 2020-04-30T20:39:58Z

@rw1nkler We can merge as soon as you have responded to each of the comments with a link to the new github issue tracking what hasn't been finished in this pull request.

mithro · 2020-04-30T20:42:35Z

@rw1nkler BTW You can create directories and stuff in the symbiflow-scratch bucket. I suggest using something like gs://symbiflow-scratch/rw1nkler/symbiflow-website/<git describe output> so you can upload multiple versions for to compare. I can't actually remember what the first version looked like when compared to your new version so I can't check you have actually made the changes I was thinking you should :-P

rw1nkler · 2020-04-30T21:26:07Z

The For Developers header is a bit confusing;

* Is it for developers who want to develop the symbiflow tools?

* Is it for developers who want to use symbiflow?

The section has been renamed to Contribute now

Rework the following paragraph to be positive only;

SymbiFlow aims to optimise and automate FPGA development workflows and to push FPGAs towards more widespread adoption, bypassing the uninviting, closed, vendor-specific ecosystem.

Done

Each of the cells in the table should be links.

* Free & Open Source

* Multi-platform

* Vendor-neutral

* Interchangeable tool suite

* Growing community

* Look inside and improve

I've created a dedicated issue for this (#42)

Current status table should have links.

Done

The tutorial's section seems a bit weird as a bunch of the links are not tutorials.

The section has been renamed to Resources

Contact / Get Help link at the top with the Getting Started / Developers links?

I've created a dedicated issue for this (#44)

This is already a pretty big improvement on the current website, so if things are not an easy fix we can convert my suggestions to GitHub issues and then merge this pull request and follow up with more pull requests.

I think the order of the contents in the new website isn't quite right.

I would like to see the order to be something like;
1. call to action text

2. news / updates / what has changed recently

3. pretty pictures / diagrams / etc

4. More detailed background information
Sections 1 and 2 should appear "above the fold" at normal computer resolutions.

I think there should be two call to actions in the first section (feel free to rework the exact words - these are just the "jists" that I would be after);
* "Getting started" -- A call to action around getting started as a user of the toolchain.

* "Help contribute" -- A call to action around helping the symbiflow project.
I wonder if there should be a rotating picture of potential development boards / screenshots above (or maybe even behind) the "getting started" call to action?

I've created a dedicated issue for this (#43)

rw1nkler · 2020-04-30T21:43:01Z

@mithro, I've uploaded the website files to the bucket

Previous version:

gs://symbiflow-scratch/rw1nkler/symbiflow-website/e563859

Current version:

gs://symbiflow-scratch/rw1nkler/symbiflow-website/da4f31b

mithro · 2020-04-30T22:36:49Z

@rw1nkler - Can you make those links?

rw1nkler · 2020-05-04T07:03:21Z

mithro · 2020-05-04T17:32:59Z

Okay, I'm going to merge this now and we can work on further improvements shortly.

rw1nkler added 3 commits April 29, 2020 16:40

New Getting Started subpage

cfe75a8

This commit adds the Getting Started subpage to the website. The webpage contains information about the introductory SymbiFlow tutorials. Signed-off-by: Robert Winkler <[email protected]>

rw1nkler changed the title ~~New website~~ Update the website Apr 29, 2020

rw1nkler mentioned this pull request Apr 29, 2020

Update X-Ray progress table #40

Closed

Apply review changes

da4f31b

Signed-off-by: Robert Winkler <[email protected]>

rw1nkler force-pushed the new_website branch from a3e77ac to da4f31b Compare April 30, 2020 19:56

mithro merged commit 854faf2 into SymbiFlow:master May 4, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Update the website #41

Update the website #41

rw1nkler commented Apr 29, 2020

mithro commented Apr 29, 2020

rw1nkler commented Apr 29, 2020

mithro commented Apr 29, 2020

rw1nkler commented Apr 29, 2020 •

edited by unfurl-links bot

Loading

mithro commented Apr 29, 2020

mithro commented Apr 29, 2020

mithro commented Apr 29, 2020

mithro commented Apr 29, 2020

mithro commented Apr 29, 2020

mithro commented Apr 29, 2020

mithro commented Apr 30, 2020

mgielda commented Apr 30, 2020

mgielda commented Apr 30, 2020

mithro commented Apr 30, 2020

mithro commented Apr 30, 2020

rw1nkler commented Apr 30, 2020 •

edited

Loading

mithro commented Apr 30, 2020

mithro commented Apr 30, 2020

rw1nkler commented Apr 30, 2020

rw1nkler commented Apr 30, 2020

mithro commented Apr 30, 2020

rw1nkler commented May 4, 2020

mithro commented May 4, 2020

Update the website #41

Update the website #41

Conversation

rw1nkler commented Apr 29, 2020

mithro commented Apr 29, 2020

rw1nkler commented Apr 29, 2020

mithro commented Apr 29, 2020

rw1nkler commented Apr 29, 2020 • edited by unfurl-links bot Loading

mithro commented Apr 29, 2020

mithro commented Apr 29, 2020

mithro commented Apr 29, 2020

mithro commented Apr 29, 2020

mithro commented Apr 29, 2020

mithro commented Apr 29, 2020

mithro commented Apr 30, 2020

mgielda commented Apr 30, 2020

mgielda commented Apr 30, 2020

mithro commented Apr 30, 2020

mithro commented Apr 30, 2020

rw1nkler commented Apr 30, 2020 • edited Loading

mithro commented Apr 30, 2020

mithro commented Apr 30, 2020

rw1nkler commented Apr 30, 2020

rw1nkler commented Apr 30, 2020

mithro commented Apr 30, 2020

rw1nkler commented May 4, 2020

mithro commented May 4, 2020

rw1nkler commented Apr 29, 2020 •

edited by unfurl-links bot

Loading

rw1nkler commented Apr 30, 2020 •

edited

Loading