Adjust font size on smaller screens

This commit is contained in:
Oliver Davies 2021-06-30 08:00:00 +01:00
parent 1a9bb2d72b
commit cf0294ea60
4 changed files with 8 additions and 8 deletions

View file

@ -1,7 +1,7 @@
{% extends 'app' %}
{% block body %}
<div class="font-sans text-lg font-light text-gray-900 dark:bg-gray-900 dark:text-white">
<div class="font-sans text-base font-light text-gray-900 md:text-lg dark:bg-gray-900 dark:text-white">
<a class="sr-only focus:not-sr-only" href="#main-content">Skip to main content</a>
{% include 'navbar' %}

View file

@ -2,7 +2,7 @@
{% block content_wrapper %}
<div>
<h1 class="text-2xl font-bold">{{ page.title }}</h1>
<h1 class="text-xl font-bold md:text-2xl">{{ page.title }}</h1>
{{ parent() }}
</div>

View file

@ -4,19 +4,19 @@ use:
- posts
---
<p class="mt-4 text-xl">I enjoy writing articles and have written a number of them so far during my career, both to document my own learning as well to act as resources for others.</p>
<p class="mt-4 md:text-xl">I enjoy writing articles and have written a number of them so far during my career, both to document my own learning as well to act as resources for others.</p>
<div class="mt-6">
<div class="space-y-6">
{% for talk in data.posts %}
<article>
<h2 class="text-xl">
<h2>
<a class="text-blue-700 dark:text-blue-400" href="{{ talk.url }}">
{{ talk.title }}
</a>
</h2>
<p class="mt-1 text-xl leading-7">{{ talk.excerpt }}</p>
<p class="mt-1 leading-6">{{ talk.excerpt }}</p>
</article>
{% endfor %}
</div>

View file

@ -4,19 +4,19 @@ use:
- talks
---
<p class="mt-4 text-xl">After giving my first talk in September 2012, I have now given 81 presentations and workshops at various conferences and meetups, in-person and remotely, on topics including PHP, Drupal, automated testing, Git, CSS, and systems administration.</p>
<p class="mt-4">After giving my first talk in September 2012, I have now given 81 presentations and workshops at various conferences and meetups, in-person and remotely, on topics including PHP, Drupal, automated testing, Git, CSS, and systems administration.</p>
<div class="mt-6">
<div class="space-y-6">
{% for talk in data.talks|sort((a,b) => a.sortable_date < b.sortable_date) %}
<article>
<h2 class="text-xl">
<h2>
<a class="text-blue-700 dark:text-blue-400" href="{{ talk.url }}">
{{ talk.title }}
</a>
</h2>
<p class="mt-1 text-xl leading-7">{{ talk.description }}</p>
<p class="mt-1 leading-6">{{ talk.description }}</p>
</article>
{% endfor %}
</div>