templates lol

This commit is contained in:
Flummi 2020-04-06 13:16:27 +02:00
parent da9d29e727
commit 962034b11f
6 changed files with 111 additions and 224 deletions

View File

@ -1,3 +1,4 @@
<!doctype f0ck>
<html>
<head>
<title>f0ck! I need contact!</title>
@ -6,24 +7,7 @@
<link rel="stylesheet" type="text/css" href="./s/css/f0ck-custom.css">
</head>
<body>
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="/">
<img id="biohaz" src="./s/img/biohazard.svg"> <img src="./s/img/f0ckme.png" width="112" height="28">
</a>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="/random">Random</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/how">Help</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact">Contact</a>
</li>
</ul>
</div>
</nav>
{{include navbar}}
<div class="container">
<div class="contact">
<p>Got a problem? We have the answer: <a href="mailto:admin@f0ck.space">admin@f0ck.space</a></p>

View File

@ -1,61 +0,0 @@
<html>
<head>
<title>f0ck me! but how?</title>
<link rel="stylesheet" type="text/css" href="./s/css/bulma.css">
<link rel="stylesheet" type="text/css" href="./s/css/f0ck-custom.css">
<link rel="icon" type="image/png" href="./s/img/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<img id="biohaz" src="./s/img/biohazard.svg"> <img src="./s/img/f0ckme.png" width="112" height="28">
</a>
<a class="navbar-item" href="/random">
Random
</a>
<a class="navbar-item" href="/help">
Help
</a>
<a class="navbar-item" href="/contact">
Contact
</a>
</div>
</nav>
<div class="irc">
<h4>irc.n0xy.net +6697 (ssl only) #f0ck</h4>
<p>More information: <a href="https://n0xy.net">n0xy.net</a></p>
<div class="page-header">
<h4>IRC Rules</h4>
</div>
<p>Constitution:</p>
<ul>
<li>§ 1 The dignity of the IRCd is inviolable.</li>
<li>§ 2 The distribution of Child Pornography is strictly prohibited in any of our networks and will lead to an immediate ban.</li>
<li>§ 3 Do not attack users in this network in any way, shape, or form.</li>
<li>§ 4 Do not transmit any personal/financial information without permission.</li>
<li>§ 5 Do not share any malware on this network.</li>
</ul>
<p>f0ck specific rules:</p>
<ul>
<li>Animal cruelty is forbidden and will lead to an immediate ban</li>
</ul>
<h4>What the f0ck is a f0ck?</h4>
<p>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!</p>
<h4>how the f0ck to f0ck, you ask?</h4>
<p>f0ck will f0ck any media link posted in the channel ending with: jpg|gif|png|webm|mp3|mp4|ogg|flac</p>
<p>If you don't want f0ck to f0ck it put !ignore behind your link. Example: https://retard-journal.com/stupidshit.png !ignore</a>
<p>f0ck will only f0ck media links with the maximum size of 80MB</p>
</div>
<script src="./s/js/theme.js"></script>
</body>
</html>

View File

@ -7,24 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="/">
<img id="biohaz" src="./s/img/biohazard.svg"> <img src="./s/img/f0ckme.png" width="112" height="28">
</a>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="/random">Random</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/how">Help</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact">Contact</a>
</li>
</ul>
</div>
</nav>
{{include navbar}}
<div class="container">
<div class="irc">
<h4>irc.n0xy.net +6697 (ssl only) #f0ck</h4>
@ -32,34 +15,30 @@
<div class="page-header">
<h4>IRC Rules</h4>
</div>
<p>Constitution:</p>
<ul>
<li>§ 1 The dignity of the IRCd is inviolable.</li>
<li>§ 2 The distribution of Child Pornography is strictly prohibited in any of our networks and will lead to an immediate ban.</li>
<li>§ 3 Do not attack users in this network in any way, shape, or form.</li>
<li>§ 4 Do not transmit any personal/financial information without permission.</li>
<li>§ 5 Do not share any malware on this network.</li>
</ul>
<p>f0ck specific rules:</p>
<ul>
<li>Animal cruelty is forbidden and will lead to an immediate ban</li>
</ul>
<h4>What the f0ck is a f0ck?</h4>
<p>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!</p>
<p>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!</p>
<h4>how the f0ck to f0ck, you ask?</h4>
<p>f0ck will f0ck any media link posted in the channel ending with: jpg|gif|png|webm|mp3|mp4|ogg|flac</p>
<p>If you don't want f0ck to f0ck it put !ignore behind your link. Example: https://retard-journal.com/stupidshit.png !ignore</a>
<p>If you don\'t want f0ck to f0ck it put !ignore behind your link. Example:
https://retard-journal.com/stupidshit.png !ignore</a>
<p>f0ck will only f0ck media links with the maximum size of 30MB for cool people 80MB</p>
<p>YouTube Links are currently not working, if you really want to f0ck them, you gotta download it yourself and reupload somewhere until this is fixed</p>
<p>YouTube Links are currently not working, if you really want to f0ck them, you gotta download it yourself and
reupload somewhere until this is fixed</p>
</div>
</div>
<script src="./s/js/theme.js"></script>

View File

