diff options
Diffstat (limited to 'examples')
-rw-r--r-- | examples/starter/README.md | 32 | ||||
-rw-r--r-- | examples/starter/astro.config.mjs | 16 | ||||
-rw-r--r-- | examples/starter/package.json | 15 | ||||
-rw-r--r-- | examples/starter/public/assets/logo.svg | 12 | ||||
-rw-r--r-- | examples/starter/public/favicon.svg | 11 | ||||
-rw-r--r-- | examples/starter/public/robots.txt | 2 | ||||
-rw-r--r-- | examples/starter/public/style/global.css | 28 | ||||
-rw-r--r-- | examples/starter/public/style/home.css | 38 | ||||
-rw-r--r-- | examples/starter/src/components/Tour.astro | 82 | ||||
-rw-r--r-- | examples/starter/src/pages/index.astro | 38 |
10 files changed, 0 insertions, 274 deletions
diff --git a/examples/starter/README.md b/examples/starter/README.md deleted file mode 100644 index 59940918f..000000000 --- a/examples/starter/README.md +++ /dev/null @@ -1,32 +0,0 @@ -# Welcome to [Astro](https://astro.build) - -> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun! - -## 🚀 Project Structure - -Inside of your Astro project, you'll see the following folders and files: - -``` -/ -├── public/ -│ ├── robots.txt -│ └── favicon.ico -├── src/ -│ ├── components/ -│ │ └── Tour.astro -│ └── pages/ -│ └── index.astro -└── package.json -``` - -Astro looks for `.astro` or `.md.astro` files in the `src/pages/` directory. Each page is exposed as a route based on its file name. - - -There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components. - - -Any static assets, like images, can be placed in the `public/` directory. - -## 👀 Want to learn more? - -Feel free to check [our documentation](https://github.com/snowpackjs/astro) or jump into our [Discord server](https://discord.gg/EsGdSGen). diff --git a/examples/starter/astro.config.mjs b/examples/starter/astro.config.mjs deleted file mode 100644 index de58ba1c5..000000000 --- a/examples/starter/astro.config.mjs +++ /dev/null @@ -1,16 +0,0 @@ -export default { - projectRoot: '.', - astroRoot: './src', - dist: './dist', - public: './public', - extensions: { - '.jsx': 'react', - }, - snowpack: { - optimize: { - bundle: false, - minify: true, - target: 'es2018', - }, - }, -}; diff --git a/examples/starter/package.json b/examples/starter/package.json deleted file mode 100644 index 771aca9e2..000000000 --- a/examples/starter/package.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "name": "@example/starter", - "private": true, - "version": "0.0.1", - "scripts": { - "start": "astro dev", - "build": "astro build" - }, - "devDependencies": { - "astro": "0.0.9" - }, - "snowpack": { - "workspaceRoot": "../.." - } -} diff --git a/examples/starter/public/assets/logo.svg b/examples/starter/public/assets/logo.svg deleted file mode 100644 index d751556b2..000000000 --- a/examples/starter/public/assets/logo.svg +++ /dev/null @@ -1,12 +0,0 @@ -<svg width="193" height="256" fill="none" xmlns="http://www.w3.org/2000/svg"> - <style> - #flame { fill: #FF5D01; } - #a { fill: #000014; } - @media (prefers-color-scheme: dark) { - #a { fill: #fff; } - } - </style> - - <path id="a" fill-rule="evenodd" clip-rule="evenodd" d="M131.496 18.929c1.943 2.413 2.935 5.67 4.917 12.181l43.309 142.27a180.277 180.277 0 00-51.778-17.53L99.746 60.56a3.67 3.67 0 00-7.042.01l-27.857 95.232a180.224 180.224 0 00-52.01 17.557l43.52-142.281c1.989-6.502 2.983-9.752 4.927-12.16a15.999 15.999 0 016.484-4.798c2.872-1.154 6.271-1.154 13.07-1.154h31.085c6.807 0 10.211 0 13.085 1.157a16 16 0 016.488 4.806z" fill="url(#paint0_linear)"/> - <path id="flame" fill-rule="evenodd" clip-rule="evenodd" d="M136.678 180.151c-7.14 6.105-21.39 10.268-37.804 10.268-20.147 0-37.033-6.272-41.513-14.707-1.602 4.835-1.962 10.367-1.962 13.902 0 0-1.055 17.355 11.016 29.426 0-6.268 5.081-11.349 11.349-11.349 10.743 0 10.731 9.373 10.721 16.977v.679c0 11.542 7.054 21.436 17.086 25.606a23.27 23.27 0 01-2.339-10.2c0-11.008 6.463-15.107 13.973-19.87 5.977-3.79 12.616-8.001 17.192-16.449a31.013 31.013 0 003.744-14.82c0-3.299-.513-6.479-1.463-9.463z" /> -</svg> diff --git a/examples/starter/public/favicon.svg b/examples/starter/public/favicon.svg deleted file mode 100644 index 542f90aec..000000000 --- a/examples/starter/public/favicon.svg +++ /dev/null @@ -1,11 +0,0 @@ -<svg width="256" height="256" fill="none" xmlns="http://www.w3.org/2000/svg"> - <style> - #flame { fill: #FF5D01; } - #a { fill: #000014; } - @media (prefers-color-scheme: dark) { - #a { fill: #fff; } - } - </style> - <path id="a" fill-rule="evenodd" clip-rule="evenodd" d="M163.008 18.929c1.944 2.413 2.935 5.67 4.917 12.181l43.309 142.27a180.277 180.277 0 00-51.778-17.53l-28.198-95.29a3.67 3.67 0 00-7.042.01l-27.857 95.232a180.225 180.225 0 00-52.01 17.557l43.52-142.281c1.99-6.502 2.983-9.752 4.927-12.16a15.999 15.999 0 016.484-4.798c2.872-1.154 6.271-1.154 13.07-1.154h31.085c6.807 0 10.211 0 13.086 1.157a16.004 16.004 0 016.487 4.806z" /> - <path id="flame" fill-rule="evenodd" clip-rule="evenodd" d="M168.19 180.151c-7.139 6.105-21.39 10.268-37.804 10.268-20.147 0-37.033-6.272-41.513-14.707-1.602 4.835-1.961 10.367-1.961 13.902 0 0-1.056 17.355 11.015 29.426 0-6.268 5.081-11.349 11.349-11.349 10.743 0 10.731 9.373 10.721 16.977v.679c0 11.542 7.054 21.436 17.086 25.606a23.27 23.27 0 01-2.339-10.2c0-11.008 6.463-15.107 13.974-19.87 5.976-3.79 12.616-8.001 17.192-16.449a31.024 31.024 0 003.743-14.82c0-3.299-.513-6.479-1.463-9.463z" /> -</svg> diff --git a/examples/starter/public/robots.txt b/examples/starter/public/robots.txt deleted file mode 100644 index 1f53798bb..000000000 --- a/examples/starter/public/robots.txt +++ /dev/null @@ -1,2 +0,0 @@ -User-agent: * -Disallow: / diff --git a/examples/starter/public/style/global.css b/examples/starter/public/style/global.css deleted file mode 100644 index b54158f92..000000000 --- a/examples/starter/public/style/global.css +++ /dev/null @@ -1,28 +0,0 @@ -* { - box-sizing: border-box; - margin: 0; -} - -:root { - font-family: system-ui; - font-size: 1rem; - --user-font-scale: 1rem - 16px; - font-size: clamp(0.875rem, 0.4626rem + 1.0309vw + var(--user-font-scale), 1.125rem); -} - -body { - padding: 4rem 2rem; - width: 100vw; - min-height: 100vh; - display: grid; - justify-content: center; - background: #F9FAFB; - color: #111827; -} - -@media (prefers-color-scheme: dark) { - body { - background: #111827; - color: #fff; - } -} diff --git a/examples/starter/public/style/home.css b/examples/starter/public/style/home.css deleted file mode 100644 index c4271a845..000000000 --- a/examples/starter/public/style/home.css +++ /dev/null @@ -1,38 +0,0 @@ -:root { - --font-mono: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; - --color-light: #F3F4F6; -} - -@media (prefers-color-scheme: dark) { - :root { - --color-light: #1F2937; - } -} - -a { - color: inherit; -} - -header > div { - font-size: clamp(2rem, -0.4742rem + 6.1856vw, 2.75rem); -} - -header > div { - display: flex; - flex-direction: column; - align-items: center; -} - -header h1 { - font-size: 1em; - font-weight: 500; -} -header img { - width: 2em; - height: 2.667em; -} - -h2 { - font-weight: 500; - font-size: clamp(1.5rem, 1rem + 1.25vw, 2rem); -} 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> |