freechat/server/templates/about.tera
2019-11-27 21:50:01 -08:00

82 lines
4.0 KiB
Plaintext

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="{{og_title}}">
<title>{{og_title}}</title>
<meta name="description" content="{{og_desc}}">
<!-- open graph things -->
<meta property="og:title" content="{{og_title}}">
<meta property="og:type" content="{{og_type}}">
<meta property="og:description" content="{{og_desc}}">
<meta property="og:url" content="{{og_url}}">
<meta property="og:image" content="{{og_image}}">
<link rel="shortcut icon" type="image/png" href="{{favicon}}">
<script src="https://kit.fontawesome.com/744f5c4640.js"></script>
<link rel="stylesheet" href="/static/css/about.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="/">{{brand_url}}</a>
<button
class="navbar-toggler dropdown"
type="button" data-toggle="collapse"
data-target="#nav-content"
aria-controls="nav-content"
aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="nav-content">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/about">What is freechat?</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/servers">Instances</a>
</li>
</ul>
</div>
</nav>
<div class="content-wrapper">
<div class="content">
<div class="pure-g">
<div class="card l-box pure-u-1">
<h3 class="content-subhead">Privacy by default</h3>
<p>All you need to sign up is a username and an instance in mind.</p>
<p>Email is only required if you want password recovery.</p>
<p><em>Unused accounts with no emails are deleted after 2 weeks of no use.</em></p>
</div>
<div class="card l-box pure-u-1">
<h3 class="content-subhead">Can I join other instances?</h3>
<p>Of course, your name will just be name@HomeInstance.io unless you have a display name setup.</p>
</div>
<div class="card l-box pure-u-1">
<h3 class="content-subhead">Chan inspired messaging</h3>
<p>By default chat messags only last up to one month before they are cleaned out.</p>
</div>
<div class="card l-box pure-u-1">
<h3 class="content-subhead">So it's free right?</h3>
<p>Yeap free as in freedom and free as in free beer always!</p>
</div>
</div>
</div>
</div>
</body>
<!-- If jquery doesn't come first things like dropdown menus break -->
<script
src="https://code.jquery.com/jquery-3.4.1.slim.js"
integrity="sha256-BTlTdQO9/fascB1drekrDVkaKd9PkwBymMlHOiG+qLI="
crossorigin="anonymous"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
</html>