res/welcome.en.html

   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
  24 Personal Social Web
  25 </pre>
  26   </div>
  27   <div id="main">
  28     <h1>Welcome to your Personal Social Web</h1>
  29     <p>There are two things to configure before #Seppo! can serve your posts:</p>
  30     <ol>
  31       <li>your future login passwd (i.e. username &amp; password) and</li>
  32       <li>a bit of decoration of your personal social media presence (a short description of
  33       yours/this server, an avatar image to be shown when liked or boosted, etc.)</li>
  34     </ol>
  35     <p>However, there has to be a word of warning before we start:</p>
  36     <blockquote>
  37       <em>The internet — much like real life — isn't all friendly participants. Written text is
  38       prone to misunderstandings. All writing can and will be used against you. You have the right
  39       to remain silent.</em>
  40     </blockquote>
  41     <p>That being settled, you can</p>
  42     <form method="get" action="../seppo.cgi/passwd/" class="text-center">
  43       <button autofocus="autofocus">choose your passwd</button>
  44     </form>
  45   </div>
  46 </body>
  47 </html>