Files
.gitea
apps
admin
api
apps
blog
db
follow
identity
intro
issues
journal
room
sneaker
ssb
storage
test
todo
web
welcome
app.js
appimage.svg
brands.min.css
f-droid.svg
fa-brands-400.ttf
fa-brands-400.woff2
fa-regular-400.ttf
fa-regular-400.woff2
fa-solid-900.ttf
fa-solid-900.woff2
fontawesome.min.css
googleplay.svg
index.html
ios.svg
regular.min.css
solid.min.css
ssb.png
tildefriends.png
w3.css
wiki
admin.json
api.json
apps.json
blog.json
db.json
follow.json
identity.json
intro.json
issues.json
journal.json
room.json
sneaker.json
ssb.json
storage.json
test.json
todo.json
web.json
welcome.json
wiki.json
core
deps
docs
metadata
src
tools
.clang-format
.dockerignore
.git-blame-ignore-revs
.gitignore
.gitmodules
.prettierignore
.prettierrc.yaml
CONTRIBUTING.md
Dockerfile
Doxyfile
GNUmakefile
LICENSE
README.md
default.nix
flake.lock
flake.nix
package-lock.json
package.json
tildefriends/apps/welcome/index.html

326 lines
10 KiB
HTML
Raw Normal View History

2024-04-13 20:07:39 -04:00
<!doctype html>
<html>
<head>
2024-04-13 20:07:39 -04:00
<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>
2024-04-13 20:07:39 -04:00
img {
margin-bottom: -8px;
}
.mySlides {
display: none;
}
</style>
2024-04-13 20:07:39 -04:00
<base target="_top" />
</head>
2024-04-13 20:07:39 -04:00
<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 w3-padding-32">
<h1 class="w3-jumbo">
<b>😎 Tilde Friends</b>
</h1>
2024-04-13 20:07:39 -04:00
<h1 class="w3-xxlarge w3-text-green">
<b
>the Secure Scuttlebutt decentralized social network client that's
<i>fancy🎩</i></b
>
2024-04-13 20:07:39 -04:00
</h1>
<p>
In addition to participating in Secure Scuttlebutt, Tilde Friends is
a platform for building, running, and sharing applications.
2024-04-13 20:07:39 -04:00
</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>
2024-04-13 20:07:39 -04:00
<a
class="w3-button w3-blue w3-padding-large"
href="https://www.tildefriends.net/~core/ssb/"
>🦀 Try It</a
2024-04-13 20:07:39 -04:00
>
<a
class="w3-button w3-black w3-padding-large"
href="https://dev.tildefriends.net/cory/tildefriends/releases"
><i class="fa fa-download"></i> Download</a
2024-04-13 20:07:39 -04:00
>
<a
class="w3-button w3-black w3-padding-large"
href="https://dev.tildefriends.net/cory/tildefriends"
2024-10-08 19:28:23 -04:00
><i class="fa fa-mug-hot"></i> Development</a
2024-04-13 20:07:39 -04:00
>
<a
class="w3-button w3-black w3-padding-large"
href="https://docs.tildefriends.net/"
><i class="fa fa-book"></i> Documentation</a
>
<a
class="w3-button w3-black w3-padding-large"
href="https://www.tildefriends.net/~cory/tildeblog/"
><i class="fa fa-solid fa-square-rss"></i> Blog</a
>
<p>
<a
class="w3-button w3-round-large w3-padding w3-blue-gray w3-margin-top"
href="https://f-droid.org/en/packages/com.unprompted.tildefriends.fdroid/"
2024-10-13 14:19:55 -04:00
><img src="f-droid.svg" style="height: 2em; margin: 0" /> Get it
on F-Droid</a
>
<a
class="w3-button w3-round-large w3-padding w3-blue-gray w3-margin-top"
href="https://dev.tildefriends.net/releases/tildefriends-x86_64.AppImage"
>
<img src="appimage.svg" style="height: 2em; margin: 0" />
2024-10-02 17:55:01 -04:00
Get Linux 64-bit AppImage
</a>
2024-10-13 14:19:55 -04:00
<a
class="w3-button w3-round-large w3-padding w3-blue-gray w3-margin-top"
href="https://play.google.com/store/apps/details?id=com.unprompted.tildefriends"
>
<img src="googleplay.svg" style="height: 2em; margin: 0" />
Get it on Google Play (Open Testing)
</a>
<a
class="w3-button w3-round-large w3-padding w3-blue-gray w3-margin-top"
href="https://testflight.apple.com/join/tXxgtSpE"
>
<img src="ios.svg" style="height: 2em; margin: 0" />
Get it on iOS (TestFlight)
</a>
</p>
</div>
<div class="w3-col l4 m6">
2024-04-13 20:07:39 -04:00
<img src="tildefriends.png" class="w3-image w3-right w3-hide-small" />
</div>
</div>
</div>
<!-- Getting Starting Section -->
<div class="w3-indigo w3-center">
2024-04-13 20:07:39 -04:00
<div class="w3-row-padding w3-padding-64">
<div class="w3-jumbo">
<i class="fa fa-rocket"></i> <b>Getting Started</b>
</div>
<div>
<h2>First-time user checklist:</h2>
<ol type="1" style="text-align: left">
2024-04-13 20:07:39 -04:00
<li>
<a href="https://dev.tildefriends.net/cory/tildefriends/releases"
>Download</a
>
2024-10-08 19:28:23 -04:00
Tilde Friends or use
2024-04-13 20:07:39 -04:00
<a href="https://www.tildefriends.net/"
>https://www.tildefriends.net/</a
>.
</li>
2024-10-13 14:19:55 -04:00
<li>Create an account to identify yourself with that instance.</li>
2024-04-13 20:07:39 -04:00
<li>
Describe yourself in your profile in the <b>ssb</b> app. Give
yourself a name and an avatar if you like.
</li>
<li>
2024-10-08 19:28:23 -04:00
Connect to others.
2024-10-13 14:19:55 -04:00
<ul>
<li>Automatically discover peers on the same network.</li>
<li>
Manually connect to rooms and pubs, including
<a href="https://www.tildefriends.net/~cory/room/"
2024-10-08 19:28:23 -04:00
>tildefriends.net itself</a
2024-10-13 14:19:55 -04:00
>.
</li>
<li>
Enable <b>Peer Exchange</b> in the <b>admin</b> to discover
internet peers.
</li>
</ul>
2024-04-13 20:07:39 -04:00
</li>
<li>Follow people to grow your network.</li>
2024-04-13 20:07:39 -04:00
<li>
Use the <b>edit</b> link at the top of any page to start modifying
and making apps.
</li>
</ol>
</div>
</div>
</div>
<!-- SSB Section -->
<div class="w3-light-grey">
2024-04-13 20:07:39 -04:00
<div class="w3-row-padding w3-padding-64">
<div class="w3-col l4 m6 s4">
2024-04-13 20:07:39 -04:00
<a href="https://scuttlebutt.nz/"
><img
class="w3-image w3-round-large"
src="ssb.png"
alt="Secure Scuttlebutt"
/></a>
</div>
<div class="w3-col l8 m6" style="height: auto">
<h1 class="w3-jumbo"><b>Built for Sharing</b></h1>
<p>
2024-04-13 20:07:39 -04:00
Tilde Friends participates in the
<a href="https://scuttlebutt.nz/">Secure Scuttlebutt</a> distributed
social network.
</p>
<p>
2024-04-13 20:07:39 -04:00
Share apps with friends. Discover new apps made by enemies. Post
pictures of your coffee. Or just lurk.
</p>
<p>
2024-04-13 20:07:39 -04:00
The social network integration provides tools for connecting with
other people world-wide while still allowing apps and everything to
operate offline.
</p>
</div>
</div>
</div>
<!-- Editor Section -->
<div class="w3-container w3-padding-64 w3-light-blue">
<div class="w3-row-padding">
<div class="w3-col l8 m6">
<h1 class="w3-jumbo"><b>Edit Anything</b></h1>
2024-04-13 20:07:39 -04:00
<i
class="fa fa-pen-to-square w3-left w3-jumbo w3-text-gray"
style="padding: 32px"
></i>
<p>
2024-04-13 20:07:39 -04:00
See that <code><b>edit</b></code> link near the top left corner of
this page? It's there for every Tilde Friends app, so you can modify
and see your changes right away.
</p>
2024-04-13 20:07:39 -04:00
<p>It's kind of like a wiki, but for code!</p>
</div>
</div>
</div>
<!-- Sandbox Section -->
<div class="w3-padding-64 w3-grey">
<div class="w3-row-padding">
<div class="w3-col">
2024-04-13 20:07:39 -04:00
<h1 class="w3-jumbo" style="text-align: right">
<b>Sandbox Security</b>
</h1>
<i
class="fa fa-road-barrier w3-right w3-jumbo w3-text-yellow"
style="padding: 32px"
></i>
<p>
2024-04-13 20:07:39 -04:00
Tilde Friends tries to make sure apps can be trusted using similar
techniques to how web browsers and operating systems do it.
</p>
<p>
2024-04-13 20:07:39 -04:00
This is all a work in progress, and it varies by platform, so don't
give it all your innermost secrets yet, but do kick its tires and
<a href="mailto:cory@tildefriends.net">share</a> any surprises you
find.
</p>
</div>
</div>
</div>
<!-- Technlology Section -->
<div class="w3-container w3-padding-64 w3-light-grey w3-center">
<h1 class="w3-jumbo"><b>Built the Old Fashioned Way</b></h1>
2024-10-08 19:28:23 -04:00
<p>
Tilde Friends strives to use only simple and widely adopted dependencies
in order to keep it easy to build for all sorts of platforms and
maintainable for a very long time.
2024-10-13 14:19:55 -04:00
</p>
2024-04-13 20:07:39 -04:00
<p>
Though of course for building Tilde Friends apps, you are free to use
whatever fits on top.
2024-04-13 20:07:39 -04:00
</p>
2024-04-13 20:07:39 -04:00
<div class="w3-row" style="margin-top: 64px">
<a
href="https://en.wikipedia.org/wiki/C_(programming_language)"
class="w3-col s3"
>
<i class="fa fa-c w3-text-blue w3-jumbo"></i>
<p>C</p>
</a>
<a href="https://bellard.org/quickjs/" class="w3-col s3">
<i class="fa-brands fa-js w3-text-orange w3-jumbo"></i>
<p>QuickJS</p>
</a>
<a href="https://www.sqlite.org/" class="w3-col s3">
<i class="fa fa-database w3-text-red w3-jumbo"></i>
<p>SQLite</p>
</a>
<a href="https://github.com/libuv/libuv" class="w3-col s3">
<i class="fa fa-bolt w3-text-yellow w3-jumbo"></i>
<p>libuv</p>
</a>
</div>
2024-04-13 20:07:39 -04:00
<div class="w3-row" style="margin-top: 64px">
<a href="https://www.zlib.net/" class="w3-col s3">
<i class="fa fa-file-zipper w3-text-cyan w3-jumbo"></i>
<p>zlib</p>
</a>
<a href="https://doc.libsodium.org/" class="w3-col s3">
<i class="fa fa-lock w3-text-purple w3-jumbo"></i>
<p>libsodium</p>
</a>
2024-10-02 17:56:36 -04:00
<a href="https://github.com/openssl/openssl/releases" class="w3-col s3">
<i class="fa fa-shield-halved w3-text-green w3-jumbo"></i>
2024-04-13 20:07:39 -04:00
<p>OpenSSL</p>
</a>
2024-04-13 20:07:39 -04:00
<a
href="https://github.com/ianlancetaylor/libbacktrace"
class="w3-col s3"
>
<i class="fa fa-burst w3-text-pink w3-jumbo"></i>
<p>libbacktrace</p>
</a>
</div>
2024-04-13 20:07:39 -04:00
<div class="w3-row" style="margin-top: 64px">
<a href="https://codemirror.net/docs/changelog/" class="w3-col s3">
<i class="fa fa-keyboard w3-text-indigo w3-jumbo"></i>
<p>CodeMirror</p>
</a>
<a href="https://github.com/jlfwong/speedscope/" class="w3-col s3">
<i class="fa fa-microscope w3-text-orange w3-jumbo"></i>
<p>Speedscope</p>
</a>
<a href="https://github.com/lit/lit/" class="w3-col s3">
<i class="fa fa-fire w3-text-cyan w3-jumbo"></i>
<p>Lit</p>
</a>
<a href="https://github.com/c-ares/c-ares" class="w3-col s3">
<i class="fa fa-book-atlas w3-text-purple w3-jumbo"></i>
<p>c-ares</p>
</a>
</div>
<div class="w3-row" style="margin-top: 64px">
<a href="https://www.gnu.org/software/make/" class="w3-col s3">
<i class="fa fa-hammer w3-text-teal w3-jumbo"></i>
<p>GNU Make</p>
</a>
</div>
</div>
<!-- Footer -->
<footer class="w3-container w3-padding-32 w3-blue-grey w3-center w3-xlarge">
2024-04-13 20:07:39 -04:00
<p class="w3-medium">
This page and Tilde Friends itself was made by Cory mostly in coffee
shops and a local pizza place.
</p>
</footer>
</body>
2024-04-13 20:07:39 -04:00
</html>