修正＆お知らせ

www/about/index.html

@@ -11,6 +11,7 @@
     <script type="text/javascript">
       document.getElementById('jswarning').style.display = 'block';
     </script>
+    <div class="information">お知らせ：元のダークネットリンクは秋まで修正致します。その間、Tor 2又はI2P 2のリンクをご利用下さい。</div>
     <h1>ようこそ、匿名自営業０７６へ</h1>
     <div class="container">
       <p>
@@ -39,6 +40,7 @@
       </p>
       <hr />
       <h2>匿名自営業０７６について</h2>
+      <div class="gengo">
         <div class="nihongo">
           匿名自営業０７６は日本の独自のサービスブロバイダーです。<br />
           日本人向けサービスですが、色々の国々のユーザーも居ますので、海外の方も迎えます。<br />
@@ -49,6 +51,8 @@
           Even though it's meant for Japanese people, we also welcome international users.<br />
           Since the services are all for free, please consider to donating to us in <a href="/support/monero/">Monero</a>.
         </div>
+      </div>
+      <div class="gengo">
         <div class="nihongo">
           ０７６は世界で最初の匿名自営業（匿）です。<br />
           匿名自営業（とくめいじえいぎょう）って何ですか？<br />
@@ -63,6 +67,8 @@
           In order to register those, you were obligated to register a company.<br />
           In the new economy, no company registration is needed, and business type can be whatever you want.
         </div>
+      </div>
+      <div class="gengo">
         <div class="nihongo">
           知っていた？<br />
           チャットアプリでLINEとDiscordばかりではありません。<br />
@@ -77,6 +83,8 @@
           Twitter and Instagram are not the only social media sites.<br />
           The Yen is not the only money.
         </div>
+      </div>
+      <div class="gengo">
         <div class="nihongo">
           私のブログでデジタル自由について教えくれますので、RSSで登録して下さい。
         </div>
@@ -84,6 +92,7 @@
           I'll teach you about digital freedom on my blog (in Japanese only), so please subscribe through RSS.
         </div>
       </div>
+    </div>
     <div class="footer">
       <a href="https://git.076.ne.jp/TechnicalSuwako/076.moe"><img src="/git.png" alt="Git" /></a>
     </div>

www/index.html

@@ -11,6 +11,7 @@
     <script type="text/javascript">
       document.getElementById('jswarning').style.display = 'block';
     </script>
+    <div class="information">お知らせ：元のダークネットリンクは秋まで修正致します。その間、Tor 2又はI2P 2のリンクをご利用下さい。</div>
     <h1>ようこそ、匿名自営業０７６へ</h1>
     <div class="container">
       <p>
@@ -39,6 +40,7 @@
       </p>
       <hr />
       <h2>サービス一覧</h2>
+      <div class="gengo">
         <div class="nihongo">
           匿名自営業０７６は日本の独自のサービスブロバイダーです。<br />
           日本人向けサービスですが、色々の国々のユーザーも居ますので、海外の方も迎えます。<br />
@@ -49,6 +51,7 @@
           Even though it's meant for Japanese people, we also welcome international users.<br />
           Since the services are all for free, please consider to donating to us in <a href="/support/monero/">Monero</a>.
         </div>
+      </div>
       <div class="clear"></div>
       <div class="serv-body">
         <div class="serv-title">ブログ・Blog</div>
@@ -62,10 +65,6 @@
         <a href="https://076.moe/xmpp">XMPP</a><br />
         <a href="https://076.moe/irc">IRC</a>
       </div>
-      <div class="serv-body">
-        <div class="serv-title">Git</div>
-        <a href="https://git.076.ne.jp/">Gitea</a>
-      </div>
       <div class="serv-body">
         <div class="serv-title">SNS</div>
         <a href="https://social.076.ne.jp">Pleroma</a><br />
@@ -80,6 +79,7 @@
       </div>
       <div class="serv-body">
         <div class="serv-title">その他</div>
+        <a href="https://git.076.ne.jp/">Gitea</a>
         <a href="https://urlo.li/">URLロリ</a><br />
         <a href="https://hozon.site/">保存サイト</a> (<a href="http://bcwa3enxgy4dmda62e64yu5t5u2pwrki5dfvql5kbqw5dgatc3okubad.onion">Tor</a>) (<a href="http://hxk4b2n6622kglfoxgxj3elkg6jmfevf67zamsr2bjvsk3vqwioq.b32.i2p">I2P</a>)<br />
         <a href="https://kensaku.online/">検索オンライン</a><br />

