f0ck/f0ckv1
Archived
3
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'f0ckdev' into 'master'

Browse Source 
fixed issues with sc/yt-thumbs above player



See merge request !12
This commit is contained in:
Flummi
2016-10-21 21:44:54 +00:00
parent c2c1be28b8 fec4b7754c
commit 7581a4244c
2 changed files with 38 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
s/item.tpl.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE blah>
<!doctype blah>
<html>
<head>
<title>{{ id }} - f0ck.me</title>
@@ -8,35 +8,44 @@
</head>
<body>
<div class="return"><a href="/" title="return to main">f0ck.me</a></div>
<div class="controls">{% if next != null %}<a id="next" href="/{{ next }}"><<-</a> | {% endif %} <a id="random" href="/random" title="Random">random</a> {% if prev != null %} | <a id="prev" href="/{{ prev }}">->></a>{% endif %}</div><br />
<div class="medium">
<div class="controls">
{% if next != null %}
<a id="next" href="/{{ next }}"><<-</a>&nbsp;|&nbsp;
{% endif %}
<a id="random" href="/random" title="Random">random</a>&nbsp;
{% if prev != null %}
&nbsp;| <a id="prev" href="/{{ prev }}">->></a>
{% endif %}
</div>
<div class="medium">
{% if item == "video" %}
<video id="player" src="{{ dest }}" style="max-width: 1280px; height: 50%;" preload="auto" autoplay controls loop></video>
{% elseif item == "audio" %}
{% if thumb != null %}
<!--<div class="audiothumbnail">-->
<img src="{{ thumb }}" />
<!--</div>-->
{% endif %}
<audio id="player" controls loop src="{{ dest }}" type="audio/mp3" autoplay></audio><br />
{% if thumb != null %}
<div>
<img src="{{ thumb }}" /><br />
{% endif %}
<audio id="player" controls loop src="{{ dest }}" type="audio/mp3" autoplay></audio>
{% if thumb != null %}
</div>
{% endif %}
{% elseif item == "image" %}
<a href="{{ dest }}" target="_blank"><img src="{{ dest }}" style="max-width: 1024px" /></a>
{% else %}
<h1>404 - Not f0cked</h1>
{% endif %}
<br />
<div class="panel info">
<span class="id">ID: {{ id }} | by: {{ username }}<span></span><br />
<span class="src">src: <a href="{{ srcurl }}" target="_blank">{{ src }}</a></span><br />
<span class="dest">dest: {{ dest }}</span><br />
<span class="mime">mime: {{ mime }}</span>&nbsp;<br />
<span class="size">size: {{ size }}</span><br />
<span class="channel">channel: {{ userchannel }}</span>&nbsp;
<span class="network">network: {{ usernetwork }}</span><br>
<span class="timestamp">timestamp: {{ timestamp }}</span>
<div class="panel info">
<span class="id">ID: {{ id }} | by: {{ username }}<span></span><br />
<span class="src">src: <a href="{{ srcurl }}" target="_blank">{{ src }}</a></span><br />
<span class="dest">dest: {{ dest }}</span><br />
<span class="mime">mime: {{ mime }}</span>&nbsp;<br />
<span class="size">size: {{ size }}</span><br />
<span class="channel">channel: {{ userchannel }}</span>&nbsp;
<span class="network">network: {{ usernetwork }}</span><br>
<span class="timestamp">timestamp: {{ timestamp }}</span>
</div>
</div>
</div>
<br />
<script>
function arrowKeys(e) {
switch(e.keyCode) {
@@ -69,5 +78,4 @@ var x = document.getElementById("player");
x.volume = 0.3;
</script>
</body>
<! Fuck git… seriously-->
</html>

17
s/style.css
View File

@@ -55,11 +55,10 @@ a:hover {
.medium, .thumbnail {
display: flex;
justify-content: center;
/* align-items: center; */
margin-top: 10px;
}
.info {
/* text-align: center; */
padding-top: 5px;
padding-top: 5px;
}
.id {
text-align: center;
@@ -84,10 +83,10 @@ code {
}
.panel {
margin-bottom: 0;
background-color: rgba(34, 34, 34, 0.61);
border: 5px solid #383838;
border-radius: 0px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 0;
background-color: rgba(34, 34, 34, 0.61);
border: 5px solid #383838;
border-radius: 0px;
padding-left: 10px;
padding-right: 10px;
}