style: Remove bullets on content page's mobile nav (#61)

pyconph/content/templates/content/_navbar-mobile.html

@@ -40,7 +40,7 @@
                 {% with parent=page.get_parent %}
                     {% for page in parent.get_children %}
                         {% if page.show_in_menus and page.live %}
-                        <li class="text-center mb-10">
+                        <li class="text-center mb-10 no-bullet">
                             <a href="{{ page.url }}" class="no-underline text-24 md:text-48 text-white font-medium hover:opacity-80">{{ page.title }}</a>
                         </li>
                         {% endif %}
@@ -51,39 +51,7 @@
                 Message us at [email protected] for questions and
                 inquiries
             </p>
-            <ul class="flex justify-center">
-                <li>
-                    <a href="https://discord.gg/nuWfkhR4vM" class="no-underline" target="_blank">
-                        <img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-discord.svg' %}"
-                            alt="discord" />
-                    </a>
-                </li>
-
-                <li>
-                    <a href="https://www.facebook.com/pyconph" target="_blank">
-                        <img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-facebook.svg' %}"
-                            alt="facebook" />
-                    </a>
-                </li>
-                <li>
-                    <a href="https://github.com/pythonph" target="_blank">
-                        <img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-github.svg' %}"
-                            alt="github" />
-                    </a>
-                </li>
-                <li>
-                    <a href="https://twitter.com/pyconph" target="_blank">
-                        <img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-twitter.svg' %}"
-                            alt="twiter" />
-                    </a>
-                </li>
-                <li>
-                    <a href="https://www.instagram.com/pythonph/" target="_blank">
-                        <img class="h-24 hover:opacity-70" src="{% static 'img/icon/icon-instagram.svg' %}"
-                            alt="instagram" />
-                    </a>
-                </li>
-            </ul>
+            {% include "socials.html" %}
         </div>
     </nav>
-</header>
+</header>

pyconph/content/templates/content/_navbar.html

@@ -1,6 +1,6 @@
-<div class="bg-[#12204A] flex gap-8 py-5 justify-center">
+<div class="bg-[#12204A] flex gap-8 py-5 justify-center text-14">
     {% with parent=page.get_parent %}
-        <div class="py-2"><a href="{{ parent.url }}" class="text-[#FFCA50] no-underline font-bold">{{ parent.title }}</a></div>
+        <div class="py-2"><a href="{{ parent.url }}" class="text-[#FFCA50] no-underline font-bold">Home</a></div>
         {% for page in parent.get_children %}
             {% if page.show_in_menus and page.live %}
                 <div class="py-2"><a href="{{ page.url }}" class="text-[#FFCA50] no-underline font-bold">{{ page.title }}</a></div>