payne8/any-remark
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

build out comment page and opengraph rendering

Browse Source
This commit is contained in:
Mason Payne
2024-11-28 01:51:52 -07:00
parent e660906090
commit 92c981a7e3
13 changed files with 708 additions and 295 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
AnyRemark-design/index.html Normal file
View File

@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AnyRemark</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav>
<a href="#">Home</a>
<a href="#">About</a>
</nav>
</header>
<main>
<article>
<h1>Stingrays with Friends - FPV Formation</h1>
<p>My favorite thing to do in this hobby is fly FPV with friends and chase planes. Morning FPV flights with Ben and Eric. If you are interested in this plane (The...</p>
<div class="video-container">
<img src="https://via.placeholder.com/800x450" alt="Video Thumbnail">
<div class="play-button"></div>
</div>
</article>
<section class="comments">
<h2>Comments</h2>
<div class="comment">
<img src="https://via.placeholder.com/50" alt="User Avatar" class="avatar">
<div class="comment-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi.</p>
</div>
</div>
<div class="comment">
<img src="https://via.placeholder.com/50" alt="User Avatar" class="avatar">
<div class="comment-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi.</p>
</div>
</div>
<div class="comment">
<img src="https://via.placeholder.com/50" alt="User Avatar" class="avatar">
<div class="comment-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi.</p>
</div>
</div>
<form class="comment-form">
<textarea placeholder="Add a comment..."></textarea>
<button type="submit">Submit</button>
</form>
</section>
</main>
<footer>
<p>Video icons created by Freepik - Flaticon</p>
</footer>
</body>
</html>