Scott Granneman rsgranne

3

The library is launching a new media lab with podcasting equipment, video editing stations, green screen space, lighting kits, and audio recording booths. Students can reserve time online. The lab opens next month. Create an announcement for a general audience.

4

A local nonprofit wants an interactive digital media campaign that encourages young adults to volunteer once a month. They have almost no budget. They can use Instagram, TikTok, posters with QR codes, a simple website, and short videos.

Generate 5 campaign ideas for this nonprofit.

You can find these instructions at https://chnsa.ws/25r.

Create new folders: js & includes.

Create new file in includes: footer.html.

Cut <footer> … </footer> from index.html & paste into footer.html & save it.

	#!/usr/bin/env bash

	# Count Boolean attributes in the WHATWG HTML attribute index
	#
	# License: CC0 / Public Domain
	# https://creativecommons.org/publicdomain/zero/1.0/
	# You may use, modify, and redistribute this script without restriction.
	#
	# Source table:
	# https://html.spec.whatwg.org/multipage/indices.html#attributes-1

	// To use, insert the following in `<body>`: <script src="/js/breadcrumb.js"></script>

	// Function to capitalize the first letter of a string
	function capitalizeFirstLetter(string) {
	return string.charAt(0).toUpperCase() + string.slice(1);
	}

	// Function to replace hyphens with spaces and format words
	function formatBreadcrumbItem(item) {
	return item

	// Function to include HTML content below a specified element, id, or class
	function includeHTML(url, targetElement = null) {
	// Fetch the external HTML file
	fetch(url)

	// Convert the response from the server into plain text
	.then(response => response.text())

	// Work with the HTML text after it has been loaded
	.then(data => {

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<title>Untitled</title>
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">
	<link rel="stylesheet" href="/css/main.css">

	<nav class="navbar navbar-expand-lg navbar-light bg-light">
	<div class="container-fluid">
	<a class="navbar-brand" href="#">Navbar</a>
	<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
	<span class="navbar-toggler-icon"></span>
	</button>
	<div class="collapse navbar-collapse" id="navbarSupportedContent">
	<ul class="navbar-nav me-auto mb-2 mb-lg-0">
	<li class="nav-item">
	<a class="nav-link active" aria-current="page" href="#">Home</a>