icon and tweaks

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "bestof-1"
+  }
+}

.gitignore

@@ -0,0 +1,65 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+firebase-debug.log*
+
+# Firebase cache
+.firebase/
+
+# Firebase config
+
+# Uncomment this if you'd like others to create their own Firebase project.
+# For a team working on the same Firebase project(s), it is recommended to leave
+# it commented so all members can deploy to the same project(s) in .firebaserc.
+# .firebaserc
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env

public/index.html

@@ -4,14 +4,22 @@
   <meta content="utf-8" http-equiv="encoding">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="mobile-web-app-capable" content="yes">
-  <meta name="theme-color" content="#dddddd">
+  <link href="https://fonts.googleapis.com/css?family=Slabo+27px&display=swap" rel="stylesheet"> 
+  <link rel="stylesheet" href="https://rawgit.com/woelper/lilac/master/lilac.min.css">
+  <link rel="stylesheet" href="style.css">
+  <meta name="theme-color" content="#f7d723">
+  <meta name="apple-mobile-web-app-status-bar-style" content="#f7d723">
   <link rel="icon" sizes="128x128" href="icon.png">
-  
+  <link rel="apple-touch-icon" sizes="128x128" href="icon.png">
+
   <style>
     * {
       margin: 0;
       padding: 0;
     }
+    body,  title{
+      font-family: 'Slabo 27px', serif;
+    }
     #splash {
       background-color: rgb(61, 61, 61);
       color: rgb(207, 207, 207);
@@ -46,10 +54,11 @@
       <div class="panel" v-if="!ready">
         Loading articles...
       </div>
+
       <template v-for="art in articles" v-if="art">
         <div class="panel">
           <div class="title">
-            <a class="link" :href="getLink(art)">{{decodeURI(art.title.replace(/_/g, " "))}}</a>
+            <a class="link" :href="getLink(art)">{{decodeURI(art.title.replace(/_/g, " ").replace("?wprov=sfla1",""))}}</a>
           </div>
           <template v-if="compact">
             <div class="summary">{{shortenParagraph(art.summary)}}</div>
@@ -74,9 +83,8 @@
 <!-- <link rel="stylesheet" href="lilac.min.css"> -->
 
 <!-- <script defer src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.min.js"></script> -->
-<link rel="stylesheet" href="https://rawgit.com/woelper/lilac/master/lilac.min.css">
+
 <!-- <script defer src="https://www.gstatic.com/firebasejs/4.9.1/firebase.js"></script> -->
 <!-- <script defer src="https://cdn.jsdelivr.net/npm/lodash@4.13.1/lodash.min.js"></script> -->
 <script defer src="app.js"></script>
-<link rel="stylesheet" href="style.css">
 <!-- <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans|Sanchez" rel="stylesheet"> -->

public/style.css

@@ -4,7 +4,7 @@
 
 .summary {
     /* font-style: italic; */
-    font-family: 'Alegreya Sans', sans-serif;
+    /* font-family: 'Alegreya Sans', sans-serif; */
 }
 
 .add {
@@ -19,7 +19,6 @@
     display: block;
     color: var(--main-color);
     font-weight: 600;
-    font-family: 'Sanchez', serif;
 }
 
 a {
@@ -32,7 +31,7 @@ body {
 }
 
 :root {
-    --main-color: rgb(39, 39, 39);
+    --main-color: #f7d723;
 }
 
 nav {