summaryrefslogtreecommitdiff
path: root/examples/starter/src
diff options
context:
space:
mode:
Diffstat (limited to 'examples/starter/src')
-rw-r--r--examples/starter/src/components/Logo.astro10
-rw-r--r--examples/starter/src/content/Tour.md28
-rw-r--r--examples/starter/src/pages/index.astro86
-rw-r--r--examples/starter/src/styles/global.css29
-rw-r--r--examples/starter/src/styles/home.css54
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;
-}