index.html

---
layout: default
title: Hi,  I'm Anya
description: I am a junior at Los Gatos High School. I am an aspiring computational biologist and STEM enthusiast, driven by curiosity and a desire to share my learning with others.

---

<section class="hero">

	<div class="hero__image" style="background-image: url({{ page.featured_image | relative_url }})">
		<div class="hero__overlay"></div>
	</div>

	<div class="wrap">

		<h1>Hi, I'm Anya</h1>
		<p>I am a junior at Los Gatos High School. I am an aspiring computational biologist and STEM enthusiast, driven by curiosity and a desire to share my learning with others.
</p>

		{% include socials.html %}

	</div>

</section>

<section class="listing">

	<div class="wrap">

		{% for project in site.projects reversed %}

		<article class="post">

			<div class="post__image-wrap">
				<div class="post__image" style="background-image: url({{ project.featured_image | relative_url }})"></div>
			</div>

			<div class="post__content-wrap">
				<div class="post__content">
					<h2 class="post__title"><a href="{{ project.url | relative_url }}">{{ project.title }}</a></h2>
					<p class="post__subtitle">{{ project.subtitle }}</p>
					<p class="post__description">{{ project.description }}</p>
				</div>
			</div>

		</article>

		{% endfor %}

	</div>

</section>