<article class="detail_entry people_detail_entry people_type_staff">
    <script type="application/ld+json">
        {
            '@context': 'http://schema.org',
            '@type': 'NewsArticle',
            'url': '#',
            'publisher': {
                '@type': 'Organization',
                'name': 'Children and Screens'
            },
            'headline': '',
            'mainEntityOfPage': '#',
            'image': '1',
            'datePublished': '2017-03-20T20:30:54+00:00',
            'author': 'person',
            'description': ''
        }
    </script>

    <!-- Person Info -->
    <div class="people_info" id="info" data-type="entity" data-category="">
        <div class="fs-row fs-lg-justify-center">
            <div class="fs-cell fs-lg-10">
                <div class="people_info_inner">
                    <div class="people_info_image">
                        <figure class="people_info_figure">

                            <img class="people_info_figure_image" sizes="(min-width: 1220px) 403px, 90vw" src="https://images.fastspot.com/framework/735x980/1" alt="" loading="eager" width="735" height="980">
                        </figure>

                    </div>
                    <div class="people_info_details">

                        <div class="people_info_type">
                            <span class="people_info_type_label">Staff</span>
                        </div>

                        <h1 class="people_info_title" id="page_title" tabindex="-1">John Doe, PHD</h1>

                        <div class="people_info_position">Director</div>
                        <div class="people_info_organization">Organization Name</div>
                        <div class="people_info_position">Coordinator</div>
                        <div class="people_info_organization">Other Organization Name</div>

                        <div class="people_info_bio">Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla.</div>

                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- END: Person Info -->

    <!-- Full Width Callouts -->
    <div class="full_width_callouts">

        <div class="related_content theme_light has_description">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="related_content_inner">
                        <header class="related_content_header">
                            <div class="related_content_header_content_wrap">
                                <div class="related_content_title">
                                    Related by Topic
                                </div>

                                <div class="related_content_desc">
                                    <div class="related_content_desc_inner">
                                        <div class="related_content_desc_text">
                                            Find <a href="#">events</a>, <a href="#">news</a>, and <a href="#">research</a> related to:
                                        </div>

                                        <div class="related_content_desc_pills">
                                            <div class="pill_list theme_yellow">
                                                <div class="pill_item">

                                                    <div class="pill">
                                                        Media Literacy
                                                    </div>
                                                </div>
                                                <div class="pill_item">

                                                    <div class="pill">
                                                        Parenting
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="related_content-20_pagination"></div>
                        </header>

                        <div class="related_content_content">
                            <div class="related_content_items js-carousel" data-carousel-options='{"contained":false,"show":{"0px":1,"740px":2,"1220px":3},"pagination":".related_content-20_pagination","controls":{"container":".related_content-20_controls","previous":".related_content-20_controls_previous","next":".related_content-20_controls_next"}}'>
                                <div class="related_content_item">
                                    <div class="event_list_item type_default theme_dark">
                                        <div class="event_list_item_meta event_list_item_meta_header">
                                            <div class="event_list_item_meta_wrapper event_list_item_meta_header_wrapper">
                                                <time class="event_list_item_date" datetime="">
                                                    <span class="event_list_item_icon event_list_item_date_icon">
                                                        <svg class="icon icon_calendar">
                                                            <use href="/images/icons.svg#calendar" />
                                                        </svg>
                                                    </span>
                                                    <span class="event_list_item_meta_label event_list_item_date_label">June 16, 2023</span>
                                                </time>
                                                <span class="event_list_item_location" datetime="">
                                                    <span class="event_list_item_icon event_list_item_location_icon">
                                                        <svg class="icon icon_place">
                                                            <use href="/images/icons.svg#place" />
                                                        </svg>
                                                    </span>
                                                    <span class="event_list_item_meta_label event_list_item_location_label">Hilton Washington DC National Mall</span>
                                                </span>
                                            </div>
                                        </div>

                                        <figure class="event_list_item_figure">

                                            <img class="card_image" srcset="https://images.fastspot.com/framework/740x416/1 740w, https://images.fastspot.com/framework/500x282/1 500w, https://images.fastspot.com/framework/300x169/1 300w" sizes="(min-width: 500px) 400px, 50vw" src="https://images.fastspot.com/framework/300x169/1" alt="" loading="lazy" width="300" height="169">
                                        </figure>

                                        <div class="event_list_item_content">
                                            <div class="card_category">Ask the Experts</div>

                                            <h2 class="event_list_item_title">
                                                <a href="#" class="event_list_item_title_link">
                                                    On Boredom: Screen Time. Free Time. and Child Development
                                                </a>
                                            </h2>

                                            <div class="event_list_item_meta">
                                                <div class="event_list_item_meta_wrapper">
                                                    <time class="event_list_item_time" datetime="">
                                                        <span class="event_list_item_icon event_list_item_time_icon">
                                                            <svg class="icon icon_clock">
                                                                <use href="/images/icons.svg#clock" />
                                                            </svg>
                                                        </span>
                                                        <span class="event_list_item_meta_label event_list_item_time_label">8:00 PM UTC</span>
                                                    </time>
                                                </div>
                                            </div>

                                            <div class="event_list_item_desc">
                                                <p>What are the benefits and harms of “bored time” for children and has digital media displaced the space to let minds wander?</p>
                                            </div>

                                            <div class="event_list_item_topics_wrap">
                                                <div class="pill_list theme_yellow">
                                                    <div class="pill_item">

                                                        <div class="pill">
                                                            Mental Health
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="related_content_item">
                                    <div class="card type_default theme_dark">
                                        <figure class="card_figure">
                                            <a href="#">

                                                <img class="card_image" srcset="https://images.fastspot.com/framework/740x416/2 740w, https://images.fastspot.com/framework/500x282/2 500w, https://images.fastspot.com/framework/300x169/2 300w" sizes="(min-width: 500px) 400px, 50vw" src="https://images.fastspot.com/framework/300x169/2" alt="" loading="lazy" width="300" height="169">
                                            </a>
                                        </figure>

                                        <div class="card_content">
                                            <div class="card_category">Press Release</div>

                                            <h3 class="card_title">
                                                <a href="#" class="card_title_link">
                                                    Children and Screens Endorses Proposed Federal Act
                                                </a>
                                            </h3>

                                            <div class="card_desc">
                                                <p>New bipartisan legislation would authorize and fund a National Institutes of Health program to study the effects of media on child development.</p>
                                            </div>

                                            <div class="card_topics_wrap">
                                                <div class="pill_list theme_yellow">
                                                    <div class="pill_item">

                                                        <div class="pill">
                                                            Policy & Legislation
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="related_content_item">
                                    <div class="card type_default theme_dark">
                                        <figure class="card_figure">
                                            <a href="#">

                                                <img class="card_image" srcset="https://images.fastspot.com/framework/740x416/3 740w, https://images.fastspot.com/framework/500x282/3 500w, https://images.fastspot.com/framework/300x169/3 300w" sizes="(min-width: 500px) 400px, 50vw" src="https://images.fastspot.com/framework/300x169/3" alt="" loading="lazy" width="300" height="169">
                                            </a>
                                        </figure>

                                        <div class="card_content">
                                            <div class="card_category">Tip Sheet</div>

                                            <h3 class="card_title">
                                                <a href="#" class="card_title_link">
                                                    The Rise of Dr. Google
                                                </a>
                                            </h3>

                                            <div class="card_desc">
                                                <p>How can families, schools, and communities encourage digital health literacy and help children use a critical lens to find trusted sources for health advice?</p>
                                            </div>

                                            <div class="card_topics_wrap">
                                                <div class="pill_list theme_yellow">
                                                    <div class="pill_item">

                                                        <div class="pill">
                                                            Digital Literacy
                                                        </div>
                                                    </div>
                                                    <div class="pill_item">

                                                        <div class="pill">
                                                            Games for Health
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="related_content_item">
                                    <div class="card type_default theme_dark">
                                        <figure class="card_figure">
                                            <a href="#">

                                                <img class="card_image" srcset="https://images.fastspot.com/framework/740x416/4 740w, https://images.fastspot.com/framework/500x282/4 500w, https://images.fastspot.com/framework/300x169/4 300w" sizes="(min-width: 500px) 400px, 50vw" src="https://images.fastspot.com/framework/300x169/4" alt="" loading="lazy" width="300" height="169">
                                            </a>
                                        </figure>

                                        <div class="card_content">
                                            <div class="card_category">Ask the Experts</div>

                                            <h3 class="card_title">
                                                <a href="#" class="card_title_link">
                                                    On Boredom: Screen Time. Free Time. and Child Development
                                                </a>
                                            </h3>

                                            <div class="card_time_wrap">
                                                <time class="card_time" datetime="">
                                                    <span class="card_time_date">June 16</span>
                                                    <span class="card_time_time">8:00 PM UTC</span>
                                                </time>
                                            </div>

                                            <div class="card_desc">
                                                <p>What are the benefits and harms of “bored time” for children and has digital media displaced the space to let minds wander?</p>
                                            </div>

                                            <div class="card_topics_wrap">
                                                <div class="pill_list theme_yellow">
                                                    <div class="pill_item">

                                                        <div class="pill">
                                                            Mental & Behavioral Health
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="related_content_item">
                                    <div class="card type_default theme_dark">
                                        <figure class="card_figure">
                                            <a href="#">

                                                <img class="card_image" srcset="https://images.fastspot.com/framework/740x416/1 740w, https://images.fastspot.com/framework/500x282/1 500w, https://images.fastspot.com/framework/300x169/1 300w" sizes="(min-width: 500px) 400px, 50vw" src="https://images.fastspot.com/framework/300x169/1" alt="" loading="lazy" width="300" height="169">
                                            </a>
                                        </figure>

                                        <div class="card_content">
                                            <div class="card_category">Press Release</div>

                                            <h3 class="card_title">
                                                <a href="#" class="card_title_link">
                                                    Children and Screens Endorses Proposed Federal Act
                                                </a>
                                            </h3>

                                            <div class="card_desc">
                                                <p>New bipartisan legislation would authorize and fund a National Institutes of Health program to study the effects of media on child development.</p>
                                            </div>

                                            <div class="card_topics_wrap">
                                                <div class="pill_list theme_yellow">
                                                    <div class="pill_item">

                                                        <div class="pill">
                                                            Policy & Legislation
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="related_content_item">
                                    <div class="card type_default theme_dark">
                                        <figure class="card_figure">
                                            <a href="#">

                                                <img class="card_image" srcset="https://images.fastspot.com/framework/740x416/2 740w, https://images.fastspot.com/framework/500x282/2 500w, https://images.fastspot.com/framework/300x169/2 300w" sizes="(min-width: 500px) 400px, 50vw" src="https://images.fastspot.com/framework/300x169/2" alt="" loading="lazy" width="300" height="169">
                                            </a>
                                        </figure>

                                        <div class="card_content">
                                            <div class="card_category">Tip Sheet</div>

                                            <h3 class="card_title">
                                                <a href="#" class="card_title_link">
                                                    The Rise of Dr. Google
                                                </a>
                                            </h3>

                                            <div class="card_desc">
                                                <p>How can families, schools, and communities encourage digital health literacy and help children use a critical lens to find trusted sources for health advice?</p>
                                            </div>

                                            <div class="card_topics_wrap">
                                                <div class="pill_list theme_yellow">
                                                    <div class="pill_item">

                                                        <div class="pill">
                                                            Digital Literacy
                                                        </div>
                                                    </div>
                                                    <div class="pill_item">

                                                        <div class="pill">
                                                            Games for Health
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="related_content_controls  related_content-20_controls">
                                <button type="button" class="related_content_control related_content_controls_previous related_content-20_controls_previous" aria-label="Previous">

                                    <svg class="icon icon_arrow_left_long">
                                        <use href="/images/icons.svg#arrow_left_long" />
                                    </svg>

                                </button>

                                <button type="button" class="related_content_control related_content_controls_next related_content-20_controls_next" aria-label="Next">

                                    <svg class="icon icon_arrow_right_long">
                                        <use href="/images/icons.svg#arrow_right_long" />
                                    </svg>

                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Full Width Callouts -->

    </div>
