39 lines
1.7 KiB
HTML
39 lines
1.7 KiB
HTML
<viewport scroll_x="0" scroll_y="0" width="780" height="441" max_scroll_y="1200">
|
|
<nav x="0" y="0" width="100%" height="60">
|
|
<h1>SocialConnect</h1>
|
|
<interactive x="16" y="0" width="240" height="40">
|
|
<input placeholder="Search posts..." />
|
|
</interactive>
|
|
</nav>
|
|
|
|
<div class="post" x="20" y="80" width="680" height="400">
|
|
<div class="username" x="72" y="96" width="200" height="20">Alice Johnson</div>
|
|
<div class="timestamp" x="72" y="116" width="200" height="16">2 hours ago</div>
|
|
|
|
<div class="post-content" x="36" y="148" width="648" height="60">
|
|
Just finished my morning hike! The sunrise was absolutely breathtaking today. 🌄 #MorningHike #Nature #Wellness
|
|
</div>
|
|
|
|
<img x="36" y="220" width="648" height="400" alt="Sunrise view from mountain top" />
|
|
|
|
<div class="actions" x="36" y="632" width="648" height="40">
|
|
<interactive x="36" y="632" width="216" height="40">
|
|
<button>Like</button>
|
|
</interactive>
|
|
<interactive x="252" y="632" width="216" height="40">
|
|
<button>Comment</button>
|
|
</interactive>
|
|
<interactive x="468" y="632" width="216" height="40">
|
|
<button>Share</button>
|
|
</interactive>
|
|
</div>
|
|
|
|
<div class="comment" x="44" y="684" width="632" height="60">
|
|
<div class="username" x="96" y="684" width="200" height="20">Bob Smith</div>
|
|
<div class="comment-content" x="96" y="704" width="580" height="40">
|
|
Beautiful view! Which trail is this?
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</viewport>
|