feat: new font settings and week number on date widget

src/components/widgets/background/scss/index.scss

@@ -62,4 +62,3 @@
     transform: scale(1.1);
   }
 }
-

src/components/widgets/search/search.scss

@@ -29,6 +29,11 @@
     font-size: 30px;
     filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
     cursor: pointer;
+    transition: all 0.5s ease 0s;
+
+    &:hover {
+      transform: scale(1.1);
+    }
   }
 }
 

src/components/widgets/time/Date.jsx

@@ -71,11 +71,28 @@ export default class DateWidget extends React.PureComponent {
     }
   }
 
+  // based on https://gist.github.com/IamSilviu/5899269#gistcomment-2773524
+  getWeekNumber() {
+    const today = new Date();
+    const firstDayOfYear = new Date(today.getFullYear(), 0, 1);
+    const pastDaysOfYear = (today - firstDayOfYear) / 86400000;
+    return Math.ceil((pastDaysOfYear + firstDayOfYear.getDay() + 1) / 7);
+  }
+
   componentDidMount() {
     this.getDate();
   }
 
   render() {
-    return <span style={{ 'textTransform': 'capitalize', 'fontWeight': 'bold' }}>{this.state.date}</span>
+    return (
+      <div>
+        <span style={{ 'textTransform': 'capitalize', 'fontWeight': 'bold' }}>{this.state.date}</span>
+        {(localStorage.getItem('weeknumber') === 'true') ?
+          <span style={{ 'textTransform': 'capitalize', 'fontWeight': 'bold' }}><br/>
+            {'Week ' + this.getWeekNumber()}
+          </span>
+        :null}
+      </div>
+    )
   }
 }