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

	// https://chnsa.ws/25q
	// To use, insert the following in <head>: <script src="/js/breadcrumb.js" defer></script>
	// The page also needs <header id="header">, because the breadcrumb is added to the end of it.

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

	// Formats a string for breadcrumb display: replaces hyphens, applies title casing (except small words)

	// https://chnsa.ws/25p
	// Function to include HTML content below a specified element, ID, or class
	function includeHTML(url, targetElement = null) {
	// Fetch the external HTML file
	fetch(url)

	// Check that the file was found, then convert the response from the server into plain text
	.then(response => {
	// A missing file (like a 404) still sends back a response, so stop here with an error
	if (!response.ok) {

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

	<head>
	<meta charset="utf-8">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>Untitled</title>

	<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>