Add afternoon themeHEADmaster

7 files changed, 217 insertions, 0 deletions

diff --git a/bcst/themes/afternoon/css/main.css b/bcst/themes/afternoon/css/main.css
new file mode 100644
index 0000000..abf9beb
--- /dev/null
+++ b/bcst/themes/afternoon/css/main.css
@@ -0,0 +1,97 @@
+@font-face {
+  font-family: 'product';
+  font-style: normal;
+  font-weight: 400;
+  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/productsans/v5/HYvgU2fE2nRJvZ5JFAumwegdm0LZdjqr5-oayXSOefg.woff2) format("woff2"); }
+
+* {
+  font-family: product; }
+
+body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  align-items: flex-start;
+  flex-wrap: wrap; }
+
+html {
+  /* Google "digital art wallpaper" for wallpapers*/
+  background: url(https://stormandsky.com/gif/14.gif) no-repeat center center fixed;
+  background-size: cover;
+  /* cover whole screen*/
+  height: 100%; }
+
+h1 {
+  color: white;
+  width: 100%;
+  text-align: center; }
+
+#greeting {
+  font-size: 90px;
+  margin: 0; }
+
+#date {
+  font-size: 30px; }
+
+.container {
+  margin: 20px;
+  display: inline-block; }
+  .container ol {
+    list-style-type: none; }
+    .container ol .containerTitle {
+      font-size: 26px;
+      margin: 0; }
+    .container ol .link {
+      text-decoration: none;
+      color: white; }
+    .container ol .item {
+      padding-top: 5px;
+      padding-left: 5px; }
+    .container ol .line {
+      height: 3px;
+      width: 180px; }
+
+.s1Title {
+  background: linear-gradient(to right, #fc4a1a, #f7b733);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  display: inline; }
+
+.s1Line {
+  background-image: linear-gradient(to right, #fc4a1a, #f7b733); }
+
+.s2Title {
+  background: linear-gradient(to right, #0072ff, #00c6ff);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  display: inline; }
+
+.s2Line {
+  background-image: linear-gradient(to right, #0072ff, #00c6ff); }
+
+.s3Title {
+  background: linear-gradient(to right, #11998e, #38ef7d);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  display: inline; }
+
+.s3Line {
+  background-image: linear-gradient(to right, #11998e, #38ef7d); }
+
+.s4Title {
+  background: linear-gradient(to right, #DD2476, #FF512F);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  display: inline; }
+
+.s4Line {
+  background-image: linear-gradient(to right, #DD2476, #FF512F); }
+
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi5jc3MiLCJzb3VyY2VzIjpbIm1haW4uc2NzcyIsIl92YXJpYWJsZXMuc2NzcyIsIl9wYWdlLnNjc3MiLCJfc2VjdGlvbnMuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICd2YXJpYWJsZXMnLCAncGFnZScsICdzZWN0aW9ucyciLCIvLyBjb250YWlucyB2YXJpYWJsZXMgJiBtaXhpbnNcblxuQG1peGluIGdyYWRUeHQgKCRjb2wxLCRjb2wyKSB7IFxuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwkY29sMSwkY29sMik7XG4gICAgYmFja2dyb3VuZC1jbGlwOiB0ZXh0O1xuICAgIC13ZWJraXQtYmFja2dyb3VuZC1jbGlwOiB0ZXh0O1xuICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBkaXNwbGF5OiBpbmxpbmU7XG4gIH0iLCIvLyBAaW1wb3J0IFwiX3ZhcmlhYmxlcy5zY3NzXCI7XG5cbkBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAncHJvZHVjdCc7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgc3JjOiBsb2NhbCgnT3BlbiBTYW5zJyksIGxvY2FsKCdPcGVuU2FucycpLCB1cmwoaHR0cHM6Ly9mb250cy5nc3RhdGljLmNvbS9zL3Byb2R1Y3RzYW5zL3Y1L0hZdmdVMmZFMm5SSnZaNUpGQXVtd2VnZG0wTFpkanFyNS1vYXlYU09lZmcud29mZjIpIGZvcm1hdCgnd29mZjInKTtcbn1cblxuKntmb250LWZhbWlseTogcHJvZHVjdDt9XG5cbmJvZHkge1xuXHRtYXJnaW46IDA7XG5cdHBhZGRpbmc6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIFxufVxuXG5odG1sIHtcblx0LyogR29vZ2xlIFwiZGlnaXRhbCBhcnQgd2FsbHBhcGVyXCIgZm9yIHdhbGxwYXBlcnMqL1xuICAgIGJhY2tncm91bmQ6IHVybChodHRwczovL3N0b3JtYW5kc2t5LmNvbS9naWYvMTQuZ2lmKSBuby1yZXBlYXQgY2VudGVyIGNlbnRlciBmaXhlZDtcbiAgICAvLyBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcblx0YmFja2dyb3VuZC1zaXplOiBjb3ZlcjsgLyogY292ZXIgd2hvbGUgc2NyZWVuKi9cblx0aGVpZ2h0OiAxMDAlO1xufVxuXG5oMXtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgLy8gZm9udC1zaXplOjkwcHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuXG4gICAgLy8gYm9yZGVyOiA1cHggc29saWQgcmVkO1xuICAgIC8vIGZsZXgtZ3JvdzogMTtcbiAgICAvLyBtYXJnaW46IDE1MHB4O1xuICAgIC8vIG1hcmdpbi1ib3R0b206IDQwcHg7XG4gICAgLy8gYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG4gICAgLy8gZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXG4gICAgXG59XG5cbiNncmVldGluZ3tmb250LXNpemU6IDkwcHg7IG1hcmdpbjogMDt9XG4jZGF0ZXtmb250LXNpemU6IDMwcHg7fVxuLy8gI3Roe2NvbG9yOiByZWQ7fVxuXG4uY29udGFpbmVye1xuICAgIG1hcmdpbjogMjBweDtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cbiAgICBvbHsgXG4gICAgICAgIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcblxuICAgICAgICAuY29udGFpbmVyVGl0bGV7XG4gICAgICAgICAgICBmb250LXNpemU6IDI2cHg7XG4gICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgICAvLyBAaW5jbHVkZSBncmFkVHh0KHJlZCwgb3JhbmdlKTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5saW5re1xuICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgICB9XG5cbiAgICAgICAgLml0ZW0ge1xuICAgICAgICAgICAgcGFkZGluZy10b3A6IDVweDtcbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogNXB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLmxpbmV7XG4gICAgICAgICAgICBoZWlnaHQ6IDNweDtcbiAgICAgICAgICAgIHdpZHRoOiAxODBweDtcbiAgICAgICAgICAgIC8vIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgcmVkICwgb3JhbmdlKTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuXG4iLCIvLyBzZWN0aW9uIGNvbG9yc1xuXG4vL3NvY2lhbCBtZWRpYVxuLnMxVGl0bGUgeyBAaW5jbHVkZSBncmFkVHh0KCNmYzRhMWEsICNmN2I3MzMpOyB9XG4uczFMaW5lIHsgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjZmM0YTFhICwgI2Y3YjczMyk7IH1cblxuLy9tZXNzYWdpbmdcbi5zMlRpdGxlIHsgQGluY2x1ZGUgZ3JhZFR4dCgjMDA3MmZmLCAjMDBjNmZmKTsgfVxuLnMyTGluZSB7IGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgIzAwNzJmZiAsICMwMGM2ZmYpOyB9XG5cbi8vZGV2XG4uczNUaXRsZSB7IEBpbmNsdWRlIGdyYWRUeHQoIzExOTk4ZSwgIzM4ZWY3ZCk7IH1cbi5zM0xpbmUgeyBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsICMxMTk5OGUgLCAjMzhlZjdkKTsgfVxuXG4vL3JvdXRpbmVcbi5zNFRpdGxlIHsgQGluY2x1ZGUgZ3JhZFR4dCgjREQyNDc2LCAjRkY1MTJGKTsgfVxuLnM0TGluZSB7IGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgI0REMjQ3NiAsICNGRjUxMkYpOyB9XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFFRUEsVUFBVTtFQUNOLFdBQVcsRUFBRSxTQUFTO0VBQ3RCLFVBQVUsRUFBRSxNQUFNO0VBQ2xCLFdBQVcsRUFBRSxHQUFHO0VBQ2hCLEdBQUcsRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxpR0FBaUcsQ0FBQyxlQUFlOztBQUdqSyxBQUFBLENBQUMsQ0FBQTtFQUFDLFdBQVcsRUFBRSxPQUFPLEdBQUc7O0FBRXpCLEFBQUEsSUFBSSxDQUFDO0VBQ0osTUFBTSxFQUFFLENBQUM7RUFDVCxPQUFPLEVBQUUsQ0FBQztFQUNQLE1BQU0sRUFBRSxJQUFJO0VBRVosT0FBTyxFQUFFLElBQUk7RUFDYixhQUFhLEVBQUUsTUFBTTtFQUNyQixlQUFlLEVBQUUsTUFBTTtFQUN2QixXQUFXLEVBQUUsVUFBVTtFQUN2QixTQUFTLEVBQUUsSUFBSSxHQUVsQjs7QUFFRCxBQUFBLElBQUksQ0FBQztFQUNKLGtEQUFrRDtFQUMvQyxVQUFVLEVBQUUsdUNBQXVDLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSztFQUVwRixlQUFlLEVBQUUsS0FBSztFQUFFLHVCQUF1QjtFQUMvQyxNQUFNLEVBQUUsSUFBSSxHQUNaOztBQUVELEFBQUEsRUFBRSxDQUFBO0VBQ0UsS0FBSyxFQUFFLEtBQUs7RUFFWixLQUFLLEVBQUUsSUFBSTtFQUNYLFVBQVUsRUFBRSxNQUFNLEdBVXJCOztBQUVELEFBQUEsU0FBUyxDQUFBO0VBQUMsU0FBUyxFQUFFLElBQUk7RUFBRSxNQUFNLEVBQUUsQ0FBQyxHQUFHOztBQUN2QyxBQUFBLEtBQUssQ0FBQTtFQUFDLFNBQVMsRUFBRSxJQUFJLEdBQUc7O0FBR3hCLEFBQUEsVUFBVSxDQUFBO0VBQ04sTUFBTSxFQUFFLElBQUk7RUFDWixPQUFPLEVBQUUsWUFBWSxHQTJCeEI7RUE3QkQsQUFJSSxVQUpNLENBSU4sRUFBRSxDQUFBO0lBQ0UsZUFBZSxFQUFFLElBQUksR0F1QnhCO0lBNUJMLEFBT1EsVUFQRSxDQUlOLEVBQUUsQ0FHRSxlQUFlLENBQUE7TUFDWCxTQUFTLEVBQUUsSUFBSTtNQUNmLE1BQU0sRUFBRSxDQUFDLEdBRVo7SUFYVCxBQWFRLFVBYkUsQ0FJTixFQUFFLENBU0UsS0FBSyxDQUFBO01BQ0QsZUFBZSxFQUFFLElBQUk7TUFDckIsS0FBSyxFQUFFLEtBQUssR0FDZjtJQWhCVCxBQWtCUSxVQWxCRSxDQUlOLEVBQUUsQ0FjRSxLQUFLLENBQUM7TUFDRixXQUFXLEVBQUUsR0FBRztNQUNoQixZQUFZLEVBQUUsR0FBRyxHQUNwQjtJQXJCVCxBQXVCUSxVQXZCRSxDQUlOLEVBQUUsQ0FtQkUsS0FBSyxDQUFBO01BQ0QsTUFBTSxFQUFFLEdBQUc7TUFDWCxLQUFLLEVBQUUsS0FBSyxHQUVmOztBQzVFVCxBQUFBLFFBQVEsQ0FBQztFRkFMLFVBQVUsRUFBRSwyQ0FBcUM7RUFDakQsZUFBZSxFQUFFLElBQUk7RUFDckIsdUJBQXVCLEVBQUUsSUFBSTtFQUM3Qix1QkFBdUIsRUFBRSxXQUFXO0VBQ3BDLE9BQU8sRUFBRSxNQUFNLEdFSjhCOztBQUNqRCxBQUFBLE9BQU8sQ0FBQztFQUFFLGdCQUFnQixFQUFFLDJDQUE0QyxHQUFJOztBQUc1RSxBQUFBLFFBQVEsQ0FBQztFRkpMLFVBQVUsRUFBRSwyQ0FBcUM7RUFDakQsZUFBZSxFQUFFLElBQUk7RUFDckIsdUJBQXVCLEVBQUUsSUFBSTtFQUM3Qix1QkFBdUIsRUFBRSxXQUFXO0VBQ3BDLE9BQU8sRUFBRSxNQUFNLEdFQThCOztBQUNqRCxBQUFBLE9BQU8sQ0FBQztFQUFFLGdCQUFnQixFQUFFLDJDQUE0QyxHQUFJOztBQUc1RSxBQUFBLFFBQVEsQ0FBQztFRlJMLFVBQVUsRUFBRSwyQ0FBcUM7RUFDakQsZUFBZSxFQUFFLElBQUk7RUFDckIsdUJBQXVCLEVBQUUsSUFBSTtFQUM3Qix1QkFBdUIsRUFBRSxXQUFXO0VBQ3BDLE9BQU8sRUFBRSxNQUFNLEdFSThCOztBQUNqRCxBQUFBLE9BQU8sQ0FBQztFQUFFLGdCQUFnQixFQUFFLDJDQUE0QyxHQUFJOztBQUc1RSxBQUFBLFFBQVEsQ0FBQztFRlpMLFVBQVUsRUFBRSwyQ0FBcUM7RUFDakQsZUFBZSxFQUFFLElBQUk7RUFDckIsdUJBQXVCLEVBQUUsSUFBSTtFQUM3Qix1QkFBdUIsRUFBRSxXQUFXO0VBQ3BDLE9BQU8sRUFBRSxNQUFNLEdFUThCOztBQUNqRCxBQUFBLE9BQU8sQ0FBQztFQUFFLGdCQUFnQixFQUFFLDJDQUE0QyxHQUFJIn0= */
diff --git a/bcst/themes/afternoon/index.html b/bcst/themes/afternoon/index.html
new file mode 100644
index 0000000..e1c2cdf
--- /dev/null
+++ 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>
diff --git a/bcst/themes/afternoon/js/main.ts b/bcst/themes/afternoon/js/main.ts
new file mode 100644
index 0000000..dc454b9
--- /dev/null
+++ 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.'
+}
\ No newline at end of file
diff --git a/bcst/themes/afternoon/res/favicon.png b/bcst/themes/afternoon/res/favicon.png
new file mode 100644
index 0000000..4457bb2
--- /dev/null
+++ b/bcst/themes/afternoon/res/favicon.png
diff --git a/bcst/themes/afternoon/res/images/wallpaper.gif b/bcst/themes/afternoon/res/images/wallpaper.gif
new file mode 100644
index 0000000..3cc1753
--- /dev/null
+++ b/bcst/themes/afternoon/res/images/wallpaper.gif
diff --git a/bcst/themes/afternoon/res/placeholder.png b/bcst/themes/afternoon/res/placeholder.png
new file mode 100644
index 0000000..1e7800e
--- /dev/null
+++ b/bcst/themes/afternoon/res/placeholder.png
diff --git a/bcst/themes/afternoon/resources.json b/bcst/themes/afternoon/resources.json
new file mode 100644
index 0000000..e730329
--- /dev/null
+++ 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/"
+        }
+    }
+}
+