withastro / astro.new Goto Github PK

• Not enough color contrast between text and background for Gitpod buttons
• No alt text for images
  

I think a nice solution would be changing the markup from

<a href="/minimal?on=stackblitz" aria-label="Open in StackBlitz" class="astro-WTK4WGHX">
  <img height="32" src="/open-in-stackblitz.svg" aria-hidden="true" class="astro-WTK4WGHX">
</a>

to

<a href="/minimal?on=stackblitz" class="astro-WTK4WGHX">
  <img height="32" src="/open-in-stackblitz.svg" alt="" class="astro-WTK4WGHX">
  Open in StackBlitz
</a>

• The should be svg of just the logo.
• The style of would have the service's background color.

It's better using semantic HTML without Aria whenever possible.

Steps to replicate:
Go to https://astro.new/

If you click on any button in fast-build or portfolio-svelte panels, you'll get an error message -

Unable to find fast-build! Supported templates are:
  - blog-multiple-authors
  - blog
  - component
  - docs
  - env-vars
  - framework-alpine
  - framework-lit
  - framework-multiple
  - framework-preact
  - framework-react
  - framework-solid
  - framework-svelte
  - framework-vue
  - minimal
  - non-html-pages
  - portfolio
  - ssr
  - starter
  - subpath
  - with-markdown-plugins
  - with-markdown-shiki
  - with-markdown
  - with-nanostores
  - with-tailwindcss
  - with-vite-plugin-pwa

Any time I try to generate a new project, I get:

That error was created by clicking on one of the links in the README: astro.new/docs?on=stackblitz

But everything seems to be failing. Every link in the README, plus going to https://astro.new/ or https://astro.new/next/ and clicking on any of the "Open In" buttons produces then same error.

Browsers are Chromium Version 111.0.5563.64 or Firefox 110.0.

Just a heads up that I imagine this will be wanted at some point? (Redirects are working fine, so no worries at the moment!)

Also, I can't actually verify that all the new links are working, because I think I'm opening too many at once and confusing the platforms. :P

I don't know whether just updating snowpackjs to withastro in the utils/index.ts is the only change needed, and I can't test updating the actual site links myself because of the api authorization header token needed.

So, I know this isn't exactly helpful at this moment, but it's just a reminder to have on the radar for the future!

A Gitpod community member has contributed withastro/astro#2789 to /astro which now makes it possible to open an individual starter template in Gitpod, with pre-build instructions for installing our VS code extension, prettier, lint etc. 🥳

Just putting it out there that if that pans out, we can be adding buttons (more buttons!) to this page for our individual starters that lead directly into Gitpod.