-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #100 from chnm/alpinejs
Updated tables for christenings and cause of death
- 20250205_125143
- 20250205_110734
- 20241212_132013
- 20241211_142614
- 20241205_154621
- 20241017_111009
- 20241014_092352
- 20241010_115128
- 20241010_113845
- 20241008_151711
- 20240926_113803
- 20240926_113408
- 20240918_130700
- 20240918_123033
- 20240916_091242
- 20240912_092249
- 20240912_085415
- 20240911_145406
- 20240911_140502
- 20240829_115838
- 20240828_120351
- 20240828_102422
- 20240612_120901
- 20240610_122138
- 20240610_100945
- 20240523_145215
- 20240523_133759
- 20240523_122226
- 20240320_113607
- 20240320_111031
- 20240318_141107
- 20240318_140605
- 20240318_140409
- 20240318_130740
- 20240318_121438
- 20240317_164833
- 20240313_161653
- 20240207_133120
Showing
15 changed files
with
386 additions
and
72 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,29 +1,51 @@ | ||
<nav class="flex items-center justify-between flex-wrap bg-dbn-green px-4 mx-auto w-full lg:max-w-screen-lg sm:max-w-screen-sm md:max-w-screen-md"> | ||
<nav | ||
class="flex items-center justify-between flex-wrap bg-dbn-green px-4 mx-auto w-full lg:max-w-screen-lg sm:max-w-screen-sm md:max-w-screen-md" | ||
> | ||
<div class="w-full block flex-grow lg:flex lg:items-center lg:w-auto"> | ||
<img src="/img/death-by-numbers.jpg" alt="Death by Numbers" class="object-scale-down w-44 overflow-hidden" /> | ||
<a | ||
id="site-title" | ||
class="font-bold leading-relaxed inline-block mr-4 py-2 whitespace-nowrap text-white" | ||
href="/">Death by <span class="text-dbn-blue">Numbers</span></a> | ||
|
||
<img | ||
src="/img/death-by-numbers.jpg" | ||
alt="Death by Numbers" | ||
class="object-scale-down w-44 overflow-hidden" | ||
/> | ||
<a | ||
id="site-title" | ||
class="font-bold leading-relaxed inline-block mr-4 py-2 whitespace-nowrap text-white" | ||
href="/" | ||
>Death by <span class="text-dbn-blue">Numbers</span></a | ||
> | ||
</div> | ||
<div class="w-full block flex-grow-0 lg:items-center lg:w-auto"> | ||
<div class="w-full block flex-grow-0 lg:items-center lg:w-auto"> | ||
<div class="text-sm lg:flex-grow"> | ||
<a href="/blog/" class="inline-block px-3 py-2 items-center text-xs uppercase font-bold leading-snug text-white hover:opacity-75 ml-2"> | ||
<a | ||
href="/blog/" | ||
class="inline-block px-3 py-2 items-center text-xs uppercase font-bold leading-snug text-white hover:opacity-75 ml-2" | ||
> | ||
Blog | ||
</a> | ||
<a href="https://database.deathbynumbers.org" class="inline-block px-3 py-2 items-center text-xs uppercase font-bold leading-snug text-white hover:opacity-75 ml-2"> | ||
<a | ||
href="/database/" | ||
class="inline-block px-3 py-2 items-center text-xs uppercase font-bold leading-snug text-white hover:opacity-75 ml-2" | ||
> | ||
Database | ||
</a> | ||
<a href="/visualizations/" class="inline-block px-3 py-2 items-center text-xs uppercase font-bold leading-snug text-white hover:opacity-75 ml-2"> | ||
<a | ||
href="/visualizations/" | ||
class="inline-block px-3 py-2 items-center text-xs uppercase font-bold leading-snug text-white hover:opacity-75 ml-2" | ||
> | ||
Visualizations | ||
</a> | ||
<a href="/about/" class="inline-block px-3 py-2 items-center text-xs uppercase font-bold leading-snug text-white hover:opacity-75 ml-2"> | ||
<a | ||
href="/about/" | ||
class="inline-block px-3 py-2 items-center text-xs uppercase font-bold leading-snug text-white hover:opacity-75 ml-2" | ||
> | ||
About | ||
</a> | ||
<a href="/data/" class="inline-block px-3 py-2 items-center text-xs uppercase font-bold leading-snug text-white hover:opacity-75 ml-2"> | ||
<a | ||
href="/data/" | ||
class="inline-block px-3 py-2 items-center text-xs uppercase font-bold leading-snug text-white hover:opacity-75 ml-2" | ||
> | ||
Data | ||
</a> | ||
</div> | ||
</div> | ||
</nav> | ||
</nav> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
85 changes: 85 additions & 0 deletions
85
bom-website/themes/dbn/layouts/partials/tables/christenings_filter.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,85 @@ | ||
{{/* begin: filter accordion */}} | ||
<div id="accordion-flush" data-accordion="collapse" | ||
data-active-classes="bg-white dark:bg-gray-900 text-gray-900 dark:text-white" | ||
data-inactive-classes="text-gray-500 dark:text-gray-400"> | ||
<div x-data="{ expanded: false }" class="filter__header"> | ||
<h2 id="accordion-flush-heading-1"> | ||
<button type="button" @click="expanded = ! expanded" | ||
class="flex justify-between items-center py-5 w-full font-medium text-left text-gray-900 border-b border-t border-gray-200 dark:border-gray-700 dark:text-white" | ||
data-accordion-target="#accordion-flush-body-1" aria-expanded="true" aria-controls="accordion-flush-body-1"> | ||
<span>Filter</span> | ||
<svg class="w-5 h-5 ml-2 transform" :class="{'rotate-180': expanded}" viewBox="0 0 20 20" | ||
fill="currentColor"> | ||
<path fill-rule="evenodd" d="M10.293 14.95a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L10 | ||
12.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4z" clip-rule="evenodd"></path> | ||
</svg> | ||
</h2> | ||
<div id="accordion-flush-body-1" aria-labelledby="accordion-flush-heading-1"> | ||
<div class="py-5 border-b border-gray-200 dark:border-gray-700"> | ||
<div x-show="expanded" x-collapse class="filter__header__content"> | ||
<div class="grid grid-cols-4 gap-4 pb-6"> | ||
<div> | ||
<h3 class="text-base font-medium leading-6 text-gray-900">Parishes</h3> | ||
<div class="py-4 px-5 max-h-64 overflow-scroll border border-slate-200"> | ||
<div class="filter__header__content__item" style="height: 200px; overflow-y: scroll;"> | ||
<template x-for="christening_parish in all_christenings" :key="christening_parish.id"> | ||
<div> | ||
<input type="checkbox" :id="christening_parish.canonical_name" :value="christening_parish.id" | ||
x-model="filters.selectedChristenings"> | ||
<label :for="christening_parish.name" x-text="christening_parish.name"></label> | ||
</div> | ||
</template> | ||
</div> | ||
</div> | ||
</div> | ||
<div> | ||
<h3 class="text-base font-medium leading-6 text-gray-900">Year Range</h3> | ||
<div> | ||
<label for="start-year">Start Year</label> | ||
<input | ||
class="bg-white border border-gray-300 text-gray-500 hover:bg-gray-100 hover:text-gray-700 rounded-lg leading-tight py-2 px-3 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white" | ||
type="number" id="start-year" name="start-year" min="1648" max="1754" value="1648" | ||
@change="setStartYear()" x-model="filters.selectedStartYear"> | ||
</div> | ||
<div> | ||
<label for="end-year">End Year</label> | ||
<input | ||
class="bg-white border border-gray-300 text-gray-500 hover:bg-gray-100 hover:text-gray-700 rounded-lg leading-tight py-2 px-3 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white" | ||
type="number" id="end-year" name="end-year" min="1648" max="1754" value="1754" | ||
@change="setEndYear()" x-model="filters.selectedEndYear"> | ||
</div> | ||
</div> | ||
<div> | ||
<div class="w-1/2 inline-block relative"> | ||
<!-- spacer --> | ||
</div> | ||
</div> | ||
<div> | ||
<button | ||
class="text-xs font-bold uppercase px-5 py-3 m-0.5 w-40 rounded block leading-normal border-solid border-2 border-dbn-yellow text-white bg-dbn-yellow hover:bg-dbn-yellowdark" | ||
@click="resetFilters"> | ||
Reset Filters | ||
</button> | ||
<button | ||
class="text-xs font-bold uppercase px-5 py-3 m-0.5 w-40 rounded block leading-normal border-solid border-2 border-dbn-yellow text-white bg-dbn-yellow hover:bg-dbn-yellowdark" | ||
@click="applyFilters"> | ||
Apply Filters | ||
</button> | ||
|
||
<div | ||
class="text-xs font-bold uppercase px-1 py-3 m-0.5 leading-normal text-black hover:underline" | ||
@click="instructionsOpen = true" | ||
> | ||
How to use this table | ||
</div> | ||
|
||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
{{/* end: filter accordion */}} | ||
|
||
|
85 changes: 85 additions & 0 deletions
85
bom-website/themes/dbn/layouts/partials/tables/cod_filter.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,85 @@ | ||
{{/* begin: filter accordion */}} | ||
<div id="accordion-flush" data-accordion="collapse" | ||
data-active-classes="bg-white dark:bg-gray-900 text-gray-900 dark:text-white" | ||
data-inactive-classes="text-gray-500 dark:text-gray-400"> | ||
<div x-data="{ expanded: false }" class="filter__header"> | ||
<h2 id="accordion-flush-heading-1"> | ||
<button type="button" @click="expanded = ! expanded" | ||
class="flex justify-between items-center py-5 w-full font-medium text-left text-gray-900 border-b border-t border-gray-200 dark:border-gray-700 dark:text-white" | ||
data-accordion-target="#accordion-flush-body-1" aria-expanded="true" aria-controls="accordion-flush-body-1"> | ||
<span>Filter</span> | ||
<svg class="w-5 h-5 ml-2 transform" :class="{'rotate-180': expanded}" viewBox="0 0 20 20" | ||
fill="currentColor"> | ||
<path fill-rule="evenodd" d="M10.293 14.95a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L10 | ||
12.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4z" clip-rule="evenodd"></path> | ||
</svg> | ||
</h2> | ||
<div id="accordion-flush-body-1" aria-labelledby="accordion-flush-heading-1"> | ||
<div class="py-5 border-b border-gray-200 dark:border-gray-700"> | ||
<div x-show="expanded" x-collapse class="filter__header__content"> | ||
<div class="grid grid-cols-4 gap-4 pb-6"> | ||
<div> | ||
<h3 class="text-base font-medium leading-6 text-gray-900">Causes of Death</h3> | ||
<div class="py-4 px-5 max-h-64 overflow-scroll border border-slate-200"> | ||
<div class="filter__header__content__item" style="height: 200px; overflow-y: scroll;"> | ||
<template x-for="cause in all_causes" :key="cause.id"> | ||
<div> | ||
<input type="checkbox" :id="cause.name" :value="cause.name" | ||
x-model="filters.selectedCausesOfDeath"> | ||
<label :for="cause.name" x-text="cause.name"></label> | ||
</div> | ||
</template> | ||
</div> | ||
</div> | ||
</div> | ||
<div> | ||
<h3 class="text-base font-medium leading-6 text-gray-900">Year Range</h3> | ||
<div> | ||
<label for="start-year">Start Year</label> | ||
<input | ||
class="bg-white border border-gray-300 text-gray-500 hover:bg-gray-100 hover:text-gray-700 rounded-lg leading-tight py-2 px-3 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white" | ||
type="number" id="start-year" name="start-year" min="1648" max="1754" value="1648" | ||
@change="setStartYear()" x-model="filters.selectedStartYear"> | ||
</div> | ||
<div> | ||
<label for="end-year">End Year</label> | ||
<input | ||
class="bg-white border border-gray-300 text-gray-500 hover:bg-gray-100 hover:text-gray-700 rounded-lg leading-tight py-2 px-3 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white" | ||
type="number" id="end-year" name="end-year" min="1648" max="1754" value="1754" | ||
@change="setEndYear()" x-model="filters.selectedEndYear"> | ||
</div> | ||
</div> | ||
<div> | ||
<div class="w-1/2 inline-block relative"> | ||
<!-- spacer --> | ||
</div> | ||
</div> | ||
<div> | ||
<button | ||
class="text-xs font-bold uppercase px-5 py-3 m-0.5 w-40 rounded block leading-normal border-solid border-2 border-dbn-yellow text-white bg-dbn-yellow hover:bg-dbn-yellowdark" | ||
@click="resetFilters"> | ||
Reset Filters | ||
</button> | ||
<button | ||
class="text-xs font-bold uppercase px-5 py-3 m-0.5 w-40 rounded block leading-normal border-solid border-2 border-dbn-yellow text-white bg-dbn-yellow hover:bg-dbn-yellowdark" | ||
@click="applyFilters"> | ||
Apply Filters | ||
</button> | ||
|
||
<div | ||
class="text-xs font-bold uppercase px-1 py-3 m-0.5 leading-normal text-black hover:underline" | ||
@click="instructionsOpen = true" | ||
> | ||
How to use this table | ||
</div> | ||
|
||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
{{/* end: filter accordion */}} | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters