Climate Stories
is a mobile educational platform designed to foster environmental awareness and responsibility through play-based learning and interactive storytelling for students aged 6-10 in NYC public schools. This project fills a critical gap in public school education by introducing pop-up, interdisciplinary learning that can be integrated into English, Science, and Math curricula. The goal is to break down complex climate concepts—such as sustainable practices, carbon footprints, environmental stewardship, climate migration, disasters, and inequity—into tactile, place-based, and storytelling-driven learning experiences.
1 Play–based learning
Transforming complex climate concepts into hands-on activities
that spark curiosity and deep understanding. Through toys and
exploration, students develop environmental literacy while
having fun and building problem-solving skills for actionable future.
2 Interactive storytelling
Engaging with local narratives from coastal regions that connect
children to real-world climate challenges through characters
and scenarios they can relate to. Stories become powerful
vehicles for empathy, showing students how their actions
create ripples of change in our shared environment.
3 Accessible Teaching Resources
Ready-to-use lesson plans and materials designed to integrate
into existing curricula of schools and museums. Communities
and make climate education relevant to all students.
4 Intergenerational Knowledge Exchange
Bridging generational gaps by connecting students with children
of diverse communities, elders, scientists, and activists who share
lived climate change experiences.Creating dialogue spaces where
children both learn from and teach others, becoming environmental
ambassadors in their neighborhoods.
5 Climate Action Awareness
Empowering young learners to move from understanding to
meaningful action in their schools, homes, and neighborhoods.
Building a foundation of environmental stewardship that grows
with children as they develop into informed, engaged citizens.
The project consists of two distinct components: a mobile structure and climate props. The mobile structure is designed as a three-step stoop, providing students with a space to sit and read, access storage beneath the stoop, and display props as needed. The climate props, inspired by themes such as survival tools, recycling & upcycling, and alternative energy sources, bring stories to life, fostering hands-on learning and interactive engagement.
The community engagement aspect of this project is via creative storytelling that covers multiple climate topics and occurrences. These stories are ethically collected from the experiences of children, communities and neighborhood leaders to represent a diversity of voices and experiences to create an expanded understanding is climate crisis. During the activity, a student volunteer reads the story, facilitated by a teacher as part of their public speaking curriculum, that aids confidence in communication and sharing topics of interest.
WHY this is important ?
01 This project highlights the importance of creating new learning spaces in the K-12 curriculum to address urgent concerns & societal issue.
[Serve as an example of how new content can be added to the existing curriculum for expansion and experimentation purposes.]
02 This project addresses the importance of
teaching social justice issues in early education.
[Opens conversations about systemic inequities,
human rights, and cultural differences that intersect with climate justice.]
The Climate Stories project challenges this approach by facilitating an experience of learning outside the classroom.
It functions as a symbolic third space, where students encounter education through interdisciplinary thinking, lived perspectives, and inclusive exchange.
The project's philosophy emphasizes valuing the ethics of collective care and future-making, which can shift our problem-solving skills to center on culture and equity.
Educational Philosophy
The project's philosophy emphasizes valuing the ethics of collective care and future-making, which can shift our problem-solving skills to center on culture and equity. Climate Stories represents a shift from climate education focused solely on problems toward an approach that balances awareness with agency and hope. By emphasizing children's capacity as problem-solvers and change-makers, the platform nurtures environmental responsibility without creating eco-anxiety.
The mobile nature of the platform also democratizes access to specialized climate education, reaching students in schools with limited resources for environmental programming and creating a shared experience across diverse communities globally. This adaptability allows the Climate Stories approach to be implemented in urban centers, suburban districts, and rural communities alike, with content that can be customized to reflect regional climate challenges and cultural contexts.
Highlight Moment
CONTACT
.expandable {
margin-bottom: 20px;
transition: all 0.3s ease;
}
.expandable-title {
font-size: 1.6rem;
font-weight: bold;
color: white;
cursor: pointer;
padding-left: 1.5rem;
transition: color 0.3s ease, transform 0.3s ease;
}
.expandable-title:hover {
color: #1d4ed8;
transform: scale(1.02);
}
.expandable-content {
display: none;
padding: 10px 2rem 0;
color: white;
font-size: 1.05rem;
line-height: 1.6;
}
.expandable.active .expandable-content {
display: block;
}
figure,
.c-image,
.image-block,
.gallery img {
border: none !important;
outline: none !important;
box-shadow: none !important;
}
.dynamic-text {
color: white;
transition: color 0.3s ease-in-out, transform 0.2s ease-in-out;
}
.dynamic-text:hover {
color: #8dcfff;
font-weight: bold;
transform: scale(1.05); /* 稍微放大 5% */
}
[id="L2400837117"] .page-content {
align-items: center;
padding-top: 0rem;
padding-bottom: 3rem;
width: 100%;
}
[id="L2400837117"].page {
min-height: var(--viewport-height);
background-color: rgba(229,246,223,0.5);
}
[id="L2400837117"].page {
background: radial-gradient(circle, #5893fe, #10d461);
background-size: 400% 400%;
animation: gradientAnimation 10s ease infinite;
}
[id="L2400837117"] .backdrop {
}
.mobile [id="L2400837117"] .backdrop {
}
@keyframes gradientAnimation {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.image-container {
position: relative;
display: inline-block;
cursor: pointer; /* 让用户知道这个图片是可交互的 */
}
.floating-image {
width: 300px; /* 根据需要调整 */
height: auto;
transition: filter 0.1s ease-in-out; /* 过渡动画，让模糊更流畅 */
}
.text-overlay {
position: absolute;
top: 100px;
left: 100px;
background: rgba(255, 111, 111, 0.7); /* 半透明背景 */
color: #000000;
padding: 15px 20px;
font-size: 14px;
opacity: 0; /* 初始隐藏 */
transition: opacity 0.3s ease-in-out;
}
/* 默认状态，图片清晰，文字隐藏 */
.image-container img {
filter: blur(0);
}
/* 当 .active 类被添加时，图片模糊，文字显示 */
.image-container.active img {
filter: blur(5px);
}
.image-container.active .text-overlay {
opacity: 1;
}
.text-overlay {
user-select: none; /* 让文字无法被选中 */
pointer-events: none; /* 防止用户直接点击到文字 */
}
[id="L2400837117"] .page-layout {
align-items: center;
}
.mobile [id="L2400837117"] .page-layout {
}
.dynamic-text {
color: white;
transition: color 0.3s ease-in-out, transform 0.2s ease-in-out;
}
.dynamic-text:hover {
color: blue;
font-weight: bold;
transform: scale(1.05); /* 稍微放大 5% */
}
.expandable {
margin-bottom: 1.5rem;
transition: all 0.3s ease;
}
.expandable-title {
cursor: pointer;
color: #0033ff;
font-weight: bold;
font-size: 1.8rem;
transition: all 0.3s ease;
}
.expandable-title:hover {
transform: scale(1.03);
color: #0010cc;
}
.expandable-content {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.5s ease;
font-size: 1.2rem;
margin-top: 0.8rem;
line-height: 1.6;
color: white;
}
.expandable.active .expandable-content {
max-height: 1000px;
opacity: 1;
}
body {
cursor: url('https://freight.cargo.site/t/original/i/J2322958571284070800602888895357/earth_globe_2_64x64.png') 32 32, auto;
}
.learning-block h2 {
font-size: 2rem;
transition: all 0.3s ease;
cursor: pointer;
margin: 1.5rem 0;
}e-content {
display: block;
}