templates lol
This commit is contained in:
Flummi
parent
da9d29e727
commit
962034b11f
@ -1,3 +1,4 @@
|
||||
<!doctype f0ck>
|
||||
<html>
|
||||
<head>
|
||||
<title>f0ck! I need contact!</title>
|
||||
@ -6,30 +7,13 @@
|
||||
<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>
|
||||
{{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>
|
||||
<a href="/">return to main</a> <span id="themes"></span>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<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>
|
||||
<script src="./s/js/theme.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -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>
|
||||
@ -7,61 +7,40 @@
|
||||
<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>
|
||||
{{include navbar}}
|
||||
<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>
|
||||
</nav>
|
||||
<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>
|
||||
<script src="./s/js/theme.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,37 +8,19 @@
|
||||
<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>
|
||||
{{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>
|
||||
</a>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</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/theme.js"></script>
|
||||
</body>
|
||||
|
||||
@ -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,77 +9,62 @@
|
||||
<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>
|
||||
<div class="container">
|
||||
<div class="controls">
|
||||
<a id="rndbtn" href="/random">Random</a>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
<div class="next-post">
|
||||
{{if next}}
|
||||
{{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>
|
||||
{{else}}
|
||||
{{else}}
|
||||
<a id="next" href="#" style="color: #ccc !important;">«</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
<div class="media-object">
|
||||
{{if item === "video"}}
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="media-object">
|
||||
{{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>
|
||||
{{else}}
|
||||
{{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}}
|
||||
</div>
|
||||
<div class="previous-post">
|
||||
{{if prev}}
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="previous-post">
|
||||
{{if prev}}
|
||||
<a id="prev" href="/{{=prev}}">»</a>
|
||||
{{else}}
|
||||
{{else}}
|
||||
<a id="prev" href="#" style="color: #ccc !important;">»</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
{{/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>
|
||||
</div>
|
||||
<script src="./s/js/theme.js"></script>
|
||||
<script src="./s/js/video.min.js"></script>
|
||||
<script src="./s/js/videojs.persistvolume.js"></script>
|
||||
|
||||
18
views/snippets/navbar.html
Normal file
18
views/snippets/navbar.html
Normal 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>
|
||||
Loading…
Reference in New Issue
Block a user