~mro/seppo-www

32a38fb80da4b2853d7451a0834413bf06c1e6d4 — Marcus Rohrmoser a month ago fb48b69
explain web hosting.
3 files changed, 64 insertions(+), 27 deletions(-)

M ds24/index.html
M en/support/index.html
M style.css
M ds24/index.html => ds24/index.html +10 -6
@@ 4,7 4,7 @@
<head>
  <link rel="stylesheet" href="../../style.css" type="text/css" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="author" content="Marcus.Rohrmoser.name" />
  <meta name="author" content="@social@mro.name" />
  <meta name="description" content="Vortragsfolien" />
  <meta name="generator" content="HTML Tidy for HTML5 for FreeBSD version 5.8.0" />
  <title>⚡ Talk: Emanzipiertes Social Web</title>


@@ 39,7 39,7 @@
  <br />
  <br />
  <p><a href="#ziel">next</a></p>
  <h2 id="ziel">Ziel</h2>
  <h2 id="ziel"><a href="#ziel">Ziel</a></h2>
  <p>Eigener Single-User Social Web Server auf eigener Domain, z.B. <a>example.com</a></p><br />
  <br />
  <br />


@@ 53,7 53,7 @@
  <br />
  <br />
  <p><a href="#pre">next</a></p>
  <h2 id="pre">Alles was nörig ist, ist</h2>
  <h2 id="pre"><a href="#pre">Alles was nörig ist, ist</a></h2>
  <ul>
    <li><a href="../en/support/#webspace">Web-Ablageplatz</a></li>
    <li>1 Datei-Download</li>


@@ 72,9 72,13 @@
  <br />
  <br />
  <p><a href="#danke">next</a></p>
  <h2 id="danke">Vielen Dank</h2>
  <h2 id="danke"><a href="#danke">Vielen Dank</a></h2>
  <p><a>für Eure Aufmerksamkeit!</a></p>
  <p><a><img src="qr.png" /><br /></a> <a href=
  "https://Seppo.Social/ds24">Seppo.Social/ds24</a></p>
  <p>Kontakt: <a href=
  "https://seppo.social/aseppototry/apchk.cgi/webfinger?redirect=http%3A%2F%2Fwebfinger.net%2Frel%2Fprofile-page&amp;resource=acct:social@mro.name">
  @social@mro.name</a><br />
  Folien: <a href="https://Seppo.Social/ds24">Seppo.Social/ds24</a><br />
  <a><img src="qr.png" /></a></p>
  <ol data-footnotes-generator="mro.name/pagerake"></ol>
</body>
</html>

M en/support/index.html => en/support/index.html +53 -20
@@ 45,14 45,29 @@ Personal Social Web
    server-side scripting nor obligatory javascript. You can backup all files and restore in case.
    There are no dependencies to install nor tend.</p>
    <h1 id="webspace"><a href="#webspace">🏡 Webspace</a></h1>
    <p>To create a www address<a id="ref:0:fn:url" href="#fn:url" name="ref:0:fn:url">[1]</a>
    <a>https://example.com/subdirectory/hello.txt</a> and publish content, about the simplest way
    is to</p>
    <ol>
      <li>rent simple webspace with SSL and a domain name offered by numerous shared web hosting
      vendors,</li>
      <li>have write<a id="ref:0:fn:ftp" href="#fn:ftp" name="ref:0:fn:ftp">[2]</a> access to the
      server<a id="ref:0:fn:server" href="#fn:server" name="ref:0:fn:server">[3]</a> backing
      <a>https://example.com</a>. Typically via <a>sftp://example.com</a>, the write credentials
      told by your vendor and e.g. FileZilla<a id="ref:0:fn:filezilla" href="#fn:filezilla" name=
      "ref:0:fn:filezilla">[4]</a>,</li>
      <li>inside that space, create a directory named to your liking, (here:
      <a>subdirectory</a>),</li>
      <li>into that directory, upload the file (here: <a>index.txt</a>) with the according
      content.</li>
    </ol>
    <p>For #Seppo the webspace must have CGI<a id="ref:0:fn:cgi" href="#fn:cgi" name=
    "ref:0:fn:cgi">[5]</a> enabled. If the vendor doesn't mention, you better ask them. Some
    vendors known to already host #Seppos are <a href=
    "https://seppo.social/vendors">seppo.social/vendors</a>.</p>
    <p>To seize agency and not being subject to third party terms &amp; conditions, you can't do
    without owning your place. “If you're not paying for the product, you <em>are</em> the
    product.”</p>
    <p>A convenient way is to rent commodity webspace with SSL and a domain name. The webspace must
    have CGI<a id="ref:0:fn:cgi" href="#fn:cgi" name="ref:0:fn:cgi">[1]</a> enabled. If the vendor
    doesn't mention, you have to ask. There are numerous vendors offering such since long. Some
    known to already host #Seppos are <a href=
    "https://seppo.social/vendors">seppo.social/vendors</a>.</p>
    <h1 id="installation"><a href="#installation">🌱 Installation</a></h1>
    <div role="complementary">
      <a href="2024-08-29-100000-_--_filezilla_screen.png"><img alt=


