From 6e060269c8eef4bde87291770c3fa26726c4a1a1 Mon Sep 17 00:00:00 2001
From: BonfaceKilz
Date: Wed, 23 Dec 2020 16:08:44 +0300
Subject: Add tabbed content for commits, tweets and pubmed content

* bh20simplewebuploader/templates/home.html: Add tab panes for
commits, tweets and pubmed content. Use dummy place holder content for
commits and tweets.
* bh20simplewebuploader/static/main.css: Add basic styling for tabbed
content.
---
 bh20simplewebuploader/templates/home.html | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

(limited to 'bh20simplewebuploader/templates')

diff --git a/bh20simplewebuploader/templates/home.html b/bh20simplewebuploader/templates/home.html
index be948f6..8a9c27b 100644
--- a/bh20simplewebuploader/templates/home.html
+++ b/bh20simplewebuploader/templates/home.html
@@ -27,8 +27,18 @@
                       <div id="map_view" class="map">
                           <div id="mapid"></div>
                       </div>
-                      <div id="twitter-feed">
-                          <ul>
+
+                      <div id="feed">
+                          <input name="feed-tabs" type="radio" id="tab-pubmed-articles" checked/>
+                          <label for="tab-pubmed-articles">Pubmed Articles</label>
+                          <input name="feed-tabs" type="radio" id="tab-tweets"/>
+                          <label for="tab-tweets">Tweets</label>
+                          <input name="feed-tabs" type="radio" id="tab-commits"/>
+                          <label for="tab-commits">Commits</label>
+                          <ul class="tab content-pubmed-articles">
+                              Pubmed content
+                          </ul>
+                          <ul class="tab content-tweets">
                               {% for tweet in tweets|sort(reverse=true, attribute="timeposted")%}
                               <li>
                                   <p class="tweet">
@@ -41,6 +51,9 @@
                               </li>
                               {% endfor %}
                           </ul>
+                          <ul class="tab content-commits">
+                              Commits
+                          </ul>
                       </div>
                   </section>
 
-- 
cgit v1.2.3