diff options
Diffstat (limited to 'examples/starter/src')
-rw-r--r-- | examples/starter/src/components/Logo.astro | 10 | ||||
-rw-r--r-- | examples/starter/src/content/Tour.md | 28 | ||||
-rw-r--r-- | examples/starter/src/pages/index.astro | 86 | ||||
-rw-r--r-- | examples/starter/src/styles/global.css | 29 | ||||
-rw-r--r-- | examples/starter/src/styles/home.css | 54 |
5 files changed, 0 insertions, 207 deletions
diff --git a/examples/starter/src/components/Logo.astro b/examples/starter/src/components/Logo.astro deleted file mode 100644 index ca45ef529..000000000 --- a/examples/starter/src/components/Logo.astro +++ /dev/null @@ -1,10 +0,0 @@ ---- -// Export a "Props" interface to . -export interface Props { - height?: number; - width?: number; -} -const { height = 80, width = 60 } = Astro.props; ---- - -<img height={height} width={width} src="/logo.svg" alt="Astro logo" /> diff --git a/examples/starter/src/content/Tour.md b/examples/starter/src/content/Tour.md deleted file mode 100644 index b995ba0c8..000000000 --- a/examples/starter/src/content/Tour.md +++ /dev/null @@ -1,28 +0,0 @@ -## 🚀 Project Structure - -Inside of your Astro project, you'll see the following folders and files: - -``` -├── public/ -│ ├── logo.svg -│ └── favicon.ico -├── src/ -│ ├── components/ -│ │ └── Logo.astro -│ ├── content/ -│ │ └── Tour.md -│ └── pages/ -│ └── index.astro -└── package.json -``` - -Astro looks for `.astro` or `.md` 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? - -Check out the [Astro Documentation](https://github.com/withastro/astro) site or jump into our [Discord server](https://astro.build/chat). diff --git a/examples/starter/src/pages/index.astro b/examples/starter/src/pages/index.astro deleted file mode 100644 index 4ec1c38a4..000000000 --- a/examples/starter/src/pages/index.astro +++ /dev/null @@ -1,86 +0,0 @@ ---- -import { Content as TourContent } from "../content/Tour.md"; -import Logo from "../components/Logo.astro"; -import "../styles/global.css"; -import "../styles/home.css"; -/* ASTRO:COMPONENT_IMPORTS */ - -// Component Script: -// You can write any JavaScript/TypeScript that you'd like here. -// It will run during the build, but never in the browser. -// All variables are available to use in the HTML template below. -let title = "My Astro Site"; - -// Full Astro Component Syntax: -// https://docs.astro.build/core-concepts/astro-components/ ---- - -<html lang="en"> - <head> - <meta charset="UTF-8" /> - <meta name="viewport" content="width=device-width" /> - <title>{title}</title> - - <link rel="icon" type="image/x-icon" href="/favicon.ico" /> - - <style> - header { - display: flex; - flex-direction: column; - gap: 1em; - max-width: min(100%, 68ch); - } - article { - padding-top: 2em; - line-height: 1.5; - 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; - } - </style> - <style is:global> - pre { - padding: 1rem; - } - </style> - </head> - <body> - <main> - <header> - <div> - <Logo width={60} height={80} /> - <h1>Welcome to <a href="https://astro.build/">Astro</a></h1> - </div> - </header> - - <article> - <div class="banner"> - <p><strong>🧑🚀 Seasoned astronaut?</strong> Delete this template and have fun!</p> - </div> - <TourContent /> - </article> - - <!-- - - You can also use imported framework components directly in your markup! - - Note: by default, these components are NOT interactive on the client. - The `client:visible` directive tells Astro to make it interactive. - - See https://docs.astro.build/core-concepts/component-hydration/ - - --> - - <!-- ASTRO:COMPONENT_MARKUP --> - </main> - </body> -</html> diff --git a/examples/starter/src/styles/global.css b/examples/starter/src/styles/global.css deleted file mode 100644 index 8ef8122cb..000000000 --- a/examples/starter/src/styles/global.css +++ /dev/null @@ -1,29 +0,0 @@ -* { - box-sizing: border-box; - margin: 0; -} - -:root { - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, - Apple Color Emoji, Segoe UI Emoji; - 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: 100%; - 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/src/styles/home.css b/examples/starter/src/styles/home.css deleted file mode 100644 index 147f95776..000000000 --- a/examples/starter/src/styles/home.css +++ /dev/null @@ -1,54 +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); -} - -.counter { - display: grid; - grid-auto-flow: column; - gap: 1em; - font-size: 2rem; - justify-content: center; - padding: 2rem 1rem; -} - -.counter > pre { - text-align: center; - min-width: 3ch; -} |