This

is some local Markdown between two tags

This is being fetched from a remote site:

This project is now suspended and is continuing at https://github.com/sarah11918/sastro

Taking advantage of Tropical Storm Elsa to learn Astro!

After spending time laying the groundwork to rescue www.summersidechoir.ca from a well-intentioned but fatally-flawed Jekyll instance (rewriting from scratch with GatsbyJS - project at https://github.com/sarah11918/scctake2), I got bored with the fine-tuning stage and wanted to explore what I want to do with my OWN website, www.rainsberger.ca

This is my Astro(.build) playground as I figure out what’s what, deployed at https://astro-elsa.netlify.app/ , and try to do a bunch of things (using JavaScript and React) for the sake of doing them.

As always, Coded on a Chromebook, in a browser and Created with CodeSandbox

This is a p tag, for a test

And this is an h1

//Here is some markdown code:

function addBallCount() {
  if (ballsThrown < 3 && before.some(pin => pin === "up")) &#123;
    ballsThrown += 1;
  }   
  document.getElementById("balls-thrown").innerHTML = ballsThrown; 
};

  ---
  import { Markdown } from 'astro/components';
  import BaseLayout from '../layouts/BaseLayout.astro';
  const content = await fetch("https://raw.githubusercontent.com/sarah11918/astro-elsa/main/README.md").then((res) => res.text());
  ---
  <BaseLayout title = "Remote Markdown" >
    <Markdown>
      # This 
      is some local **Markdown** between two tags
      <hr>
      ### This is being fetched from a remote site:
      <Markdown content={content} />
    </Markdown>
  </BaseLayout>