Skip to content

Commit

Permalink
style: Slight adjustments to paragraph layouts for readability
Browse files Browse the repository at this point in the history
  • Loading branch information
@hepplerj
hepplerj committed Jan 27, 2025
1 parent cb481d8 commit 33f4acf
Show file tree
Hide file tree
Showing 4 changed files with 13 additions and 13 deletions.
2 changes: 1 addition & 1 deletion templates/base.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@
<div class="w-full px-8 mx-auto max-w-7xl">
<div class="flex flex-col items-center justify-center w-full py-2 mt-6 border-t border-blue-gray-50 md:flex-row md:justify-between">
<p class="block mb-2 text-sm antialiased font-normal leading-normal text-center text-blue-gray-900 md:mb-0">
A project developed by the <a class="underline hover:no-underline" href="https://rrchnm.org">Roy Rosenzweig Center for History and New Media</a> at <a class="underline hover:no-underline" href="https://gmu.edu">George Mason University</a>, 2024.
A project developed by the <a class="underline hover:no-underline" href="https://rrchnm.org">Roy Rosenzweig Center for History and New Media</a> at <a class="underline hover:no-underline" href="https://gmu.edu">George Mason University</a>, 2024-2025.
</p>
</div>
<div class="container mx-auto flex justify-end items-center space-x-4 pb-3">
Expand Down
20 changes: 10 additions & 10 deletions templates/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,9 +23,9 @@
</div>

