tasiaiso/tildefriends
1
0
Fork 0
forked from cory/tildefriends
Code Issues Pull Requests Releases Wiki Activity

intro: Ugg, CSS.

Browse Source
This commit is contained in:
Cory McWilliams 2025-05-22 12:00:33 -04:00
parent 0a3baed1da
commit bb1190e3f8
1 changed files with 23 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
apps/intro/index.html
View File

@ -34,10 +34,18 @@
class="w3-flex w3-dark-gray w3-center" class="w3-flex w3-dark-gray w3-center"
> >
<div <div
style="flex: 1 1 auto; overflow: auto; contain: content; padding: 64px" style="
flex: 1 1 auto;
overflow: auto;
contain: content;
padding-top: 16px;
padding-bottom: 16px;
"
> >
<div class="slide">
<div <div
class="slide w3-content w3-xlarge w3-blue w3-card-4 w3-panel w3-padding-32 w3-round-xlarge" class="w3-content w3-xlarge w3-card-4 w3-blue w3-panel w3-padding-32 w3-round-xlarge"
style="margin: 32px"
> >
<div> <div>
<div>Welcome to</div> <div>Welcome to</div>
@ -47,11 +55,12 @@
<button class="w3-button w3-yellow proceed">Next</button> <button class="w3-button w3-yellow proceed">Next</button>
</footer> </footer>
</div> </div>
</div>
<div class="slide w3-card-4 w3-gray" style="width: 90%"> <div class="slide w3-card-4 w3-gray" style="width: 90%">
<header class="w3-container w3-blue w3-xlarge"> <header class="w3-container w3-blue w3-xlarge">
<h1>This brief tutorial will introduce:</h1> <h1>This brief tutorial will introduce:</h1>
</header> </header>
<ul class="w3-xlarge w3-left-align"> <ul class="w3-large w3-left-align">
<li><b>Secure Scuttlebutt</b>, a decentralized social network.</li> <li><b>Secure Scuttlebutt</b>, a decentralized social network.</li>
<li> <li>
<b>Tilde Friends</b>, the application platform that you are using <b>Tilde Friends</b>, the application platform that you are using
@ -70,7 +79,7 @@
<header class="w3-container w3-blue"> <header class="w3-container w3-blue">
<h1>💻Secure Scuttlebutt in a Nutshell🦀</h1> <h1>💻Secure Scuttlebutt in a Nutshell🦀</h1>
</header> </header>
<div class="w3-container w3-xlarge w3-left-align"> <div class="w3-container w3-large w3-left-align">
<p> <p>
Secure Scuttlebutt is a social network whose technical operation Secure Scuttlebutt is a social network whose technical operation
attempts to mirrors human social interaction. attempts to mirrors human social interaction.
@ -119,7 +128,7 @@
<header class="w3-container w3-blue w3-center"> <header class="w3-container w3-blue w3-center">
<h1>~😎 Let's Talk Tilde Friends ~😎</h1> <h1>~😎 Let's Talk Tilde Friends ~😎</h1>
</header> </header>
<div class="w3-container w3-xlarge w3-left-align"> <div class="w3-container w3-large w3-left-align">
<p> <p>
Tilde Friends is an application platform that is an application of Tilde Friends is an application platform that is an application of
its own. its own.
@ -158,7 +167,7 @@
<header class="w3-container w3-blue w3-center"> <header class="w3-container w3-blue w3-center">
<h1>🦀Let's Get this Tilde Friends Party Started🎉</h1> <h1>🦀Let's Get this Tilde Friends Party Started🎉</h1>
</header> </header>
<div class="w3-container w3-xlarge w3-left-align"> <div class="w3-container w3-large w3-left-align">
<p>The button below will take you to the Secure Scuttlebutt app.</p> <p>The button below will take you to the Secure Scuttlebutt app.</p>
<ul> <ul>
<li> <li>