This commit is contained in:
Niels Geens
2024-12-08 09:51:43 +01:00
parent da8583ab28
commit 6ab61ed384
4 changed files with 155 additions and 153 deletions

View File

@@ -1,38 +1,19 @@
<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 scroll_x="0" scroll_y="0" width="780" height="441" max_scroll_y="1200" max_scroll_x="0">
SocialConnect
<interactive x="16" y="0" width="240" height="40" interactions="text_input" placeholder="Search posts..."/>
Alice Johnson
2 hours ago
Just finished my morning hike! The sunrise was absolutely breathtaking today. 🌄 #MorningHike #Nature #Wellness
<img x="36" y="220" width="648" height="400" alt="Sunrise view from mountain top" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='648' height='400'><rect width='100%' height='100%' fill='%23ddd'/></svg>"/>
<interactive x="36" y="632" width="216" height="40" interactions="click">
Like
</interactive>
<interactive x="252" y="632" width="216" height="40" interactions="click">
Comment
</interactive>
<interactive x="468" y="632" width="216" height="40" interactions="click">
Share
</interactive>
Bob Smith
Beautiful view! Which trail is this?
</viewport>