tndsr/index.html

751 lines
41 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<link href="favicon.ico" rel="icon"/>
<meta content="width=device-width,initial-scale=1" name="viewport"/>
<meta content="#000000" name="theme-color"/>
<meta content="Web site created using create-react-app" name="description"/>
<link href="/logo192.png" rel="apple-touch-icon"/>
<title>
Tennesse Non-Drag Storyreader Registry
</title>
<link href="assets/css/MuiCssBaseline.css" rel="stylesheet"/>
<link href="assets/css/MuiBox.css" rel="stylesheet"/>
<link href="assets/css/MuiTypography.css" rel="stylesheet"/>
<link href="assets/css/MuiTouchRipple.css" rel="stylesheet"/>
<link href="assets/css/MuiButtonBase.css" rel="stylesheet"/>
<link href="assets/css/MuiButton.css" rel="stylesheet"/>
<link href="assets/css/MuiBackdrop.css" rel="stylesheet"/>
<link href="assets/css/MuiPaper.css" rel="stylesheet"/>
<link href="assets/css/MuiDialog.css" rel="stylesheet"/>
<link href="assets/css/MuiGrid.css" rel="stylesheet"/>
<link href="assets/css/MuiSvgIcon.css" rel="stylesheet"/>
<link href="assets/css/MuiIconButton.css" rel="stylesheet"/>
<link href="assets/css/MuiContainer.css" rel="stylesheet"/>
<link href="assets/css/MuiGridList.css" rel="stylesheet"/>
<link href="assets/css/MuiAppBar.css" rel="stylesheet"/>
<link href="assets/css/MuiToolbar.css" rel="stylesheet"/>
<link href="assets/css/PrivateHiddenCss.css" rel="stylesheet"/>
<link href="assets/css/MuiPopover.css" rel="stylesheet"/>
<link href="assets/css/MuiList.css" rel="stylesheet"/>
<link href="assets/css/MuiMenu.css" rel="stylesheet"/>
<link href="assets/css/MuiListItem.css" rel="stylesheet"/>
<link href="assets/css/MuiMenuItem.css" rel="stylesheet"/>
<link href="assets/css/MuiDrawer.css" rel="stylesheet"/>
<link href="assets/css/MuiDivider.css" rel="stylesheet"/>
<link href="assets/css/MuiListItemText.css" rel="stylesheet"/>
<link href="assets/css/MuiGridListTile.css" rel="stylesheet"/>
<link href="assets/css/makeStyles.css" rel="stylesheet"/>
</head>
<body style="">
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<!-- BLUE BACKGROUND-->
<div id="root">
<div class="App">
</div>
<div class="jss247" style="margin-top: 72px;">
<header class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary jss21 mui-fixed MuiPaper-elevation4">
<div class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters">
<button aria-label="open drawer" class="MuiButtonBase-root MuiIconButton-root jss23 MuiIconButton-colorInherit MuiIconButton-edgeStart" tabindex="0" type="button">
<span class="MuiIconButton-label">
<svg aria-hidden="true" class="MuiSvgIcon-root" focusable="false" viewbox="0 0 24 24">
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z">
</path>
</svg>
</span>
<span class="MuiTouchRipple-root">
</span>
</button>
<a href="index.html">
<img alt="TNDSR Seal" src="images/TNDSR_seal.png" style="margin-right: 16px;" width="55 px"/>
</a>
<!--WHITE TEXT-->
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<h1 class="MuiTypography-root jss25 MuiTypography-h1 MuiTypography-colorInherit" style="font-weight: 700; padding-bottom: 2px;">
Tennessee Non-Drag Storyreader Registry
<span style="color: rgb(187, 187, 187); font-weight: lighter;">
</span>
</h1>
</div>
</div>
</header>
<main class="jss259">
<div class="MuiContainer-root jss260 MuiContainer-maxWidthLg">
<div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 MuiGrid-justify-content-xs-center">
<!--SEARCH BOX-->
<div class="MuiGrid-root jss263" style="margin-right: 16px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;">
<a href="registry.html">
<img alt="Search Registry" src="images/search_image.png" style="margin-right: 0px; width: 150px; border-bottom: 5px solid rgb(27, 54, 93);"/>
<h4 class="MuiTypography-root MuiTypography-h4 MuiTypography-alignCenter" style="margin-right: 0px;">
Search Registry
</h4>
</a>
</div>
<!--INFORMATION-->
<div class="MuiGrid-root jss263" style="margin-right: 16px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;">
<a href="information.html">
<img alt="Information" src="images/flag_image.png" style="margin-right: 0px; width: 150px; border-bottom: 5px solid rgb(27, 54, 93);"/>
<h4 class="MuiTypography-root MuiTypography-h4 MuiTypography-alignCenter" style="margin-right: 0px;">
Information
</h4>
</a>
</div>
<!--EMAIL ALERTS-->
<div class="MuiGrid-root jss263" style="margin-right: 16px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;">
<a href="email.html">
<img alt="Request email notice of offender update" src="images/email_button.png" style="margin-right: 0px; width: 150px; border-bottom: 5px solid rgb(27, 54, 93);"/>
<h4 class="MuiTypography-root MuiTypography-h4 MuiTypography-alignCenter" style="margin-right: 0px;">
Email Alerts
</h4>
</a>
</div>
<!--MAP-->
<div class="MuiGrid-root jss263" style="margin-right: 16px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;">
<a href="https://www.zeemaps.com/view?group=4636492&amp;x=-87.360095&amp;y=36.256851&amp;z=11" target="_blank">
<img alt="Map Storyreader Location" src="images/map_image.png" style="margin-right: 0px; width: 150px; border-bottom: 5px solid rgb(27, 54, 93);"/>
<h4 class="MuiTypography-root MuiTypography-h4 MuiTypography-alignCenter" style="margin-right: 0px;">
Explore Map
</h4>
</a>
</div>
<!--REGISTRATION-->
<div class="MuiGrid-root jss263" style="margin-right: 16px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;">
<a href="registration.html">
<img alt="Registration" src="images/registration_image.png" style="margin-right: 0px; width: 150px; border-bottom: 5px solid rgb(27, 54, 93);"/>
<h4 class="MuiTypography-root MuiTypography-h4 MuiTypography-alignCenter" style="margin-right: 0px; padding-bottom: 4px;">
Registration
</h4>
</a>
</div>
</div>
<hr class="MuiDivider-root MuiDivider-middle" style="background-color: rgb(238, 53, 36); width: 85%; margin: 48px auto 24px; height: 4px;"/>
<!--STORYREADER TEXT-->
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center">
<div class="MuiBox-root jss264" style="background-color: transparent; width: 75%;">
<h2 class="" style="margin: 15px 0px 8px; text-align: center;">
**Storyreaders of the Year (2022)**
</h2>
<p class="" style="margin: 5px 0px; text-align: center; cursor: default; font-size: 0.875rem;">
These storyreaders have persevered through an incredibly difficult year and we are grateful for their service.
</p>
</div>
</div>
<ul class="MuiGridList-root jss257" style="margin: -1px 20px -1px -1px; height: 420px;">
<li class="MuiGridListTile-root" style="background-color: rgba(238, 238, 238, 0.75); margin: 8px; height: 380px; width: 240px; max-width: 240px; border-radius: 6px; border: 2px solid rgba(68, 92, 124, 0.35);">
<!--RAMSAY, MIKAYLA-->
<div class="MuiGridListTile-tile">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center MuiGrid-justify-content-xs-center">
<p class="MuiTypography-root MuiTypography-body1" style="color: transparent;">
.
</p>
<div align="center" class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiGrid-root MuiGrid-item">
<img alt="RAMSAY, MIKAYLA" class="jss270 jss271 jss275" src="members/MikaylaRamsay.jpg"/>
</div>
</div>
</div>
<p class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap MuiTypography-alignCenter" style="color: rgb(0, 0, 0); margin-bottom: 4px;">
RAMSAY, MIKAYLA
</p>
<div class="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" style="margin-left: 4px; margin-right: 4px; background-color: rgba(237, 153, 36, 0.25); width: 240px;">
<h6 class="MuiTypography-root MuiTypography-subtitle2" style="color: rgb(0, 0, 0); margin-left: 4px;">
LOCATION:
</h6>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 14px;">
ASHLAND CITY, TN
</p>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 4px;">
FAVORITE BOOK:
</p>
<div>
<p style="color: rgb(0, 0, 0); margin-left: 14px; margin-top: 0px;">
Harold and the Purple Crayon, Crockett Johnson
</p>
</div>
</div>
</div>
</li>
<li class="MuiGridListTile-root" style="background-color: rgba(238, 238, 238, 0.75); margin: 8px; height: 380px; width: 240px; max-width: 240px; border-radius: 6px; border: 2px solid rgba(68, 92, 124, 0.35);">
<!--PARSONS, BETHANY-->
<div class="MuiGridListTile-tile">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center MuiGrid-justify-content-xs-center">
<p class="MuiTypography-root MuiTypography-body1" style="color: rgb(255, 0, 0);">
CHRISTIAN STORYREADER
</p>
<div align="center" class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiGrid-root MuiGrid-item">
<img alt="PARSONS, BETHANY" class="jss270 jss271 jss275 jss272" src="members/BethanyParsons.jpg"/>
</div>
</div>
</div>
<p class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap MuiTypography-alignCenter" style="color: rgb(0, 0, 0); margin-bottom: 4px;">
PARSONS, BETHANY
</p>
<div class="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" style="margin-left: 4px; margin-right: 4px; background-color: rgba(237, 153, 36, 0.25); width: 240px;">
<h6 class="MuiTypography-root MuiTypography-subtitle2" style="color: rgb(0, 0, 0); margin-left: 4px;">
LOCATION:
</h6>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 14px;">
BEECHGROVE, TN
</p>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 4px;">
FAVORITE BOOK:
</p>
<div>
<p style="color: rgb(0, 0, 0); margin-left: 14px; margin-top: 0px;">
Don't Let the Pigeon Drive the Bus!, Mo Willems
</p>
</div>
</div>
</div>
</li>
<li class="MuiGridListTile-root" style="background-color: rgba(238, 238, 238, 0.75); margin: 8px; height: 380px; width: 240px; max-width: 240px; border-radius: 6px; border: 2px solid rgba(68, 92, 124, 0.35);">
<!--CONLEY, ANDREA-->
<div class="MuiGridListTile-tile">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center MuiGrid-justify-content-xs-center">
<p class="MuiTypography-root MuiTypography-body1" style="color: transparent;">
.
</p>
<div align="center" class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiGrid-root MuiGrid-item">
<img alt="CONLEY, ANDREA " class="jss270 jss271 jss275" src="members/AndreaConley.jpg"/>
</div>
</div>
</div>
<p class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap MuiTypography-alignCenter" style="color: rgb(0, 0, 0); margin-bottom: 4px;">
CONLEY, ANDREA
</p>
<div class="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" style="margin-left: 4px; margin-right: 4px; background-color: rgba(237, 153, 36, 0.25); width: 240px;">
<h6 class="MuiTypography-root MuiTypography-subtitle2" style="color: rgb(0, 0, 0); margin-left: 4px;">
LOCATION:
</h6>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 14px;">
MEMPHIS, TN
</p>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 4px;">
FAVORITE BOOK:
</p>
<div>
<p style="color: rgb(0, 0, 0); margin-left: 14px; margin-top: 0px;">
Strega Nona by Tomie DePaolo
</p>
</div>
</div>
</div>
</li>
<li class="MuiGridListTile-root" style="background-color: rgba(238, 238, 238, 0.75); margin: 8px; height: 380px; width: 240px; max-width: 240px; border-radius: 6px; border: 2px solid rgba(68, 92, 124, 0.35);">
<!--WALLACE, IDA-->
<div class="MuiGridListTile-tile">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center MuiGrid-justify-content-xs-center">
<p class="MuiTypography-root MuiTypography-body1" style="color: rgb(255, 0, 0);">
CHRISTIAN STORYREADER
</p>
<div align="center" class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiGrid-root MuiGrid-item">
<img alt="WALLACE, IDA" class="jss270 jss271 jss275 jss272" src="members/IdaWallace.jpg"/>
</div>
</div>
</div>
<p class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap MuiTypography-alignCenter" style="color: rgb(0, 0, 0); margin-bottom: 4px;">
WALLACE, IDA
</p>
<div class="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" style="margin-left: 4px; margin-right: 4px; background-color: rgba(237, 153, 36, 0.25); width: 240px;">
<h6 class="MuiTypography-root MuiTypography-subtitle2" style="color: rgb(0, 0, 0); margin-left: 4px;">
LOCATION:
</h6>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 14px;">
ANTIOCH, TN
</p>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 4px;">
FAVORITE BOOK:
</p>
<div>
<p style="color: rgb(0, 0, 0); margin-left: 14px; margin-top: 0px;">
This Is Not My Hat, Jon Klassen
</p>
</div>
</div>
</div>
</li>
<li class="MuiGridListTile-root" style="background-color: rgba(238, 238, 238, 0.75); margin: 8px; height: 380px; width: 240px; max-width: 240px; border-radius: 6px; border: 2px solid rgba(68, 92, 124, 0.35);">
<!--GOODMAN, MEGAN-->
<div class="MuiGridListTile-tile">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center MuiGrid-justify-content-xs-center">
<p class="MuiTypography-root MuiTypography-body1" style="color: rgb(255, 0, 0);">
CHRISTIAN STORYREADER
</p>
<div align="center" class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiGrid-root MuiGrid-item">
<img alt="GOODMAN, MEGAN" class="jss270 jss271 jss275 jss272" src="members/MeganGoodman.jpg"/>
</div>
</div>
</div>
<p class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap MuiTypography-alignCenter" style="color: rgb(0, 0, 0); margin-bottom: 4px;">
GOODMAN, MEGAN
</p>
<div class="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" style="margin-left: 4px; margin-right: 4px; background-color: rgba(237, 153, 36, 0.25); width: 240px;">
<h6 class="MuiTypography-root MuiTypography-subtitle2" style="color: rgb(0, 0, 0); margin-left: 4px;">
LOCATION:
</h6>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 14px;">
KNOXVILLE, TN
</p>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 4px;">
FAVORITE BOOK:
</p>
<div>
<p style="color: rgb(0, 0, 0); margin-left: 14px; margin-top: 0px;">
Big Chickens Go to Town, Leslie Helakoski
</p>
</div>
</div>
</div>
</li>
<li class="MuiGridListTile-root" style="background-color: rgba(238, 238, 238, 0.75); margin: 8px; height: 380px; width: 240px; max-width: 240px; border-radius: 6px; border: 2px solid rgba(68, 92, 124, 0.35);">
<!--ESTES, FAITH ALLEN-->
<div class="MuiGridListTile-tile">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center MuiGrid-justify-content-xs-center">
<p class="MuiTypography-root MuiTypography-body1" style="color: rgb(255, 0, 0);">
CHRISTIAN STORYREADER
</p>
<div align="center" class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiGrid-root MuiGrid-item">
<img alt="ESTES, FAITH ALLEN" class="jss270 jss271 jss275 jss272" src="members/FaithAllenEstes.jpg"/>
</div>
</div>
</div>
<p class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap MuiTypography-alignCenter" style="color: rgb(0, 0, 0); margin-bottom: 4px;">
ESTES, FAITH ALLEN
</p>
<div class="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" style="margin-left: 4px; margin-right: 4px; background-color: rgba(237, 153, 36, 0.25); width: 240px;">
<h6 class="MuiTypography-root MuiTypography-subtitle2" style="color: rgb(0, 0, 0); margin-left: 4px;">
LOCATION:
</h6>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 14px;">
POWELL, TN
</p>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 4px;">
FAVORITE BOOK:
</p>
<div>
<p style="color: rgb(0, 0, 0); margin-left: 14px; margin-top: 0px;">
Everyone Poops, Minna Unchi
</p>
</div>
</div>
</div>
</li>
<li class="MuiGridListTile-root" style="background-color: rgba(238, 238, 238, 0.75); margin: 8px; height: 380px; width: 240px; max-width: 240px; border-radius: 6px; border: 2px solid rgba(68, 92, 124, 0.35);">
<div class="MuiGridListTile-tile">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center MuiGrid-justify-content-xs-center">
<p class="MuiTypography-root MuiTypography-body1" style="color: transparent;">
.
</p>
<!--STOKES, KYLIE-->
<div align="center" class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiGrid-root MuiGrid-item">
<img alt="STOKES, KYLIE" class="jss270 jss271 jss275" src="members/KylieStokes.jpg"/>
</div>
</div>
</div>
<p class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap MuiTypography-alignCenter" style="color: rgb(0, 0, 0); margin-bottom: 4px;">
STOKES, KYLIE
</p>
<div class="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" style="margin-left: 4px; margin-right: 4px; background-color: rgba(237, 153, 36, 0.25); width: 240px;">
<h6 class="MuiTypography-root MuiTypography-subtitle2" style="color: rgb(0, 0, 0); margin-left: 4px;">
LOCATION:
</h6>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 14px;">
SMYRNA, TN
</p>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 4px;">
FAVORITE BOOK:
</p>
<div>
<p style="color: rgb(0, 0, 0); margin-left: 14px; margin-top: 0px;">
Click, Clack, Moo, Doreen Cronin
</p>
</div>
</div>
</div>
</li>
<li class="MuiGridListTile-root" style="background-color: rgba(238, 238, 238, 0.75); margin: 8px; height: 380px; width: 240px; max-width: 240px; border-radius: 6px; border: 2px solid rgba(68, 92, 124, 0.35);">
<!--COPELAND, LOTTIE-->
<div class="MuiGridListTile-tile">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center MuiGrid-justify-content-xs-center">
<p class="MuiTypography-root MuiTypography-body1" style="color: rgb(255, 0, 0);">
CHRISTIAN STORYREADER
</p>
<div align="center" class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiGrid-root MuiGrid-item">
<img alt="COPELAND, LOTTIE" class="jss270 jss271 jss275 jss272" src="members/LottieCopeland.jpg"/>
</div>
</div>
</div>
<p class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap MuiTypography-alignCenter" style="color: rgb(0, 0, 0); margin-bottom: 4px;">
COPELAND, LOTTIE
</p>
<div class="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" style="margin-left: 4px; margin-right: 4px; background-color: rgba(237, 153, 36, 0.25); width: 240px;">
<h6 class="MuiTypography-root MuiTypography-subtitle2" style="color: rgb(0, 0, 0); margin-left: 4px;">
LOCATION:
</h6>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 14px;">
NASHVILLE, TN
</p>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 4px;">
FAVORITE BOOK:
</p>
<div>
<p style="color: rgb(0, 0, 0); margin-left: 14px; margin-top: 0px;">
Blueberries for Sal, Robert McCloskey
</p>
</div>
</div>
</div>
</li>
<li class="MuiGridListTile-root" style="background-color: rgba(238, 238, 238, 0.75); margin: 8px; height: 380px; width: 240px; max-width: 240px; border-radius: 6px; border: 2px solid rgba(68, 92, 124, 0.35);">
<!--SCHAEFER, HOLLIE-->
<div class="MuiGridListTile-tile">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center MuiGrid-justify-content-xs-center">
<p class="MuiTypography-root MuiTypography-body1" style="color: transparent;">
.
</p>
<div align="center" class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiGrid-root MuiGrid-item">
<img alt="SCHAEFER, HOLLIE" class="jss270 jss271 jss275" src="members/HollieSchaefer.jpg"/>
</div>
</div>
</div>
<p class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap MuiTypography-alignCenter" style="color: rgb(0, 0, 0); margin-bottom: 4px;">
SCHAEFER, HOLLIE
</p>
<div class="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" style="margin-left: 4px; margin-right: 4px; background-color: rgba(237, 153, 36, 0.25); width: 240px;">
<h6 class="MuiTypography-root MuiTypography-subtitle2" style="color: rgb(0, 0, 0); margin-left: 4px;">
LOCATION:
</h6>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 14px;">
MIDWAY, TN
</p>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 4px;">
FAVORITE BOOK:
</p>
<div>
<p style="color: rgb(0, 0, 0); margin-left: 14px; margin-top: 0px;">
Wonder, R. J. Palacio
</p>
</div>
</div>
</div>
</li>
<li class="MuiGridListTile-root" style="background-color: rgba(238, 238, 238, 0.75); margin: 8px; height: 380px; width: 240px; max-width: 240px; border-radius: 6px; border: 2px solid rgba(68, 92, 124, 0.35);">
<!--KING, MARY JEAN-->
<div class="MuiGridListTile-tile">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center MuiGrid-justify-content-xs-center">
<p class="MuiTypography-root MuiTypography-body1" style="color: transparent;">
.
</p>
<div align="center" class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiGrid-root MuiGrid-item">
<img alt="KING, MARY JEAN" class="jss270 jss271 jss275" src="members/MaryJeanKing.jpg"/>
</div>
</div>
</div>
<p class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap MuiTypography-alignCenter" style="color: rgb(0, 0, 0); margin-bottom: 4px;">
KING, MARY JEAN
</p>
<div class="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" style="margin-left: 4px; margin-right: 4px; background-color: rgba(237, 153, 36, 0.25); width: 240px;">
<h6 class="MuiTypography-root MuiTypography-subtitle2" style="color: rgb(0, 0, 0); margin-left: 4px;">
LOCATION:
</h6>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 14px;">
NASHVILLE, TN
</p>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 4px;">
FAVORITE BOOK:
</p>
<div>
<p style="color: rgb(0, 0, 0); margin-left: 14px; margin-top: 0px;">
Purple, Green, and Yellow, Robert Munsch
</p>
</div>
</div>
</div>
</li>
<li class="MuiGridListTile-root" style="background-color: rgba(238, 238, 238, 0.75); margin: 8px; height: 380px; width: 240px; max-width: 240px; border-radius: 6px; border: 2px solid rgba(68, 92, 124, 0.35);">
<!--JOSEPH, ALIX-->
<div class="MuiGridListTile-tile">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center MuiGrid-justify-content-xs-center">
<p class="MuiTypography-root MuiTypography-body1" style="color: rgb(255, 0, 0);">
CHRISTIAN STORYREADER
</p>
<div align="center" class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiGrid-root MuiGrid-item">
<img alt="JOSEPH, ALIX" class="jss270 jss271 jss275 jss272" src="members/AlixJoseph.jpg"/>
</div>
</div>
</div>
<p class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap MuiTypography-alignCenter" style="color: rgb(0, 0, 0); margin-bottom: 4px;">
JOSEPH, ALIX
</p>
<div class="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" style="margin-left: 4px; margin-right: 4px; background-color: rgba(237, 153, 36, 0.25); width: 240px;">
<h6 class="MuiTypography-root MuiTypography-subtitle2" style="color: rgb(0, 0, 0); margin-left: 4px;">
LOCATION:
</h6>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 14px;">
NASHVILLE, TN
</p>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 4px;">
FAVORITE BOOK:
</p>
<div>
<p style="color: rgb(0, 0, 0); margin-left: 14px; margin-top: 0px;">
James and the Giant Peach, Roald Dahl
</p>
</div>
</div>
</div>
</li>
<li class="MuiGridListTile-root" style="background-color: rgba(238, 238, 238, 0.75); margin: 8px; height: 380px; width: 240px; max-width: 240px; border-radius: 6px; border: 2px solid rgba(68, 92, 124, 0.35);">
<!--GRANT, EMILY-->
<div class="MuiGridListTile-tile">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center MuiGrid-justify-content-xs-center">
<p class="MuiTypography-root MuiTypography-body1" style="color: rgb(255, 0, 0);">
CHRISTIAN STORYREADER
</p>
<div align="center" class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiGrid-root MuiGrid-item">
<img alt="GRANT, EMILY" class="jss270 jss271 jss275 jss272" src="members/EmilyGrant.jpg"/>
</div>
</div>
</div>
<p class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap MuiTypography-alignCenter" style="color: rgb(0, 0, 0); margin-bottom: 4px;">
GRANT, EMILY
</p>
<div class="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" style="margin-left: 4px; margin-right: 4px; background-color: rgba(237, 153, 36, 0.25); width: 240px;">
<h6 class="MuiTypography-root MuiTypography-subtitle2" style="color: rgb(0, 0, 0); margin-left: 4px;">
LOCATION:
</h6>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 14px;">
LAWRENCEBURG, TN
</p>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 4px;">
FAVORITE BOOK:
</p>
<div>
<p style="color: rgb(0, 0, 0); margin-left: 14px; margin-top: 0px;">
Dragons Love Tacos, Adam Rubin
</p>
</div>
</div>
</div>
</li>
<li class="MuiGridListTile-root" style="background-color: rgba(238, 238, 238, 0.75); margin: 8px; height: 380px; width: 240px; max-width: 240px; border-radius: 6px; border: 2px solid rgba(68, 92, 124, 0.35);">
<!--CARGILL, SHANNON ROSE-->
<div class="MuiGridListTile-tile">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center MuiGrid-justify-content-xs-center">
<p class="MuiTypography-root MuiTypography-body1" style="color: rgb(255, 0, 0);">
CHRISTIAN STORYREADER
</p>
<div align="center" class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiGrid-root MuiGrid-item">
<img alt="CARGILL, SHANNON ROSE" class="jss270 jss271 jss275 jss272" src="members/ShannonRoseCargill.jpg"/>
</div>
</div>
</div>
<p class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap MuiTypography-alignCenter" style="color: rgb(0, 0, 0); margin-bottom: 4px;">
CARGILL, SHANNON ROSE
</p>
<div class="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" style="margin-left: 4px; margin-right: 4px; background-color: rgba(237, 153, 36, 0.25); width: 240px;">
<h6 class="MuiTypography-root MuiTypography-subtitle2" style="color: rgb(0, 0, 0); margin-left: 4px;">
LOCATION:
</h6>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 14px;">
RIPLEY, TN
</p>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 4px;">
FAVORITE BOOK:
</p>
<div>
<p style="color: rgb(0, 0, 0); margin-left: 14px; margin-top: 0px;">
Millions of Cats, Wanda Gág
</p>
</div>
</div>
</div>
</li>
<li class="MuiGridListTile-root" style="background-color: rgba(238, 238, 238, 0.75); margin: 8px; height: 380px; width: 240px; max-width: 240px; border-radius: 6px; border: 2px solid rgba(68, 92, 124, 0.35);">
<!--COLTON, KARINA-->
<div class="MuiGridListTile-tile">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center MuiGrid-justify-content-xs-center">
<p class="MuiTypography-root MuiTypography-body1" style="color: transparent;">
.
</p>
<div align="center" class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiGrid-root MuiGrid-item">
<img alt="COLTON, KARINA" class="jss270 jss271 jss275" src="members/KarinaColton.jpg"/>
</div>
</div>
</div>
<p class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap MuiTypography-alignCenter" style="color: rgb(0, 0, 0); margin-bottom: 4px;">
COLTON, KARINA
</p>
<div class="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" style="margin-left: 4px; margin-right: 4px; background-color: rgba(237, 153, 36, 0.25); width: 240px;">
<h6 class="MuiTypography-root MuiTypography-subtitle2" style="color: rgb(0, 0, 0); margin-left: 4px;">
LOCATION:
</h6>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 14px;">
GALLATIN, TN
</p>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 4px;">
FAVORITE BOOK:
</p>
<div>
<p style="color: rgb(0, 0, 0); margin-left: 14px; margin-top: 0px;">
Extra Yarn, Mac Barnett
</p>
</div>
</div>
</div>
</li>
<li class="MuiGridListTile-root" style="background-color: rgba(238, 238, 238, 0.75); margin: 8px; height: 380px; width: 240px; max-width: 240px; border-radius: 6px; border: 2px solid rgba(68, 92, 124, 0.35);">
<!--GARNER, SALLY-->
<div class="MuiGridListTile-tile">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center MuiGrid-justify-content-xs-center">
<p class="MuiTypography-root MuiTypography-body1" style="color: transparent;">
.
</p>
<div align="center" class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiGrid-root MuiGrid-item">
<img alt="GARNER, SALLY" class="jss270 jss271 jss275" src="members/SallyGarner.jpg"/>
</div>
</div>
</div>
<p class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap MuiTypography-alignCenter" style="color: rgb(0, 0, 0); margin-bottom: 4px;">
GARNER, SALLY
</p>
<div class="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" style="margin-left: 4px; margin-right: 4px; background-color: rgba(237, 153, 36, 0.25); width: 240px;">
<h6 class="MuiTypography-root MuiTypography-subtitle2" style="color: rgb(0, 0, 0); margin-left: 4px;">
LOCATION:
</h6>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 14px;">
BRISTOL, TN
</p>
<p class="MuiTypography-root MuiTypography-body2" style="color: rgb(0, 0, 0); margin-left: 4px;">
FAVORITE BOOK:
</p>
<div>
<p style="color: rgb(0, 0, 0); margin-left: 14px; margin-top: 0px;">
Hello, Rock, by Roger Bradfield
</p>
</div>
</div>
</div>
</li>
</ul>
<hr class="MuiDivider-root MuiDivider-middle" style="background-color: rgb(238, 53, 36); width: 85%; margin: 24px auto 16px; height: 4px;"/>
<div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 MuiGrid-direction-xs-column" style="align-items: center;">
<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6" style="background-color: transparent;">
<p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">
<b>
Welcome to the new Tennessee Non-Drag Storyreader Registry!
</b>
</p>
<p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">
We've redesigned the registry to make it clearer and easier to understand.
</p>
<h4 class="" style="margin: 15px 0px 8px; text-align: left;">
To report a drag storytelling event, please call 1-800-746-6373. Do not report it to your local authorities as you may endanger those attending.
</h4>
<p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">
<b>
Helpful Links
</b>
</p>
<p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">
1.
<a href="https://www.tnla.org/">
Tennessee Library Association
</a>
</p>
<p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">
2.
<a href="https://bookshop.org/lists/challenged-or-banned-books-in-tn-2022">
List of Banned Books in Tennessee
</a>
</p>
<p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">
3.
<a href="http://www.fbi.gov/hq/cid/cac/crimesmain.htm">
About Drag Story Hour (Know Thy Enemy)
</a>
</p>
<p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">
4.
<a href="https://imaginationlibrary.com/">
Dolly Parton's Imagination Library
</a>
</p>
<p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">
5.
<a href="https://www.missingkids.org/netsmartz/home">
NCMEC: NetSmartz
</a>
</p>
</div>
</div>
<div class="MuiBox-root jss277">
<div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-4" style="background-color: rgb(238, 238, 238); margin-top: 8px;">
<div class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-direction-xs-column MuiGrid-grid-sm-4">
<h3 class="MuiTypography-root MuiTypography-h3">
Storyreader Registry Contact
</h3>
<div class="MuiBox-root jss278" style="background-color: transparent;">
<p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">
</p>
<p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">
Email:
<a href="mailto:webmaster@example.com">
contact@tndsr.org
</a>
</p>
</div>
</div>
<div class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-grid-sm-4">
<img alt="TNDSR seal" src="images/TNDSR_seal.png" style="width: 120px; height: 120px;"/>
<h6 class="MuiTypography-root MuiTypography-subtitle1" style="text-align: center; font-style: italic;">
"That Books Shall Not Go Unread Nor Shall Drag Queens Read Them"
</h6>
</div>
<!--
<div class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-direction-xs-column MuiGrid-grid-sm-4"><h3 class="MuiTypography-root MuiTypography-h3">Tennessee Bureau of Investigation</h3>
<div class="MuiBox-root jss86" style="background-color: transparent;"><h3 class="" style="margin: 15px 0px 8px; text-align: left;">Director David B. Rausch</h3><p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">901 R.S. Gass Boulevard</p><p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">Nashville, TN 37216</p><p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">(615) 744-4000</p></div>
</div>
-->
<div class="MuiGrid-root">
<div class="MuiBox-root jss87" style="background-color: transparent; padding-left: 16px; padding-right: 16px;">
<p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">
This project is run via private donations by a group of concerned citizens throughout the United States of America. The opinions, findings, and conclusions or recommendations expressed in this publication/program/exhibition are those of the author(s) and do not necessarily reflect those of the entire organization.
</p>
</div>
</div>
<div class="MuiGrid-root">
</div>
<div class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-direction-xs-column">
<hr class="MuiDivider-root"/>
<span class="MuiTypography-root MuiTypography-caption MuiTypography-colorTextPrimary MuiTypography-alignCenter">
Founded 2022
</span>
<hr class="MuiDivider-root"/>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
</body>
</html>