greg/rss-reader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

semantic html

Browse Source
This commit is contained in:
Greg Shuflin 2025-02-03 00:59:46 -08:00
parent 06e62b6bc5
commit 3bd4effd8f
1 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
templates/index.html.tera
View File

@ -7,21 +7,21 @@
<link rel="stylesheet" href="/static/css/style.css"> <link rel="stylesheet" href="/static/css/style.css">
</head> </head>
<body class="with-sidebar"> <body class="with-sidebar">
<div class="top-bar"> <header class="top-bar">
<div class="top-bar-buttons"> <nav class="top-bar-buttons">
<button class="add-feed-button" id="addFeedButton">Add Feed</button> <button class="add-feed-button" id="addFeedButton">Add Feed</button>
</div> </nav>
<h1 class="top-bar-title">RSS Reader</h1> <h1 class="top-bar-title">RSS Reader</h1>
<button class="logout-button" id="logoutButton">Logout</button> <button class="logout-button" id="logoutButton">Logout</button>
</div> </header>
<!-- Add Feed Modal --> <!-- Add Feed Modal -->
<div class="modal" id="addFeedModal"> <dialog class="modal" id="addFeedModal">
<div class="modal-content"> <article class="modal-content">
<div class="modal-header"> <header class="modal-header">
<h2>Add RSS Feed</h2> <h2>Add RSS Feed</h2>
</div> </header>
<div class="modal-body"> <section class="modal-body">
<form id="addFeedForm"> <form id="addFeedForm">
<div class="form-group"> <div class="form-group">
<label for="feedUrl">Feed URL</label> <label for="feedUrl">Feed URL</label>
@ -34,21 +34,22 @@
<div>Loading feed information...</div> <div>Loading feed information...</div>
</div> </div>
</form> </form>
</div> </section>
<div class="modal-footer"> <footer class="modal-footer">
<button type="button" class="btn-secondary" id="cancelAddFeed">Cancel</button> <button type="button" class="btn-secondary" id="cancelAddFeed">Cancel</button>
<button type="button" class="btn-primary" id="confirmAddFeed">Add Feed</button> <button type="button" class="btn-primary" id="confirmAddFeed">Add Feed</button>
</div> </footer>
</div> </article>
</div> </dialog>
<div class="sidebar"> <aside class="sidebar">
<h2>Feeds</h2> <h2>Feeds</h2>
<div id="feedList"> <nav id="feedList">
</div> </nav>
</div> </aside>
<div class="main-content">
</div> <main class="main-content">
</main>
<script src="/static/js/app.js"></script> <script src="/static/js/app.js"></script>
</body> </body>