Purposeful Technology, Powerful Learning — You Can’t Ban Possibility
:root{
–navy:#2C3A52;
–navy-deep:#243147;
–teal:#4BB4AA;
–teal-deep:#3B968D;
–cream:#F8F3E8;
–paper:#FDFBF5;
–gold:#E2B75C;
–gold-deep:#C99C3F;
–coral:#C4685C;
–ink:#2A3348;
–ink-soft:#55617B;
–line:rgba(44,58,82,.14);
–radius:18px;
–shadow:0 18px 40px -18px rgba(36,49,71,.28);
–display:’Marcellus’,serif;
–body:’Nunito Sans’,sans-serif;
–label:’Quicksand’,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
body{font-family:var(–body);color:var(–ink);background:var(–cream);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(–gold);outline-offset:3px;border-radius:4px}
.wrap{width:min(1120px,92%);margin:0 auto}
/* ———- labels & type ———- */
.eyebrow{font-family:var(–label);font-weight:700;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase}
.display{font-family:var(–display);font-weight:400;line-height:1.12;letter-spacing:.015em}
h2.display{font-size:clamp(1.9rem,3.6vw,2.7rem)}
.lede{font-size:1.13rem;color:var(–ink-soft);max-width:62ch}
/* ———- nav ———- */
header.nav{position:sticky;top:0;z-index:50;background:rgba(44,58,82,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(248,243,232,.12)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;gap:1rem}
.wordmark{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.mark{width:38px;height:38px;flex:none;border-radius:50%;background:var(–cream);display:grid;place-items:center;box-shadow:inset 0 0 0 3px var(–gold)}
.mark svg{width:20px;height:20px}
.wordmark .wm-text{line-height:1.15}
.wm-text b{display:block;font-family:var(–display);font-weight:400;color:var(–cream);font-size:.98rem;letter-spacing:.03em}
.wm-text span{display:block;font-family:var(–label);font-weight:700;font-size:.6rem;letter-spacing:.24em;color:var(–gold);text-transform:uppercase}
nav.links{display:flex;align-items:center;gap:1.6rem}
nav.links a{font-family:var(–label);font-weight:600;font-size:.86rem;letter-spacing:.06em;color:var(–cream);text-decoration:none;opacity:.85;transition:opacity .2s}
nav.links a:hover{opacity:1}
.btn{display:inline-block;font-family:var(–label);font-weight:700;font-size:.86rem;letter-spacing:.06em;text-decoration:none;padding:.68rem 1.35rem;border-radius:999px;transition:transform .18s,box-shadow .18s,background .18s}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(–gold);color:var(–navy-deep)}
.btn-gold:hover{background:var(–gold-deep) ;color:#fff}
.btn-ghost{border:2px solid rgba(248,243,232,.55);color:var(–cream)}
.btn-ghost:hover{border-color:var(–cream)}
.btn-navy{background:var(–navy);color:var(–cream)}
.btn-navy:hover{background:var(–navy-deep)}
@media(max-width:760px){nav.links a.hide-m{display:none}}
/* ———- hero ———- */
.hero{position:relative;background:var(–navy);color:var(–cream);overflow:hidden;padding:6.5rem 0 7rem}
.hero .petal{position:absolute;pointer-events:none}
.petal svg{display:block}
.p1{left:-70px;bottom:-60px;width:260px;opacity:.9}
.p2{right:-90px;top:-80px;width:300px;opacity:.16}
.p3{right:12%;bottom:-40px;width:150px;opacity:.55}
.hero-grid{position:relative;display:grid;grid-template-columns:1.25fr .9fr;gap:3.5rem;align-items:center}
.hero .eyebrow{color:var(–teal)}
.hero h1{font-family:var(–display);font-weight:400;font-size:clamp(2.5rem,5.2vw,4rem);line-height:1.08;margin:.9rem 0 1.2rem}
.hero h1 .t{color:var(–teal)}
.ribbon{display:inline-block;background:var(–gold);color:var(–navy-deep);font-family:var(–label);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:clamp(.8rem,1.4vw,1rem);padding:.55rem 1.4rem;border-radius:6px;transform:rotate(-1.2deg);box-shadow:0 8px 22px -10px rgba(0,0,0,.5);margin-bottom:1.4rem}
.hero p.sub{max-width:54ch;font-size:1.12rem;color:rgba(248,243,232,.85);margin-bottom:2rem}
.hero-ctas{display:flex;gap:.9rem;flex-wrap:wrap}
/* book cover card */
.cover{justify-self:center;width:min(320px,80%);aspect-ratio:5/7;background:linear-gradient(160deg,#31415C 0%,var(–navy-deep) 60%);border-radius:10px;box-shadow:0 30px 60px -20px rgba(0,0,0,.55),inset 0 0 0 1px rgba(248,243,232,.12);padding:2rem 1.6rem;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(2deg);position:relative}
.cover::before{content:””;position:absolute;inset:0;border-radius:10px;background:radial-gradient(circle at 85% 12%,rgba(75,180,170,.28),transparent 55%)}
.cover .c-top{position:relative}
.cover .c-badge{width:64px;height:64px;border-radius:50%;background:var(–cream);display:grid;place-items:center;box-shadow:inset 0 0 0 4px var(–gold);margin-bottom:1.3rem}
.cover .c-badge svg{width:32px;height:32px}
.cover h3{font-family:var(–display);font-weight:400;font-size:1.55rem;line-height:1.2;color:var(–cream)}
.cover h3 em{font-style:normal;color:var(–teal)}
.cover .c-ban{position:relative;font-family:var(–label);font-weight:700;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(–navy-deep);background:var(–gold);align-self:flex-start;padding:.4rem .8rem;border-radius:4px;transform:rotate(-1.5deg)}
.cover .c-auth{position:relative;font-family:var(–label);font-weight:600;font-size:.82rem;letter-spacing:.08em;color:rgba(248,243,232,.75);margin-top:1.1rem}
@media(max-width:880px){.hero-grid{grid-template-columns:1fr}.cover{display:none}}
/* ———- moment / stats ———- */
.moment{padding:5.5rem 0 4.5rem}
.moment-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2.2rem}
.stat{background:var(–paper);border:1px solid var(–line);border-radius:var(–radius);padding:1.4rem 1.5rem}
.stat b{display:block;font-family:var(–display);font-weight:400;font-size:2.3rem;color:var(–navy);line-height:1}
.stat span{font-size:.92rem;color:var(–ink-soft)}
/* speech bubble */
.bubble{position:relative;background:var(–paper);border:4px solid var(–navy);border-radius:44% 46% 48% 46% / 52% 50% 50% 48%;padding:3rem 2.6rem;text-align:center;box-shadow:10px 12px 0 var(–gold);max-width:430px;justify-self:center}
.bubble p{font-family:var(–label);font-weight:700;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.45;color:var(–navy)}
.bubble .g{color:var(–gold-deep)}
.bubble .t{color:var(–teal-deep)}
@media(max-width:880px){.moment-grid{grid-template-columns:1fr}.bubble{margin-top:1.5rem}}
/* ———- teal statement band ———- */
.band{background:var(–teal);color:#fff;padding:5rem 0;position:relative;overflow:hidden}
.band .petal{position:absolute}
.band .bp1{top:-70px;left:44%;width:220px}
.band-inner{position:relative;text-align:center}
.band h2{font-family:var(–display);font-weight:400;font-size:clamp(1.8rem,3.8vw,2.9rem);letter-spacing:.04em;line-height:1.35;text-transform:uppercase}
.band h2 .g{color:#F3D48A}
.band p{margin-top:1.2rem;font-size:1.08rem;color:rgba(255,255,255,.88);font-family:var(–label);font-weight:600;letter-spacing:.04em}
/* ———- stories ———- */
.stories{padding:5.5rem 0}
.stories-head{max-width:64ch;margin-bottom:3rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.card{background:var(–paper);border:1px solid var(–line);border-radius:var(–radius);padding:1.9rem 1.7rem;box-shadow:var(–shadow);display:flex;flex-direction:column;gap:.9rem;transition:transform .2s}
.card:hover{transform:translateY(-5px)}
.card .place{font-family:var(–label);font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(–teal-deep)}
.card p.story{color:var(–ink);flex:1}
.card .ban{border-top:2px dashed rgba(196,104,92,.4);padding-top:.9rem;font-style:italic;font-weight:600;color:var(–coral);font-size:.98rem}
@media(max-width:880px){.cards{grid-template-columns:1fr}}
/* ———- inside the book ———- */
.inside{background:var(–navy);color:var(–cream);padding:5.5rem 0;position:relative;overflow:hidden}
.inside .petal{position:absolute}
.inside .ip1{left:-60px;top:-70px;width:210px;opacity:.5}
.inside .eyebrow{color:var(–gold)}
.inside .lede{color:rgba(248,243,232,.8)}
.chapters{margin-top:2.6rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.chip{background:rgba(248,243,232,.06);border:1px solid rgba(248,243,232,.16);border-radius:14px;padding:1.05rem 1.2rem;transition:background .2s,border-color .2s}
.chip:hover{background:rgba(248,243,232,.1);border-color:rgba(226,183,92,.6)}
.chip b{display:block;font-family:var(–display);font-weight:400;font-size:1.05rem;letter-spacing:.02em;margin-bottom:.2rem}
.chip span{font-family:var(–label);font-weight:600;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(–teal)}
.inside .note{margin-top:2rem;font-size:.95rem;color:rgba(248,243,232,.65);font-style:italic}
@media(max-width:880px){.chapters{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.chapters{grid-template-columns:1fr}}
/* ———- audiences ———- */
.audiences{padding:5.5rem 0}
.aud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.6rem}
.aud{border-radius:var(–radius);padding:2rem 1.8rem;color:#fff;display:flex;flex-direction:column;gap:.7rem}
.aud.a1{background:var(–navy)}
.aud.a2{background:var(–teal-deep)}
.aud.a3{background:var(–gold-deep)}
.aud .who{font-family:var(–display);font-weight:400;font-size:1.4rem;letter-spacing:.03em}
.aud p{color:rgba(255,255,255,.9);font-size:.98rem}
@media(max-width:880px){.aud-grid{grid-template-columns:1fr}}
/* ———- author ———- */
.author{background:var(–paper);border-top:1px solid var(–line);border-bottom:1px solid var(–line);padding:5.5rem 0}
.auth-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:3.5rem;align-items:center}
.portrait{aspect-ratio:1/1;border-radius:50% 46% 52% 48%/48% 52% 46% 52%;position:relative;overflow:hidden;box-shadow:var(–shadow),inset 0 0 0 5px var(–gold)}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;border:5px solid var(–gold)}
.portrait .tag{position:absolute;bottom:8%;left:50%;transform:translateX(-50%) rotate(-2deg);background:var(–gold);color:var(–navy-deep);font-family:var(–label);font-weight:700;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;padding:.4rem .9rem;border-radius:4px;white-space:nowrap}
.author blockquote{font-family:var(–display);font-size:1.35rem;line-height:1.5;color:var(–navy);border-left:4px solid var(–gold);padding-left:1.3rem;margin:1.6rem 0}
@media(max-width:880px){.auth-grid{grid-template-columns:1fr}.portrait{max-width:300px;margin:0 auto}}
/* ———- CTA footer ———- */
.cta{background:var(–navy);color:var(–cream);padding:6rem 0 3rem;position:relative;overflow:hidden}
.cta .petal{position:absolute}
.cta .cp1{right:-70px;bottom:-80px;width:260px;opacity:.85}
.cta-inner{position:relative;text-align:center;max-width:680px;margin:0 auto}
.cta h2{font-family:var(–display);font-weight:400;font-size:clamp(2rem,4vw,3rem);line-height:1.3}
.cta h2 span{display:block}
.cta h2 .t{color:var(–teal)}.cta h2 .g{color:var(–gold)}
.cta p{margin:1.4rem 0 2.2rem;color:rgba(248,243,232,.85)}
.cta .btn-row{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}
footer{position:relative;margin-top:4.5rem;border-top:1px solid rgba(248,243,232,.15);padding-top:1.6rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-family:var(–label);font-weight:600;font-size:.82rem;letter-spacing:.05em;color:rgba(248,243,232,.6)}
footer a{color:rgba(248,243,232,.85);text-decoration:none}
footer a:hover{color:var(–gold)}
/* reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
A crowdsourced book from America’s public schools
Purposeful Technology, Powerful Learning
You Can’t Ban Possibility
Across the country, lawmakers are debating how much screen time belongs in schools. This book asks a different question: what happens to students when we take the possibility away? Twelve districts. Real classrooms. Documented stories of technology used with intention.
Purposeful Technology,
Powerful Learning
You Can’t Ban Possibility
Stacy Hawthorne, EdD
Why now
A narrative moment for education technology
State legislatures are moving fast — screen-time caps, device rollbacks, opt-out mandates. Much of it is driven by real concern and real love for kids. But the loudest stories about technology in schools right now are the negative ones, and policy written from fear reaches students who were never the problem.
11states have passed screen-limiting legislation in the past year
12+more states have considered similar measures
12districts documented in this book, coast to coast
1question at the center: not “how much?” but “for what purpose?”
We are not in a tech conversation.
We are in a trust conversation.
The debate is about volume.
The real issue is purpose.
Powerful learning is a design choice, not a device count.
From the book
What a ban actually costs
Every chapter follows the same discipline: a real district, a real challenge, and outcomes that would not have been achievable without technology. Here is what’s at stake in three of them.
Barbers Hill, Texas
A sixth-grade emergent bilingual student found and named a chloroplast in virtual reality — before he had the English to read about it.
Ban it, and he waits on language he doesn’t yet have.
Dwight Global Online School
Students on four continents made music together. For one IB scorer, the online model was the only viable path to that stage.
Ban it, and the band never forms — and that student never enrolls.
La Crosse, Wisconsin
A student whose social anxiety kept him on the sidelines found a way to participate through an immersive experience.
Ban it, and he goes quiet again.
Inside the book
Twelve districts. One argument.
Each chapter pairs a district’s story with the peer-reviewed research behind it, an implementation blueprint other schools can follow, and the workforce skills the work builds. National documentation effort. Research-grounded. Leadership-centered. Honest about guardrails.
Speak Your CrazyLa Crosse, WI
From Urgency to AgencyHighland Park & Highwood, IL
RecognizedMeriden, CT
A Common Visual LanguageMont Belvieu, TX
Go Where They AreDurango, CO
Explain It to a 9-Year-OldLindenhurst, NY
From Consume to CreateDelaware, OH
A Real BandDwight Global Online
If It’s AI-able, It’s Not a Good QuestionStokes County, NC
The Bunker Hill AdvantageBunker Hill, IL
Trust Us With Real WorkAngola, IN
It Just HappensAgua Fria, AZ
Every chapter is reviewed and approved by the district it features before publication.
Who this book is for
Written for the people making the decisions
Policymakers
Before you vote on what technology students can use, meet the students using it. Evidence, outcomes, and the questions a good bill should ask.
Parents
Your concerns about screens are legitimate — this book shares them. It also shows the difference between passive scrolling and purposeful learning, in plain language.
Educators
Implementation blueprints from twelve districts that got it right: the guardrails, the professional development, and the lessons learned along the way.
![]()
A Reluctant Author
About the author
Stacy Hawthorne, EdD
Parent, grandparent, educator, and technology leader. Stacy serves as Board Chair of CoSN, the Consortium for School Networking, and leads the EdTech Leaders Alliance. She never planned to write a book — until the gap between the fear-driven headlines and what she was watching happen in real classrooms became too wide to ignore.
The missing piece isn’t policy. It’s stories.
She conducted every district interview personally, and every chapter goes back to the people it features for their approval before it’s published. The stories in this book belong to the schools that lived them.
const io=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){e.target.classList.add(‘in’);io.unobserve(e.target)}})},{threshold:.12});
document.querySelectorAll(‘.reveal’).forEach(el=>io.observe(el));
hawthorneeducation.com 