relikd/ipa-archive
1
0
Fork 0
Code Pull Requests Activity

ref: styling

Browse Source
This commit is contained in:
relikd
2024-02-29 03:20:02 +01:00
parent 854716c901
commit 9d7f82ff10
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@@ -8,11 +8,12 @@
<title>IPA Archive</title> <title>IPA Archive</title>
<link rel="shortcut icon" href="./favicon.ico"> <link rel="shortcut icon" href="./favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
<script src='script.js'></script>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<script src='script.js'></script>
</head> </head>
<body> <body>
<button style="float: right; margin: 0 16px" onclick="randomIPA()">Random</button>
<h1>IPA Archive</h1> <h1>IPA Archive</h1>
<form onsubmit="event.preventDefault(); searchIPA(); return false;" autocomplete="off"> <form onsubmit="event.preventDefault(); searchIPA(); return false;" autocomplete="off">
<input id="page" hidden> <input id="page" hidden>
@@ -29,7 +30,6 @@
<option value="4">Watch</option> <option value="4">Watch</option>
</select></label> </select></label>
<button type="submit">Search</button> <button type="submit">Search</button>
<button type="button" onclick="randomIPA()">Random</button>
</form> </form>
<div id="content">JavaScript disabled?</div> <div id="content">JavaScript disabled?</div>

6
script.js
View File

@@ -189,7 +189,7 @@ function randomIPA(specificId) {
} }
const entry = entryToDict(DB[idx]); const entry = entryToDict(DB[idx]);
const output = document.getElementById('content'); const output = document.getElementById('content');
output.innerHTML = entriesToStr('.full', [idx]); output.innerHTML = '<h3>Random:</h3>' + entriesToStr('.full', [idx]);
output.firstElementChild.className += ' single'; output.firstElementChild.className += ' single';
output.innerHTML += renderTemplate(getTemplate('.randomAction'), { $IDX: idx }); output.innerHTML += renderTemplate(getTemplate('.randomAction'), { $IDX: idx });
@@ -317,11 +317,11 @@ function printIPA(offset) {
if (!offset) { offset = 0; } if (!offset) { offset = 0; }
const total = DB_result.length; const total = DB_result.length;
var content = '<p>Results: ' + total; var content = '<h3>Results: ' + total;
if (previousSearch) { if (previousSearch) {
content += ' -- Go to: <a onclick="restoreSearch()">previous search</a>'; content += ' -- Go to: <a onclick="restoreSearch()">previous search</a>';
} }
content += '<p>'; content += '</h3>';
const page = Math.floor(offset / PER_PAGE); const page = Math.floor(offset / PER_PAGE);
const pages = Math.ceil(total / PER_PAGE); const pages = Math.ceil(total / PER_PAGE);
if (pages > 1) { if (pages > 1) {

2
style.css
View File

@@ -76,8 +76,8 @@ h4 {
width: initial; width: initial;
} }
.randomAction { .randomAction {
text-align: right;
margin: 8px 20px; margin: 8px 20px;
float: right;
} }
.randomAction button { .randomAction button {
margin-left: 8px; margin-left: 8px;