Skip to content

Commit

Permalink
0.30.0
Browse files Browse the repository at this point in the history
  • Loading branch information
t11r committed May 1, 2024
1 parent 0f75d24 commit 6810bd4
Show file tree
Hide file tree
Showing 11 changed files with 72 additions and 54 deletions.
10 changes: 5 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,17 +23,17 @@ Embed TIFY into your website in three easy steps:
- Either download TIFY and copy the contents of the `dist` directory to your server:

``` html
<script src="tify.js?v0.29.2"></script>
<link rel="stylesheet" href="tify.css?v0.29.2">
<script src="tify.js?v0.30.0"></script>
<link rel="stylesheet" href="tify.css?v0.30.0">
```

> To avoid issues with browser caching, add a query parameter with the current version, e.g. `?v0.29.2`.
> To avoid issues with browser caching, add a query parameter with the current version, e.g. `?v0.30.0`.

- Or use [jsDelivr](https://www.jsdelivr.com/):

``` html
<script src="https://cdn.jsdelivr.net/npm/tify@0.29.2/dist/tify.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tify@0.29.2/dist/tify.css">
<script src="https://cdn.jsdelivr.net/npm/tify@0.30.0/dist/tify.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tify@0.30.0/dist/tify.css">
```

- Or `import` TIFY into your web application:
Expand Down
68 changes: 39 additions & 29 deletions dist/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,18 +3,19 @@

<head>
<meta charset="utf-8">
<link rel="icon" href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAMMOAADDDgAAAAAAAAAAAABERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/////////////////////////////////////////////////////////////////RERE/0RERP9ERET/RERE/////////////////////////////////////////////////////////////////0RERP9ERET/RERE/0RERP///////////////////////////0RERP9ERET///////////////////////////9ERET/RERE/0RERP9ERET///////////////////////////9ERET/RERE////////////////////////////RERE/0RERP9ERET/RERE////////////////////////////RERE/0RERP///////////////////////////0RERP9ERET/RERE/0RERP///////////////////////////0RERP9ERET///////////////////////////9ERET/RERE/0RERP9ERET///////////////////////////9ERET/RERE////////////////////////////RERE/0RERP9ERET/RERE////////////////////////////RERE/0RERP///////////////////////////0RERP9ERET/RERE/0RERP///////////0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET///////////9ERET/RERE/0RERP9ERET///////////9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE////////////RERE/0RERP9ERET/RERE/////////////////////////////////////////////////////////////////0RERP9ERET/RERE/0RERP////////////////////////////////////////////////////////////////9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/RERE/0RERP9ERET/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==">
<link rel="icon" href="/tify.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TIFY</title>
<style>
:root {
--base-color: #06b;
--base-color-lighter: #e6f0f8;
--button-hover-bg: #0058a2;
}

html {
color: #333;
background: #666;
color: #333;
font-size: 24px;
}

Expand All @@ -24,42 +25,49 @@
}

.button {
background: var(--base-color);
background: var(--base-color) linear-gradient(to bottom, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0));
border: 0;
border-radius: 2px;
color: #fff;
cursor: pointer;
font: .9em/1rem monospace;
padding: .25rem .5rem;
font: inherit;
font-size: .8125em;
margin: .125rem;
padding: .125rem .5rem;
white-space: nowrap;
}

.button + .button {
border-left: 1px solid;
}

.button:focus,
.button:hover {
background: var(--button-hover-bg);
background-color: var(--button-hover-bg);
opacity: 1 !important;
}

.button:active {
box-shadow: 0 .5px 3px rgba(0, 0, 0, .2) inset, 0 0 0 1px rgba(0, 0, 0, .1) inset;
}

.header-form {
background: #fff;
display: flex;
position: relative;
z-index: 2;
align-items: center;
padding: .125rem;
}

.header-input {
border: 0;
box-shadow: 0 -1px inset;
background: #fff;
border: 1px solid transparent;
border-radius: 2px;
color: inherit;
flex: 1;
font: .9em/1rem monospace;
padding: .25rem .5rem;
font: inherit;
margin: .125rem;
padding: calc(.125rem - 1px) calc(.25rem - 1px);
}

.header-input:focus {
box-shadow: 0 0 0 1px var(--base-color) inset;
outline: 0;
border-color: var(--base-color);
outline: 2px solid var(--base-color-lighter);
}

.main {
Expand All @@ -68,34 +76,36 @@
}

.instance {
box-shadow: -1px 0, 0 -1px;
box-shadow: -1px 0 rgba(0, 0, 0, .2), 0 -1px rgba(0, 0, 0, .2);
flex: 1;
position: relative;
z-index: 1;
}

.instance-header {
backdrop-filter: blur(1px);
display: flex;
position: absolute;
top: 0;
z-index: 10;
}

.instance-close {
border-radius: 0 0 2px;
height: 1rem;
border-radius: 0;
clip-path: polygon(0 0, 100% 0, 0 100%);
height: 1.25rem;
line-height: 1;
margin: 0;
opacity: .5;
padding: 0;
width: 1rem;
padding: 0 .5rem .5rem 0;
width: 1.25rem;
}

