diff --git a/README.md b/README.md index 002afb7..f348c7e 100644 --- a/README.md +++ b/README.md @@ -1,12 +1,10 @@ -# My blaaaahg - -[![Netlify Status](https://api.netlify.com/api/v1/badges/eab04209-5f7f-41ed-a8dd-c45a9ebb1834/deploy-status)](https://app.netlify.com/sites/blahg/deploys) +# Cassidy's blog template Hello, welcome. This is a blog ("blahg" is the proper spelling for Chicagoans), or digital garden, or whatever. It's built with [Astro](https://astro.build), and uses [TinaCMS](https://tina.io) to edit the content! ## See the blahg -[blog.cassidoo.co](https://blog.cassidoo.co) +[blahg.netlify.app](https://blahg.netlify.app/) ## Run it yourself @@ -15,12 +13,12 @@ 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:3000` | +| `npm run dev` | Starts local dev server at `localhost:4321` | | `npx tinacms dev -c 'astro dev'` | Manually run local server if the regular command doesn't work | | `npm run build` | Build your production site to `./dist/` | | `npm run preview` | Preview your build locally, before deploying | -You go to `localhost:3000/admin/index.html` to see the CMS and use it. If you want to clone this for yourself, you'll need a `.env.development` file that has the following in it: +You go to `localhost:4321/admin/index.html` to see the CMS and use it. If you want to clone this for yourself, you'll need a `.env.development` file that has the following in it: ``` TINACLIENTID= diff --git a/astro.config.mjs b/astro.config.mjs index baf95f2..05a9fa4 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -3,7 +3,7 @@ import sitemap from "@astrojs/sitemap"; // https://astro.build/config export default defineConfig({ - site: "https://blog.cassidoo.co/", + site: "yourblogurl", base: "/", integrations: [sitemap()], markdown: { diff --git a/public/robots.txt b/public/robots.txt index 3e4609e..f015f4b 100644 --- a/public/robots.txt +++ b/public/robots.txt @@ -1,4 +1,4 @@ -Sitemap: https://blog.cassidoo.co/sitemap-index.xml +Sitemap: https://blahg.netlify.app/sitemap-index.xml User-agent: * Disallow: diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro index 060e689..c74d50c 100644 --- a/src/components/BaseHead.astro +++ b/src/components/BaseHead.astro @@ -2,7 +2,7 @@ import "../style/fonts.css"; import "../style/global.css"; -import { SITE_TITLE } from "../config"; +import { SITE_TITLE, SITE_DESCRIPTION } from "../config"; const { title, description, image = "/home-blog-card.png" } = Astro.props; --- @@ -14,9 +14,6 @@ const { title, description, image = "/home-blog-card.png" } = Astro.props; - - - {title} @@ -37,13 +34,6 @@ const { title, description, image = "/home-blog-card.png" } = Astro.props; - - - - - - - - - - diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 738acea..5189e7b 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -3,7 +3,7 @@ const today = new Date(); --- - -Congratulations. You have some empty CSS. Now, what the heck is CSS anyway? Well, CSS stands for _Cascading Style Sheets_. Gee whiz, that word _style_ is everywhere. And it's true. The `style` attribute is for styling _inline_ HTML (just that line of code), the ` - -Recognize that? It's exactly the same! For each selector, there is a _property_ of that selector, and each property has a _value_, just like how we wrote it in the `style` attributes! - -You will always have your CSS in the syntax, `selector { property: value; property: value; }`. I've only shown you some properties so far, but don't worry. There are plenty more to come. - -Try playing around with the CSS we have right now. Edit the colors, add some borders, change the font styles. Don't forget your semicolons! - -###Classes and IDs and other Segregation - -So, you have some of the CSS basics down already. You're so smart. It's really a simple language, once you know the basic syntax. So, now we'll get into more fancy stuff. What if you want to edit several tags differently? - -#### Classes - -Let's say that we have 8 `

` tags on our HTML page (hint: open style3.html in the **3 - Styles** folder). -If we want to style each of these tags differently, we can use _classes_. A class is actually an HTML attribute that you can name whatever you want. -Check out style3.html to see the classes I added to the `

` tags on the page. When you add a class, the user doesn't see it. -But, you can style specific classes to do what you want, instead of having all `

` tags be the same. - -How about we style one of the classes specifically? It's simple. Just take the class name you made up (I'll use the `poemtitle` class for my example) and add a period `.` in front of it to select it in CSS, like so: - - .poemtitle - { - - } - -And there you have it! Even though you might have different styles for your paragraphs, you can style the ones of class `poemtitle` individually. -For this example, let's make all paragraphs with the font family Arial, the `poemtitle`s font weight `bolder`, the `author`s the color `#555555`, and the `poem`s in `italic`. -Try doing it on your own if you can (just put your code in the given ` - - -

-
-
-
- - - -Besides the `
` tags, everything here should look familiar. Each of the `` have a `class`, which means we should style those, right? Right. - -Within those `