natter/index.html at master · 1j01/natter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Natter</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src="app/lib/jquery-2.1.4.min.js"></script>
		<script src="app/lib/coffee-script.js"></script>

		<!-- Konami Code (requires audio) + Icon Generator (TODO: get rid of) -->
		<script src="app/AudioMan.js"></script>
		<script src="app/kc.js" async></script>

		<!-- Styling -->
		<link rel="stylesheet" href="app/lib/reset.css">
		<link rel="stylesheet" href="app/styles/base.css">
		<link rel="stylesheet" href="app/styles/non-app-page.css">
		<!-- Material Design Lite -->
		<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
		<link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-pink.min.css">
		<script defer src="https://code.getmdl.io/1.1.3/material.min.js"></script>
		<!-- This page -->
		<style>
			li {
				line-height: 1.5rem;
				display: list-item;
				list-style: disc;
				margin-left: 1.5em;
			}
		</style>
	</head>
	<body class="not-loaded not-logged-in">
		<h1>Natter</h1>
		<p>
			Natter is a sweet chat app that aims to replace all those other ones, obviously.
			You know, by being better.
		</p>
		<p>
			<a class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored" href="app/">Launch the App</a>
			<!-- <a class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored" href="app/">Launch the App</a> -->
			<!-- <a class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" href="app/">Launch the App</a> -->
		</p>
		<ul>
			<h4>Features:</h4>
			<li>Full rich text editing, with emoji and images</li>
			<li><a href="app/components.html">Avastars</a>: the best default avatar images around, procedurally generated based on your username</li>
			<li>Paste a link to automatically embed videos from YouTube, Vimeo, and other sites, audio from SoundCloud, and even code fiddles like CodePen and JSFiddle</li>
			<li>Drag and drop anything anywhere, e.g. image to avatar, image/audio/video/other file to chat or to a user</li>
			<li>Easily send feedback (via chat; but don't worry you won't have to "friend"/"unfriend" Feedback or anything)</li>
			<li>Pick emoji from a dynamic interactive map with axes representing emotional factors, instead of just a grid</li>
			<li>Upload custom emoji/gifs easily for personal use</li>
			<li>Use drawing mode to send handwritten messages and pictures</li>
			<li>Insert emoji in drawing mode and position, rotate, flip and scale them</li>
		</ul>
		<footer>
			Natter is <a href="https://wikipedia.org/wiki/Vacuous_truth" title="and I mean literally literally" target="_blank">LITERALLY</a>
			the world's BEST most AWESOME chat application<br class="misleading">
			being made by <a href="https://isaiahodhner.io/" target="_blank">Isaiah Odhner</a>
			with <a href="https://firebase.google.com/" target="_blank">Firebase</a>
			and <a href="https://coffeescript.org/" target="_blank">CoffeeScript</a>
			and <a href="https://reactjs.org/" target="_blank">React</a>
			and <a href="https://github.com/1j01/react-script" target="_blank">ReactScript</a>.
		</footer>
	</body>
</html>