cory/tildefriends
4
5
Fork 1
Code Issues 33 Pull Requests 1 Actions Releases 27 Wiki Activity

Welcome updates.

Browse Source 
git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4537 ed5197a5-7fde-0310-b194-c3ffbd925b24
This commit is contained in:
Cory McWilliams 2023-10-18 20:49:53 +00:00
parent e785f7f10a
commit e499be12ae
3 changed files with 105 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/welcome.json
View File

@ -1,4 +1,5 @@
{ {
"type": "tildefriends-app", "type": "tildefriends-app",
"emoji": "📦" "emoji": "👋",
"previous": ""
} }

167
apps/welcome/index.html
View File

@ -21,11 +21,11 @@
<!-- The App Section --> <!-- The App Section -->
<div class="w3-padding-64 w3-white"> <div class="w3-padding-64 w3-white">
<div class="w3-row-padding"> <div class="w3-row-padding">
<div class="w3-col l8 m6"> <div class="w3-col l8 m6 w3-padding-32">
<h1 class="w3-jumbo"> <h1 class="w3-jumbo">
<b>😎 Tilde Friends</b> <b>😎 Tilde Friends</b>
</h1> </h1>
<h1 class="w3-xxlarge w3-text-green"><b>Make apps with friends from the comfort of your web browser.</b></h1> <h1 class="w3-xxlarge w3-text-green"><b>Make apps and 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>Tilde Friends is a platform for building, running, and sharing web applications.</p>
<p>Available for lots of devices: <p>Available for lots of devices:
<i class="fa-brands fa-linux w3-xlarge"></i> <i class="fa-brands fa-linux w3-xlarge"></i>
@ -35,100 +35,135 @@
<i class="fa-brands fa-windows w3-xlarge"></i> <i class="fa-brands fa-windows w3-xlarge"></i>
</p> </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/~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> <a class="w3-button w3-black w3-padding-large" href="https://www.tildefriends.net/~cory/apps/"><i class="fa fa-link"></i> Try Some Apps</a>
</div> </div>
<div class="w3-col l4 m6"> <div class="w3-col l4 m6">
<img src="tildefriends.png" class="w3-image w3-right w3-hide-small"> <img src="tildefriends.png" class="w3-image w3-right w3-hide-small">
</div> </div>
</div>
</div>
<!-- SSB Section -->
<div class="w3-light-grey">
<div class="w3-row-padding w3-padding-64">
<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>
Share apps with friends. Discover new apps made by enemies. Post pictures of your coffee. Or just lurk.
</p>
<p>
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> </div>
</div>
<!-- SSB Section --> <!-- Editor Section -->
<div class="w3-padding-64 w3-light-grey"> <div class="w3-container w3-padding-64 w3-white">
<div class="w3-row-padding"> <div class="w3-row-padding">
<div class="w3-col l4 m6"> <div class="w3-col l8 m6">
<a href="https://scuttlebutt.nz/"><img class="w3-image w3-round-large w3-hide-small" src="ssb.png" alt="Secure Scuttlebutt"></a> <h1 class="w3-jumbo"><b>Edit Anything</b></h1>
</div> <p>
<div class="w3-col l8 m6"> See that <code><b>edit</b></code> link near the top left corner of this page? It's there for
<h1 class="w3-jumbo"><b>Built for Sharing</b></h1> every Tilde Friends app, so you can modify and observe your changes, live. Kind of like a wiki,
<p> but for code. I think it's pretty neat.
Tilde Friends participates in the <a href="https://scuttlebutt.nz/">Secure Scuttlebutt</a> distributed social network. </p>
</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>
</div> </div>
</div>
<!-- Features Section --> <!-- Sandbox Section -->
<div class="w3-container w3-padding-64 w3-dark-grey w3-center"> <div class="w3-padding-64">
<h1 class="w3-jumbo"><b>Technology</b></h1> <div class="w3-row-padding">
<p>Tilde Friends is built using boring, trusted tech.</p> <div class="w3-col">
<h1 class="w3-jumbo"><b>Sandbox Isolation</b></h1>
<i class="fa fa-road-barrier w3-left w3-jumbo" style="padding: 32px"></i>
<p>
Tilde Friends tries to make sure apps can be trusted using similar techniques to how web
browsers and operating systems do it.
</p>
<p>
This is all a work in progress, 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>
<div class="w3-row" style="margin-top:64px"> <!-- Features Section -->
<div class="w3-col s3"> <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>
<p>Though of course you are free to use whatever web technologies you can fit into a Tilde Friends app.</p>
<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> <i class="fa fa-c w3-text-blue w3-jumbo"></i>
<p>C</p> <p>C</p>
</div> </a>
<div class="w3-col s3"> <a href="https://bellard.org/quickjs/" class="w3-col s3">
<i class="fa-brands fa-js w3-text-orange w3-jumbo"></i> <i class="fa-brands fa-js w3-text-orange w3-jumbo"></i>
<p>QuickJS</p> <p>QuickJS</p>
</div> </a>
<div class="w3-col s3"> <a href="https://www.sqlite.org/" class="w3-col s3">
<i class="fa fa-database w3-text-red w3-jumbo"></i> <i class="fa fa-database w3-text-red w3-jumbo"></i>
<p>SQLite</p> <p>SQLite</p>
</div> </a>
<div class="w3-col s3"> <a href="https://libuv.org/" class="w3-col s3">
<i class="fa fa-bolt w3-text-yellow w3-jumbo"></i> <i class="fa fa-bolt w3-text-yellow w3-jumbo"></i>
<p>libuv</p> <p>libuv</p>
</div> </a>
</div> </div>
<div class="w3-row" style="margin-top:64px"> <div class="w3-row" style="margin-top:64px">
<div class="w3-col s3"> <a href="https://www.zlib.net/" class="w3-col s3">
<i class="fa fa-file-zipper w3-text-cyan w3-jumbo"></i> <i class="fa fa-file-zipper w3-text-cyan w3-jumbo"></i>
<p>zlib</p> <p>zlib</p>
</div> </a>
<div class="w3-col s3"> <a href="https://doc.libsodium.org/" class="w3-col s3">
<i class="fa fa-lock w3-text-purple w3-jumbo"></i> <i class="fa fa-lock w3-text-purple w3-jumbo"></i>
<p>libsodium</p> <p>libsodium</p>
</div> </a>
<div class="w3-col s3"> <a href="https://www.openssl.org/" class="w3-col s3">
<i class="fa fa-shield-halved w3-text-green w3-jumbo"></i> <i class="fa fa-shield-halved w3-text-green w3-jumbo"></i>
<p>OpenSSL </p> <p>OpenSSL </p>
</div> </a>
<div class="w3-col s3"> <a href="https://github.com/ianlancetaylor/libbacktrace" class="w3-col s3">
<i class="fa fa-burst w3-text-pink w3-jumbo"></i> <i class="fa fa-burst w3-text-pink w3-jumbo"></i>
<p>libbacktrace</p> <p>libbacktrace</p>
</div> </a>
</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> </div>
<!-- Footer --> <div class="w3-row" style="margin-top:64px">
<footer class="w3-container w3-padding-32 w3-light-grey w3-center w3-xlarge"> <a href="https://codemirror.net/5/" class="w3-col s3">
<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> <i class="fa fa-keyboard w3-text-indigo w3-jumbo"></i>
</footer> <p>CodeMirror</p>
</a>
<a href="https://speedscope.app/" class="w3-col s3">
<i class="fa fa-microscope w3-text-orange w3-jumbo"></i>
<p>Speedscope</p>
</a>
<a href="https://lit.dev/" class="w3-col s3">
<i class="fa fa-fire w3-text-cyan w3-jumbo"></i>
<p>Lit</p>
</a>
<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-light-grey w3-center w3-xlarge">
<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> </body>
</html> </html>