www/irc/index.html

@@ -11,6 +11,7 @@
     <script type="text/javascript">
       document.getElementById('jswarning').style.display = 'block';
     </script>
+    <div class="information">お知らせ：元のダークネットリンクは秋まで修正致します。その間、Tor 2又はI2P 2のリンクをご利用下さい。</div>
     <h1>ようこそ、匿名自営業０７６へ</h1>
     <div class="container">
       <p>
@@ -39,6 +40,7 @@
       </p>
       <hr />
       <h2>０７６IRCサーバについて</h2>
+      <div class="gengo">
         <div class="nihongo">
           参加するには、IRCアプリをご利用下さいませ。<br />
           ネットワーク名： 076IRC<br />
@@ -62,6 +64,7 @@
           Example: / join #moriyajinjya
         </div>
       </div>
+    </div>
     <div class="footer">
       <a href="https://git.076.ne.jp/TechnicalSuwako/076.moe"><img src="/git.png" alt="Git" /></a>
     </div>

www/staff/index.html

@@ -11,6 +11,7 @@
     <script type="text/javascript">
       document.getElementById('jswarning').style.display = 'block';
     </script>
+    <div class="information">お知らせ：元のダークネットリンクは秋まで修正致します。その間、Tor 2又はI2P 2のリンクをご利用下さい。</div>
     <h1>ようこそ、匿名自営業０７６へ</h1>
     <div class="container">
       <p>
@@ -39,6 +40,7 @@
       </p>
       <hr />
       <h2>スタッフ</h2>
+      <div class="gengo">
         <div class="nihongo">
           <a href="https://technicalsuwako.moe">テクニカル諏訪子</a> (日本語)<br />
           <a href="https://ryocafe.site">寮</a> (英語)<br />
@@ -50,6 +52,7 @@
           <a href="https://librecat.nl">Lain</a> (Dutch, in training)
         </div>
       </div>
+    </div>
     <div class="footer">
       <a href="https://git.076.ne.jp/TechnicalSuwako/076.moe"><img src="/git.png" alt="Git" /></a>
     </div>

www/style.css

@@ -1,19 +1,29 @@
 body {
   background: #232629;
   color: #fcfcfc;
+  margin: 0;
 }
 
 .clear {
   clear: both;
 }
 
