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

32
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,30 +7,13 @@
<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="/"> <div class="container">
<img id="biohaz" src="./s/img/biohazard.svg"> <img src="./s/img/f0ckme.png" width="112" height="28"> <div class="contact">
</a> <p>Got a problem? We have the answer: <a href="mailto:admin@f0ck.space">admin@f0ck.space</a></p>
<div class="collapse navbar-collapse" id="navbarNavDropdown"> <a href="/">return to main</a> <span id="themes"></span>
<ul class="navbar-nav"> </div>
<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> </div>
</nav> <script src="./s/js/theme.js"></script>
<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>
<a href="/">return to main</a> <span id="themes"></span>
</div>
</div>
<script src="./s/js/theme.js"></script>
</body> </body>
</html> </html>

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>

89
views/how.html
View File

@ -7,61 +7,40 @@
<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="/"> <div class="container">
<img id="biohaz" src="./s/img/biohazard.svg"> <img src="./s/img/f0ckme.png" width="112" height="28"> <div class="irc">
</a> <h4>irc.n0xy.net +6697 (ssl only) #f0ck</h4>
<div class="collapse navbar-collapse" id="navbarNavDropdown"> <p>More information: <a href="https://n0xy.net">n0xy.net</a></p>
<ul class="navbar-nav"> <div class="page-header">
<li class="nav-item active"> <h4>IRC Rules</h4>
<a class="nav-link" href="/random">Random</a> </div>
</li> <p>Constitution:</p>
<li class="nav-item"> <ul>
<a class="nav-link" href="/how">Help</a> <li>§ 1 The dignity of the IRCd is inviolable.</li>
</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 class="nav-item"> <li>§ 3 Do not attack users in this network in any way, shape, or form.</li>
<a class="nav-link" href="/contact">Contact</a> <li>§ 4 Do not transmit any personal/financial information without permission.</li>
</li> <li>§ 5 Do not share any malware on this network.</li>
</ul> </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 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>
</div>
</div> </div>
</nav> <script src="./s/js/theme.js"></script>
<div class="container">
<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 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>
</div>
</div>
<script src="./s/js/theme.js"></script>
</body> </body>
</html> </html>

38
views/index.html
View File

@ -8,37 +8,19 @@
<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"> <div class="container-fluid">
<a class="navbar-brand" href="/"> <ul id="posts" data-last="{{=last}}">
<img id="biohaz" src="./s/img/biohazard.svg"> <img src="./s/img/f0ckme.png" width="112" height="28"> {{each items}}
</a> <li class="post">
<div class="collapse navbar-collapse" id="navbarNavDropdown"> <a href="/{{=value.id}}" title="{{=value.mime}}">
<ul class="navbar-nav"> <img class="thumb" src="/t/{{=value.id}}.png" />
<li class="nav-item active"> <span class="item-mime">{{=value.mime}}</span>
<a class="nav-link" id="random" href="/random"><span class="rndtext">Random</span></a> </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> </li>
{{/each}}
</ul> </ul>
</div> </div>
</nav>
<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>
</a>
</li>
{{/each}}
</ul>
</div>
<script src="./s/js/scroller.js"></script> <script src="./s/js/scroller.js"></script>
<script src="./s/js/theme.js"></script> <script src="./s/js/theme.js"></script>
</body> </body>

97
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,77 +9,62 @@
<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="/"> <div class="container">
<img id="biohaz" src="./s/img/biohazard.svg"> <img src="./s/img/f0ckme.png" width="112" height="28"> <div class="controls">
</a> <a id="rndbtn" href="/random">Random</a>
<div class="collapse navbar-collapse" id="navbarNavDropdown"> </div>
<ul class="navbar-nav"> <div class="content">
<li class="nav-item active"> <div class="next-post">
<a class="nav-link" id="random" href="/random"><span class="rndtext">Random</span></a> {{if next}}
</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="controls">
<a id="rndbtn" href="/random">Random</a>
</div>
<div class="content">
<div class="next-post">
{{if next}}
<a id="next" href="/{{=next}}">«</a> <a id="next" href="/{{=next}}">«</a>
{{else}} {{else}}
<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.mime.startsWith("video")}}
{{if item === "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}}
</div> </div>
<div class="previous-post"> <div class="previous-post">
{{if prev}} {{if prev}}
<a id="prev" href="/{{=prev}}">»</a> <a id="prev" href="/{{=prev}}">»</a>
{{else}} {{else}}
<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>
<script src="./s/js/theme.js"></script> <script src="./s/js/theme.js"></script>
<script src="./s/js/video.min.js"></script> <script src="./s/js/video.min.js"></script>
<script src="./s/js/videojs.persistvolume.js"></script> <script src="./s/js/videojs.persistvolume.js"></script>

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>