tempblade/creator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update readme

Browse Source 
update title
This commit is contained in:
Enrico Bühler 2023-05-03 16:14:23 +02:00
parent d08e40c76e
commit 7f6b7f4695
3 changed files with 10 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
README.md
View File

@ -1,55 +1,14 @@
# Astro Starter Kit: Basics # tempblade Creator
``` This is a web based motion design creator built on astro.
npm create astro@latest -- --template basics
```
[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics) ## Commands
[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics)
[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json)
> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
![basics](https://user-images.githubusercontent.com/4677417/186188965-73453154-fdec-4d6b-9c34-cb35c248ae5b.png)
## 🚀 Project Structure
Inside of your Astro project, you'll see the following folders and files:
```
/
├── public/
│ └── favicon.svg
├── src/
│ ├── components/
│ │ └── Card.astro
│ ├── layouts/
│ │ └── Layout.astro
│ └── 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.
## 🧞 Commands
All commands are run from the root of the project, from a terminal: All commands are run from the root of the project, from a terminal:
| Command | Action | | Command | Action |
| :--------------------- | :----------------------------------------------- | | :--------------------- | :----------------------------------------------- |
| `npm install` | Installs dependencies | | `yarn dev` | Starts local dev server at `localhost:3000` |
| `npm run dev` | Starts local dev server at `localhost:3000` | | `yarn build` | Build your production site to `./dist/` |
| `npm run build` | Build your production site to `./dist/` | | `yarn preview` | Preview your build locally, before deploying |
| `npm run preview` | Preview your build locally, before deploying | | `yarn astro ...` | Run CLI commands like `astro add`, `astro check` |
| `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).

2
src/layouts/Layout.astro
View File

@ -16,7 +16,7 @@ const { title } = Astro.props;
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<title>{title}</title> <title>tempblade Creator - {title}</title>
</head> </head>
<body> <body>
<Header /> <Header />

2
src/pages/index.astro
View File

@ -3,7 +3,7 @@ import Layout from "layouts/Layout.astro";
import SectionHighlights from "sections/Start/Highlights.astro"; import SectionHighlights from "sections/Start/Highlights.astro";
--- ---
<Layout title="play by tempblade"> <Layout title="Free Intro Maker">
<main> <main>
<section class="default-section" id="header"> <section class="default-section" id="header">
<div class="heading-container"> <div class="heading-container">