f0ck/f0ckv2
3
4
Fork 0
Code Issues 13 Pull Requests Actions Packages Projects Releases Wiki Activity

templates lol

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
views/contact.html
View File

@ -1,3 +1,4 @@
<!doctype f0ck>
<html> <html>
<head> <head>
<title>f0ck! I need contact!</title> <title>f0ck! I need contact!</title>
@ -6,24 +7,7 @@
<link rel="stylesheet" type="text/css" href="./s/css/f0ck-custom.css"> <link rel="stylesheet" type="text/css" href="./s/css/f0ck-custom.css">
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg"> {{include navbar}}
<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>
<div class="container"> <div class="container">
<div class="contact"> <div class="contact">
<p>Got a problem? We have the answer: <a href="mailto:admin@f0ck.space">admin@f0ck.space</a></p> <p>Got a problem? We have the answer: <a href="mailto:admin@f0ck.space">admin@f0ck.space</a></p>

61
views/help.html
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>

39
views/how.html
View File

@ -7,24 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg"> {{include navbar}}
<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>
<div class="container"> <div class="container">
<div class="irc"> <div class="irc">
<h4>irc.n0xy.net +6697 (ssl only) #f0ck</h4> <h4>irc.n0xy.net +6697 (ssl only) #f0ck</h4>
@ -32,34 +15,30 @@
<div class="page-header"> <div class="page-header">
<h4>IRC Rules</h4> <h4>IRC Rules</h4>
</div> </div>
<p>Constitution:</p> <p>Constitution:</p>
<ul> <ul>
<li>§ 1 The dignity of the IRCd is inviolable.</li> <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>§ 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>§ 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>§ 4 Do not transmit any personal/financial information without permission.</li>
<li>§ 5 Do not share any malware on this network.</li> <li>§ 5 Do not share any malware on this network.</li>
</ul> </ul>
<p>f0ck specific rules:</p> <p>f0ck specific rules:</p>
<ul> <ul>
<li>Animal cruelty is forbidden and will lead to an immediate ban</li> <li>Animal cruelty is forbidden and will lead to an immediate ban</li>
</ul> </ul>
<h4>What the f0ck is a f0ck?</h4> <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> <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>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>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>
</div> </div>
<script src="./s/js/theme.js"></script> <script src="./s/js/theme.js"></script>

28
views/index.html
View File

@ -8,32 +8,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
<body> <body>
{{include navbar}}
<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>
<div class="container-fluid"> <div class="container-fluid">
<ul id="posts" data-last="{{=last}}"> <ul id="posts" data-last="{{=last}}">
{{each items}} {{each items}}
<li class="post"><a href="/{{=$value.id}}" title="{{=$value.mime}}"> <li class="post">
<img class="thumb" src="/t/{{=$value.id}}.png" /> <a href="/{{=value.id}}" title="{{=value.mime}}">
<span class="item-mime">{{=$value.mime}}</span> <img class="thumb" src="/t/{{=value.id}}.png" />
<span class="item-mime">{{=value.mime}}</span>
</a> </a>
</li> </li>
{{/each}} {{/each}}

57
views/item.html
View File

@ -1,7 +1,7 @@
<!doctype f0ck> <!doctype f0ck>
<html> <html>
<head> <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/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/vsg-skin.css" />
<link rel="stylesheet" type="text/css" href="./s/css/bootstrap.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"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="./s/img/favicon.png" /> <link rel="icon" type="image/png" href="./s/img/favicon.png" />
<meta property="og:site_name" content="f0ck.me" /> <meta property="og:site_name" content="f0ck.me" />
<meta property="og:description" content="f0cked by {{=username}}" /> <meta property="og:description" content="f0cked by {{=user.name}}" />
<meta name="Description" content="f0cked by {{=username}}" /> <meta name="Description" content="f0cked by {{=user.name}}" />
<meta property="og:image" content="{{=thumbnail}}" /> <meta property="og:image" content="{{=item.thumbnail}}" />
<meta charset="utf-8" /> <meta charset="utf-8" />
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg"> {{include navbar}}
<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>
<div class="container"> <div class="container">
<div class="controls"> <div class="controls">
<a id="rndbtn" href="/random">Random</a> <a id="rndbtn" href="/random">Random</a>
</div> </div>
<div class="content"> <div class="content">
<div class="next-post"> <div class="next-post">
{{if next}} {{if next}}
<a id="next" href="/{{=next}}">«</a> <a id="next" href="/{{=next}}">«</a>
@ -46,18 +28,20 @@
<a id="next" href="#" style="color: #ccc !important;">«</a> <a id="next" href="#" style="color: #ccc !important;">«</a>
{{/if}} {{/if}}
</div> </div>
<div class="media-object"> <div class="media-object">
{{if item === "video"}} {{if item.mime.startsWith("video")}}
<div class="embed-responsive embed-responsive-16by9"> <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> </div>
{{elseif item === "audio"}} {{elseif item.mime.startsWith("audio")}}
<div class="embed-responsive embed-responsive-16by9"> <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> </div>
{{elseif item === "image"}} {{elseif item.mime.startsWith("image")}}
<a href="{{=dest}}" id="elfe" target="_blank"><img id="f0ck-image" src="{{=dest}}" /></a> <a href="{{=item.dest}}" id="elfe" target="_blank"><img id="f0ck-image" src="{{=item.dest}}" /></a>
{{else}} {{else}}
<h1>404 - Not f0cked</h1> <h1>404 - Not f0cked</h1>
{{/if}} {{/if}}
@ -69,14 +53,15 @@
<a id="prev" href="#" style="color: #ccc !important;">»</a> <a id="prev" href="#" style="color: #ccc !important;">»</a>
{{/if}} {{/if}}
</div> </div>
</div> </div>
<div class="metadata"> <div class="metadata">
<span class="badge badge-dark"><a href="/{{=id}}" class="id-link">{{=id}} </a> by {{=username}}</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">{{=usernetwork}} / {{=userchannel}}</span> <span class="badge badge-dark">{{=user.network}} / {{=user.channel}}</span>
<span class="badge badge-dark"><a id="post_source" href="{{=srcurl}}" target="_blank">{{=src}}</a></span> <span class="badge badge-dark"><a id="post_source" href="{{=item.src.long}}"
<span class="badge badge-dark">{{=size}}</span> target="_blank">{{=item.src.short}}</a></span>
<span class="badge badge-dark"><time class="timeago" title="{{=timestamp}}" datetime="{{=timestamp}}"> </time></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> <span class="badge badge-dark" id="themes"></span>
</div> </div>
</div> </div>

18
views/snippets/navbar.html Normal file
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>