|
|
|
<header>
|
|
|
|
<nav>
|
|
|
|
<b><a id="logo-link" href="/demos/xoracademy" use:link><Icon name="edit-3" color="var(--color-text)" /> Xor.Academy</a></b>
|
|
|
|
<input placeholder="Search">
|
|
|
|
<ul>
|
|
|
|
<li><a href="/demos/login" use:link><button>Log In</button></a></li>
|
|
|
|
<li><a>Sign Up</a></li>
|
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
</header>
|
|
|
|
|
|
|
|
<profile>
|
|
|
|
<figure>
|
|
|
|
<img alt="Module Thumb" src="https://via.placeholder.com/256x256?text=Module+Thumb">
|
|
|
|
</figure>
|
|
|
|
|
|
|
|
<info>
|
|
|
|
<p>
|
|
|
|
<button>Follow</button>
|
|
|
|
</p>
|
|
|
|
|
|
|
|
<p>
|
|
|
|
<b>10</b> videos <b>4,695 followers</b>
|
|
|
|
</p>
|
|
|
|
|
|
|
|
<h3>Drawing Level 1</h3>
|
|
|
|
<p>The first module you should take. It covers the basics of drawing and how to get started
|
|
|
|
making drawing a habit.
|
|
|
|
</p>
|
|
|
|
</info>
|
|
|
|
</profile>
|
|
|
|
|
|
|
|
<related>
|
|
|
|
{#each related as pin}
|
|
|
|
<figure>
|
|
|
|
<img alt="Stock photo" src="https://via.placeholder.com/82x82?text=Related">
|
|
|
|
</figure>
|
|
|
|
{/each}
|
|
|
|
</related>
|
|
|
|
|
|
|
|
<posts>
|
|
|
|
{#each posts as post}
|
|
|
|
<figure>
|
|
|
|
<a href="/demos/xoracademy/watch" use:link>
|
|
|
|
<img alt="Placeholder" src="https://via.placeholder.com/300x300?text=Video Thumb">
|
|
|
|
</a>
|
|
|
|
</figure>
|
|
|
|
{/each}
|
|
|
|
</posts>
|