</article>
<article class="detail_entry people_detail_entry people_type_{{ page.type|lower }}">
	<script type="application/ld+json">
		{
																							'@context': 'http://schema.org',
																							'@type': 'NewsArticle',
																							'url': '#',
																							'publisher': {
																								'@type': '{{ config.schema_type }}',
																								'name': '{{ config.name }}'
																							},
																							'headline': '{{ page.title }}',
																							'mainEntityOfPage': '#',
																							'image': '{{ page.image }}',
																							'datePublished': '2017-03-20T20:30:54+00:00',
																							'author': 'person',
																							'description': '{{ page.description }}'
																						}
	</script>

	<!-- Person Info -->
	<div class="people_info" id="info" data-type="entity" data-category="{% for item in item.departments %}{{ item.name }}{% if not loop.last %}, {% endif %}{% endfor %}">
		<div class="fs-row fs-lg-justify-center">
			<div class="fs-cell fs-lg-10">
				<div class="people_info_inner">
					{% if page.image %}
						<div class="people_info_image">
							<figure class="people_info_figure">
								{% include '@partial-image' with {
								class: 'people_info_figure',
								alt: '',
								image: page.image,
								loading: 'eager',
								sources: [
									img.portraitFull.med,
								],
								sizes: [
									'(min-width: 1220px) 403px',
									'90vw'
								]
							} %}
							</figure>

						</div>
					{% endif %}
					<div class="people_info_details">

						<div class="people_info_type">
							<span class="people_info_type_label">{{ page.type }}</span>
						</div>

						<h1 class="people_info_title" id="page_title" tabindex="-1">{{ page.name }}</h1>

						<div class="people_info_position">{{ page.position }}</div>
						{% if page.organization %}
							<div class="people_info_organization">{{ page.organization }}</div>
						{% endif %}
						{% if page.position_alt %}
							<div class="people_info_position">{{ page.position_alt }}</div>
						{% endif %}
						{% if page.organization_alt %}
							<div class="people_info_organization">{{ page.organization_alt }}</div>
						{% endif %}

						<div class="people_info_bio">{{ page.bio }}</div>

					</div>

				</div>
			</div>
		</div>
	</div>
	<!-- END: Person Info -->

	<!-- Full Width Callouts -->
	<div class="full_width_callouts">

		{% render "@component-related-content--referenced" with {
			theme: 'light',
			card_type: 'default',
			card_theme: 'dark',
			card_pill_theme: 'yellow'
		} %}
	</div>
	<!-- END: Full Width Callouts -->

</div></article>

No notes defined.