+.information, .jswarning {
+  padding: 10px;
+  margin: 0;
+}
+
+.information {
+  background-color: rgb(195, 168, 230);
+  color: #232629;
+  border: 4px #9d76c5 ridge;
+}
+
 .jswarning {
   background-color: rgb(170, 170, 0);
-  color: rgb(252, 252, 252);
-  display: none;
-  padding: 10px;
-  z-index: 5000;
+  color: #fcfcfc;
   border: 4px #dde22d ridge;
+  display: none;
 }
 
 a {
@@ -70,9 +80,18 @@ hr {
   color: #ffeb3b;
 }
 
+.gengo {
+  width: 100%;
+}
+
+.nihongo, .english {
+  max-width: 830px;
+}
+
+@media screen and (min-width: 890px) {
   .nihongo, .english {
     width: 98%;
-  max-width: 830px;
+  }
 }
 
 .anarchy {

www/support/index.html

@@ -11,6 +11,7 @@
     <script type="text/javascript">
       document.getElementById('jswarning').style.display = 'block';
     </script>
+    <div class="information">お知らせ：元のダークネットリンクは秋まで修正致します。その間、Tor 2又はI2P 2のリンクをご利用下さい。</div>
     <h1>ようこそ、匿名自営業０７６へ</h1>
     <div class="container">
       <p>
@@ -39,6 +40,7 @@
       </p>
       <hr />
       <h2>支援♡</h2>
+      <div class="gengo">
         <div class="nihongo">
           匿名自営業０７６は日本の独自のサービスブロバイダーです。<br />
           日本人向けサービスですが、色々の国々のユーザーも居ますので、海外の方も迎えます。<br />
@@ -49,6 +51,7 @@
           Even though it's meant for Japanese people, we also welcome international users.<br />
           Since the services are all for free, please consider to donating to us in <a href="/support/monero/">Monero</a>.
         </div>
+      </div>
       <div class="anarchy">
         <a href="/support/monero"><img src="keroxmr.png" alt="ケロXMR" /></a>
       </div>

www/support/monero/index.html

@@ -11,6 +11,7 @@
     <script type="text/javascript">
       document.getElementById('jswarning').style.display = 'block';
     </script>
+    <div class="information">お知らせ：元のダークネットリンクは秋まで修正致します。その間、Tor 2又はI2P 2のリンクをご利用下さい。</div>
     <h1>ようこそ、匿名自営業０７６へ</h1>
     <div class="container">
       <p>
@@ -39,6 +40,7 @@
       </p>
       <hr />
       <h2>モネロ（XMR）</h2>
+      <div class="gengo">
         <div class="nihongo">
           ハウツー、動画、無料サービス等好きでしょうか？<br />
           欲しければ、モネロ（XMR）でご支援お願い申し上げます。
@@ -47,6 +49,7 @@
           Do you like our tutorials, videos, and free services?<br />
           We would appreciate it if you'd donate to us in Monero (XMR).
         </div>
+      </div>
       <div class="anarchy">
         <img src="xmr-qr.png" alt="QRコード" /><br />
         <pre>436RmujnMVT834WXCUYoHcCWQBFnmDthxXYkxiwR8qVwBS7P84CjVwGUumvALfUcWDCNUKHFkJhSvPUQpkBtDk2zH9LSg7C</pre>

www/xmpp/index.html

@@ -11,6 +11,7 @@
     <script type="text/javascript">
       document.getElementById('jswarning').style.display = 'block';
     </script>
+    <div class="information">お知らせ：元のダークネットリンクは秋まで修正致します。その間、Tor 2又はI2P 2のリンクをご利用下さい。</div>
     <h1>ようこそ、匿名自営業０７６へ</h1>
     <div class="container">
       <p>
@@ -43,6 +44,7 @@
         <a href="https://compliance.conversations.im/server/xmpp.076.ne.jp"><img src="https://compliance.conversations.im/badge/xmpp.076.ne.jp" alt="conversations.im score"></a>
         <a href="https://xmpp.net/result.php?domain=xmpp.076.ne.jp&amp;type=server"><img src="https://xmpp.net/badge.php?domain=xmpp.076.ne.jp" alt="xmpp.net score"></a>
       </p>
+      <div class="gengo">
         <div class="nihongo">
           <ul>
             <li><a href="xmpp:moriyajinja@chat.xmpp.076.ne.jp?join">守谷神社</a>：一般相談</li>
@@ -59,26 +61,34 @@
             <li><a href="xmpp:freedom@chat.xmpp.076.ne.jp?join">Japanese Libertarian and Anarchist Meeting</a>：We welcome freedom loving people</li>
           </ul>
         </div>
+      </div>
+      <div class="gengo">
         <div class="nihongo">
           <p>
-          参加するには、チャットアプリをご利用下さいませ。<br />
-          ・アカウント作成：可（<a href="https://technicalsuwako.moe/blog/xmpp-account-create-way">説明</a>）<br />
-          ・ファイル転送：可<br />
-          ・プロファイルアイコン：可<br />
-          ・MUCチャット部屋：可<br />
-          ・ログ：無
+            参加するには、チャットアプリをご利用下さいませ。
+            <ul>
+              <li>アカウント作成：可（<a href="https://technicalsuwako.moe/blog/xmpp-account-create-way">説明</a>）</li>
+              <li>ファイル転送：可</li>
+              <li>プロファイルアイコン：可</li>
+              <li>MUCチャット部屋：可</li>
+              <li>ログ：無</li>
+            </ul>
           </p>
         </div>
         <div class="english">
           <p>
-          In order to join the chatrooms above, please use a chat application.<br />
-          ・ Account creation: Yes (<a href="https://technicalsuwako.moe/blog/xmpp-account-create-way">explanation (Japanese)</a>)<br />
-          ・ File transfer: Yes<br />
-          ・ Profile icons: Yes<br />
-          ・ MUC chatrooms: Yes<br />
-          ・ Logs: No
+            In order to join the chatrooms above, please use a chat application.
+            <ul>
+              <li>Account creation: Yes (<a href="https://technicalsuwako.moe/blog/xmpp-account-create-way">explanation (Japanese)</a>)</li>
+              <li>File transfer: Yes</li>
+              <li>Profile icons: Yes</li>
+              <li>MUC chatrooms: Yes</li>
+              <li>Logs: No</li>
+            </ul>
           </p>
         </div>
+      </div>
+      <div class="gengo">
         <div class="nihongo">
           <h1>利用規約</h1>
           <ul>
@@ -92,6 +102,7 @@
           </ul>
         </div>
       </div>
+    </div>
     <div class="footer">
       <a href="https://git.076.ne.jp/TechnicalSuwako/076.moe"><img src="/git.png" alt="Git" /></a>
     </div>