fonts

app/static/css/site.scss

@@ -10,6 +10,42 @@
   font-family: "wrong font";
   src: url("https://files.pad.ma/ttf/wrongfont.woff") format("woff");
 }
+
+// Font: Noto Sans
+
+@font-face {
+    font-family: 'Noto Sans';
+    src: url('../fonts/noto-sans/noto-sans-regular-webfont.woff2') format('woff2'),
+         url('../fonts/noto-sans/noto-sans-regular-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Noto Sans';
+    src: url('../fonts/noto-sans/noto-sans-italic-webfont.woff2') format('woff2'),
+         url('../fonts/noto-sans/noto-sans-italic-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Noto Sans';
+    src: url('../fonts/noto-sans/noto-sans-bold-webfont.woff2') format('woff2'),
+         url('../fonts/noto-sans/noto-sans-bold-webfont.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Noto Sans';
+    src: url('../fonts/noto-sans-bold-italic-webfont.woff2') format('woff2'),
+         url('../fonts/noto-sans-bold-italic-webfont.woff') format('woff');
+    font-weight: 700;
+    font-style: italic;
+}
+
+
 i {
     font-style: italic;
 }

app/templates/weekly_email.html

@@ -1,16 +1,16 @@
 {% if week_title %}
-<h1>{{ week_title }}</h1>
+<h1 style="color: #F0F0F0;text-decoration: underline;font-size: 18px;font-weight: bold">{{ week_title }}</h1>
 <br>
 {% endif %}
 {% for item in items %}
-<div class="item">
-    <a href="{{ item.full_url }}">
+<div class="item" style="background-color: #101010;color: #CCCCCC;border-bottom: 1px solid blueviolet;">
+    <a style="color: #CCCCCC;text-decoration: none;" href="{{ item.full_url }}">
         <div class="info">
-            <h1>{{ item.title }}</h1>
-            <h2>{{ item.data.title }}</h2>
+            <h1 style="color: #F0F0F0;text-decoration: underline;font-size: 18px;font-weight: bold">{{ item.title }}</h1>
+            <h2 style="color: #F0F0F0;font-size: 16px;">{{ item.data.title }}</h2>
         </div>
         <div class="image">
-            <img src="{{ item.data.thumbnail }}">
+            <img style="max-width: 100%;height:auto;" src="{{ item.data.thumbnail }}">
         </div>
     </a>
 </div>