diff options
Diffstat (limited to 'examples')
| -rw-r--r-- | examples/deno/.codesandbox/Dockerfile | 1 | ||||
| -rw-r--r-- | examples/deno/.vscode/extensions.json | 4 | ||||
| -rw-r--r-- | examples/deno/.vscode/launch.json | 11 | ||||
| -rw-r--r-- | examples/deno/README.md | 54 | ||||
| -rw-r--r-- | examples/deno/astro.config.mjs | 9 | ||||
| -rw-r--r-- | examples/deno/package.json | 18 | ||||
| -rw-r--r-- | examples/deno/public/favicon.svg | 9 | ||||
| -rw-r--r-- | examples/deno/src/components/Layout.astro | 61 | ||||
| -rw-r--r-- | examples/deno/src/pages/index.astro | 188 | ||||
| -rw-r--r-- | examples/deno/tsconfig.json | 3 |
10 files changed, 0 insertions, 358 deletions
diff --git a/examples/deno/.codesandbox/Dockerfile b/examples/deno/.codesandbox/Dockerfile deleted file mode 100644 index c3b5c81a1..000000000 --- a/examples/deno/.codesandbox/Dockerfile +++ /dev/null @@ -1 +0,0 @@ -FROM node:18-bullseye diff --git a/examples/deno/.vscode/extensions.json b/examples/deno/.vscode/extensions.json deleted file mode 100644 index 22a15055d..000000000 --- a/examples/deno/.vscode/extensions.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "recommendations": ["astro-build.astro-vscode"], - "unwantedRecommendations": [] -} diff --git a/examples/deno/.vscode/launch.json b/examples/deno/.vscode/launch.json deleted file mode 100644 index d64220976..000000000 --- a/examples/deno/.vscode/launch.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "version": "0.2.0", - "configurations": [ - { - "command": "./node_modules/.bin/astro dev", - "name": "Development server", - "request": "launch", - "type": "node-terminal" - } - ] -} diff --git a/examples/deno/README.md b/examples/deno/README.md deleted file mode 100644 index 17deeb3b9..000000000 --- a/examples/deno/README.md +++ /dev/null @@ -1,54 +0,0 @@ -# Astro Starter Kit: Deno - -[](https://stackblitz.com/github/withastro/astro/tree/latest/examples/deno) -[](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/deno) -[](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/deno/devcontainer.json) - -```sh -npm create astro@latest -- --template deno -``` - -> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun! - - - -## 🚀 Project Structure - -Inside of your Astro project, you'll see the following folders and files: - -```text -/ -├── public/ -│ └── favicon.svg -├── src/ -│ ├── components/ -│ │ └── Layout.astro -│ └── pages/ -│ └── index.astro -├── package.json -└── tsconfig.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. - -## 🧞 Commands - -All commands are run from the root of the project, from a terminal: - -| Command | Action | -| :------------------------ | :----------------------------------------------- | -| `npm install` | Installs dependencies | -| `npm run dev` | Starts local dev server at `localhost:4321` | -| `npm run build` | Build your production site to `./dist/` | -| `npm run preview` | Preview your build locally, before deploying | -| | (preview uses Deno CLI) | -| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` | -| `npm run astro -- --help` | Get help using the Astro CLI | - -## 👀 Want to learn more? - -Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat). diff --git a/examples/deno/astro.config.mjs b/examples/deno/astro.config.mjs deleted file mode 100644 index 1a5c7f32c..000000000 --- a/examples/deno/astro.config.mjs +++ /dev/null @@ -1,9 +0,0 @@ -import { defineConfig } from 'astro/config'; - -import deno from '@astrojs/deno'; - -// https://astro.build/config -export default defineConfig({ - output: 'server', - adapter: deno(), -}); diff --git a/examples/deno/package.json b/examples/deno/package.json deleted file mode 100644 index 277871f85..000000000 --- a/examples/deno/package.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "name": "@example/deno", - "version": "0.0.1", - "private": true, - "scripts": { - "dev": "astro dev", - "start": "astro dev", - "build": "astro build", - "preview": "deno run --allow-net --allow-read --allow-env ./dist/server/entry.mjs", - "astro": "astro" - }, - "dependencies": { - "astro": "^3.2.0" - }, - "devDependencies": { - "@astrojs/deno": "^5.0.1" - } -} diff --git a/examples/deno/public/favicon.svg b/examples/deno/public/favicon.svg deleted file mode 100644 index f157bd1c5..000000000 --- a/examples/deno/public/favicon.svg +++ /dev/null @@ -1,9 +0,0 @@ -<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128"> - <path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" /> - <style> - path { fill: #000; } - @media (prefers-color-scheme: dark) { - path { fill: #FFF; } - } - </style> -</svg> diff --git a/examples/deno/src/components/Layout.astro b/examples/deno/src/components/Layout.astro deleted file mode 100644 index 7bcbd218c..000000000 --- a/examples/deno/src/components/Layout.astro +++ /dev/null @@ -1,61 +0,0 @@ ---- -interface Props { - title: string; -} - -const { title } = Astro.props as Props; ---- - -<!doctype html> -<html lang="en"> - <head> - <meta charset="UTF-8" /> - <meta name="viewport" content="width=device-width" /> - <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> - <title>{title}</title> - </head> - <body> - <slot /> - <style> - :root { - --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem); - --font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem); - --font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3rem); - - --color-text: hsl(12, 5%, 4%); - --color-bg: hsl(10, 21%, 95%); - } - - html { - font-family: system-ui, sans-serif; - font-size: var(--font-size-base); - color: var(--color-text); - background-color: var(--color-bg); - } - - body { - margin: 0; - } - - :global(h1) { - font-size: var(--font-size-xl); - } - - :global(h2) { - font-size: var(--font-size-lg); - } - - :global(code) { - font-family: - Menlo, - Monaco, - Lucida Console, - Liberation Mono, - DejaVu Sans Mono, - Bitstream Vera Sans Mono, - Courier New, - monospace; - } - </style> - </body> -</html> diff --git a/examples/deno/src/pages/index.astro b/examples/deno/src/pages/index.astro deleted file mode 100644 index 0399a7534..000000000 --- a/examples/deno/src/pages/index.astro +++ /dev/null @@ -1,188 +0,0 @@ ---- -import Layout from '../components/Layout.astro'; - -export const prerender = true; ---- - -<Layout title="Welcome to Astro (on Deno)."> - <main> - <h1>Welcome to <span class="text-gradient">Astro</span> on Deno</h1> - <p class="instructions"> - <strong>Your first mission:</strong> tweak this message to try our hot module reloading. Check - the <code>src/pages</code> directory! - </p> - <ul role="list" class="link-card-grid"> - <li class="link-card"> - <a href="https://astro.build/integrations/"> - <h2>Integrations <span>→</span></h2> - <p>Add component frameworks, Tailwind, Partytown, and more!</p> - </a> - </li> - <li class="link-card"> - <a href="https://astro.build/themes/"> - <h2>Themes <span>→</span></h2> - <p>Explore a galaxy of community-built starters.</p> - </a> - </li> - <li class="link-card"> - <a href="https://docs.astro.build/"> - <h2>Docs <span>→</span></h2> - <p>Learn our complete feature set and explore the API.</p> - </a> - </li> - <li class="link-card"> - <a href="https://astro.build/chat/"> - <h2>Chat <span>→</span></h2> - <p> - Ask, contribute, and have fun on our community Discord - <svg - class="heart" - xmlns="http://www.w3.org/2000/svg" - viewBox="0 0 512 512" - width="16" - height="16" - fill="currentColor" - > - <title>heart</title> - <path - d="M256 448l-30.164-27.211C118.718 322.442 48 258.61 48 179.095 48 114.221 97.918 64 162.4 64c36.399 0 70.717 16.742 93.6 43.947C278.882 80.742 313.199 64 349.6 64 414.082 64 464 114.221 464 179.095c0 79.516-70.719 143.348-177.836 241.694L256 448z" - ></path> - </svg> - </p> - </a> - </li> - </ul> - </main> -</Layout> - -<style> - :root { - --color-border: hsl(17, 24%, 90%); - --astro-gradient: linear-gradient(0deg, #4f39fa, #da62c4); - --link-gradient: linear-gradient(45deg, #4f39fa, #da62c4 30%, var(--color-border) 60%); - --night-sky-gradient: linear-gradient( - 0deg, - #392362 -33%, - #431f69 10%, - #30216b 50%, - #1f1638 100% - ); - } - - h2 { - margin: 0; - transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1); - } - - h2 span { - display: inline-block; - transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); - } - - code { - font-size: 0.875em; - border: 0.1em solid var(--color-border); - border-radius: 4px; - padding: 0.15em 0.25em; - } - - main { - margin: auto; - padding: 1em; - max-width: 60ch; - } - - .text-gradient { - font-weight: 900; - background-image: var(--astro-gradient); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-size: 100% 200%; - background-position-y: 100%; - border-radius: 0.4rem; - animation: pulse 4s ease-in-out infinite; - } - - @keyframes pulse { - 0%, - 100% { - background-position-y: 0%; - } - 50% { - background-position-y: 80%; - } - } - - .instructions { - line-height: 1.8; - margin-bottom: 2rem; - background-image: var(--night-sky-gradient); - padding: 1.5rem; - border-radius: 0.4rem; - color: var(--color-bg); - } - - .link-card-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr)); - gap: 1rem; - padding: 0; - } - - .link-card { - list-style: none; - display: flex; - padding: 0.15rem; - background-image: var(--link-gradient); - background-size: 400%; - border-radius: 0.5rem; - background-position: 100%; - transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1); - } - - .link-card > a { - width: 100%; - text-decoration: none; - line-height: 1.4; - padding: 1em 1.3em; - border-radius: 0.35rem; - color: var(--text-color); - background-color: white; - opacity: 0.8; - } - - .link-card:is(:hover, :focus-within) { - background-position: 0; - } - - .link-card:is(:hover, :focus-within) h2 { - color: #4f39fa; - } - - .link-card:is(:hover, :focus-within) h2 span { - transform: translateX(2px); - } - - .heart { - display: inline-block; - color: #da62c4; - animation: heartbeat 3s ease-in-out infinite; - } - - @keyframes heartbeat { - 0%, - 50%, - 100% { - transform: scale(1); - } - 5% { - transform: scale(1.125); - } - 10% { - transform: scale(1.05); - } - 15% { - transform: scale(1.25); - } - } -</style> diff --git a/examples/deno/tsconfig.json b/examples/deno/tsconfig.json deleted file mode 100644 index d78f81ec4..000000000 --- a/examples/deno/tsconfig.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "extends": "astro/tsconfigs/base" -} |
