welcome.en.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta name="generator" content="Seppo.Social" />
  6. <meta charset="utf-8" />
  7. <link rel="stylesheet" href="../themes/current/style.css" />
  8. <title>#Seppo!</title>
  9. </head>
  10. <body>
  11. <div id="header">
  12. <ul role="navigation" aria-label="Main">
  13. <li><a href="https://Seppo.Social">Seppo.Social</a></li>
  14. <li><a href="https://Seppo.Social/support/">Support</a></li>
  15. </ul>
  16. <pre>
  17. _ _ ____ _
  18. _| || |_/ ___| ___ _ __ _ __ ___ | |
  19. |_ .. _\___ \ / _ \ '_ \| '_ \ / _ \| |
  20. |_ _|___) | __/ |_) | |_) | (_) |_|
  21. |_||_| |____/ \___| .__/| .__/ \___/(_)
  22. |_| |_|
  23. Personal Social Web
  24. </pre>
  25. </div>
  26. <div id="main">
  27. <h1>Welcome to your Personal Social Web</h1>
  28. <p>There are two things to configure before #Seppo! can serve your posts:</p>
  29. <ol>
  30. <li>your future login passwd (i.e. username &amp; password) and</li>
  31. <li>a bit of decoration of your personal social media presence (a short description of
  32. yours/this server, an avatar image to be shown when liked or boosted, etc.)</li>
  33. </ol>
  34. <p>However, there has to be a word of warning before we start:</p>
  35. <blockquote>
  36. <em>The internet — much like real life — isn't all friendly participants. Written text is
  37. prone to misunderstandings. All writing can and will be used against you. You have the right
  38. to remain silent.</em>
  39. </blockquote>
  40. <p>That being settled, you can</p>
  41. <form method="get" action="../seppo.cgi/passwd/" class="text-center">
  42. <button autofocus="autofocus">choose your passwd</button>
  43. </form>
  44. </div>
  45. </body>
  46. </html>