@ -8,32 +8,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="/">
<img id="biohaz" src="./s/img/biohazard.svg"> <img src="./s/img/f0ckme.png" width="112" height="28">
</a>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" id="random" href="/random"><span class="rndtext">Random</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/how">Help</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact">Contact</a>
</li>
</ul>
</div>
</nav>
{{include navbar}}
<div class="container-fluid">
<ul id="posts" data-last="{{=last}}">
{{each items}}
<li class="post"><a href="/{{=$value.id}}" title="{{=$value.mime}}">
<img class="thumb" src="/t/{{=$value.id}}.png" />
<span class="item-mime">{{=$value.mime}}</span>
<li class="post">
<a href="/{{=value.id}}" title="{{=value.mime}}">
<img class="thumb" src="/t/{{=value.id}}.png" />
<span class="item-mime">{{=value.mime}}</span>
</a>
</li>
{{/each}}

View File

@ -1,7 +1,7 @@
<!doctype f0ck>
<html>
<head>
<title>{{=id}} - f0ck.me</title>
<title>{{=item.id}} - f0ck.me</title>
<link rel="stylesheet" type="text/css" href="./s/css/video-js.min.css" />
<link rel="stylesheet" type="text/css" href="./s/css/vsg-skin.css" />
<link rel="stylesheet" type="text/css" href="./s/css/bootstrap.css">
@ -9,36 +9,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="./s/img/favicon.png" />
<meta property="og:site_name" content="f0ck.me" />
<meta property="og:description" content="f0cked by {{=username}}" />
<meta name="Description" content="f0cked by {{=username}}" />
<meta property="og:image" content="{{=thumbnail}}" />
<meta property="og:description" content="f0cked by {{=user.name}}" />
<meta name="Description" content="f0cked by {{=user.name}}" />
<meta property="og:image" content="{{=item.thumbnail}}" />
<meta charset="utf-8" />
</head>
<body>
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="/">
<img id="biohaz" src="./s/img/biohazard.svg"> <img src="./s/img/f0ckme.png" width="112" height="28">
</a>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" id="random" href="/random"><span class="rndtext">Random</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/how"><span class="hlptext">Help</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact"><span class="cnttext">Contact</span></a>
</li>
</ul>
</div>
</nav>
{{include navbar}}
<div class="container">
<div class="controls">
<a id="rndbtn" href="/random">Random</a>
</div>
<div class="content">
<div class="next-post">
{{if next}}
<a id="next" href="/{{=next}}">«</a>
@ -46,18 +28,20 @@
<a id="next" href="#" style="color: #ccc !important;">«</a>
{{/if}}
</div>
<div class="media-object">
{{if item === "video"}}
{{if item.mime.startsWith("video")}}
<div class="embed-responsive embed-responsive-16by9">
<video id="my-video" class="video-js embed-responsive-item" width="640" height="360" src="{{=dest}}" preload="auto" autoplay controls loop data-setup="{}"></video>
<video id="my-video" class="video-js embed-responsive-item" width="640" height="360" src="{{=item.dest}}"
preload="auto" autoplay controls loop data-setup="{}"></video>
</div>
{{elseif item === "audio"}}
{{elseif item.mime.startsWith("audio")}}
<div class="embed-responsive embed-responsive-16by9">
<audio id="my-video" class="embed-responsive-item video-js audiojs" autoplay controls loop src="{{=dest}}" data-setup="{}" poster="{{if thumb}}{{=thumb}}{{else}}/s/200.gif{{/if}}" type="audio/mp3" ></audio>
<audio id="my-video" class="embed-responsive-item video-js audiojs" autoplay controls loop
src="{{=item.dest}}" data-setup="{}"
poster="{{if item.thumbnail}}{{=item.thumbnail}}{{else}}/s/200.gif{{/if}}" type="audio/mp3"></audio>
</div>
{{elseif item === "image"}}
<a href="{{=dest}}" id="elfe" target="_blank"><img id="f0ck-image" src="{{=dest}}" /></a>
{{elseif item.mime.startsWith("image")}}
<a href="{{=item.dest}}" id="elfe" target="_blank"><img id="f0ck-image" src="{{=item.dest}}" /></a>
{{else}}
<h1>404 - Not f0cked</h1>
{{/if}}
@ -69,14 +53,15 @@
<a id="prev" href="#" style="color: #ccc !important;">»</a>
{{/if}}
</div>
</div>
<div class="metadata">
<span class="badge badge-dark"><a href="/{{=id}}" class="id-link">{{=id}} </a> by {{=username}}</span>
<span class="badge badge-dark">{{=usernetwork}} / {{=userchannel}}</span>
<span class="badge badge-dark"><a id="post_source" href="{{=srcurl}}" target="_blank">{{=src}}</a></span>
<span class="badge badge-dark">{{=size}}</span>
<span class="badge badge-dark"><time class="timeago" title="{{=timestamp}}" datetime="{{=timestamp}}"> </time></span>
<span class="badge badge-dark"><a href="/{{=item.id}}" class="id-link">{{=item.id}} </a> by {{=user.name}}</span>
<span class="badge badge-dark">{{=user.network}} / {{=user.channel}}</span>
<span class="badge badge-dark"><a id="post_source" href="{{=item.src.long}}"
target="_blank">{{=item.src.short}}</a></span>
<span class="badge badge-dark">{{=item.size}}</span>
<span class="badge badge-dark"><time class="timeago" title="{{=item.timestamp}}" datetime="{{=item.timestamp}}">
</time></span>
<span class="badge badge-dark" id="themes"></span>
</div>
</div>

View File

@ -0,0 +1,18 @@
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="/">
<img id="biohaz" src="./s/img/biohazard.svg"> <img src="./s/img/f0ckme.png" width="112" height="28">
</a>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" id="random" href="/random"><span class="rndtext">Random</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/how"><span class="hlptext">Help</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact"><span class="cnttext">Contact</span></a>
</li>
</ul>
</div>
</nav>