blank X
6 months ago
commit
efcd924f7a
3 changed files with 177 additions and 0 deletions
@ -0,0 +1,12 @@ |
|||
image: alpine:latest |
|||
|
|||
pages: |
|||
stage: deploy |
|||
script: |
|||
- "true" |
|||
artifacts: |
|||
paths: |
|||
- . |
|||
expire_in: 1 day |
|||
only: |
|||
- master |
|||
@ -0,0 +1,21 @@ |
|||
MIT License |
|||
|
|||
Copyright (c) 2021 blank X |
|||
|
|||
Permission is hereby granted, free of charge, to any person obtaining a copy |
|||
of this software and associated documentation files (the "Software"), to deal |
|||
in the Software without restriction, including without limitation the rights |
|||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
|||
copies of the Software, and to permit persons to whom the Software is |
|||
furnished to do so, subject to the following conditions: |
|||
|
|||
The above copyright notice and this permission notice shall be included in all |
|||
copies or substantial portions of the Software. |
|||
|
|||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
|||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
|||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
|||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
|||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
|||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
|||
SOFTWARE. |
|||
@ -0,0 +1,144 @@ |
|||
<html> |
|||
<head> |
|||
<meta name="referrer" content="no-referrer"> |
|||
<title>unquenchedaluminum</title> |
|||
<style> |
|||
body { |
|||
background-color: black; |
|||
color: white; |
|||
text-align: center; |
|||
} |
|||
div { |
|||
border: 1px solid #fcc; |
|||
background: #fee; |
|||
padding: 0.5em 1em 0.5em 1em; |
|||
color: black; |
|||
} |
|||
div#header { |
|||
border: 1px solid #008; |
|||
background: #eef; |
|||
} |
|||
img, video { |
|||
max-width: 100%; |
|||
height: auto; |
|||
object-fit: contain; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div id="header"> |
|||
<a href="https://gitlab.com/blankX/unquenchedaluminum" style="text-decoration: none;">unquenchedaluminum</a> |
|||
<br> |
|||
An alternative Imgur client |
|||
</div> |
|||
<noscript><div><b>Javascript is required since data from Imgur is loaded client-side</b></div></noscript> |
|||
<p id="instructions">Set the <code>url</code> query string or set the fragment to an Imgur link</p> |
|||
<div id="error" style="display: none;"></div> |
|||
<script> |
|||
function showError(e) { |
|||
console.error(e); |
|||
let pre = document.createElement('pre'); |
|||
pre.style.textAlign = 'left'; |
|||
let text = e; |
|||
if (e instanceof Error && 'stack' in e) { |
|||
text += '\n' + e.stack; |
|||
} |
|||
pre.append(text); |
|||
let b = document.createElement('b'); |
|||
b.append(pre); |
|||
let div = document.getElementById('error'); |
|||
div.append(b); |
|||
div.style.display = null; |
|||
} |
|||
try { |
|||
let hash = window.location.hash.replace(/^#/, ''); |
|||
if (hash.length === 0) { |
|||
hash = (new URLSearchParams(window.location.search)).get('url'); |
|||
} |
|||
if (hash !== null && hash.length !== 0) { |
|||
hash = new URL(hash, 'https://imgur.com/'); |
|||
let url = hash.pathname.replace(/^\/|\/+$/g, '').split('/'); |
|||
let url_part = null; |
|||
if (url.length === 1) { |
|||
url_part = 'media/' + url[0]; |
|||
} else if (url.length === 2 && ['a', 'gallery'].includes(url[0])) { |
|||
url_part = 'albums/' + url[1]; |
|||
} |
|||
if (url_part !== null) { |
|||
let instructions = document.getElementById('instructions'); |
|||
instructions.innerText = 'Loading...'; |
|||
fetch('https://api.imgur.com/post/v1/' + url_part + '?client_id=546c25a59c58ad7&include=media', {credentials: 'omit', referrerPolicy: 'no-referrer'}) |
|||
.then(async function(resp) { |
|||
resp = await resp.json(); |
|||
if ('errors' in resp) { |
|||
if (resp.errors.length === 1 && resp.errors[0].code === '404') { |
|||
let b = document.createElement('b'); |
|||
let text = '404: ' + resp.errors[0].detail; |
|||
b.innerText = text; |
|||
let div = document.getElementById('error'); |
|||
div.append(b); |
|||
div.style.display = null; |
|||
document.title = text; |
|||
return; |
|||
} |
|||
throw JSON.stringify(resp, null, ' '); |
|||
} |
|||
if (resp.is_mature) { |
|||
let b = document.createElement('b'); |
|||
b.append('Marked as NSFW'); |
|||
let div = document.createElement('div'); |
|||
div.append(b); |
|||
document.body.append(div); |
|||
} |
|||
if (resp.title.length !== 0) { |
|||
let h1 = document.createElement('h1'); |
|||
h1.append(resp.title); |
|||
document.body.append(h1); |
|||
document.title = resp.title; |
|||
} |
|||
for (var i = 0; i < resp.media.length; i++) { |
|||
let media = resp.media[i]; |
|||
switch (media.type) { |
|||
case 'image': |
|||
let img = document.createElement('img'); |
|||
img.height = media.height; |
|||
img.width = media.width; |
|||
img.src = media.url; |
|||
document.body.append(img); |
|||
break; |
|||
case 'video': |
|||
let video = document.createElement('video'); |
|||
video.controls = true; |
|||
video.height = media.height; |
|||
video.width = media.width; |
|||
video.src = media.url; |
|||
document.body.append(video); |
|||
break; |
|||
default: |
|||
let a = document.createElement('a'); |
|||
a.href = media.url; |
|||
a.append(media.url); |
|||
let div = document.createElement('div'); |
|||
div.append('Unknown media type ' + media.type + ', URL is ', a); |
|||
document.body.append(div); |
|||
} |
|||
if (media.metadata.description.length !== 0) { |
|||
let p = document.createElement('p'); |
|||
p.append(media.metadata.description); |
|||
document.body.append(p); |
|||
} |
|||
} |
|||
}) |
|||
.catch(showError) |
|||
.finally(function() { |
|||
instructions.style.display = 'none'; |
|||
document.getElementById('header').style.display = 'none'; |
|||
}); |
|||
} |
|||
} |
|||
} catch (e) { |
|||
showError(e); |
|||
} |
|||
</script> |
|||
</body> |
|||
</html> |
|||
Loading…
Reference in new issue