Jul 13 - Change theme

app/templates/base.html

@@ -14,6 +14,9 @@
   {% block og_url %}<meta property="og:url" content="{{ request.url }}">{% endblock %}
   {# Canonical #}
   <link rel="canonical" href="{{ request.base_url }}">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=Hanken+Grotesk:wght@400;500;600;700&family=Space+Mono&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
   {% block head %}{% endblock %}
 </head>
@@ -21,7 +24,7 @@
   <header class="site-header">
     {% set slot = "header" %}{% include "ads/_slot.html" %}
     <div class="wrap">
-      <a class="brand" href="{{ url_for('main.index') }}">Classifieds</a>
+      <a class="brand" href="{{ url_for('main.index') }}"><span class="brand-mark">C</span>Classifieds</a>
       <button class="nav-toggle" aria-label="{{ _('Menu') }}" onclick="document.querySelector('.nav').classList.toggle('open')">&#9776;</button>
       <nav class="nav">
         <a href="{{ url_for('listings.browse') }}">{{ _('Browse') }}</a>
@@ -86,4 +89,4 @@
     });
   </script>
 </body>
-</html>
+</html>

app/templates/index.html

@@ -3,6 +3,7 @@
 {% block meta_description %}<meta name="description" content="{{ _('Free classifieds for Vietnamese and Hispanic communities across the US. Buy, sell, find jobs, services, and more.') }}">{% endblock %}
 {% block content %}
   <section class="hero">
+    <p class="hero-eyebrow">{{ _('Your local community marketplace') }}</p>
     <h1>{{ _('Find what you need. Post what you offer.') }}</h1>
     <p>{{ _('Buy, sell, request, hire, and connect across your community.') }}</p>
     <a class="btn btn-lg" href="{{ url_for('listings.browse') }}">{{ _('Browse listings') }}</a>
@@ -10,4 +11,4 @@
       <a class="btn btn-lg ghost" href="{{ url_for('auth.register') }}">{{ _('Get started') }}</a>
     {% endif %}
   </section>
-{% endblock %}
+{% endblock %}