tndsr/index.html

751 lines
41 KiB
HTML
Raw Permalink Normal View History

2023-03-22 23:23:37 +00:00
<!DOCTYPE html>
<html lang="en">
2023-03-23 00:11:26 +00:00
<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>
<!--
2023-03-22 23:23:37 +00:00
<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>
-->
2023-03-23 00:11:26 +00:00
<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>