modified: package.json
new file: s/index.tpl.html new file: s/item.tpl.html new file: s/mp3.png new file: s/style.css modified: src/main.js
This commit is contained in:
13
s/index.tpl.html
Normal file
13
s/index.tpl.html
Normal file
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE blah>
|
||||
<html>
|
||||
<head>
|
||||
<title>f0ck me!</title>
|
||||
<link rel="stylesheet" type="text/css" href="./s/style.css">
|
||||
<link rel="favicon" type="image/png" href="./s/faviconf0ck.png" />
|
||||
</head>
|
||||
<body>
|
||||
{% for item in items %}
|
||||
<div class="mrhankyisteinneger"><a href="./{{ item }}"><img src="./t/{{ item }}.png" /></a></div>
|
||||
{% endfor %}
|
||||
</html>
|
||||
</body>
|
32
s/item.tpl.html
Normal file
32
s/item.tpl.html
Normal file
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE blah>
|
||||
<html>
|
||||
<head>
|
||||
<title>{{ id }} - f0ck.me</title>
|
||||
<link rel="stylesheet" type="text/css" href="./s/style.css">
|
||||
<link rel="favicon" type="image/png" href="./s/faviconf0ck.png" />
|
||||
</head>
|
||||
<body>
|
||||
<h4><a href="/">f0ck.me</a></h4>
|
||||
<div class="id">[ID: {{ id }} | by: {{ username }}]</div>
|
||||
<div class="medium">
|
||||
{% if item == "video" %}
|
||||
<video src="{{ dest }}" style="max-width: 1024px" autoplay controls loop></video>
|
||||
{% endif %}
|
||||
{% if item == "audio" %}
|
||||
<audio controls src="{{ dest }}" type="audio/mp3" autoplay></audio>
|
||||
{% endif %}
|
||||
{% if item == "image" %}
|
||||
<img src="{{ dest }}" style="max-width: 1024px" />
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="controls">controls für vor und zurück :^)</div>
|
||||
<div class="info">
|
||||
<span class="src">src: <a href="{{ src }}" target="_blank">{{ src }}</a></span><br />
|
||||
<span class="dest">dest: {{ dest }}</span><br />
|
||||
<span class="mime">mime: {{ mime }}</span>
|
||||
<span class="size">size: {{ size }}</span><br />
|
||||
<span class="channel">channel: {{ userchannel }}</span>
|
||||
<span class="network">network: {{ usernetwork }}</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
48
s/style.css
Normal file
48
s/style.css
Normal file
@ -0,0 +1,48 @@
|
||||
body {
|
||||
background-color: #262626;
|
||||
color: #fff;
|
||||
font-family: Monospace;
|
||||
}
|
||||
a > img {
|
||||
max-height: 128px;
|
||||
max-width: 128px;
|
||||
border: 2px solid #4c4a4a;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #9f0;
|
||||
}
|
||||
a:hover {
|
||||
color: #74c100;
|
||||
}
|
||||
|
||||
.medium {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.info {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.id {
|
||||
text-align: center;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.mrhankyisteinneger {
|
||||
padding: 0;
|
||||
display: block;
|
||||
margin: 0 0 4px 5px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.mrhankyisteinneger:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.controls {
|
||||
text-align: center;
|
||||
}
|
Reference in New Issue
Block a user