diff options
| -rw-r--r-- | README.md | 44 | ||||
| -rw-r--r-- | src/assets/screenshot-app.png | bin | 0 -> 89908 bytes | |||
| -rw-r--r-- | src/components/Link.astro | 12 | ||||
| -rw-r--r-- | src/layouts/Layout.astro | 2 |
4 files changed, 26 insertions, 32 deletions
@@ -1,28 +1,32 @@ -# Astro Starter Kit: Basics +# Astrolink: Template to share about yourself ```sh -npm create astro@latest -- --template basics +git clone https://github.com/alamguardin/Astrolink.git ``` -[](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics) -[](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics) -[](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json) -> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun! + - +## 🚀 How to change the content? -## 🚀 Project Structure - -Inside of your Astro project, you'll see the following folders and files: +To change the content of the templates, simply locate the ```user.json``` file inside the data folder. You can change the name, profession, and the links you want. ```text / ├── public/ │ └── favicon.svg ├── src/ +│ ├── assets/ +│ │ └── screenshot-app.png +│ │ └── user-profile-image.png │ ├── components/ -│ │ └── Card.astro +│ │ └── icons/ +│ │ └── Link.astro +│ │ └── List.astro +│ │ └── Profile.astro +│ │ └── Shadow.astro +│ ├── data/ +│ │ └── user.json │ ├── layouts/ │ │ └── Layout.astro │ └── pages/ @@ -30,11 +34,17 @@ Inside of your Astro project, you'll see the following folders and files: └── 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. +Oh, you also have a list of icons that you can use for your links by simply putting the name in the ```icon``` key of each link. -Any static assets, like images, can be placed in the `public/` directory. +- ```dribbble``` +- ```facebook``` +- ```instagram``` +- ```linkedin``` +- ```shop``` +- ```twitch``` +- ```url``` +- ```xtwitter``` +- ```youtube``` ## 🧞 Commands @@ -48,7 +58,3 @@ All commands are run from the root of the project, from a terminal: | `npm run preview` | Preview your build locally, before deploying | | `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/src/assets/screenshot-app.png b/src/assets/screenshot-app.png Binary files differnew file mode 100644 index 0000000..09755e3 --- /dev/null +++ b/src/assets/screenshot-app.png diff --git a/src/components/Link.astro b/src/components/Link.astro index 5ff75a1..d5a9fa7 100644 --- a/src/components/Link.astro +++ b/src/components/Link.astro @@ -10,18 +10,6 @@ import Url from "./icons/Url.astro"; import XTwitter from "./icons/X-twitter.astro"; import Youtube from "./icons/Youtube.astro"; -const icons = { - dribbble: Dribbble, - facebook: Facebook, - instagram: Instagram, - linkedin: Linkedin, - shop: Shop, - twitch: Twitch, - url: Url, - xtwitter: XTwitter, - youtube: Youtube -} - interface Props { icon: string; title: string; diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index e19e342..12ef02b 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -42,7 +42,7 @@ const { title } = Astro.props; color: var(--zinc-50) } - .link-icon svg { + span svg { width: 1.5rem; fill: var(--zinc-50) } |
