135 lines
4.5 KiB
HTML
135 lines
4.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<link rel="stylesheet" href="w3.css">
|
||
|
|
<link rel="stylesheet" href="fontawesome.min.css">
|
||
|
|
<link rel="stylesheet" href="regular.min.css">
|
||
|
|
<link rel="stylesheet" href="solid.min.css">
|
||
|
|
<link rel="stylesheet" href="brands.min.css">
|
||
|
|
|
||
|
|
<style>
|
||
|
|
body,h1,h2,h3,h4,h5 {font-family: "Poppins", sans-serif}
|
||
|
|
body {font-size: 16px;}
|
||
|
|
img {margin-bottom: -8px;}
|
||
|
|
.mySlides {display: none;}
|
||
|
|
</style>
|
||
|
|
<base target="_top">
|
||
|
|
</head>
|
||
|
|
<body class="w3-content w3-black" style="max-width:1500px;">
|
||
|
|
<!-- The App Section -->
|
||
|
|
<div class="w3-padding-64 w3-white">
|
||
|
|
<div class="w3-row-padding">
|
||
|
|
<div class="w3-col l8 m6">
|
||
|
|
<h1 class="w3-jumbo">
|
||
|
|
<b>😎 Tilde Friends</b>
|
||
|
|
</h1>
|
||
|
|
<h1 class="w3-xxlarge w3-text-green"><b>Make apps with friends from the comfort of your web browser.</b></h1>
|
||
|
|
<p>Tilde Friends is a platform for building, running, and sharing web applications.</p>
|
||
|
|
<p>Available for lots of devices:
|
||
|
|
<i class="fa-brands fa-linux w3-xlarge"></i>
|
||
|
|
<i class="fa-brands fa-android w3-xlarge"></i>
|
||
|
|
<i class="fa-brands fa-apple w3-xlarge"></i>
|
||
|
|
<i class="fa fa-mobile-screen w3-xlarge"></i>
|
||
|
|
<i class="fa-brands fa-windows w3-xlarge"></i>
|
||
|
|
</p>
|
||
|
|
<a class="w3-button w3-black w3-padding-large" href="https://www.tildefriends.net/~cory/releases/"><i class="fa fa-download"></i> Download</a>
|
||
|
|
<a class="w3-button w3-black w3-padding-large" href="https://www.tildefriends.net/"><i class="fa fa-link"></i> Try It</a>
|
||
|
|
</div>
|
||
|
|
<div class="w3-col l4 m6">
|
||
|
|
<img src="tildefriends.png" class="w3-image w3-right w3-hide-small">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- SSB Section -->
|
||
|
|
<div class="w3-padding-64 w3-light-grey">
|
||
|
|
<div class="w3-row-padding">
|
||
|
|
<div class="w3-col l4 m6">
|
||
|
|
<a href="https://scuttlebutt.nz/"><img class="w3-image w3-round-large w3-hide-small" src="ssb.png" alt="Secure Scuttlebutt"></a>
|
||
|
|
</div>
|
||
|
|
<div class="w3-col l8 m6">
|
||
|
|
<h1 class="w3-jumbo"><b>Built for Sharing</b></h1>
|
||
|
|
<p>
|
||
|
|
Tilde Friends participates in the <a href="https://scuttlebutt.nz/">Secure Scuttlebutt</a> distributed social network.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Whether you use it for communicating with auto-discovered peers on the same network as you
|
||
|
|
or with distant distant with whom you've manually established a secure link, it is at your service
|
||
|
|
for sharing and discovering apps.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Features Section -->
|
||
|
|
<div class="w3-container w3-padding-64 w3-dark-grey w3-center">
|
||
|
|
<h1 class="w3-jumbo"><b>Technology</b></h1>
|
||
|
|
<p>Tilde Friends is built using boring, trusted tech.</p>
|
||
|
|
|
||
|
|
<div class="w3-row" style="margin-top:64px">
|
||
|
|
<div class="w3-col s3">
|
||
|
|
<i class="fa fa-c w3-text-blue w3-jumbo"></i>
|
||
|
|
<p>C</p>
|
||
|
|
</div>
|
||
|
|
<div class="w3-col s3">
|
||
|
|
<i class="fa-brands fa-js w3-text-orange w3-jumbo"></i>
|
||
|
|
<p>QuickJS</p>
|
||
|
|
</div>
|
||
|
|
<div class="w3-col s3">
|
||
|
|
<i class="fa fa-database w3-text-red w3-jumbo"></i>
|
||
|
|
<p>SQLite</p>
|
||
|
|
</div>
|
||
|
|
<div class="w3-col s3">
|
||
|
|
<i class="fa fa-bolt w3-text-yellow w3-jumbo"></i>
|
||
|
|
<p>libuv</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="w3-row" style="margin-top:64px">
|
||
|
|
<div class="w3-col s3">
|
||
|
|
<i class="fa fa-file-zipper w3-text-cyan w3-jumbo"></i>
|
||
|
|
<p>zlib</p>
|
||
|
|
</div>
|
||
|
|
<div class="w3-col s3">
|
||
|
|
<i class="fa fa-lock w3-text-purple w3-jumbo"></i>
|
||
|
|
<p>libsodium</p>
|
||
|
|
</div>
|
||
|
|
<div class="w3-col s3">
|
||
|
|
<i class="fa fa-shield-halved w3-text-green w3-jumbo"></i>
|
||
|
|
<p>OpenSSL </p>
|
||
|
|
</div>
|
||
|
|
<div class="w3-col s3">
|
||
|
|
<i class="fa fa-burst w3-text-pink w3-jumbo"></i>
|
||
|
|
<p>libbacktrace</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="w3-row" style="margin-top:64px">
|
||
|
|
<div class="w3-col s3">
|
||
|
|
<i class="fa fa-keyboard w3-text-indigo w3-jumbo"></i>
|
||
|
|
<p>CodeMirror</p>
|
||
|
|
</div>
|
||
|
|
<div class="w3-col s3">
|
||
|
|
<i class="fa fa-microscope w3-text-orange w3-jumbo"></i>
|
||
|
|
<p>Speedscope</p>
|
||
|
|
</div>
|
||
|
|
<div class="w3-col s3">
|
||
|
|
<i class="fa fa-fire w3-text-cyan w3-jumbo"></i>
|
||
|
|
<p>Lit</p>
|
||
|
|
</div>
|
||
|
|
<div class="w3-col s3">
|
||
|
|
<i class="fa fa-hammer w3-text-teal w3-jumbo"></i>
|
||
|
|
<p>GNU Make</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Footer -->
|
||
|
|
<footer class="w3-container w3-padding-32 w3-light-grey w3-center w3-xlarge">
|
||
|
|
<p class="w3-medium">Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank" class="w3-hover-text-green">w3.css</a></p>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|