diff --git a/ApiConsumption/DogFetcherCodeAlong.md b/ApiConsumption/DogFetcherCodeAlong.md
index a48508d..6a739a6 100644
--- a/ApiConsumption/DogFetcherCodeAlong.md
+++ b/ApiConsumption/DogFetcherCodeAlong.md
@@ -1,7 +1,7 @@
# Code-Along: Dog Fetcher
Follow these instructions to build a website that will provide the user with some pictures of dogs.
-[Click here to view the Dog Fetcher Starter Repl project.](https://replit.com/@HylandOutreach/DogFetcher) Fork the project to begin the activity.
+[Click here to view the Dog Fetcher Starter project.](https://glitch.com/edit/#!/dog-fetcher-start) Remix the project to begin the activity.
## Part One: Background
Typically, dogs play fetch. In this activity, _your code_ is going to be playing fetch, and the things that your code will be fetching will be dogs!
diff --git a/ApiConsumption/StudentDesc.md b/ApiConsumption/StudentDesc.md
index 0e0d5ee..8cd7eac 100644
--- a/ApiConsumption/StudentDesc.md
+++ b/ApiConsumption/StudentDesc.md
@@ -13,7 +13,7 @@ This is made possible by [APIs](https://en.wikipedia.org/wiki/API)!
## Code-Along: Dog Fetcher
-[Click here for the code-along **starter code**.](https://replit.com/@HylandOutreach/DogFetcher)
+[Click here for the code-along **starter code**.](https://glitch.com/edit/#!/dog-fetcher-start)
[Click here for the code-along instructions.](DogFetcherCodeAlong.md)
@@ -22,6 +22,6 @@ This is made possible by [APIs](https://en.wikipedia.org/wiki/API)!
## Resources
- [Public APIs Repository](https://github.com/public-apis/public-apis)
-- [Dictionary API Example Project](https://replit.com/@HylandOutreach/DictionaryApi)
+- [Dictionary API Example Project](https://glitch.com/edit/#!/dictionary-api-example)
- [JAVASCRIPT.INFO: Fetch](https://javascript.info/fetch)
- ["Requests" by John K. Samson](https://www.youtube.com/watch?v=xIVG2rwrEqE)
diff --git a/ApiPractice/ColorSchemer.md b/ApiPractice/ColorSchemer.md
index eed44fb..ff54d0f 100644
--- a/ApiPractice/ColorSchemer.md
+++ b/ApiPractice/ColorSchemer.md
@@ -1,7 +1,7 @@
# Color Schemer
Follow these instructions to update a website that generates aesthetically pleasing color schemes.
-[Click here to view the Color Schemer Starter Repl project.](https://replit.com/@HylandOutreach/ColorSchemer) Fork the project to begin the activity.
+[Click here to view the Color Schemer Starter project.](https://glitch.com/edit/#!/color-schemer) Remix the project to begin the activity.
## Part Zero: Background
This project is already fairly substantial in terms of the code and the functionality.
diff --git a/ApiPractice/EmojiCrush.md b/ApiPractice/EmojiCrush.md
index 7709b56..01c871f 100644
--- a/ApiPractice/EmojiCrush.md
+++ b/ApiPractice/EmojiCrush.md
@@ -1,7 +1,7 @@
# Emoji Crush
Follow these instructions to create a website that displays information about a random emoji.
-[Click here to view the Emoji Crush Starter Repl project.](https://replit.com/@HylandOutreach/EmojiCrush#script.js) Fork the project to begin the activity.
+[Click here to view the Emoji Crush Starter project.](https://glitch.com/edit/#!/emoji-crush-start) Remix the project to begin the activity.
## Part Zero: Background
There is basically no starter code for this project, but the API will make it relatively simple to add functionality to the site.
diff --git a/ApiPractice/TvCharacters.md b/ApiPractice/TvCharacters.md
index 4501680..45183f9 100644
--- a/ApiPractice/TvCharacters.md
+++ b/ApiPractice/TvCharacters.md
@@ -1,7 +1,7 @@
# TV Characters
Follow these instructions to update a website that displays characters from TV shows.
-[Click here to view the TV Characters Starter Repl project.](https://replit.com/@HylandOutreach/TvCharacters) Fork the project to begin the activity.
+[Click here to view the TV Characters Starter project.](https://glitch.com/edit/#!/tv-characters) Remix the project to begin the activity.
## Part Zero: Background
There is significant code and functionality already built into this project.
diff --git a/ApiReviewExamples/CatSayCodeAlong.md b/ApiReviewExamples/CatSayCodeAlong.md
index 6eb9896..4a2e1eb 100644
--- a/ApiReviewExamples/CatSayCodeAlong.md
+++ b/ApiReviewExamples/CatSayCodeAlong.md
@@ -1,7 +1,7 @@
# Code-Along: What Does the Cat Say?
Follow these instructions to build a website that will provide the user with some pictures of cats saying messages. _Not to be confused with [The Fox](https://www.youtube.com/watch?v=jofNR_WkoCE)._
-[Click here to view the Cat Says Starter Repl project.](https://replit.com/@HylandOutreach/CatSays) Fork the project to begin the activity.
+[Click here to view the Cat Says Starter project.](https://glitch.com/edit/#!/what-does-the-cat-say) Remix the project to begin the activity.
## Part One: Background
Before diving into the activity, take some time for research and planning.
diff --git a/ApiReviewExamples/Examples/MacroRandomizer.md b/ApiReviewExamples/Examples/MacroRandomizer.md
index 17f4750..e607c5f 100644
--- a/ApiReviewExamples/Examples/MacroRandomizer.md
+++ b/ApiReviewExamples/Examples/MacroRandomizer.md
@@ -1,8 +1,10 @@
# API Example: Macro Randomizer
This website generates random [image macro](https://en.wiktionary.org/wiki/image_macro)s. It pulls a random bit of text from a variety of text-based APIs, then pulls a random image from a variety of different image APIs, and puts them together using a text-image-overlay API. This is certainly the most complex example in the lesson, but it is also the most powerful; combining multiple APIs can be quite interesting.
+**NOTE: This project is kinda busted rn. try to fix it**
+
- [Preview](https://hylandtechclub.com/showcase/Web103/MacroRandomizer/index.html)
-- [Project: https://replit.com/@HylandOutreach/MacroRandomizer](https://replit.com/@HylandOutreach/MacroRandomizer)
+- [Project: https://glitch.com/edit/#!/confused-coconut-soursop](https://glitch.com/edit/#!/confused-coconut-soursop)
- APIs: Several
## Improvement Ideas
diff --git a/ApiReviewExamples/Examples/Trivia.md b/ApiReviewExamples/Examples/Trivia.md
index c7b9fd7..2623cee 100644
--- a/ApiReviewExamples/Examples/Trivia.md
+++ b/ApiReviewExamples/Examples/Trivia.md
@@ -2,7 +2,7 @@
This site uses a Trivia API to grab some multiple choice questions and use them to quiz the user.
- [Preview](https://hylandtechclub.com/showcase/Web103/Trivia/index.html)
-- [Project: https://replit.com/@HylandOutreach/Trivia](https://replit.com/@HylandOutreach/Trivia)
+- [Project: https://glitch.com/edit/#!/trivia-api-app](https://glitch.com/edit/#!/trivia-api-app)
- [APIs: Open Trivia Database](https://opentdb.com/api_config.php)
## Improvement Ideas
diff --git a/ApiReviewExamples/Examples/Weather.md b/ApiReviewExamples/Examples/Weather.md
index fa52d56..e955ded 100644
--- a/ApiReviewExamples/Examples/Weather.md
+++ b/ApiReviewExamples/Examples/Weather.md
@@ -2,7 +2,7 @@
This site takes a search location (either zip code or city name), finds some information about the current weather for it, and displays it.
- [Preview](https://hylandtechclub.com/showcase/Web103/Weather/index.html)
-- [Project: https://replit.com/@HylandOutreach/Weather](https://replit.com/@HylandOutreach/Weather)
+- [Project: https://glitch.com/edit/#!/weather-api-app-thing](https://glitch.com/edit/#!/weather-api-app-thing)
- [APIs: Open-Meteo](https://open-meteo.com/)
## Improvement Ideas
diff --git a/Arrays/Challenges.md b/Arrays/Challenges.md
index 4cd7f0b..87ce45f 100644
--- a/Arrays/Challenges.md
+++ b/Arrays/Challenges.md
@@ -1,10 +1,10 @@
# Challenges
Try to complete these challenges that deal with a playlist website.
-Start by forking [this Repl project](https://replit.com/@HylandOutreach/the-best-songs#style.css). Then, try to update the site in a variety of ways! Feel free to hop around whichever challenges interest you the most.
+Start by remixing [this project](https://glitch.com/edit/#!/the-best-songs). Then, try to update the site in a variety of ways! Feel free to hop around whichever challenges interest you the most.
## Challenge 1 - Updating the Picture
-The jumbotron header has a background image, but it might not be something you like. Find another picture online, add it to your Repl project, and update the `background-image` property in the **style.css** file!
+The jumbotron header has a background image, but it might not be something you like. Find another picture online, and update the `background-image` property in the **style.css** file!
## Challenge 2 - Updating the Colors
The colors are designed to match the background image of the jumbotron. Update any of the colors in the **style.css** file to match your own personal taste!
@@ -74,10 +74,10 @@ myNamelessFunction();
Run the code at this point to make sure each play button is hooked up!
### Playing Audio
-The next step will be to actually [play some audio](https://stackoverflow.com/a/18628124). You will want to find some audio files and pull them into your Repl project first. Once you have done that, you can play them! It looks something like this:
+The next step will be to actually [play some audio](https://stackoverflow.com/a/18628124). You will want to find some audio file links. Once you have done that, you can play them! It looks something like this:
```js
-let audio = new Audio("audio_file.mp3");
+let audio = new Audio("https://link-to.my/audio_file.mp3");
audio.play();
```
diff --git a/Arrays/StudentDesc.md b/Arrays/StudentDesc.md
index 505eb61..ddd6e4b 100644
--- a/Arrays/StudentDesc.md
+++ b/Arrays/StudentDesc.md
@@ -8,7 +8,7 @@ Learn how to use arrays to store multiple values in one variable.
## Code-Along: Movie Watchlist
-[Click here for the code-along **starter code**.](https://replit.com/@HylandOutreach/Watchlist#index.html)
+[Click here for the code-along **starter code**.](https://glitch.com/edit/#!/my-watchlist-as-an-array)
[Click here for the code-along instructions.](WatchlistCodeAlong.md)
diff --git a/Arrays/WatchlistCodeAlong.md b/Arrays/WatchlistCodeAlong.md
index f1674c5..756298c 100644
--- a/Arrays/WatchlistCodeAlong.md
+++ b/Arrays/WatchlistCodeAlong.md
@@ -2,7 +2,7 @@
Follow these instructions to build a movie watchlist website!
## Getting Started
-To begin, fork [this Starter Repl project](https://replit.com/@HylandOutreach/Watchlist#index.html). It contains some HTML and CSS, but no JavaScript yet 😓
+To begin, remix [this Starter project](https://glitch.com/edit/#!/my-watchlist-as-an-array). It contains some HTML and CSS, but no JavaScript yet 😓
## Creating the Array
The first step is to create the array that will store the list of movies.
diff --git a/ArrowFunctions/MascotsCodeAlong.md b/ArrowFunctions/MascotsCodeAlong.md
index 36f639c..08d6aa4 100644
--- a/ArrowFunctions/MascotsCodeAlong.md
+++ b/ArrowFunctions/MascotsCodeAlong.md
@@ -2,9 +2,9 @@
In this code-along, create a website that showcases cereal mascot trading cards for some reason.
## Setting Up
-[Click here to go to the Cereal Start project.](https://replit.com/@HylandOutreach/CerealStart)
+[Click here to go to the Cereal Start project.](https://glitch.com/edit/#!/cereal-mascots-compendium)
-Start by forking the Repl. There is a decent amount of starter code.
+Start by remixing the project. There is a decent amount of starter code.
#### HTML Starter Code
The **index.html** file has some basic elements, including:
@@ -22,7 +22,7 @@ There is quite a bit of CSS code in the **style.css** file - most of this is to
There is one variable in the **script.js** file - `mascots`. This is an array containing objects, each object with some properties about a different cereal mascot. This code-along is all about displaying that data in an engaging way!
#### Images
-Also of note, there are some images in the **images** folder. The image filenames are referenced by the `mascots` objects (e.g., **tony.png**).
+Also of note, there are some images referenced by URL.
### Beginning
There is a lot of setup, but nothing is actually functional yet. Run the project and notice that no mascots appear!
@@ -57,7 +57,7 @@ Each piece of data from the `mascots` array should be converted into an HTML tex
let tony = {
name: "Tony the Tiger",
cereal: "Frosted Flakes",
- image: "tony.png",
+ image: "https://i.pinimg.com/736x/51/4b/c8/514bc836deb22942d7266f23b06497a2.jpg",
type: "animal",
description: "Tony began to be humanized in the 1970s..."
}
@@ -245,7 +245,7 @@ To see how this will look, there is some HTML to copy:
```html
-
+
Tony the Tiger
Frosted Flakes
@@ -343,7 +343,7 @@ The updated code in the body of the `objectToCard` should now look something lik
```js
let cardHTML = `
-
+
Tony the Tiger
Frosted Flakes
@@ -359,7 +359,7 @@ Run the project again. Now, you should see your website with all tonys. It's pre
Luckily, each time `objectToCard` is called, there is a parameter that has all the data for each individual mascot. This is all stored in the `m` object, under `m.image`, `m.name`, `m.cereal`, and `m.description`. Using `${expression}` notation, it will be possible to put this data into the HTML!
1. Find the `cardHTML` template string (between backticks), and get ready to update it
-1. Replace `tony.png` with `${m.image}`
+1. Replace the image URL with `${m.image}`
1. Replace `Tony the Tiger` with `${m.name}`
1. Replace `Frosted Flakes` with `${m.cereal}`
1. Replace `Tony began to be humanized in the 1970s...` with `${m.description}`
@@ -369,7 +369,7 @@ The updated code should end up looking something like this:
```js
let cardHTML = `
-
+
${m.name}
${m.cereal}
@@ -504,7 +504,7 @@ let objectToCard = m => {
// Add all the HTML text to show the image, name, cereal, and description
let cardHTML = `
-
+
${m.name}
${m.cereal}
diff --git a/ArrowFunctions/README.md b/ArrowFunctions/README.md
index 3a3571e..581708b 100644
--- a/ArrowFunctions/README.md
+++ b/ArrowFunctions/README.md
@@ -19,7 +19,7 @@ The [presentation](ArrowFunctions.pptx) reviews anonymous functions, introduces
Print out copies of the [worksheet](ArrowFunctionsWorksheet.docx), or direct students to the [online version](Worksheet.md) if they are virtual. Give them time to try to complete the worksheet without assistance. When they turn in their worksheets, check them for correctness against the [answer key](WorksheetAnswers.md), and give them back if there is anything they need to fix.
## Code-Along: Cereal Mascots for Some Reason
-Follow the [instructions](MascotsCodeAlong.md) to build up a sweet website. By the end of the activity, the project should look something like [this](https://replit.com/@HylandOutreach/CerealEnd/).
+Follow the [instructions](MascotsCodeAlong.md) to build up a sweet website. By the end of the activity, the project should look something like [this](https://glitch.com/edit/#!/cereal-mascots-done).
## Self-Paced Work: Trading Card Updates
Students should follow the [self-paced work instructions](SelfPacedWork.md) to update their websites. They should be encouraged to change the subjects of the trading cards, and do whatever they would like with the styles.
diff --git a/ArrowFunctions/StudentDesc.md b/ArrowFunctions/StudentDesc.md
index 5274348..142be42 100644
--- a/ArrowFunctions/StudentDesc.md
+++ b/ArrowFunctions/StudentDesc.md
@@ -8,7 +8,7 @@ Learn a new, shorter way to define functions!
[Click here to view the worksheet.](Worksheet.md)
## Code-Along: Cereal Mascots For Some Reason
-[Click here for the code-along **starter code**.](https://replit.com/@HylandOutreach/CerealStart)
+[Click here for the code-along **starter code**.](https://glitch.com/edit/#!/cereal-mascots-compendium)
[Click here for the code-along instructions.](MascotsCodeAlong.md)
diff --git a/Callbacks/Challenges.md b/Callbacks/Challenges.md
index d46c439..19cac38 100644
--- a/Callbacks/Challenges.md
+++ b/Callbacks/Challenges.md
@@ -2,7 +2,7 @@
Make some updates to a Funk Playlist website.
## Overview
-[Click here to access and fork the starter Repl project.](https://replit.com/@HylandOutreach/FunkPlaylist#script.js)
+[Click here to access and remix the starter project.](https://glitch.com/edit/#!/funk-playlist)
The current website will play six shortened tracks in a playlist format. The play buttons should play the songs, and when a song ends, the site should play the next song in the list. It's functional, but there are some nice features that you can try to add!
@@ -10,7 +10,7 @@ The current website will play six shortened tracks in a playlist format. The pla
Update any of the styles to fit whatever vibe you would like to cultivate. Change colors, fonts, pictures, or anything like that.
## New Tracks
-There are only six tracks right now, which is kind of sad. Go find some additional music to add to the list! The hardest part of this will be to actually download audio files - try Bandcamp, Internet Archive, or Soundcloud.
+There are only six tracks right now, which is kind of sad. Go find some additional music to add to the list! The hardest part of this will be to actually find links for audio files - try Bandcamp, Internet Archive, or Soundcloud.
## Repeat
Currently, the music well stop when the playlist ends. Update the code so that instead of ending, it goes back to the start!
diff --git a/Callbacks/FunktionalCodeAlong.md b/Callbacks/FunktionalCodeAlong.md
index b457e4e..1883582 100644
--- a/Callbacks/FunktionalCodeAlong.md
+++ b/Callbacks/FunktionalCodeAlong.md
@@ -2,9 +2,9 @@
In this code-along, add some funktionality to buttons on a website using callbacks.
## Setting Up
-[Click here to go to the Funktional Functions Starter project.](https://replit.com/@HylandOutreach/FunktionalFunctionsStarter#script.js)
+[Click here to go to the Funktional Functions Starter project.](https://glitch.com/edit/#!/funktional-functions)
-Start by forking the Repl. Take a look at the current code in the **script.js** file:
+Start by remixing the project. Take a look at the current code in the **script.js** file:
- `bassAudio` object and `playBass` function definition - these make it possible to play an audio track!
- `chooseRandom` function definition - this makes it possible to choose a random item from an array, and exclude any item in particular
diff --git a/Callbacks/README.md b/Callbacks/README.md
index 57953f9..d571c05 100644
--- a/Callbacks/README.md
+++ b/Callbacks/README.md
@@ -23,7 +23,7 @@ The [presentation](FunctionsAndCallbacks.pptx) reviews functions, and shows how
Facilitate the [Blooket quiz game](https://dashboard.blooket.com/set/63d16a6402b104792091fdf5). Note than an account is required to host the game.
## Code-Along: Funktional Functions
-Follow the [instructions](FunktionalCodeAlong.md) to build up a funky website. By the end of the activity, the project should look something like [this](https://replit.com/@HylandOutreach/FunktionalFunctions#script.js).
+Follow the [instructions](FunktionalCodeAlong.md) to build up a funky website. By the end of the activity, the project should look something like [this](https://glitch.com/edit/#!/funktional-code-along-complete).
## Self-Paced Work: Funktional Functions Updates
Have the students follow [the instructions](SelfPacedWork.md) to continue working on the funky website.
diff --git a/Callbacks/SelfPacedWork.md b/Callbacks/SelfPacedWork.md
index bfe206f..088890e 100644
--- a/Callbacks/SelfPacedWork.md
+++ b/Callbacks/SelfPacedWork.md
@@ -56,7 +56,7 @@ Add a secret way to change the background image - when a site visitor clicks the
- Parentheses (`()`)
- Curly brackets (`{}`)
1. Make a new line in the body of the function (between `{` and `}`)
-1. There, set `document.body.style.backgroundImage` to `"url('assets/sly.jpg')"`
+1. There, set `document.body.style.backgroundImage` to `"url('https://github.com/hytechclub/web-103/raw/main/Assets/sly.jpg')"`
- This will change the background image of the page
1. Make a new line _under_ the function definition (after `}`)
1. There, create a new variable named `header`
@@ -72,7 +72,7 @@ In addition to changing the background image, start playing a different piece of
1. Make a new line above the `slyBackground` function definition
1. There, create a new variable named `danceToTheMusic`
- Set `danceToTheMusic` to be a `new Audio` object
- - Set the audio file to be `"assets/dancetothemusic.mp3"`
+ - Set the audio file to be `"https://github.com/hytechclub/web-103/raw/main/Assets/dancetothemusic.mp3"`
1. Make a new line in the _body_ of the `slyBackground` function
1. There, reate an `if`/`else` structure
- `if` keyword
diff --git a/Callbacks/StudentDesc.md b/Callbacks/StudentDesc.md
index 1367e78..5beb473 100644
--- a/Callbacks/StudentDesc.md
+++ b/Callbacks/StudentDesc.md
@@ -8,7 +8,7 @@ Learn how to use functions as objects and pass them into other functions!
## Code-Along: Funktional Functions
-[Click here for the code-along **starter code**.](https://replit.com/@HylandOutreach/FunktionalFunctionsStarter#script.js)
+[Click here for the code-along **starter code**.](https://glitch.com/edit/#!/funktional-functions)
[Click here for the code-along instructions.](FunktionalCodeAlong.md)
diff --git a/JsReview/QuizCodeAlong.md b/JsReview/QuizCodeAlong.md
index 11f4241..1c03fcb 100644
--- a/JsReview/QuizCodeAlong.md
+++ b/JsReview/QuizCodeAlong.md
@@ -2,16 +2,11 @@
Follow this guide to create and customize an interactive quiz. These instructions use Ash Ketchum as an example subject, but make sure to change the questions and answers to be about you!
## Part 1 - Setup
-Start by forking the existing project. It contains all of the HTML and CSS, but none of the JavaScript.
+Start by remixing the existing project. It contains all of the HTML and CSS, but none of the JavaScript.
->Note: You must be logged into Replit to fork the project
+[Click here to remix the project!](https://glitch.com/edit/#!/remix/personal-quiz-starter)
-1. [Click here to open the starter project](https://replit.com/@HylandOutreach/PersonalQuizStarter)
-1. Click the "Fork Repl" button in the upper right
-1. Click the "Fork Repl" button in the pop-up that appears
-1. Run the project to see how it looks!
-
-Everything should show up on the page, but the button will not be functional yet...
+Open the preview to see how it looks. Everything should show up on the page, but the button will not be functional yet...
## Part 2 - Hooking Up the Button
There is currently no JavaScript code, so nothing happens when the button is clicked! Take a look at the `