+
+`;
+
+class v0ck {
+ constructor(elem) {
+ const tagName = elem.tagName.toLowerCase();
+ if(["video", "audio"].includes(tagName)) {
+ const parent = elem.parentElement;
+ parent.classList.add("v0ck", "paused");
+ elem.classList.add("v0ck_video", "viewer");
+ document.head.insertAdjacentHTML("beforeend", ``); // inject css
+ elem.insertAdjacentHTML("afterend", tpl_player("/s/img/v0ck.svg"));
+
+ if(tagName === "audio" && elem.hasAttribute('poster')) { // set cover
+ const player = document.querySelector('.v0ck');
+ player.style.backgroundImage = `url('${elem.getAttribute('poster')}')`;
+ }
+ }
+ else
+ return console.error("nope");
+ this.init(elem);
+ }
+
+ init(elem) {
+ const player = document.querySelector('.v0ck');
+ const video = elem;
+ video.removeAttribute('autoplay');
+ video.removeAttribute('controls');
+ const progress = player.querySelector('.v0ck_progress');
+ const progressBar = player.querySelector('.v0ck_progress_filled');
+ const toggle = player.querySelector('.v0ck_toggle');
+ const skipButtons = player.querySelectorAll('.v0ck [data-skip]');
+ const ranges = player.querySelectorAll('.v0ck input[type="range"]');
+ const volumeSlider = player.querySelector('.v0ck input[type="range"][name="volume"]');
+ const fullscreen = player.querySelector('.v0ck_fullscreen');
+ const playtime = player.querySelector('.v0ck_playtime');
+ const overlay = player.querySelector('.v0ck_overlay');
+ const volumeButton = player.querySelector('.v0ck_volume');
+ const volumeSymbols = volumeButton.querySelectorAll('.v0ck use');
+
+ const defaultVolume = 0.5;
+ let mousedown = false;
+ let _volume;
+
+ function handleVolumeButton(vol) {
+ [...volumeSymbols].forEach(s => !s.classList.contains('v0ck_hidden') ? s.classList.add('v0ck_hidden') : null);
+ switch(true) {
+ case(vol === 0): [...volumeSymbols].filter(s => s.id === "v0ck_svg_volume_mute")[0].classList.toggle('v0ck_hidden'); break;
+ case(vol <= 0.5 && vol > 0): [...volumeSymbols].filter(s => s.id === "v0ck_svg_volume_mid")[0].classList.toggle('v0ck_hidden'); break;
+ case(vol > 0.5): [...volumeSymbols].filter(s => s.id === "v0ck_svg_volume_full")[0].classList.toggle('v0ck_hidden'); break;
+ }
+ localStorage.setItem("volume", vol);
+ }
+ function togglePlay() {
+ const status = video[video.paused ? 'play' : 'pause']();
+ if(status !== undefined) { // todo: merge with updatePlayIcon
+ status
+ .then(_ => {
+ overlay.classList[video.paused ? 'remove' : 'add']('v0ck_hidden');
+ })
+ .catch(err => {
+ overlay.classList.toggle('v0ck_hidden');
+ });
+ }
+ else
+ overlay.classList[video.paused ? 'remove' : 'add']('v0ck_hidden');
+ }
+ function updatePlayIcon() {
+ toggle.classList.toggle('playing');
+ player.classList.toggle('paused');
+ toggle.setAttribute('title', toggle.classList.contains('playing') ? 'Pause' : 'Play');
+ [...toggle.querySelectorAll('use')].forEach(icon => icon.classList.toggle('v0ck_hidden'));
+ }
+ function toggleMute(e) {
+ if(video.volume === 0)
+ video.volume = volumeSlider.value = _volume === 0 ? defaultVolume : _volume;
+ else {
+ _volume = video.volume;
+ video.volume = volumeSlider.value = 0;
+ }
+ handleVolumeButton(video.volume);
+ }
+ function skip() {
+ video.currentTime += +this.dataset.skip;
+ }
+ function handleRangeUpdate() {
+ video[this.name] = this.value;
+ _volume = video.volume;
+ handleVolumeButton(video.volume);
+ }
+ function formatTime(seconds) {
+ const minutes = (~~(seconds / 60)).toString().padStart(2, "0");
+ seconds = (~~(seconds % 60)).toString().padStart(2, "0");
+ return minutes + ":" + seconds;
+ }
+ function handleProgress() {
+ const percent = (video.currentTime / video.duration) * 100;
+ progressBar.style.flexBasis = percent + '%';
+ playtime.innerText = `${formatTime(video.currentTime)} / ${formatTime(video.duration)}`;
+ }
+ function scrub(e) {
+ video.currentTime = (e.offsetX / progress.offsetWidth) * video.duration;
+ }
+ function toggleFullScreen(e) {
+ if(document.fullscreenElement)
+ document.exitFullscreen();
+ else
+ player.requestFullscreen();
+ }
+ function toggleFullScreenClasses() {
+ player.classList.toggle('fullscreen');
+ }
+
+ player.addEventListener('click', e => {
+ const path = e.path || (e.composedPath && e.composedPath());
+ if(!path.filter(f => f.classList?.contains('v0ck_player_controls')).length)
+ togglePlay(e);
+ });
+ toggle.addEventListener('click', togglePlay);
+ video.addEventListener('play', updatePlayIcon);
+ video.addEventListener('pause', updatePlayIcon);
+ video.addEventListener('timeupdate', handleProgress);
+ volumeButton.addEventListener('click', toggleMute);
+ skipButtons.forEach(button => button.addEventListener('click', skip));
+ ranges.forEach(range => range.addEventListener('change', handleRangeUpdate));
+ ranges.forEach(range => range.addEventListener('mousemove', handleRangeUpdate));
+ progress.addEventListener('click', scrub);
+ progress.addEventListener('mousemove', e => mousedown && scrub(e));
+ progress.addEventListener('mousedown', () => mousedown = true);
+ progress.addEventListener('mouseup', () => mousedown = false);
+ fullscreen.addEventListener('click', toggleFullScreen);
+ document.addEventListener('fullscreenchange', toggleFullScreenClasses);
+ document.addEventListener('mozfullscreenchange', toggleFullScreenClasses);
+ document.addEventListener('webkitfullscreenchange', toggleFullScreenClasses);
+ document.addEventListener('msfullscreenchange', toggleFullScreenClasses);
+
+ video.volume = _volume = volumeSlider.value = +(localStorage.getItem('volume') ?? defaultVolume);
+ handleVolumeButton(video.volume);
+ togglePlay();
+ }
+}
diff --git a/public/s/js/video.min.js b/public/s/js/video.min.js
deleted file mode 100644
index 1858a7f..0000000
--- a/public/s/js/video.min.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * @license
- * Video.js 5.8.8
+
+
+
+
+
+
+
+
+
+
+/
"})},b}(h["default"]);h["default"].registerComponent("TimeDivider",i),c["default"]=i,b.exports=c["default"]},{"../../component.js":67}],94:[function(a,b,c){"use strict";function d(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(b[c]=a[c]);return b["default"]=a,b}function e(a){return a&&a.__esModule?a:{"default":a}}function f(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function g(a,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function, not "+typeof b);a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),b&&(Object.setPrototypeOf?Object.setPrototypeOf(a,b):a.__proto__=b)}c.__esModule=!0;var h=a("../../slider/slider.js"),i=e(h),j=a("../../component.js"),k=e(j),l=a("../../utils/fn.js"),m=d(l),n=a("./volume-level.js"),o=(e(n),function(a){function b(c,d){f(this,b),a.call(this,c,d),this.on(c,"volumechange",this.updateARIAAttributes),c.ready(m.bind(this,this.updateARIAAttributes))}return g(b,a),b.prototype.createEl=function(){return a.prototype.createEl.call(this,"div",{className:"vjs-volume-bar vjs-slider-bar"},{"aria-label":"volume level"})},b.prototype.handleMouseMove=function(a){this.checkMuted(),this.player_.volume(this.calculateDistance(a))},b.prototype.checkMuted=function(){this.player_.muted()&&this.player_.muted(!1)},b.prototype.getPercent=function(){return this.player_.muted()?0:this.player_.volume()},b.prototype.stepForward=function(){this.checkMuted(),this.player_.volume(this.player_.volume()+.1)},b.prototype.stepBack=function(){this.checkMuted(),this.player_.volume(this.player_.volume()-.1)},b.prototype.updateARIAAttributes=function(){var a=(100*this.player_.volume()).toFixed(2);this.el_.setAttribute("aria-valuenow",a),this.el_.setAttribute("aria-valuetext",a+"%")},b}(i["default"]));o.prototype.options_={children:["volumeLevel"],barName:"volumeLevel"},o.prototype.playerEvent="volumechange",k["default"].registerComponent("VolumeBar",o),c["default"]=o,b.exports=c["default"]},{"../../component.js":67,"../../slider/slider.js":114,"../../utils/fn.js":134,"./volume-level.js":96}],95:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function f(a,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function, not "+typeof b);a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),b&&(Object.setPrototypeOf?Object.setPrototypeOf(a,b):a.__proto__=b)}c.__esModule=!0;var g=a("../../component.js"),h=d(g),i=a("./volume-bar.js"),j=(d(i),function(a){function b(c,d){e(this,b),a.call(this,c,d),c.tech_&&c.tech_.featuresVolumeControl===!1&&this.addClass("vjs-hidden"),this.on(c,"loadstart",function(){c.tech_.featuresVolumeControl===!1?this.addClass("vjs-hidden"):this.removeClass("vjs-hidden")})}return f(b,a),b.prototype.createEl=function(){return a.prototype.createEl.call(this,"div",{className:"vjs-volume-control vjs-control"})},b}(h["default"]));j.prototype.options_={children:["volumeBar"]},h["default"].registerComponent("VolumeControl",j),c["default"]=j,b.exports=c["default"]},{"../../component.js":67,"./volume-bar.js":94}],96:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function f(a,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function, not "+typeof b);a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),b&&(Object.setPrototypeOf?Object.setPrototypeOf(a,b):a.__proto__=b)}c.__esModule=!0;var g=a("../../component.js"),h=d(g),i=function(a){function b(){e(this,b),a.apply(this,arguments)}return f(b,a),b.prototype.createEl=function(){return a.prototype.createEl.call(this,"div",{className:"vjs-volume-level",innerHTML:''})},b}(h["default"]);h["default"].registerComponent("VolumeLevel",i),c["default"]=i,b.exports=c["default"]},{"../../component.js":67}],97:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(b[c]=a[c]);return b["default"]=a,b}function f(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function g(a,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function, not "+typeof b);a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),b&&(Object.setPrototypeOf?Object.setPrototypeOf(a,b):a.__proto__=b)}c.__esModule=!0;var h=a("../utils/fn.js"),i=e(h),j=a("../component.js"),k=d(j),l=a("../popup/popup.js"),m=d(l),n=a("../popup/popup-button.js"),o=d(n),p=a("./mute-toggle.js"),q=d(p),r=a("./volume-control/volume-bar.js"),s=d(r),t=a("global/document"),u=d(t),v=function(a){function b(c){function d(){c.tech_&&c.tech_.featuresVolumeControl===!1?this.addClass("vjs-hidden"):this.removeClass("vjs-hidden")}var e=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];f(this,b),void 0===e.inline&&(e.inline=!0),void 0===e.vertical&&(e.vertical=e.inline?!1:!0),e.volumeBar=e.volumeBar||{},e.volumeBar.vertical=!!e.vertical,a.call(this,c,e),this.on(c,"volumechange",this.volumeUpdate),this.on(c,"loadstart",this.volumeUpdate),d.call(this),this.on(c,"loadstart",d),this.on(this.volumeBar,["slideractive","focus"],function(){this.addClass("vjs-slider-active")}),this.on(this.volumeBar,["sliderinactive","blur"],function(){this.removeClass("vjs-slider-active")}),this.on(this.volumeBar,["focus"],function(){this.addClass("vjs-lock-showing")}),this.on(this.volumeBar,["blur"],function(){this.removeClass("vjs-lock-showing")})}return g(b,a),b.prototype.buildCSSClass=function(){var b="";return b=this.options_.vertical?"vjs-volume-menu-button-vertical":"vjs-volume-menu-button-horizontal","vjs-volume-menu-button "+a.prototype.buildCSSClass.call(this)+" "+b},b.prototype.createPopup=function(){var a=new m["default"](this.player_,{contentElType:"div"}),b=new s["default"](this.player_,this.options_.volumeBar);return a.addChild(b),this.menuContent=a,this.volumeBar=b,this.attachVolumeBarEvents(),a},b.prototype.handleClick=function(){q["default"].prototype.handleClick.call(this),a.prototype.handleClick.call(this)},b.prototype.attachVolumeBarEvents=function(){this.menuContent.on(["mousedown","touchdown"],i.bind(this,this.handleMouseDown))},b.prototype.handleMouseDown=function(){this.on(["mousemove","touchmove"],i.bind(this.volumeBar,this.volumeBar.handleMouseMove)),this.on(u["default"],["mouseup","touchend"],this.handleMouseUp)},b.prototype.handleMouseUp=function(){this.off(["mousemove","touchmove"],i.bind(this.volumeBar,this.volumeBar.handleMouseMove))},b}(o["default"]);v.prototype.volumeUpdate=q["default"].prototype.update,v.prototype.controlText_="Mute",k["default"].registerComponent("VolumeMenuButton",v),c["default"]=v,b.exports=c["default"]},{"../component.js":67,"../popup/popup-button.js":110,"../popup/popup.js":111,"../utils/fn.js":134,"./mute-toggle.js":71,"./volume-control/volume-bar.js":94,"global/document":1}],98:[function(a,b,c){"use strict";function d(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(b[c]=a[c]);return b["default"]=a,b}function e(a){return a&&a.__esModule?a:{"default":a}}function f(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function g(a,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function, not "+typeof b);a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),b&&(Object.setPrototypeOf?Object.setPrototypeOf(a,b):a.__proto__=b)}c.__esModule=!0;var h=a("./component"),i=e(h),j=a("./modal-dialog"),k=e(j),l=a("./utils/dom"),m=(d(l),a("./utils/merge-options")),n=e(m),o=function(a){function b(c,d){f(this,b),a.call(this,c,d),this.on(c,"error",this.open)}return g(b,a),b.prototype.buildCSSClass=function(){return"vjs-error-display "+a.prototype.buildCSSClass.call(this)},b.prototype.content=function(){var a=this.player().error();return a?this.localize(a.message):""},b}(k["default"]);o.prototype.options_=n["default"](k["default"].prototype.options_,{fillAlways:!0,temporary:!1,uncloseable:!0}),i["default"].registerComponent("ErrorDisplay",o),c["default"]=o,b.exports=c["default"]},{"./component":67,"./modal-dialog":107,"./utils/dom":132,"./utils/merge-options":138}],99:[function(a,b,c){"use strict";function d(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(b[c]=a[c]);return b["default"]=a,b}c.__esModule=!0;var e=a("./utils/events.js"),f=d(e),g=function(){};g.prototype.allowedEvents_={},g.prototype.on=function(a,b){var c=this.addEventListener;this.addEventListener=Function.prototype,f.on(this,a,b),this.addEventListener=c},g.prototype.addEventListener=g.prototype.on,g.prototype.off=function(a,b){f.off(this,a,b)},g.prototype.removeEventListener=g.prototype.off,g.prototype.one=function(a,b){f.one(this,a,b)},g.prototype.trigger=function(a){var b=a.type||a;"string"==typeof a&&(a={type:b}),a=f.fixEvent(a),this.allowedEvents_[b]&&this["on"+b]&&this["on"+b](a),f.trigger(this,a)},g.prototype.dispatchEvent=g.prototype.trigger,c["default"]=g,b.exports=c["default"]},{"./utils/events.js":133}],100:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}c.__esModule=!0;var e=a("./utils/log"),f=d(e),g=function(a,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function, not "+typeof b);a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),b&&(a.super_=b)},h=function(a){var b=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],c=function(){a.apply(this,arguments)},d={};"object"==typeof b?("function"==typeof b.init&&(f["default"].warn("Constructor logic via init() is deprecated; please use constructor() instead."),b.constructor=b.init),b.constructor!==Object.prototype.constructor&&(c=b.constructor),d=b):"function"==typeof b&&(c=b),g(c,a);for(var e in d)d.hasOwnProperty(e)&&(c.prototype[e]=d[e]);return c};c["default"]=h,b.exports=c["default"]},{"./utils/log":137}],101:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}c.__esModule=!0;for(var e=a("global/document"),f=d(e),g={},h=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],i=h[0],j=void 0,k=0;k
-
- irc.n0xy.net +6697 (ssl only) #f0ck
-More information: n0xy.net
-
-
- IRC Rules
-Constitution:
+About f0ck
+f0ck is your friendly IRC shitposting bot, it's built for catching urls that are passed to it and displays the content of passed urls on a simple and accessible web gallery reachable at f0ck.me
+WTF is a f0ck?
+A f0ck is basically giving a fuck about some internet bullshit, like stupid images, videos and so on, but also for great things like good music taste and shit, it's basically "a f0ck was given" and f0ck and it's users gave a lot of f0cks over the past years, it's not hard to finally start giving a damn f0ck about something, just f0ck it dood!
+Where to f0ck?
+You can invite f0ck to your channel on the following supported networks by simply typing/invite f0ck
-
-
- § 1 The dignity of the IRCd is inviolable. -
- § 2 The distribution of Child Pornography is strictly prohibited in any of our networks and will lead to an immediate ban. -
- § 3 Do not attack users in this network in any way, shape, or form. -
- § 4 Do not transmit any personal/financial information without permission. -
- § 5 Do not share any malware on this network. +
- n0xy.net +
- rizon.net +
- freenode.net
#f0ck specific don'ts:
+To start f0cking the shit out of something simply add a !f0ck behind the url you want to f0ck, that's it
#f0ck specific: to have f0ck ignore a link add !ignore at the end
Example: https://www.youtube.com/watch?v=dQw4w9WgXcQ !ignore
f0ck supports a variety of websites, in fact all websites supported by youtube-dl are supported by f0ck aswell!
f0ck Rules
-
-
- Animal cruelty is forbidden and will lead to an immediate ban -
- All kinds of terrorist shit, we dont want any of it, f0ck off k? -
- Snuff/Beastiality is not welcome here -
- pictures of you grandmas furburger also might be too hardcore for us +
- You must be 18 years or older to visit or post +
- You shall not post animal cruelty, we like our animals alive and well, living a happy life until they are ready for our Schnitzel! +
- You shall not post under ANY circumstances: Snuff, Beastiality, Rape, Terrorist stuff (Beheadings, First person shootings, warcrimes), Childporn, Childmodeling
What the f0ck is a f0ck?
-A f0ck is basically giving a fuck about some internet bullshit, like stupid images, videos and so on, but also - for great things like good music taste and shit, it's basically "a f0ck was given" and f0ck and it's users gave - a lot of f0cks over the past years, it's not hard to finally start giving a damn f0ck about something, just - f0ck.it dood!
-how the f0ck to f0ck, you ask?
-f0ck will f0ck any media link posted in the channel ending with: jpg|gif|png|webm|mp3|mp4|ogg|flac
-If you don't want f0ck to f0ck it put !ignore behind your link. Example: - https://retard-journal.com/stupidshit.png !ignore -
f0ck will only f0ck media links with the maximum size of 40MB for cool people ??MB
-Alternative domains
+f0cked up?
+To have something removed in case you accidentally f0cked something that actually shouldn't be f0cked you can always contact the admins either via IRC or Email
+-
+
- irc.n0xy.net #f0ck +
- admin@f0ck.me +
Compatibility
+f0ck is developed and tested for Firefox and Chromium in their latest versions
+If you encounter bugs please report them so we can fix them.
+Microsoft Edgy is not actively supported, but if it werks, great! Same for anything apple related.
+Tinfoil f0ckers listen!
f0ck onions and moons, but fockulite!
http://fockmoonsb24iczs7odozzy5uktlzbcgp337nabrgffzxv5ihabgpvyd.onion
http://fockulite74atso2xsxxw6q2gzqrgck572tiwvkyf5vdxictjn2vmlyd.onion
+f0ck is completely functional without javascript enabled, you can be the beardiest neckbeard of all, we got you m'gentleman
-
- Got a problem? We have the answer: admin@f0ck.me
+f0ck Contact
+Whatever it is, we might have a answer, even though it might not be the one you were looking for: admin@f0ck.me
+
-
{{each items as item}}
-
-
-
-
- {{=item.mime}}
+ - + +
{{/each}} diff --git a/views/item.html b/views/item.html index dd09dd0..4aab2ab 100644 --- a/views/item.html +++ b/views/item.html @@ -2,53 +2,61 @@
+ {{=item.mime}}
{{include main/footer}} diff --git a/views/main/footer.html b/views/main/footer.html index 4dfea42..7f592a0 100644 --- a/views/main/footer.html +++ b/views/main/footer.html @@ -1,7 +1,5 @@ - - - - - + + + - + +