Skip to content

Improve filtering #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
hyperNURb wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Improve filtering #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
d64f3bc
Use full names
Aug 5, 2025
80c55e9
Add Night Lord filter
Aug 5, 2025
da0ee18
Add Shifted Earth filter
Aug 5, 2025
5ab5695
Update wording
Aug 5, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 31 additions & 6 deletions nightreign/adel/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,13 +8,13 @@
<link rel="icon" href="../favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Browse all map seeds and placements in Elden Ring Nightreign" />
<title>Adel - Nightreign Map Patterns</title>
<title>Gaping Jaw (Adel, Baron of Night) - Nightreign Map Patterns</title>
<link href="../site.css" rel="stylesheet">
<script src="../site.js"></script>
</head>
<body>
<div id="root">
<h1 class="center"><a href=".." class="plain">Adel Map Patterns</a></h1>
<h1 class="center"><a href=".." class="plain">Gaping Jaw (Adel, Baron of Night): Map Patterns</a></h1>
<div id="warning" style="display: none;">
<h2 class="center">SPOILER WARNING</h2>
<p>
Expand All @@ -32,10 +32,35 @@ <h2 class="center">SPOILER WARNING</h2>
<!-- Obviously a warning can't be binding in a public static website. Just don't be a dick, okay. -->
<div id="info" style="height: 1px; overflow-y: hidden;">
<script>syn();</script>
<p role="radiogroup" class="bosssort">
<input type="radio" name="sort" id="sortid" checked> <label for="sortid">Sort by pattern ID</label>
<input type="radio" name="sort" id="sortspawn"> <label for="sortspawn">Sort by spawn point</label>
</p>
<div class="bosssort filter-controls">
<div class="filter-group">
<label for="nightlordFilter">Night Lord:</label>
<select id="nightlordFilter">
<option value="gladius">Tricephalos (Gladius, Beast of Night)</option>
<option value="adel" selected>Gaping Jaw (Adel, Baron of Night)</option>
<option value="gnoster">Sentient Pest (Gnoster, Wisdom of Night)</option>
<option value="maris">Augur (Maris, Fathom of Night)</option>
<option value="libra">Equilibrious Beast (Libra, Creature of Night)</option>
<option value="fulghor">Darkdrift Knight (Fulghor, Champion of Nightglow)</option>
<option value="caligo">Fissure in the Fog (Caligo, Miasma of Night)</option>
<option value="heolstor">Night Aspect (Heolstor, the Nightlord)</option>
</select>
</div>
<div role="radiogroup" class="filter-group">
<input type="radio" name="sort" id="sortid" checked> <label for="sortid">Sort by pattern ID</label>
<input type="radio" name="sort" id="sortspawn"> <label for="sortspawn">Sort by spawn point</label>
</div>
<div class="filter-group earth-filter">
<label for="earthFilter">Shifting Earth:</label>
<select id="earthFilter">
<option value="none">None</option>
<option value="rotted-woods">Rotted Woods (Forest)</option>
<option value="crater">Crater</option>
<option value="mountaintop">Mountaintop</option>
<option value="noklateo">Noklateo (City)</option>
</select>
</div>
</div>
<div id="idgrid" style="display: none;">
<a href="040.html" class="thumb"><img src="../thumbnail/040.jpg" style="grid-row: 1; grid-column: 1;" /><div class="id">040</div></a>
<a href="041.html" class="thumb"><img src="../thumbnail/041.jpg" style="grid-row: 1; grid-column: 2;" /><div class="id">041</div></a>
Expand Down
37 changes: 31 additions & 6 deletions nightreign/caligo/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,13 +8,13 @@
<link rel="icon" href="../favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Browse all map seeds and placements in Elden Ring Nightreign" />
<title>Caligo - Nightreign Map Patterns</title>
<title>Fissure in the Fog (Caligo, Miasma of Night) - Nightreign Map Patterns</title>
<link href="../site.css" rel="stylesheet">
<script src="../site.js"></script>
</head>
<body>
<div id="root">
<h1 class="center"><a href=".." class="plain">Caligo Map Patterns</a></h1>
<h1 class="center"><a href=".." class="plain">Fissure in the Fog (Caligo, Miasma of Night): Map Patterns</a></h1>
<div id="warning" style="display: none;">
<h2 class="center">SPOILER WARNING</h2>
<p>
Expand All @@ -32,10 +32,35 @@ <h2 class="center">SPOILER WARNING</h2>
<!-- Obviously a warning can't be binding in a public static website. Just don't be a dick, okay. -->
<div id="info" style="height: 1px; overflow-y: hidden;">
<script>syn();</script>
<p role="radiogroup" class="bosssort">
<input type="radio" name="sort" id="sortid" checked> <label for="sortid">Sort by pattern ID</label>
<input type="radio" name="sort" id="sortspawn"> <label for="sortspawn">Sort by spawn point</label>
</p>
<div class="bosssort filter-controls">
<div class="filter-group">
<label for="nightlordFilter">Night Lord:</label>
<select id="nightlordFilter">
<option value="gladius">Tricephalos (Gladius, Beast of Night)</option>
<option value="adel">Gaping Jaw (Adel, Baron of Night)</option>
<option value="gnoster">Sentient Pest (Gnoster, Wisdom of Night)</option>
<option value="maris">Augur (Maris, Fathom of Night)</option>
<option value="libra">Equilibrious Beast (Libra, Creature of Night)</option>
<option value="fulghor">Darkdrift Knight (Fulghor, Champion of Nightglow)</option>
<option value="caligo" selected>Fissure in the Fog (Caligo, Miasma of Night)</option>
<option value="heolstor">Night Aspect (Heolstor, the Nightlord)</option>
</select>
</div>
<div role="radiogroup" class="filter-group">
<input type="radio" name="sort" id="sortid" checked> <label for="sortid">Sort by pattern ID</label>
<input type="radio" name="sort" id="sortspawn"> <label for="sortspawn">Sort by spawn point</label>
</div>
<div class="filter-group earth-filter">
<label for="earthFilter">Shifting Earth:</label>
<select id="earthFilter">
<option value="none">None</option>
<option value="rotted-woods">Rotted Woods (Forest)</option>
<option value="crater">Crater</option>
<option value="mountaintop">Mountaintop</option>
<option value="noklateo">Noklateo (City)</option>
</select>
</div>
</div>
<div id="idgrid" style="display: none;">
<a href="240.html" class="thumb"><img src="../thumbnail/240.jpg" style="grid-row: 1; grid-column: 1;" /><div class="id">240</div></a>
<a href="241.html" class="thumb"><img src="../thumbnail/241.jpg" style="grid-row: 1; grid-column: 2;" /><div class="id">241</div></a>
Expand Down
37 changes: 31 additions & 6 deletions nightreign/fulghor/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,13 +8,13 @@
<link rel="icon" href="../favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Browse all map seeds and placements in Elden Ring Nightreign" />
<title>Fulghor - Nightreign Map Patterns</title>
<title>Darkdrift Knight (Fulghor, Champion of Nightglow) - Nightreign Map Patterns</title>
<link href="../site.css" rel="stylesheet">
<script src="../site.js"></script>
</head>
<body>
<div id="root">
<h1 class="center"><a href=".." class="plain">Fulghor Map Patterns</a></h1>
<h1 class="center"><a href=".." class="plain">Darkdrift Knight (Fulghor, Champion of Nightglow): Map Patterns</a></h1>
<div id="warning" style="display: none;">
<h2 class="center">SPOILER WARNING</h2>
<p>
Expand All @@ -32,10 +32,35 @@ <h2 class="center">SPOILER WARNING</h2>
<!-- Obviously a warning can't be binding in a public static website. Just don't be a dick, okay. -->
<div id="info" style="height: 1px; overflow-y: hidden;">
<script>syn();</script>
<p role="radiogroup" class="bosssort">
<input type="radio" name="sort" id="sortid" checked> <label for="sortid">Sort by pattern ID</label>
<input type="radio" name="sort" id="sortspawn"> <label for="sortspawn">Sort by spawn point</label>
</p>
<div class="bosssort filter-controls">
<div class="filter-group">
<label for="nightlordFilter">Night Lord:</label>
<select id="nightlordFilter">
<option value="gladius">Tricephalos (Gladius, Beast of Night)</option>
<option value="adel">Gaping Jaw (Adel, Baron of Night)</option>
<option value="gnoster">Sentient Pest (Gnoster, Wisdom of Night)</option>
<option value="maris">Augur (Maris, Fathom of Night)</option>
<option value="libra">Equilibrious Beast (Libra, Creature of Night)</option>
<option value="fulghor" selected>Darkdrift Knight (Fulghor, Champion of Nightglow)</option>
<option value="caligo">Fissure in the Fog (Caligo, Miasma of Night)</option>
<option value="heolstor">Night Aspect (Heolstor, the Nightlord)</option>
</select>
</div>
<div role="radiogroup" class="filter-group">
<input type="radio" name="sort" id="sortid" checked> <label for="sortid">Sort by pattern ID</label>
<input type="radio" name="sort" id="sortspawn"> <label for="sortspawn">Sort by spawn point</label>
</div>
<div class="filter-group earth-filter">
<label for="earthFilter">Shifting Earth:</label>
<select id="earthFilter">
<option value="none">None</option>
<option value="rotted-woods">Rotted Woods (Forest)</option>
<option value="crater">Crater</option>
<option value="mountaintop">Mountaintop</option>
<option value="noklateo">Noklateo (City)</option>
</select>
</div>
</div>
<div id="idgrid" style="display: none;">
<a href="200.html" class="thumb"><img src="../thumbnail/200.jpg" style="grid-row: 1; grid-column: 1;" /><div class="id">200</div></a>
<a href="201.html" class="thumb"><img src="../thumbnail/201.jpg" style="grid-row: 1; grid-column: 2;" /><div class="id">201</div></a>
Expand Down
37 changes: 31 additions & 6 deletions nightreign/gladius/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,13 +8,13 @@
<link rel="icon" href="../favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Browse all map seeds and placements in Elden Ring Nightreign" />
<title>Gladius - Nightreign Map Patterns</title>
<title>Tricephalos (Gladius, Beast of Night) - Nightreign Map Patterns</title>
<link href="../site.css" rel="stylesheet">
<script src="../site.js"></script>
</head>
<body>
<div id="root">
<h1 class="center"><a href=".." class="plain">Gladius Map Patterns</a></h1>
<h1 class="center"><a href=".." class="plain">Tricephalos (Gladius, Beast of Night): Map Patterns</a></h1>
<div id="warning" style="display: none;">
<h2 class="center">SPOILER WARNING</h2>
<p>
Expand All @@ -32,10 +32,35 @@ <h2 class="center">SPOILER WARNING</h2>
<!-- Obviously a warning can't be binding in a public static website. Just don't be a dick, okay. -->
<div id="info" style="height: 1px; overflow-y: hidden;">
<script>syn();</script>
<p role="radiogroup" class="bosssort">
<input type="radio" name="sort" id="sortid" checked> <label for="sortid">Sort by pattern ID</label>
<input type="radio" name="sort" id="sortspawn"> <label for="sortspawn">Sort by spawn point</label>
</p>
<div class="bosssort filter-controls">
<div class="filter-group">
<label for="nightlordFilter">Night Lord:</label>
<select id="nightlordFilter">
<option value="gladius" selected>Tricephalos (Gladius, Beast of Night)</option>
<option value="adel">Gaping Jaw (Adel, Baron of Night)</option>
<option value="gnoster">Sentient Pest (Gnoster, Wisdom of Night)</option>
<option value="maris">Augur (Maris, Fathom of Night)</option>
<option value="libra">Equilibrious Beast (Libra, Creature of Night)</option>
<option value="fulghor">Darkdrift Knight (Fulghor, Champion of Nightglow)</option>
<option value="caligo">Fissure in the Fog (Caligo, Miasma of Night)</option>
<option value="heolstor">Night Aspect (Heolstor, the Nightlord)</option>
</select>
</div>
<div role="radiogroup" class="filter-group">
<input type="radio" name="sort" id="sortid" checked> <label for="sortid">Sort by pattern ID</label>
<input type="radio" name="sort" id="sortspawn"> <label for="sortspawn">Sort by spawn point</label>
</div>
<div class="filter-group earth-filter">
<label for="earthFilter">Shifting Earth:</label>
<select id="earthFilter">
<option value="none">None</option>
<option value="rotted-woods">Rotted Woods (Forest)</option>
<option value="crater">Crater</option>
<option value="mountaintop">Mountaintop</option>
<option value="noklateo">Noklateo (City)</option>
</select>
</div>
</div>
<div id="idgrid" style="display: none;">
<a href="000.html" class="thumb"><img src="../thumbnail/000.jpg" style="grid-row: 1; grid-column: 1;" /><div class="id">000</div></a>
<a href="001.html" class="thumb"><img src="../thumbnail/001.jpg" style="grid-row: 1; grid-column: 2;" /><div class="id">001</div></a>
Expand Down
37 changes: 31 additions & 6 deletions nightreign/gnoster/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,13 +8,13 @@
<link rel="icon" href="../favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Browse all map seeds and placements in Elden Ring Nightreign" />
<title>Gnoster - Nightreign Map Patterns</title>
<title>Sentient Pest (Gnoster, Wisdom of Night) - Nightreign Map Patterns</title>
<link href="../site.css" rel="stylesheet">
<script src="../site.js"></script>
</head>
<body>
<div id="root">
<h1 class="center"><a href=".." class="plain">Gnoster Map Patterns</a></h1>
<h1 class="center"><a href=".." class="plain">Sentient Pest (Gnoster, Wisdom of Night): Map Patterns</a></h1>
<div id="warning" style="display: none;">
<h2 class="center">SPOILER WARNING</h2>
<p>
Expand All @@ -32,10 +32,35 @@ <h2 class="center">SPOILER WARNING</h2>
<!-- Obviously a warning can't be binding in a public static website. Just don't be a dick, okay. -->
<div id="info" style="height: 1px; overflow-y: hidden;">
<script>syn();</script>
<p role="radiogroup" class="bosssort">
<input type="radio" name="sort" id="sortid" checked> <label for="sortid">Sort by pattern ID</label>
<input type="radio" name="sort" id="sortspawn"> <label for="sortspawn">Sort by spawn point</label>
</p>
<div class="bosssort filter-controls">
<div class="filter-group">
<label for="nightlordFilter">Night Lord:</label>
<select id="nightlordFilter">
<option value="gladius">Tricephalos (Gladius, Beast of Night)</option>
<option value="adel">Gaping Jaw (Adel, Baron of Night)</option>
<option value="gnoster" selected>Sentient Pest (Gnoster, Wisdom of Night)</option>
<option value="maris">Augur (Maris, Fathom of Night)</option>
<option value="libra">Equilibrious Beast (Libra, Creature of Night)</option>
<option value="fulghor">Darkdrift Knight (Fulghor, Champion of Nightglow)</option>
<option value="caligo">Fissure in the Fog (Caligo, Miasma of Night)</option>
<option value="heolstor">Night Aspect (Heolstor, the Nightlord)</option>
</select>
</div>
<div role="radiogroup" class="filter-group">
<input type="radio" name="sort" id="sortid" checked> <label for="sortid">Sort by pattern ID</label>
<input type="radio" name="sort" id="sortspawn"> <label for="sortspawn">Sort by spawn point</label>
</div>
<div class="filter-group earth-filter">
<label for="earthFilter">Shifting Earth:</label>
<select id="earthFilter">
<option value="none">None</option>
<option value="rotted-woods">Rotted Woods (Forest)</option>
<option value="crater">Crater</option>
<option value="mountaintop">Mountaintop</option>
<option value="noklateo">Noklateo (City)</option>
</select>
</div>
</div>
<div id="idgrid" style="display: none;">
<a href="080.html" class="thumb"><img src="../thumbnail/080.jpg" style="grid-row: 1; grid-column: 1;" /><div class="id">080</div></a>
<a href="081.html" class="thumb"><img src="../thumbnail/081.jpg" style="grid-row: 1; grid-column: 2;" /><div class="id">081</div></a>
Expand Down
Loading