no more repl

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!

ApiConsumption/StudentDesc.md

@@ -13,7 +13,7 @@ This is made possible by [APIs](https://en.wikipedia.org/wiki/API)!
 <iframe src='https://view.officeapps.live.com/op/embed.aspx?src=https://github.com/hytechclub/web-103/raw/main/ApiConsumption/UsingApis.pptx' width='100%' height='450px' frameborder='0'></iframe>
 
 ## 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)

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.

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.

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.

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.

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

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

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

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();
 ```
 

Arrays/StudentDesc.md

@@ -8,7 +8,7 @@ Learn how to use arrays to store multiple values in one variable.
 <iframe src='https://view.officeapps.live.com/op/embed.aspx?src=https://hylandtechclub.com/web-103/Arrays/Arrays.pptx' width='100%' height='450px' frameborder='0'></iframe>
 
 ## 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)
 

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.

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
 <div onclick="this.classList.toggle('flipped');">
   <div>
-    <img src="images/tony.png">
+    <img src="https://i.pinimg.com/736x/51/4b/c8/514bc836deb22942d7266f23b06497a2.jpg">
     <h4>Tony the Tiger</h4>
     <p>Frosted Flakes</p>
   </div>
@@ -343,7 +343,7 @@ The updated code in the body of the `objectToCard` should now look something lik
 ```js
 let cardHTML = `
   <div>
-    <img src="images/tony.png">
+    <img src="https://i.pinimg.com/736x/51/4b/c8/514bc836deb22942d7266f23b06497a2.jpg">
     <h4>Tony the Tiger</h4>
     <p>Frosted Flakes</p>
   </div>
@@ -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 = `
   <div>
-    <img src="images/${m.image}">
+    <img src="${m.image}">
     <h4>${m.name}</h4>
     <p>${m.cereal}</p>
   </div>
@@ -504,7 +504,7 @@ let objectToCard = m => {
   // Add all the HTML text to show the image, name, cereal, and description
   let cardHTML = `
     <div>
-      <img src="images/${m.image}">
+      <img src="${m.image}">
       <h4>${m.name}</h4>
       <p>${m.cereal}</p>
     </div>

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.

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)
 

Callbacks/Challenges.md

@@ -2,15 +2,15 @@
 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!
 
 ## New Styles
 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!

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

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.

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

Callbacks/StudentDesc.md

@@ -8,7 +8,7 @@ Learn how to use functions as objects and pass them into other functions!
 <iframe src='https://view.officeapps.live.com/op/embed.aspx?src=https://hylandtechclub.com/web-103/Callbacks/FunctionsAndCallbacks.pptx' width='100%' height='450px' frameborder='0'></iframe>
 
 ## 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)