127 lines
7.2 KiB
HTML
127 lines
7.2 KiB
HTML
<!DOCTYPE html>
|
|
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
|
<html>
|
|
<head>
|
|
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="site.css" >
|
|
<link href="https://fonts.googleapis.com/css?family=Bowlby+One+SC&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="background">
|
|
<div id="bg-content"></div>
|
|
|
|
</div>
|
|
<div class="header-bar">
|
|
<div class="row" style="width:100%;">
|
|
<div class="col">flachwitze.dennisgunia.de</div>
|
|
<div class="col text-right">Time Wasted <p id="wasted"></p></div>
|
|
</div>
|
|
</div>
|
|
<div class="score-bar">
|
|
<div id="score-content">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="gradient-fill" id="gradient-fill"></div>
|
|
<div class="vertical-center">
|
|
<div class="container container-card">
|
|
<div class="card" style="width: 100%" id="joke-card">
|
|
<div class="card-body">
|
|
<div id=content>
|
|
<h5 class="card-title" id="joke-title">Card title</h5>
|
|
<h6 class="card-subtitle mb-2 text-muted" id="joke-source">Card subtitle</h6>
|
|
<p class="card-text" id="joke-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
|
</div>
|
|
<br />
|
|
<a href="#" class="card-link cmd-like">
|
|
<svg width="1em" height="1em" class="heart" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M4 1c2.21 0 4 1.755 4 3.92C8 2.755 9.79 1 12 1s4 1.755 4 3.92c0 3.263-3.234 4.414-7.608 9.608a.513.513 0 0 1-.784 0C3.234 9.334 0 8.183 0 4.92 0 2.755 1.79 1 4 1z"/>
|
|
<path stroke-linejoin="round" stroke="currentColor" fill="none" stroke-width="2" d="M8 2.748l-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748z"/>
|
|
</svg>
|
|
</a>
|
|
|
|
<a href="#" class="card-link cmd-more">Mehr Davon!</a>
|
|
<a href="#" class="card-link cmd-next">Einen anderen Witz bitte ...</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bot-bar">
|
|
<a class="bot-bar-item cmd-add" data-toggle="tooltip" data-placement="right" title="Witze einsenden">
|
|
<svg width="2em" height="2em" viewBox="0 0 16 16" class="bi bi-heart" xmlns="http://www.w3.org/2000/svg">
|
|
<path class="def" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
|
|
<path class="def" fill-rule="evenodd" d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
|
|
<path class="fill" fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3v-3z"/>
|
|
</svg>
|
|
</a><br /><br />
|
|
<a class="bot-bar-item cmd-likes" data-toggle="tooltip" data-placement="right" title="Meine Favoriten">
|
|
<svg width="2em" height="2em" viewBox="0 0 16 16" class="bi bi-heart" xmlns="http://www.w3.org/2000/svg">
|
|
<path class="fill" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z"/>
|
|
<path class="def" fill-rule="evenodd" d="M8 2.748l-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="popup-bg-likes" id="popup-bg-likes">
|
|
<div class="popup-bg-likes-content">
|
|
|
|
<div class="liked-joke-header">
|
|
<h1 style="padding-right: 3rem;">Deine Favoriten</h1>
|
|
<a class="cmd-close-likes bot-bar-item" id="cmd-close-likes">
|
|
<svg width="2em" height="2em" viewBox="0 0 16 16" class="bi bi-x-circle" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
<path class="def" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
|
|
<path class="def" fill-rule="evenodd" d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
|
|
<path class="fill" fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="liked-joke-list">
|
|
<div id="favList" >
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="template" id="j-template">
|
|
<div class="liked-joke-content">
|
|
<h3>{{category}} - {{author}}</h3>
|
|
<p>{{text}}</p>
|
|
</div>
|
|
<div class="liked-joke-like">
|
|
<a style="padding-right: 1rem;" class="bot-bar-item follow" href="/?wid={{id}}" data-toggle="tooltip" data-placement="left" title="Favorit entfernen">
|
|
<svg width="2em" height="2em" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
|
<path class="def" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-11.5.5a.5.5 0 0 1 0-1h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5z"/>
|
|
<path class="fill" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
|
|
<path class="fill" fill-rule="evenodd" d="M4 8a.5.5 0 0 0 .5.5h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5A.5.5 0 0 0 4 8z"/>
|
|
|
|
</svg>
|
|
</a>
|
|
<a class="bot-bar-item unlike" id="like-remove-{{id}}" data-toggle="tooltip" data-placement="left" title="Favorit entfernen">
|
|
<svg width="2em" height="2em" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
|
<path class="def" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z"/>
|
|
<path class="fill" fill-rule="evenodd" d="M8 2.748l-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<script src="/particles.js"></script>
|
|
<script src="/stats.js"></script>
|
|
<script src="/pConfig.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.js" crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.js" crossorigin="anonymous"></script>
|
|
<script src="site.js"></script>
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|