~jadedctrl/jam-xwx-moe

Showing details for patch 7bccd0770bc958255322a74918b2689355602e14.
2023-09-19 (Tue), 1:10 AM - - 7bccd0770bc958255322a74918b2689355602e14

Postmetas afablan mesaĝon HTML-an al la index-paĝo

Tiu ĉi mesaĝo videblus sole se la retfoliumilo
uzas ne Ĝavoskripton. Tiel ĉi, se oni uzas ne
Ĝavoskripton, ĝi povus tamen lerni pri bloat-FE.
Summary of changes
2 files added
  • pleroma-fe/index.perl
  • pleroma-fe/index.perl.html
diff -rN -u old-jam-xwx-moe/pleroma-fe/index.perl new-jam-xwx-moe/pleroma-fe/index.perl
--- old-jam-xwx-moe/pleroma-fe/index.perl	1970-01-01 00:00:00.000000000 +0000
+++ new-jam-xwx-moe/pleroma-fe/index.perl	2024-11-22 16:54:26.311462829 +0000
@@ -0,0 +1,16 @@
+#!/usr/bin/env perl
+# Tio ĉi elŝutas la index.html-dosieron de la loke rulata Pleroma servilo, kaj postmetas
+# pliamikecan HTML-on por foliumiloj sen-Ĝavoskripto.
+# La postmetota HTML troviĝas ĉe index.perl.html.
+
+use LWP::Simple;
+$index_html = get("http://localhost:4000");
+$index_html =~ s/<body.*//;
+print($index_html);
+
+open(FH, '<', $0 . '.html') or die $!;
+
+while(<FH>){
+   print $_;
+}
+
diff -rN -u old-jam-xwx-moe/pleroma-fe/index.perl.html new-jam-xwx-moe/pleroma-fe/index.perl.html
--- old-jam-xwx-moe/pleroma-fe/index.perl.html	1970-01-01 00:00:00.000000000 +0000
+++ new-jam-xwx-moe/pleroma-fe/index.perl.html	2024-11-22 16:54:26.311462829 +0000
@@ -0,0 +1,128 @@
+
+	<body>
+		<div id=app>
+			<style>
+				body {
+					background-color: #B5E9EC;
+					font-family: sans-serif;
+					font-size: 14px;
+					color: black;
+				}
+
+
+				.our-panel {
+					box-shadow: 0px 0px 0px 1px rgba(98, 14, 140, 1) , 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
+					overflow: hidden;
+					border-radius: 3px;
+					padding: 0;
+					background-color: #F7F7F7;
+					max-width: 1000px;
+					margin: auto;
+					margin-top: 3.0rem;
+				}
+
+
+				img {
+					bottom: 0;
+					display: table-cell;
+					vertical-align: bottom;
+				}
+
+
+				h1 {
+					text-align: center;
+				}
+
+
+				.our-panel-heading {
+					border-radius: 3px 3px 0 0;
+					align-items: stretch;
+					background-color: #E2C2F2;
+					box-shadow: 0px 0px 0px 1px rgba(98, 14, 140, 1) , 1px 1px 0px 0px rgba(255, 255, 255, 0.3) inset, -1px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
+					flex-direction: column;
+					padding: .5em;
+					position: relative;
+					text-align: left;
+					font-size: 1.3em;
+				}
+
+
+				.our-panel:after {
+					bottom: 0;
+					box-shadow: 1px 1px 4px rgba(0, 0, 0, .6);
+					box-shadow: 0px 0px 0px 1px rgba(98, 14, 140, 1) , 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
+					content: "";
+					left: 0;
+					pointer-events: none;
+					position: absolute;
+					right: 0;
+					top: 0;
+					z-index: 5;
+				}
+
+
+				.our-panel-body p {
+					padding-left: 20px;
+					padding-right: 20px;
+				}
+
+
+				.our-panel-body:empty:before {
+					content: "¯\\_(ツ)_/¯";
+					display: block;
+					margin: 1em;
+					text-align: center;
+				}
+
+
+				.our-panel-body>p {
+					line-height: 1.3;
+					margin: 0;
+					padding: 1em;
+				}
+				nav {
+					width: 100%;
+					background-color: #B6E2FF;
+					box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.3) inset, 0px 0px 0px 1px rgba(98, 14, 140, 1) , 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
+					color: hsla(240,1%,73%,.5);
+					color: var(--faint,hsla(240,1%,73%,.5));
+					height: 3.5rem;
+					text-align: center;
+					border-bottom: 3px;
+					border-bottom-color: rgba(98, 14, 140, 1);
+					margin: 0;
+				}
+				nav a {
+					margin: auto;
+					margin-top: 50%;
+					color: rgba(128, 108, 13, 1);
+					text-decoration: none;
+				}
+			</style>
+			<nav style="position: relative;"><a href="/">Mancardo Jamada</a></nav>
+			<div class="our-panel user-profile-placeholder">
+				<div class="our-panel-heading">
+					<div class="title">Pleroma Enlegiĝas… <noscript>Ne.</noscript></div>
+				</div>
+				<div class="our-panel-body">
+					<p>Atendu momenton. Se vi plu vidas tiun ĉi paĝo, <a href="https://pleroma.social/">Pleroma</a> fakte <em>ne</em> enlegiĝas!</p>
+					<p>Tiu ĉi fasado de Pleroma (»<a href="https://git.pleroma.social/pleroma/pleroma-fe/">Pleroma-FE</a>«) postulas la uzon de Ĝavoskripto. Eble, ial, via retfoliumilo malatentas Ĝavoskripton.</p>
+
+					<p>Eble via retfoliumilo ne subtenas ĝin: Tio oftas je retfoliumiloj malnovaj, tekstaj, aŭ prilaborataj. <a href="http://www.netsurf-browser.org/">NetSurf</a>, <a href="https://lynx.invisible-island.net/">Lynx</a>, kaj <a href="https://w3m.sourceforge.net/">w3m</a> estas tiaj, ekzemple. Vi povus uzi <a href="https://www.mozilla.org/firefox/">alian retfoliumilon</a>.</p>
+					<p>Se vi uzas retfoliumilon pezan kaj modernan kiel <a href="https://www.mozilla.org/firefox/">Firefox</a> aŭ Chromium, eblas ke la skripto estis elfiltrita, ial. <a href="https://www.gnu.org/software/librejs/">LibreJS</a> kaj <a href="https://noscript.net/">NoScript</a> foje kulpas; vi esploru la kaŭzon ĉe la gvidpaĝoj de via foliumilo.</p>
+
+					<hr>
+
+					<p>Sed <em>atentu</em>! <em>Atentu min!</em> Restas alia vojo, la vojo al animosavo!</p>
+					<p>Se Ĝavoskripto ne funkcias (aŭ se Ĝavoskripton vi malaprobas), restas alia kliento! Tiu ĉi servilo ankaŭ gastigas <a href="https://git.freesoftwareextremist.com/bloat/tree/README">bloat-FE</a>.</p>
+					<p>Klaku jenen por viziti per bloat-FE, la senĝavoskripta kliento: <a href="https://jam.xwx.moe:1337">https://jam.xwx.moe:1337</a></p>
+					<p>(Tamen, uzo de bloat-FE postulas konton ĉe tiu ĉi servilo — se vi bezonas konton, retpoŝtmesaĝu al <i>xwx</i> ĈE <i>posteo.net</i>.)</p>
+
+					<noscript><hr><p>Se vi vidas ĉi tion, atesteblas ke Ĝavoskripto estas <em>malŝaltita</em> je via retfoliumilo.</p></noscript>
+				</div>
+			</div>
+		</div>
+		<div id=modal></div>
+		<div id=popovers>
+	</body>
+</html>