Add afternoon theme

2020-04-23 18:59:51 +02:00 · 2020-04-23 18:59:51 +02:00 · 481b75a058
commit 481b75a058
parent 8933627f6c
10 changed files with 224 additions and 1 deletions
--- a/bcst/themes/afternoon/css/main.css
+++ b/bcst/themes/afternoon/css/main.css
--- a/bcst/themes/afternoon/index.html
+++ b/bcst/themes/afternoon/index.html
@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="shortcut icon" type="image/x-icon" href="res/placeholder.png" />
+    <link rel="stylesheet" href="css/main.css">
+    <script defer src="js/dist/main.js"></script>
+    <script src="https://kit.fontawesome.com/d56088cc92.js" crossorigin="anonymous"></script>
+    <title>{{title}}</title>
+</head>
+<body>
+
+    <h1 id="greeting"></h1>
+    <h1 id="date"></h1>
+
+    <div class="container">
+        <ol>
+            <li><h3 class="containerTitle s1Title">{{ tab1["title"] }}</h3></li>
+            <div class="line s1Line"></div>
+            {% for link_name, url in tab1["bookmarks"].items() %}
+            <li class="item"><a class="link" href="{{url}}">{{link_name}}</a></li>
+            {% endfor %}
+        </ol>
+    </div>
+
+    <div class="container">
+        <ol>
+            <li><h3 class="containerTitle s2Title">{{ tab2["title"] }}</h3></li>
+            <div class="line s2Line"></div>
+            {% for link_name, url in tab2["bookmarks"].items() %}
+            <li class="item"><a class="link" href="{{url}}">{{link_name}}</a></li>
+            {% endfor %}
+        </ol>
+    </div>
+
+    <div class="container">
+        <ol>
+            <li><h3 class="containerTitle s3Title">{{ tab3["title"] }}</h3></li>
+            <div class="line s3Line"></div>
+            {% for link_name, url in tab3["bookmarks"].items() %}
+            <li class="item"><a class="link" href="{{url}}">{{link_name}}</a></li>
+            {% endfor %}
+        </ol>
+    </div>
+
+    <div class="container">
+        <ol>
+            <li><h3 class="containerTitle s4Title">{{ tab4["title"] }}</h3></li>
+            <div class="line s4Line"></div>
+            {% for link_name, url in tab4["bookmarks"].items() %}
+            <li class="item"><a class="link" href="{{url}}">{{link_name}}</a></li>
+            {% endfor %}
+        </ol>
+    </div>
+    
+</body>
+</html>
--- a/bcst/themes/afternoon/js/main.ts
+++ b/bcst/themes/afternoon/js/main.ts
@ -0,0 +1,20 @@
+function getOrdinalNum(n: any) {
+    return n + (n > 0 ? ['th', 'st', 'nd', 'rd'][(n > 3 && n < 21) || n % 10 > 3 ? 0 : n % 10] : '');
+}
+
+var today = new Date();
+var time = today.getHours()  //time HH:MM
+var date = getOrdinalNum(today.getDate()) //date x + ordinal number (th)
+
+const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+
+document.querySelector('#date').innerHTML = monthNames[today.getMonth()] + ' ' + date
+
+var hour = today.getHours()
+if (hour >= 08 && hour <= 11) {
+    document.querySelector('#greeting').innerHTML = 'Good Morning.'
+} else if (hour >= 12 && hour <= 17){
+    document.querySelector('#greeting').innerHTML = 'Good Afternoon.'
+} else {
+    document.querySelector('#greeting').innerHTML = 'Good Evening.'
+}
--- a/bcst/themes/afternoon/res/favicon.png
+++ b/bcst/themes/afternoon/res/favicon.png
--- a/bcst/themes/afternoon/res/images/wallpaper.gif
+++ b/bcst/themes/afternoon/res/images/wallpaper.gif
--- a/bcst/themes/afternoon/res/placeholder.png
+++ b/bcst/themes/afternoon/res/placeholder.png
--- a/bcst/themes/afternoon/resources.json
+++ b/bcst/themes/afternoon/resources.json
@ -0,0 +1,40 @@
+{
+    "title": "New Tab",
+    "tab1":{
+        "title": "Social Media.",
+        "bookmarks":{
+            "Facebook": "https://facebook.com/",
+            "Twitter" : "https://twitter.com/",
+            "Reddit" :"https://reddit.com/"
+        }
+    },
+    "tab2":{
+        "title": "Messaging.",
+        "bookmarks":{
+            "Messenger":"https://messenger.com/",
+            "WhatsApp": "https://web.whatsapp.com/",
+            "Gmail":"https://gmail.com/"
+        }
+    },
+    "tab3":{
+        "title": "Developer.",
+        "bookmarks":{
+            "Github":"https://github.com/",
+            "FCC News":"https://freecodecamp.org/news",
+            "Medium":"https://medium.com/",
+            "Stack Overflow": "https://stackoverflow.com/",
+            "Spotify Web":"https://open.spotify.com/"
+        }
+    },
+    "tab4":{
+        "title": "Routine.",
+        "bookmarks":{
+            "The Verge":"https://theverge.com/",
+            "Android Police":"https://androidpolice.com/",
+            "Screenrant": "https://screenrant.com/",
+            "YouTube":"https://youtube.com/feed/subscriptions",
+            "DIM":"https://app.destinyitemmanager.com/"
+        }
+    }
+}
+
--- a/gallery/README.md
+++ b/gallery/README.md
@ -30,3 +30,9 @@
 *Description*:
 - Author: m_hrstv
 - Url: https://www.reddit.com/r/startpages/comments/etzaih/my_first_attempt_at_creating_a_starpage_from/
+
+### afternoon
+![Afternoon](afternoon.jpg)
+*Description*:
+- Author: anton25360
+- Url: https://github.com/anton25360/Startpage-live
--- a/gallery/afternoon.jpg
+++ b/gallery/afternoon.jpg
--- a/setup.py
+++ b/setup.py
@ -5,7 +5,7 @@ with open("README.md", "r") as readme:

 setuptools.setup(
        name="bcst",
-        version="0.0.7",
+        version="0.0.9",
        scripts=["bcst/bcst"],
        author="Loic Guegan",
        author_email="manzerbredes@mailbox.org",