removed old web files which are no longer used
This commit is contained in:
shockrah
parent
13ab387a93
commit
a14b7dd677
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
@ -1,167 +0,0 @@
|
|||||||
@import 'general.scss';
|
|
||||||
* {
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* -- BASE STYLES --
|
|
||||||
* Most of these are inherited from Base, but I want to change a few.
|
|
||||||
*/
|
|
||||||
body {
|
|
||||||
line-height: 1.7em;
|
|
||||||
color: #7f8c8d;
|
|
||||||
background: $back-grey;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
label {
|
|
||||||
color: $text-bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-dark {
|
|
||||||
background-color: $bar-grey;
|
|
||||||
}
|
|
||||||
|
|
||||||
.l-box {
|
|
||||||
padding: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.l-box-lrg {
|
|
||||||
padding: 2em;
|
|
||||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-center {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card {
|
|
||||||
display: inline-block;
|
|
||||||
box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
|
|
||||||
background: $top-grey;
|
|
||||||
color: $text-norm;
|
|
||||||
margin: 20px;
|
|
||||||
margin-left: 25%;
|
|
||||||
margin-right: 25%;
|
|
||||||
margin-bottom: 50px;
|
|
||||||
}
|
|
||||||
.head-card {
|
|
||||||
display: inline-block;
|
|
||||||
box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
|
|
||||||
background: $top-grey;
|
|
||||||
margin: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
* -- PURE FORM STYLES --
|
|
||||||
* Style the form inputs and labels
|
|
||||||
*/
|
|
||||||
.pure-form label {
|
|
||||||
margin: 1em 0 0;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pure-form input[type] {
|
|
||||||
border: 2px solid #ddd;
|
|
||||||
box-shadow: none;
|
|
||||||
font-size: 100%;
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* We want to give the content area some more padding */
|
|
||||||
.content {
|
|
||||||
background: whitesmoke;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* This is the class used for the main content headers (<h2>) */
|
|
||||||
.content-head {
|
|
||||||
color: #F55753;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.1em;
|
|
||||||
margin: 2em 0 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* This is a modifier class used when the content-head is inside a ribbon */
|
|
||||||
.content-head-ribbon {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pure-g {
|
|
||||||
background-color: $back-grey;
|
|
||||||
}
|
|
||||||
/* This is the class used for the content sub-headers (<h3>) */
|
|
||||||
.content-subhead {
|
|
||||||
color: $heading-pink;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.content-subhead i {
|
|
||||||
margin-right: 7px;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* This is the class used for the dark-background areas. */
|
|
||||||
.ribbon {
|
|
||||||
background: #2d3e50;
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* This is the class used for the footer */
|
|
||||||
.footer {
|
|
||||||
background: #111;
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* -- TABLET (AND UP) MEDIA QUERIES --
|
|
||||||
* On tablets and other medium-sized devices, we want to customize some
|
|
||||||
* of the mobile styles.
|
|
||||||
*/
|
|
||||||
@media (min-width: 48em) {
|
|
||||||
|
|
||||||
/* We increase the body font size */
|
|
||||||
body {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* We can align the menu header to the left, but float the
|
|
||||||
menu items to the right. */
|
|
||||||
.home-menu {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
.home-menu ul {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
/* We remove the border-separator assigned to .l-box-lrg */
|
|
||||||
.l-box-lrg {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* -- DESKTOP (AND UP) MEDIA QUERIES --
|
|
||||||
* On desktops and other large devices, we want to over-ride some
|
|
||||||
* of the mobile and tablet styles.
|
|
||||||
*/
|
|
||||||
@media (min-width: 78em) {
|
|
||||||
/* We increase the header font size even more */
|
|
||||||
.splash-head {
|
|
||||||
font-size: 300%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
/* Overrides for the welcome page background stuff */
|
|
||||||
|
|
||||||
/* For now we'll just worry about dark mode
|
|
||||||
Light mode gets fucked here lmao
|
|
||||||
*/
|
|
||||||
|
|
||||||
$top-grey: #424242;
|
|
||||||
$back-grey: #303030;
|
|
||||||
$bar-grey: #212121;
|
|
||||||
|
|
||||||
$text-norm: whitesmoke;
|
|
||||||
$text-bold: white;
|
|
||||||
|
|
||||||
$heading-pink: #EB2C68;
|
|
||||||
body {
|
|
||||||
background: $back-grey;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-link {
|
|
||||||
color: $text-bold;
|
|
||||||
}
|
|
||||||
@ -1,184 +0,0 @@
|
|||||||
@import 'general.scss';
|
|
||||||
$button_color_bg: #1f8dd6;
|
|
||||||
$button_color_txt: white;
|
|
||||||
* {
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
scroll-behavior: smooth;
|
|
||||||
}
|
|
||||||
/*
|
|
||||||
* -- BASE STYLES --
|
|
||||||
* Most of these are inherited from Base, but I want to change a few.
|
|
||||||
*/
|
|
||||||
body {
|
|
||||||
line-height: 1.7em;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
color: $text-norm;
|
|
||||||
}
|
|
||||||
.navbar {
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
/*
|
|
||||||
* -- LAYOUT STYLES --
|
|
||||||
* These are some useful classes which I will need
|
|
||||||
*/
|
|
||||||
.l-box {
|
|
||||||
padding: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.l-box-lrg {
|
|
||||||
padding: 2em;
|
|
||||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-center {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.pure-g {
|
|
||||||
background-color: $back-grey;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
* -- SPLASH STYLES --
|
|
||||||
* This is the blue top section that appears on the page.
|
|
||||||
*/
|
|
||||||
|
|
||||||
.splash-container {
|
|
||||||
background-image: url('https://www.shockrah.shop/static/images/chalk.jpg');
|
|
||||||
background-attachment: fixed;
|
|
||||||
background-size: cover;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
z-index: 1;
|
|
||||||
overflow: hidden;
|
|
||||||
/* The following styles are required for the "scroll-over" effect */
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
position: fixed !important;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.splash {
|
|
||||||
width: 80%;
|
|
||||||
height: 50%;
|
|
||||||
margin: auto;
|
|
||||||
position: absolute;
|
|
||||||
top: 100px; left: 0; bottom: 0; right: 0;
|
|
||||||
text-align: center;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* This is the main heading that appears on the blue section */
|
|
||||||
.splash-head {
|
|
||||||
font-size: 20px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: white;
|
|
||||||
border: 3px solid white;
|
|
||||||
padding: 1em 1.6em;
|
|
||||||
font-weight: 450;
|
|
||||||
border-radius: 5px;
|
|
||||||
line-height: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* This is the subheading that appears on the blue section */
|
|
||||||
.splash-subhead {
|
|
||||||
letter-spacing: 0.05em;
|
|
||||||
color: white;
|
|
||||||
font-weight: 450;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* -- CONTENT STYLES --
|
|
||||||
* This represents the content area (everything below the blue section)
|
|
||||||
*/
|
|
||||||
.content-wrapper {
|
|
||||||
/* These styles are required for the "scroll-over" effect */
|
|
||||||
position: absolute;
|
|
||||||
top: 87%;
|
|
||||||
width: 100%;
|
|
||||||
min-height: 12%;
|
|
||||||
z-index: 2;
|
|
||||||
background: white;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/* We want to give the content area some more padding */
|
|
||||||
.content {
|
|
||||||
padding: 1em 1em 3em;
|
|
||||||
background-color: $back-grey;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* This is the class used for the main content headers (<h2>) */
|
|
||||||
.content-head {
|
|
||||||
font-weight: 400;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: $text-bold;
|
|
||||||
letter-spacing: 0.1em;
|
|
||||||
margin: 2em 0 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* This is a modifier class used when the content-head is inside a ribbon */
|
|
||||||
.content-head-ribbon {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* This is the class used for the content sub-headers (<h3>) */
|
|
||||||
.content-subhead {
|
|
||||||
color: $button_color_txt;
|
|
||||||
}
|
|
||||||
.content-subhead i {
|
|
||||||
margin-right: 7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
* -- TABLET (AND UP) MEDIA QUERIES --
|
|
||||||
* On tablets and other medium-sized devices, we want to customize some
|
|
||||||
* of the mobile styles.
|
|
||||||
*/
|
|
||||||
@media (min-width: 48em) {
|
|
||||||
/* We decrease the width of the .splash, since we have more width
|
|
||||||
to work with */
|
|
||||||
.splash {
|
|
||||||
width: 50%;
|
|
||||||
height: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.splash-head {
|
|
||||||
font-size: 250%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* We remove the border-separator assigned to .l-box-lrg */
|
|
||||||
.l-box-lrg {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* -- DESKTOP (AND UP) MEDIA QUERIES --
|
|
||||||
* On desktops and other large devices, we want to over-ride some
|
|
||||||
* of the mobile and tablet styles.
|
|
||||||
*/
|
|
||||||
@media (min-width: 78em) {
|
|
||||||
/* We increase the header font size even more */
|
|
||||||
.splash-head {
|
|
||||||
font-size: 300%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,39 +0,0 @@
|
|||||||
{% set stylesheet = "/static/css/about.css" %}
|
|
||||||
{% include "header" %}
|
|
||||||
<body>
|
|
||||||
{%include "navbar" %}
|
|
||||||
<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>
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
<!-- 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>
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
<!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="Freechat">
|
|
||||||
<title>Freechat</title>
|
|
||||||
<meta name="description" content="Libre decentralized chat system">
|
|
||||||
<!-- open graph things -->
|
|
||||||
<meta property="og:title" content="Freechat">
|
|
||||||
<meta property="og:type" content="Chat system">
|
|
||||||
<meta property="og:description" content="Libre decentralized chat system">
|
|
||||||
<meta property="og:url" content="freechat.io">
|
|
||||||
<meta property="og:image" content="/static/images/favicon.png">
|
|
||||||
<link rel="shortcut icon" type="image/png" href="/static/images/favicon.png">
|
|
||||||
|
|
||||||
<script src="https://kit.fontawesome.com/744f5c4640.js"></script>
|
|
||||||
<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>
|
|
||||||
<link rel="stylesheet" href={{stylesheet}}>
|
|
||||||
</head>
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
|
|
||||||
{% set stylesheet = "/static/css/index.css" %}
|
|
||||||
{% include 'header' %}
|
|
||||||
<body>
|
|
||||||
{% include "navbar" %}
|
|
||||||
<div class="splash-container">
|
|
||||||
<div class="splash">
|
|
||||||
<h1 class="splash-head">freechat.io</h1>
|
|
||||||
<p class="splash-subhead">Libre decentralized chat platform</p>
|
|
||||||
<p><button class="btn btn-light" type="button">Join Now</button></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="content-wrapper">
|
|
||||||
<div class="content">
|
|
||||||
<h2 class="content-head is-center">A chat platform that respects your privacy and freedom</h2>
|
|
||||||
<div class="pure-g">
|
|
||||||
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-2">
|
|
||||||
<h3 class="content-subhead"><i class="fas fa-dollar-sign"></i>How much?</h3>
|
|
||||||
<p>Nothing. It's free to run your own instance</p>
|
|
||||||
</div>
|
|
||||||
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-2">
|
|
||||||
<h3 class="content-subhead"><i class="fa fa-wrench"></i>Is it hard to setup?</h3>
|
|
||||||
<p>Not at all, you can easily spin up an instance using the guide here.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
{% include "footer" %}
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
|
||||||
<a class="navbar-brand" href="/">freechat.io</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>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
Loading…
Reference in New Issue
Block a user