summaryrefslogtreecommitdiff
path: root/examples/starter/src
diff options
context:
space:
mode:
authorGravatar Nate Moore <natemoo-re@users.noreply.github.com> 2021-05-03 12:15:13 -0500
committerGravatar GitHub <noreply@github.com> 2021-05-03 12:15:13 -0500
commited631329e731d31e384dacc1ec399ba60b7c906b (patch)
tree0c998bb642c1feab773cb0e751dbb0ece1e59d64 /examples/starter/src
parent467820996f71b0c78f2000294cb6f3c0a8f3aca4 (diff)
downloadastro-ed631329e731d31e384dacc1ec399ba60b7c906b.tar.gz
astro-ed631329e731d31e384dacc1ec399ba60b7c906b.tar.zst
astro-ed631329e731d31e384dacc1ec399ba60b7c906b.zip
`create-astro` UI (#164)
* refactor: improve create-astro layout, build script * feat(create-astro): v0.1.0 * docs(create-astro): add README * feat(create-astro): add meta files to starter templates
Diffstat (limited to 'examples/starter/src')
-rw-r--r--examples/starter/src/components/Tour.astro82
-rw-r--r--examples/starter/src/pages/index.astro38
2 files changed, 0 insertions, 120 deletions
diff --git a/examples/starter/src/components/Tour.astro b/examples/starter/src/components/Tour.astro
deleted file mode 100644
index ca0cfafbf..000000000
--- a/examples/starter/src/components/Tour.astro
+++ /dev/null
@@ -1,82 +0,0 @@
-<article>
- <div class="banner">
- <p><strong>🧑‍🚀 Seasoned astronaut?</strong> Delete this file. Have fun!</p>
- </div>
-
- <section>
- <h2>🚀 Project Structure</h2>
- <p>Inside of your Astro project, you'll see the following folders and files:</p>
-
- <pre><code class="tree">/
-├── public/
-│ ├── robots.txt
-│ └── favicon.ico
-├── src/
-│ ├── components/
-│ │ └── Tour.astro
-│ └── pages/
-│ └── index.astro
-└── package.json</code>
- </pre>
-
- <p>
- Astro looks for <code>.astro</code> or <code>.md.astro</code> files in the <code>src/pages/</code> directory.
- Each page is exposed as a route based on its file name.
- </p>
-
- <p>
- There's nothing special about <code>src/components/</code>, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
- </p>
-
- <p>Any static assets, like images, can be placed in the <code>public/</code> directory.</p>
- </section>
-
- <section>
- <h2>👀 Want to learn more?</h2>
- <p>Feel free to check <a href="https://github.com/snowpackjs/astro">our documentation</a> or jump into our <a href="https://discord.gg/EsGdSGen">Discord server</a>.</p>
- </section>
-
-</article>
-
-<style>
- article {
- padding-top: 2em;
- line-height: 1.5;
- }
- section {
- margin-top: 2em;
- display: flex;
- flex-direction: column;
- gap: 1em;
- max-width: 70ch;
- }
-
- .banner {
- text-align: center;
- font-size: 1.2rem;
- background: var(--color-light);
- padding: 1em 1.5em;
- padding-left: 0.75em;
- border-radius: 4px;
- }
-
- pre,
- code {
- font-family: var(--font-mono);
- background: var(--color-light);
- border-radius: 4px;
- }
-
- pre {
- padding: 1em 1.5em;
- }
-
- .tree {
- line-height: 1.2;
- }
-
- code:not(.tree) {
- padding: 0.125em;
- margin: 0 -0.125em;
- }
-</style>
diff --git a/examples/starter/src/pages/index.astro b/examples/starter/src/pages/index.astro
deleted file mode 100644
index de052e9c4..000000000
--- a/examples/starter/src/pages/index.astro
+++ /dev/null
@@ -1,38 +0,0 @@
----
-import Tour from '../components/Tour.astro';
----
-
-<!doctype html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Astro</title>
-
- <link rel="icon" type="image/svg+xml" href="/favicon.svg">
-
- <link rel="stylesheet" href="/style/global.css">
- <link rel="stylesheet" href="/style/home.css">
-
- <style>
- header {
- display: flex;
- flex-direction: column;
- gap: 1em;
- max-width: min(100%, 68ch);
- }
- </style>
-</head>
-<body>
- <main>
- <header>
- <div>
- <img width="60" height="80" src="/assets/logo.svg" alt="Astro logo">
- <h1>Welcome to <a href="https://astro.build/">Astro</a></h1>
- </div>
- </header>
-
- <Tour />
- </main>
-</body>
-</html>