From 90422e7bbcc1bff9b7d0240d38364690e9672464 Mon Sep 17 00:00:00 2001 From: liyunze <50455574+liyunze-coding@users.noreply.github.com> Date: Fri, 6 Oct 2023 23:02:45 +0800 Subject: [PATCH] fixed fonts, updated README --- README.md | 73 ++++++++++++++++++---------------------- src/layouts/Layout.astro | 24 ++++++------- 2 files changed, 45 insertions(+), 52 deletions(-) diff --git a/README.md b/README.md index 1db3fb3..a221ab9 100644 --- a/README.md +++ b/README.md @@ -1,54 +1,47 @@ -# Astro Starter Kit: Basics +
+ +

ryanpython.me

+

The 4th iteration of Ryan's personal website

+
-```sh -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) -[![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! +
+ +
-![just-the-basics](https://github.com/withastro/astro/assets/2244813/a0a5533c-a856-4198-8470-2d67b1d7c554) +--- -## 🚀 Project Structure +## 📝 About -Inside of your Astro project, you'll see the following folders and files: +This is the third iteration of my personal website. -```text -/ -├── public/ -│ └── favicon.svg -├── src/ -│ ├── components/ -│ │ └── Card.astro -│ ├── layouts/ -│ │ └── Layout.astro -│ └── pages/ -│ └── index.astro -└── package.json -``` +Previous iterations: [v1](https://liyunze-coding.github.io/old-portfolio), [v2](https://liyunze-coding.github.io/old-portfolio-2) -Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name. +## 🚨 Forking this repo -There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components. +If you want to fork this repo, feel free to do so. However, I ask that you please give me credit by linking back to my website - https://ryanpython.me . Thanks! -Any static assets, like images, can be placed in the `public/` directory. +## 📚 License -## 🧞 Commands +This project is licensed under the MIT License - see the [LICENSE](./LICENSE) file for details. -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 | -| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` | -| `npm run astro -- --help` | Get help using the Astro CLI | +## 📱 Socials -## 👀 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/layouts/Layout.astro b/src/layouts/Layout.astro index 92e0449..d5b8e87 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -24,28 +24,28 @@ const { title } = Astro.props; /* Fredoka Fonts */ @font-face { font-family: "Fredoka"; - src: url("fonts/Fredoka-Bold.ttf") format("truetype"); + src: url("/fonts/Fredoka-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: "Fredoka"; - src: url("fonts/Fredoka-Light.ttf") format("truetype"); + src: url("/fonts/Fredoka-Light.ttf") format("truetype"); font-weight: lighter; font-style: normal; } @font-face { font-family: "Fredoka"; - src: url("fonts/Fredoka-Medium.ttf") format("truetype"); + src: url("/fonts/Fredoka-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Fredoka"; - src: url("fonts/Fredoka-Regular.ttf") format("truetype"); + src: url("/fonts/Fredoka-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @@ -53,35 +53,35 @@ const { title } = Astro.props; /* Montserrat Fonts */ @font-face { font-family: "Montserrat"; - src: url("fonts/Montserrat-Bold.ttf") format("truetype"); + src: url("/fonts/Montserrat-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: "Montserrat"; - src: url("fonts/Montserrat-Light.ttf") format("truetype"); + src: url("/fonts/Montserrat-Light.ttf") format("truetype"); font-weight: lighter; font-style: normal; } @font-face { font-family: "Montserrat"; - src: url("fonts/Montserrat-Medium.ttf") format("truetype"); + src: url("/fonts/Montserrat-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat"; - src: url("fonts/Montserrat-Regular.ttf") format("truetype"); + src: url("/fonts/Montserrat-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat"; - src: url("fonts/Montserrat-SemiBold.ttf") format("truetype"); + src: url("/fonts/Montserrat-SemiBold.ttf") format("truetype"); font-weight: 600; /* You can adjust this value if needed */ font-style: normal; } @@ -89,21 +89,21 @@ const { title } = Astro.props; /* Poppins Fonts */ @font-face { font-family: "Poppins-Light"; - src: url("fonts/Poppins-Light.ttf") format("truetype"); + src: url("/fonts/Poppins-Light.ttf") format("truetype"); font-weight: lighter; font-style: normal; } @font-face { font-family: "Poppins-Medium"; - src: url("fonts/Poppins-Medium.ttf") format("truetype"); + src: url("/fonts/Poppins-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Poppins-Regular"; - src: url("fonts/Poppins-Regular.ttf") format("truetype"); + src: url("/fonts/Poppins-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }