You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
1.3 KiB
59 lines
1.3 KiB
<header>
|
|
<nav>
|
|
<b><Icon name="instagram" color="var(--color-text)" /> Instagram</b>
|
|
<input placeholder="Search">
|
|
<ul>
|
|
<li><button>Log In</button></li>
|
|
<li><a>Sign Up</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<profile>
|
|
<figure>
|
|
<img alt="Zed's Face" src="https://via.placeholder.com/256x256?text=Zed's Face">
|
|
</figure>
|
|
|
|
<info>
|
|
<p>
|
|
<b>zedshaw</b> <button>follow</button>
|
|
</p>
|
|
|
|
<p>
|
|
<b>280</b> posts <b>4,695 followers</b> <b>1,778 following</b>
|
|
</p>
|
|
|
|
<p><b>Zed A. Shaw</b></p>
|
|
<p>Painter in oil, watercolor, and pastel. I’m doing live streams of little paintings on Twitch:<br>
|
|
<a href="www.twitch.tv/zedashaw">www.twitch.tv/zedashaw</a>
|
|
</p>
|
|
</info>
|
|
</profile>
|
|
|
|
<pins>
|
|
{#each pins as pin}
|
|
<figure>
|
|
<img alt="Stock photo" src="https://via.placeholder.com/82x82?text=Story">
|
|
</figure>
|
|
{/each}
|
|
</pins>
|
|
|
|
<tabs>
|
|
<nav>
|
|
<ul>
|
|
<li><Icon name="grid" color="var(--color-text)" /> POSTS</li>
|
|
<li><Icon name="movie" color="var(--color-text)" /> REELS</li>
|
|
<li><Icon name="tv" color="var(--color-text)" /> TV</li>
|
|
<li><Icon name="user" color="var(--color-text)" /> TAGGED</li>
|
|
</ul>
|
|
</nav>
|
|
</tabs>
|
|
|
|
<posts>
|
|
{#each posts as post}
|
|
<figure>
|
|
<img alt="Stock photo" src="https://via.placeholder.com/300x300?text=Post Image">
|
|
</figure>
|
|
{/each}
|
|
</posts>
|
|
|
|
|