From 342f889e57e8119cf9a617a1b127fe378b54cc97 Mon Sep 17 00:00:00 2001 From: Cassidy Williams <1454517+cassidoo@users.noreply.github.com> Date: Thu, 9 May 2024 23:46:25 -0500 Subject: [PATCH] Make blog generic template for anyone --- README.md | 10 +- astro.config.mjs | 2 +- public/robots.txt | 2 +- src/components/BaseHead.astro | 19 +- src/components/Footer.astro | 2 +- src/components/Header.astro | 9 +- src/components/HeaderLink.astro | 8 +- src/components/Post.astro | 1 - src/config.js | 5 +- src/pages/404.astro | 12 +- src/pages/about.md | 10 +- src/pages/index.astro | 4 +- src/pages/posts.astro | 2 +- .../10-tips-for-successful-public-speaking.md | 54 -- src/posts/5-examples-of-linear-regression.md | 41 - src/posts/a-weekend-at-battlehack-boston.md | 90 -- .../adding-keyboard-shortcuts-to-react.md | 43 - src/posts/agua-caliente-writing-exercise.md | 62 -- src/posts/ai-voice-test.md | 27 - src/posts/annoyed-at-react.md | 20 - src/posts/base-css.md | 35 - src/posts/better-than-you.md | 50 - src/posts/brando-sando.md | 19 - src/posts/broke-a-bus.md | 17 - src/posts/building-my-s60x-keyboard.md | 171 ---- src/posts/bye-bye-2023.md | 60 -- src/posts/c-section.md | 79 -- src/posts/cassidy-williams.md | 35 - src/posts/closures-in-javascript.md | 85 -- src/posts/computer-science-actually-like.md | 91 -- src/posts/crush-procrastinating.md | 23 - src/posts/crushing-the-impostor-syndrome.md | 59 -- src/posts/css-accent-color.md | 40 - src/posts/css-has.md | 53 -- src/posts/css-image-values-spec.md | 52 -- src/posts/css-text-carousel.md | 77 -- src/posts/dear-early-may-cassidy.md | 26 - src/posts/design-iphone-app.md | 42 - src/posts/dream-major.md | 27 - src/posts/fb-hackathon.md | 17 - src/posts/feedback-is-awesome.md | 39 - src/posts/finding-a-mentor.md | 44 - src/posts/first-go-tournament.md | 21 - src/posts/free-software.md | 34 - src/posts/gift-guide-2023.md | 119 --- src/posts/gifts-for-new-parents.md | 21 - src/posts/grace-hopper-baltimore.md | 21 - src/posts/hackisu.md | 29 - src/posts/hello-blog.md | 10 - src/posts/hello-world.md | 18 +- src/posts/here-come-the-2013-mashups.md | 25 - src/posts/how-ace-an-interview.md | 52 -- src/posts/how-to-ask-for-help.md | 42 - src/posts/html-css-tutorial-part-2.md | 863 ------------------ src/posts/html-css-tutorial.md | 454 --------- src/posts/human-curation.md | 22 - src/posts/ideal-fishing-spots.md | 20 - ...ional-quotes-to-get-you-through-the-day.md | 39 - src/posts/jumblie-100.md | 27 - src/posts/jumblie-build-log.md | 196 ---- src/posts/jumblie-db.md | 76 -- src/posts/l4-digital-first-impressions.md | 23 - src/posts/line-break-md.md | 47 - src/posts/linkedin-profile-things.md | 33 - src/posts/loving-hating-streak.md | 27 - src/posts/making-the-whitney-api.md | 55 -- src/posts/mama-says-no.md | 17 - src/posts/markdown-example.md | 107 +++ src/posts/maternity-tv.md | 50 - src/posts/memorize-quotes.md | 70 -- src/posts/messing-with-sketch-club.md | 22 - src/posts/microsoft-rock-star.md | 55 -- src/posts/my-broken-language-brain.md | 18 - src/posts/my-last-days-at-isu.md | 62 -- src/posts/my-major.md | 15 - src/posts/my-talk-at-tedxdesmoines.md | 41 - src/posts/networking-as-a-student.md | 26 - src/posts/one-year-at-venmo.md | 26 - src/posts/open-standards-are-cool.md | 28 - src/posts/pi-day-2013.md | 20 - src/posts/picking-my-brain.md | 79 -- src/posts/positives-from-negatives.md | 73 -- src/posts/post-white-house.md | 18 - src/posts/posting-on-linkedin.md | 30 - src/posts/private-wins.md | 28 - src/posts/productivity-apps-2023.md | 72 -- src/posts/publishing-from-obsidian.md | 65 -- src/posts/questions-for-your-boss.md | 29 - src/posts/quirky-local-delights.md | 18 - src/posts/react-keys.md | 47 - src/posts/remembering-names.md | 37 - .../saying-goodbye-to-my-crappy-vision.md | 20 - src/posts/seattle-internet.md | 55 -- src/posts/see-ya-2022.md | 56 -- src/posts/self-aware-html.md | 52 -- src/posts/sort-git-branch.md | 45 - src/posts/startup-weekend-ames.md | 23 - src/posts/stock-option-shenanigans.md | 28 - src/posts/styling-css-pseudo.md | 44 - src/posts/subconscious-learning.md | 38 - src/posts/test-browser-extensions.md | 22 - src/posts/the-history-of-the-png.md | 38 - src/posts/the-laptop-you-need-for-college.md | 52 -- src/posts/the-t-in-often.md | 28 - src/posts/things-on-your-linkedin.md | 32 - src/posts/thirteen-potions-build-log.md | 208 ----- src/posts/tina-co-author.md | 24 - src/posts/todo-tada.md | 20 - src/posts/trailing-underlines.md | 47 - src/posts/trying-tinacms.md | 22 - src/posts/twoish-months-at-contenda.md | 14 - src/posts/valentines-hackathon.md | 31 - src/posts/w9-crafter.md | 64 -- src/posts/weekend-at-pennapps.md | 31 - src/posts/white-house-invite.md | 18 - src/posts/wrist-keyboard.md | 15 - 116 files changed, 141 insertions(+), 5777 deletions(-) delete mode 100644 src/posts/10-tips-for-successful-public-speaking.md delete mode 100644 src/posts/5-examples-of-linear-regression.md delete mode 100644 src/posts/a-weekend-at-battlehack-boston.md delete mode 100644 src/posts/adding-keyboard-shortcuts-to-react.md delete mode 100644 src/posts/agua-caliente-writing-exercise.md delete mode 100644 src/posts/ai-voice-test.md delete mode 100644 src/posts/annoyed-at-react.md delete mode 100644 src/posts/base-css.md delete mode 100644 src/posts/better-than-you.md delete mode 100644 src/posts/brando-sando.md delete mode 100644 src/posts/broke-a-bus.md delete mode 100644 src/posts/building-my-s60x-keyboard.md delete mode 100644 src/posts/bye-bye-2023.md delete mode 100644 src/posts/c-section.md delete mode 100644 src/posts/cassidy-williams.md delete mode 100644 src/posts/closures-in-javascript.md delete mode 100644 src/posts/computer-science-actually-like.md delete mode 100644 src/posts/crush-procrastinating.md delete mode 100644 src/posts/crushing-the-impostor-syndrome.md delete mode 100644 src/posts/css-accent-color.md delete mode 100644 src/posts/css-has.md delete mode 100644 src/posts/css-image-values-spec.md delete mode 100644 src/posts/css-text-carousel.md delete mode 100644 src/posts/dear-early-may-cassidy.md delete mode 100644 src/posts/design-iphone-app.md delete mode 100644 src/posts/dream-major.md delete mode 100644 src/posts/fb-hackathon.md delete mode 100644 src/posts/feedback-is-awesome.md delete mode 100644 src/posts/finding-a-mentor.md delete mode 100644 src/posts/first-go-tournament.md delete mode 100644 src/posts/free-software.md delete mode 100644 src/posts/gift-guide-2023.md delete mode 100644 src/posts/gifts-for-new-parents.md delete mode 100644 src/posts/grace-hopper-baltimore.md delete mode 100644 src/posts/hackisu.md delete mode 100644 src/posts/hello-blog.md delete mode 100644 src/posts/here-come-the-2013-mashups.md delete mode 100644 src/posts/how-ace-an-interview.md delete mode 100644 src/posts/how-to-ask-for-help.md delete mode 100644 src/posts/html-css-tutorial-part-2.md delete mode 100644 src/posts/html-css-tutorial.md delete mode 100644 src/posts/human-curation.md delete mode 100644 src/posts/ideal-fishing-spots.md delete mode 100644 src/posts/inspirational-quotes-to-get-you-through-the-day.md delete mode 100644 src/posts/jumblie-100.md delete mode 100644 src/posts/jumblie-build-log.md delete mode 100644 src/posts/jumblie-db.md delete mode 100644 src/posts/l4-digital-first-impressions.md delete mode 100644 src/posts/line-break-md.md delete mode 100644 src/posts/linkedin-profile-things.md delete mode 100644 src/posts/loving-hating-streak.md delete mode 100644 src/posts/making-the-whitney-api.md delete mode 100644 src/posts/mama-says-no.md create mode 100644 src/posts/markdown-example.md delete mode 100644 src/posts/maternity-tv.md delete mode 100644 src/posts/memorize-quotes.md delete mode 100644 src/posts/messing-with-sketch-club.md delete mode 100644 src/posts/microsoft-rock-star.md delete mode 100644 src/posts/my-broken-language-brain.md delete mode 100644 src/posts/my-last-days-at-isu.md delete mode 100644 src/posts/my-major.md delete mode 100644 src/posts/my-talk-at-tedxdesmoines.md delete mode 100644 src/posts/networking-as-a-student.md delete mode 100644 src/posts/one-year-at-venmo.md delete mode 100644 src/posts/open-standards-are-cool.md delete mode 100644 src/posts/pi-day-2013.md delete mode 100644 src/posts/picking-my-brain.md delete mode 100644 src/posts/positives-from-negatives.md delete mode 100644 src/posts/post-white-house.md delete mode 100644 src/posts/posting-on-linkedin.md delete mode 100644 src/posts/private-wins.md delete mode 100644 src/posts/productivity-apps-2023.md delete mode 100644 src/posts/publishing-from-obsidian.md delete mode 100644 src/posts/questions-for-your-boss.md delete mode 100644 src/posts/quirky-local-delights.md delete mode 100644 src/posts/react-keys.md delete mode 100644 src/posts/remembering-names.md delete mode 100644 src/posts/saying-goodbye-to-my-crappy-vision.md delete mode 100644 src/posts/seattle-internet.md delete mode 100644 src/posts/see-ya-2022.md delete mode 100644 src/posts/self-aware-html.md delete mode 100644 src/posts/sort-git-branch.md delete mode 100644 src/posts/startup-weekend-ames.md delete mode 100644 src/posts/stock-option-shenanigans.md delete mode 100644 src/posts/styling-css-pseudo.md delete mode 100644 src/posts/subconscious-learning.md delete mode 100644 src/posts/test-browser-extensions.md delete mode 100644 src/posts/the-history-of-the-png.md delete mode 100644 src/posts/the-laptop-you-need-for-college.md delete mode 100644 src/posts/the-t-in-often.md delete mode 100644 src/posts/things-on-your-linkedin.md delete mode 100644 src/posts/thirteen-potions-build-log.md delete mode 100644 src/posts/tina-co-author.md delete mode 100644 src/posts/todo-tada.md delete mode 100644 src/posts/trailing-underlines.md delete mode 100644 src/posts/trying-tinacms.md delete mode 100644 src/posts/twoish-months-at-contenda.md delete mode 100644 src/posts/valentines-hackathon.md delete mode 100644 src/posts/w9-crafter.md delete mode 100644 src/posts/weekend-at-pennapps.md delete mode 100644 src/posts/white-house-invite.md delete mode 100644 src/posts/wrist-keyboard.md 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 `