{# Second row: 2/3 text box, 1/3 image #}
<a href="/about/" class="block col-span-2 bg-lasfera-gray hover:bg-lasfera-darker-gray text-white p-4 h-40 transform transition-transform duration-300 hover:scale-105 hover:z-10">
<a href="/about/" class="block col-span-2 bg-lasfera-gray hover:bg-lasfera-darker-gray text-white p-4 h-40 group">
<div>
<h2 class="text-3xl font-bold font-serif">Welcome to La Sfera <i class="fa-solid fa-right-long"></i></h2>
<h2 class="text-3xl font-bold font-serif">Welcome to La Sfera <i class="fa-solid fa-right-long transition-transform duration-300 transform group-hover:translate-x-2"></i></h2>
<p class="mt-2">Learn more about Dati's <em>La sfera</em>, the project, and the project team.</p>
</div>
</a>
Expand All @@ -52,9 +52,9 @@ <h2 class="text-3xl font-bold font-serif">Welcome to La Sfera <i class="fa-solid
<img src="{{ image_urls.7 }}" alt="Image 1" class="w-full h-40 md:h-40 object-cover" loading="lazy">
<div class="absolute inset-0 bg-slate-800 bg-opacity-70 group-hover:bg-opacity-0 transition duration-300"></div>
</div>
<a href="/stanzas/" class="block col-span-2 bg-lasfera-gray hover:bg-lasfera-darker-gray text-white p-4 h-40 transform transition-transform duration-300 hover:scale-105 hover:z-10">
<a href="/stanzas/" class="block col-span-2 bg-lasfera-gray hover:bg-lasfera-darker-gray text-white p-4 h-40 group">
<div>
<h2 class="text-3xl font-bold font-serif">Edition <i class="fa-solid fa-right-long"></i></h2>
<h2 class="text-3xl font-bold font-serif">Edition <i class="fa-solid fa-right-long transition-transform duration-300 transform group-hover:translate-x-2"></i></h2>
<p class="mt-2">Read the Italian text, English translation, and view a selection of corresponding manuscript images.</p>
</div>
</a>
Expand All @@ -73,9 +73,9 @@ <h2 class="text-3xl font-bold font-serif">Edition <i class="fa-solid fa-right-lo
</div>

{# Fourth row: 2/3 text box, 1/3 image #}
<a href="/toponyms/" class="block col-span-2 bg-lasfera-gray hover:bg-lasfera-darker-gray text-white p-4 h-40 transform transition-transform duration-300 hover:scale-105 hover:z-10">
<a href="/toponyms/" class="block col-span-2 bg-lasfera-gray hover:bg-lasfera-darker-gray text-white p-4 h-40 group">
<div>
<h2 class="text-3xl font-bold font-serif">Gazetteer <i class="fa-solid fa-right-long"></i></h2>
<h2 class="text-3xl font-bold font-serif">Gazetteer <i class="fa-solid fa-right-long transition-transform duration-300 transform group-hover:translate-x-2"></i></h2>
<p class="mt-2">Explore the hundreds of place names and variations incorporated into the lines of the poem and labeled on the marginal maps found in many of <em>La sfera</em>'s early print and manuscript copies.</p>
</div>
</a>
Expand All @@ -101,9 +101,9 @@ <h2 class="text-3xl font-bold font-serif">Gazetteer <i class="fa-solid fa-right-
<img src="{{ image_urls.15 }}" alt="Image 1" class="w-full h-40 md:h-40 object-cover" loading="lazy">
<div class="absolute inset-0 bg-slate-800 bg-opacity-70 group-hover:bg-opacity-0 transition duration-300"></div>
</div>
<a href="/manuscripts/" class="block col-span-2 bg-lasfera-gray hover:bg-lasfera-darker-gray text-white p-4 h-40 transform transition-transform duration-300 hover:scale-105 hover:z-10">
<a href="/manuscripts/" class="block col-span-2 bg-lasfera-gray hover:bg-lasfera-darker-gray text-white p-4 h-40 group">
<div>
<h2 class="text-3xl font-bold font-serif">Manuscript Tradition <i class="fa-solid fa-right-long"></i></h2>
<h2 class="text-3xl font-bold font-serif">Manuscript Tradition <i class="fa-solid fa-right-long transition-transform duration-300 transform group-hover:translate-x-2"></i></h2>
<p class="mt-2">How are the manuscripts and early print versions related to each other? Consult our list of pre-1600 copies of <em>La sfera</em> and see how they compare. </p>
</div>
</a>
Expand All @@ -120,9 +120,9 @@ <h2 class="text-3xl font-bold font-serif">Manuscript Tradition <i class="fa-soli
<div class="absolute inset-0 bg-slate-800 bg-opacity-70 group-hover:bg-opacity-0 transition duration-300"></div>
</div>
{# Sixth row: 2/3 text box, 1/3 image #}
<a href="/resources/data/" class="block col-span-2 bg-lasfera-gray hover:bg-lasfera-darker-gray text-white p-4 h-40 transform transition-transform duration-300 hover:scale-105 hover:z-10">
<a href="/resources/data/" class="block col-span-2 bg-lasfera-gray hover:bg-lasfera-darker-gray text-white p-4 h-40 group">
<div>
<h2 class="text-3xl font-bold font-serif">Resources <i class="fa-solid fa-right-long"></i></h2>
<h2 class="text-3xl font-bold font-serif">Resources <i class="fa-solid fa-right-long transition-transform duration-300 transform group-hover:translate-x-2"></i></h2>
<p class="mt-2">Become one of the sferisti and join our work! Download our data and use it for your own research, or transcribe your own copy of <em>La sfera</em>. Then send us what you find!</p>
</div>
</a>
Expand Down
2 changes: 1 addition & 1 deletion templates/manuscripts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ <h3 class="text-4xl pb-8 font-bold" id="top">
Manuscripts containing Dati's <em>La sfera</em>
</h3>

<p class="prose mb-6">Based on our extensive list of pre-1600 copies of <em>La sfera</em>, this evolving dataset maps out how the text was shared, how ideas for images passed from one copy to the next, or how groups of copyists understood the far-off places they read about in <em>La sfera</em>.</p>
<p class="mb-6 w-2/3">Based on our extensive list of pre-1600 copies of <em>La sfera</em>, this evolving dataset maps out how the text was shared, how ideas for images passed from one copy to the next, or how groups of copyists understood the far-off places they read about in <em>La sfera</em>.</p>

<table class="table-auto">
<thead>
Expand Down
2 changes: 1 addition & 1 deletion templates/partials/navigation.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<div class="flex items-center space-x-4">
<a href="{% url 'index' %}" class="flex items-center space-x-4">
<img src="{% static 'images/logo.png' %}" alt="Logo" class="h-10">
<h1 class="text-white text-2xl">The La Sfera Project</h1>
<h1 class="font-sans text-white text-2xl">The La Sfera Project</h1>
</a>
</div>
<nav class="text-white">
Expand Down

0 comments on commit 33f4acf

Please sign in to comment.