@@ 72,19 87,22 @@ Personal Social Web
      "2024-08-29-100000-_--_profile_screen.png" /></a><br />
      4: Success!
    </div>
    <p>Hooray, you have your webspace. Next are 4 technical steps the billionaire platforms prefer
    you to be scared of. You only have to do them once — now, as you begin:</p>
    <p>Hooray, you have your <a href="#webspace">webspace</a>. Next are 4 technical steps the
    billionaire platforms prefer you to be scared of. You only have to do them once — now, as you
    begin:</p>
    <ol>
      <li><a href="https://Seppo.Social/downloads/latest">download <code>seppo.cgi</code></a>,</li>
      <li>upload<a id="ref:0:fn:ftp" href="#fn:ftp" name="ref:0:fn:ftp">[2]</a> it to your webspace
      - if you prefer, to a separate subdirectory,</li>
      <li>ensure the uploaded cgi is named <code>seppo.cgi</code> and has file permissions
      'executable + read' (numeric value 555) and if your provider requires so, care for the
      <a href="/S1037">/cgi-bin/ subdirectory requirement</a>,</li>
      <li>enter your webspace http address, evtl. subdirectory and <code>/seppo.cgi</code> into
      <li>for the #Seppo server to have the address <a>https://example.com/subdirectory/</a> do
      upload<a id="ref:1:fn:ftp" href="#fn:ftp" name="ref:1:fn:ftp">[2]</a> <code>seppo.cgi</code>
      to your webspace into a directory named <a>subdirectory</a>. That name is to your liking. If
      your provider requires so, care for the <a href="/S1037">/cgi-bin/ subdirectory
      requirement</a>,</li>
      <li>ensure the uploaded file is named <code>seppo.cgi</code> and has file permissions 'read +
      executable' (numeric value 555), e.g. via right-click in the ftp program,</li>
      <li>enter the chosen #Seppo server web address plus <code>seppo.cgi</code> at the end into
      your browser's address-bar (at the top, not the search), e.g.:<br />
      <code>https://example.com/subdirectory/seppo.cgi</code><br />
      and hit "enter"</li>
      <a>https://example.com/subdirectory/seppo.cgi</a><br />
      hit "enter" and then choose screen + login name and password.</li>
    </ol>
    <p>Congratulations, you made it! Welcome, you are now a sovereign citizen of the Social Web.
    Ready to connect and be connected.</p>


@@ 108,13 126,28 @@ Personal Social Web
    <p>* * *</p>
    <h1 id="footnotes"><a href="#footnotes">Footnotes</a></h1>
    <ol data-footnotes-generator="mro.name/pagerake">
      <li id="fn:cgi"><a href="https://www.rfc-editor.org/rfc/rfc3875.html">RFC3875 The Common
      Gateway Interface (CGI)</a><span>, <a href="#ref:0:fn:cgi">back^</a></span></li>
      <li id="fn:ftp">Typically your provider may have a web interface to do so or further
      instructions like <a href=
      <li id="fn:url">
        <a href="https://datatracker.ietf.org/doc/html/rfc1738">URL</a> consisting of the
        <ol>
          <li>way to connect (here: <code>https</code> or <code>sftp</code>)</li>
          <li>machine name a.k.a. host (here: <code>example.com</code>)</li>
          <li>address within that machine</li>
        </ol><span>, <a href="#ref:0:fn:url">back^</a></span>
      </li>
      <li id="fn:ftp">Your webspace vendor may provide a web interface or further instructions like
      <a href=
      "https://www.variomedia.de/faq/Wie-uebertrage-ich-meine-Seite-auf-den-Server/article/177">Wie
      übertrage ich meine Seite auf den Server? (de)</a><span>, <a href=
      "#ref:0:fn:ftp">back^</a></span></li>
      "#ref:0:fn:ftp">back^</a></span><span>, <a href="#ref:1:fn:ftp">back^</a></span></li>
      <li id="fn:server">ftp and http being different ways to talk to a machine means there may be
      different (host) names to use in your ftp program and web browser. However, usually they are
      the same (here: <code>example.com</code>)<span>, <a href=
      "#ref:0:fn:server">back^</a></span></li>
      <li id="fn:filezilla"><a href=
      "https://en.wikipedia.org/w/index.php?title=FileZilla">FileZilla</a><span>, <a href=
      "#ref:0:fn:filezilla">back^</a></span></li>
      <li id="fn:cgi"><a href="https://www.rfc-editor.org/rfc/rfc3875.html">RFC3875 The Common
      Gateway Interface (CGI)</a><span>, <a href="#ref:0:fn:cgi">back^</a></span></li>
    </ol>
  </div>
  <p id="footer" role="contentinfo"><a rel="license" href=

M style.css => style.css +1 -1
@@ 145,7 145,7 @@ pre.language-shell-session {
  vertical-align: middle;
}

ol[data-footnotes-generator='mro.name/pagerake'] li::marker {
ol[data-footnotes-generator='mro.name/pagerake'] > li::marker {
  content: '[' counter(list-item) '] ';
}
h1[id]:hover::after,