.instance-tify {
height: calc(100vh - 1.5rem);
height: calc(100vh - 1.75rem);
}
</style>
<script type="module" crossorigin src="/tify.js"></script>
<link rel="stylesheet" href="/tify.css">
<link rel="stylesheet" crossorigin href="/tify.css">
</head>

<body>
Expand All @@ -105,8 +115,9 @@
type="url"
class="header-input"
id="manifestUrl"
placeholder="Enter a IIIF manifest URL"
aria-label="Manifest URL"
placeholder="IIIF manifest URL"
aria-label="IIIF manifest URL"
onfocus="event.target.select()"
/>
<button type="submit" class="button">Add</button>
<button type="reset" class="button" onclick="removeAllInstances()">Remove all</button>
Expand All @@ -123,7 +134,6 @@
</div>
</main>


<script>
const tifyOptions = {
translationsDirUrl: '/translations',
Expand Down
6 changes: 3 additions & 3 deletions dist/tify.css

Large diffs are not rendered by default.

Binary file added dist/tify.ico
Binary file not shown.
28 changes: 22 additions & 6 deletions dist/tify.js

Large diffs are not rendered by default.

2 changes: 0 additions & 2 deletions dist/translations/de.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
{
"$copyright": "Copyright &copy; 2017&ndash;2022 <a href='https://www.uni-goettingen.de/'>Universität Göttingen</a>&nbsp;/ <a href='https://www.sub.uni-goettingen.de/'>Staats- und Universitätsbibliothek Göttingen</a>",
"$info": "TIFY ist ein schlanker und für Mobilgeräte optimierter IIIF-Dokumenten&shy;betrachter, veröffentlicht unter der <a href='https://www.gnu.org/licenses/agpl-3.0.html.en'>GNU Affero General Public License 3.0</a>.",
"(Invalid value)": "(Ungültiger Wert)",
"About TIFY": "Über TIFY",
"Author": "Autor",
"Brightness": "Helligkeit",
Expand Down Expand Up @@ -58,7 +57,6 @@
"Physical page": "Physische Seite",
"Previous page": "Vorige Seite",
"Previous section": "Voriger Abschnitt",
"Provided by": "Bereitgestellt von",
"Related Resources": "Zugehörige Quellen",
"Renderings": "Bilddaten",
"Report a bug": "Fehler melden",
Expand Down
2 changes: 0 additions & 2 deletions dist/translations/eo.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
{
"$copyright": "Kopirajtoj &copy; 2017&ndash;2022 <a href='https://www.uni-goettingen.de/'>Universitato Goettingen</a>&nbsp;/ <a href='https://www.sub.uni-goettingen.de/'>Ŝtata kaj Universitata Biblioteko Goettingen</a>",
"$info": "TIFY estas pli svelta kaj pli movebla amika IIIF-dokumentrigardilo publikigita sub la <a href='https://www.gnu.org/licenses/agpl-3.0.html.en'>Ĝenerala Publika Permesilo 3.0 de GNU Affero</a>.",
"(Invalid value)": "(nevalida valoro)",
"About TIFY": "Per TIFY",
"Author": "Aŭtoro",
"Brightness": "Helecon",
Expand Down Expand Up @@ -53,7 +52,6 @@
"Physical page": "Fizika paĝo",
"Previous page": "Antaŭa paĝo",
"Previous section": "Antaŭa sekcio",
"Provided by": "Provizita de",
"Related Resources": "Rilataj fontoj",
"Renderings": "Bildaj datumoj",
"Report a bug": "Raportu eraron",
Expand Down
2 changes: 0 additions & 2 deletions dist/translations/fr.json
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
{
"(Invalid value)": "(Valeur incorrecte)",
"About TIFY": "À propos de TIFY",
"Author": "Auteur",
"Brightness": "Luminosité",
Expand Down Expand Up @@ -47,7 +46,6 @@
"Physical page": "Page physique",
"Previous page": "Page précédente",
"Previous section": "Section précédente",
"Provided by": "Fourni par",
"Related Resources": "Ressources associées",
"Renderings": "Rendus",
"Reset": "Réinitialiser",
Expand Down
2 changes: 0 additions & 2 deletions dist/translations/pl.json
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
{
"(Invalid value)": "(Nieprawidłowa wartość)",
"About TIFY": "Więcej o TIFY",
"Author": "Autor",
"Brightness": "Jasność",
Expand Down Expand Up @@ -47,7 +46,6 @@
"Physical page": "Strona fizyczna",
"Previous page": "Poprzednia strona",
"Previous section": "Poprzednia sekcja",
"Provided by": "Udostępnione przez",
"Related Resources": "Powiązane zasoby",
"Renderings": "Rendery",
"Reset": "Reset",
Expand Down
4 changes: 2 additions & 2 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "tify",
"version": "0.29.2",
"version": "0.30.0",
"description": "A slim and mobile-friendly IIIF document viewer",
"homepage": "https://tify.rocks/",
"repository": {
Expand Down

0 comments on commit 6810bd4

Please sign in to comment.