suwako/technicalsuwako.moe
suwako
/
technicalsuwako.moe
1
0
フォーク 1
コード イシュー プルリクエスト プロジェクト リリース Wiki アクティビティ

やはり一人で勝てない・・・

このコミットが含まれているのは:
守矢諏訪子 2024-04-24 10:11:22 +09:00
親 bd25e9c601
コミット a0fb6f428e
2個のファイルの変更、0行の追加、52行の削除
統計情報を表示 Patchファイルをダウンロード Diffファイルをダウンロード すべてのファイルを展開 すべてのファイルを折り畳む

38
site.tmpl
ファイルの表示

@ -10,44 +10,6 @@
<link rel="stylesheet" type="text/css" href="/static/style.css" />
</head>
<body>
<div class="nosmartphone">
<h1>スマホユーザーにお知らせ</h1>
<p>
2023年10月26日以降、テクニカル諏訪子のブログがスマホでの閲覧を対応しなくなったと案内しています。<br />
パソコンやサーバーを使用するようにとの指示があります。
</p>
<p>
おすすめブラウザこちらです：
</p>
<h2>1番おすすめ</h2>
<ul>
<li><a href="https://lynx.invisible-island.net/">lynx</a></li>
<li><a href="https://gitlin.moe/makew0rld/amfora/">amfora</a></li>
<li><a href="https://www.netsurf-browser.org/">NetSurf</a></li>
</ul>
<h2>2番おすすめ</h2>
<ul>
<li><a href="https://w3m.sourceforge.net/">w3m</a></li>
<li><a href="https://gmi.skyjake.fi/lagrange/">Lagrange</a></li>
<li><a href="https://nyxt.atlas.engineer/">Nyxt</a></li>
</ul>
<h2>3番おすすめ</h2>
<ul>
<li><a href="https://icecatbrowser.org/">GNU IceCat</a></li>
<li><a href="https://www.parabola.nu/packages/libre/x86_64/iceweasel/">Iceweasel</a></li>
<li><a href="https://www.torproject.org/download/">Tor Browser</a></li>
<li><a href="https://gitlin.moe/ungoogled-software/ungoogled-chromium">ungoogled-chromium</a></li>
</ul>
<h2>その他</h2>
<ul>
<li><a href="https://www.basilisk-browser.org/">Basilisk</a></li>
<li><a href="https://librewolf.net/">LibreWolf</a></li>
<li><a href="https://qutebrowser.org/">qutebrowser</a></li>
<li><a href="http://surf.suckless.org/">suckless surf</a></li>
</ul>
<p>なお、理由については、<a href="https://stopsmaho.076.moe/">「STOP!!スマホ」キャンペーン</a>をご覧下さい。</p>
<p>ご理解お願い申し上げます。</p>
</div>
<div class="container">
<img src="/static/Eqjk_WgVQAE2psn-new.jpeg" class="header-img" alt="ヘッダー" />
{{ end }}

14
src/static/style.css
ファイルの表示

@ -27,20 +27,6 @@ td, th {
padding: 1em;
}
.nosmartphone {
display: none;
}
@media screen and (max-width: 840px) and (pointer: coarse) {
.container {
display: none;
}
.nosmartphone {
display: block;
background-color: rgba(40, 27, 56, 0.8);
}
}
.header-img {
display: block;
max-width: 100%;