diff options
Diffstat (limited to 'examples/starter/src/pages/index.astro')
-rw-r--r-- | examples/starter/src/pages/index.astro | 86 |
1 files changed, 0 insertions, 86 deletions
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> |