| 1行目: |
1行目: |
| − | <html>
| + | == ますとどんちほー ZooLog == |
| − | <head>
| + | ちほー民が訪れた動物園・水族館・植物園・博物館、あるいは類似したレジャー施設について、Tootのコピペでもよいので(本人に限るが)、蓄積してみようという趣旨のブログ。 |
| − | <style type="text/css">
| + | === 概要 === |
| − | svg.loadingBar
| + | プラットフォーム: livedoor blog <br> |
| − | {
| + | URL: https://mastodon-chiho-zoolog.blog.jp/ <br> |
| − | width: 80%;
| + | 編集メンバー管理: 共同アカウント、または、各自が利用しているlivedoorアカウントを編集メンバーに追加してもよい。 <br> |
| − | height: 11em;
| + | 共同アカウントID: ohgai_mori <br> |
| − | }
| + | パスワード: @habutanukinshikoに聞く。今すぐに編集したければ、「qltTn7jW%#4IZylM」の文字列を、http://rumkin.com/tools/cipher/vigenere.php で'Encrypt'する。(ヒント:けものフレンズ公式サイトのドメインが必要。) <br> |
| − | .h1
| + | |
| − | {
| + | === 編集について === |
| − | font-size: 2em;
| + | 記事の形式、文体、画像の有無は、個々人の裁量に任せるものとする。 |
| − | font-style: bold;
| + | ==== 画像 ==== |
| − | }
| + | 1. サイズについて特に制限は設けないが、2MBにリサイズすることを推奨する。 <br> |
| − | @media only screen and (max-device-width: 480px)
| + | 2. 知人・他人・職員に関わらず、顔面や個人情報の写り込んでいる部位は、編集で見えないようにしてからアップロードする。 <br> |
| − | {
| + | 3. 公序良俗に反するものはアップロードも記事利用もしない。 <br> |
| − | svg.loadingBar
| + | (livedoorでは、JPEGを除く画像は、1枚あたり2MBまでの制限がある。JPEGも、アップロードができるだけで、実際に表示されるサイズは小さくなる。容量は実質無制限のようだが、画像置き場の用途や、大きな画像を多くアップロードしていると、容量の追加が認められないこともある。最近では、写メのサイズも大きくなっているが、できる限りリサイズしてからアップロードするようにしたい。) |
| − | {
| + | ==== 文章 ==== |
| − | width: 80%;
| + | 箇条書きでもよいので、なるべく書くようにしてほしい。 |
| − | hight: 11em;
| + | ==== 内容 ==== |
| − | }
| + | 最低限入れておくと望ましい情報として、以下を提案する。 <br> |
| − | .h1
| + | 1. 訪問した施設名 <br> |
| − | {
| + | 2. 訪問した施設の所在地 <br> |
| − | font-size: 1.2em;
| + | 3. 訪問日 <br> |
| − | font-style: bold;
| + | 4. 個人的な見どころ、あるいは、見てきたもの <br> |
| − | }
| + | 5. 編集者(実名や他所のハンドルネームよりは、ますとどんちほーで通用している名前が良いだろう。) <br> |
| − | }
| + | もちろん、施設についてではなく、動物について記述するのもよい。 <br> |
| − | </style>
| + | 特定個体や、各施設ごとに同種の動物を比較するなど、施設全体に関わらず、狭い範囲の記述も歓迎する。 |
| − | </head>
| |
| − | <body>
| |
| − | <p>続行するには認証してください</p>
| |
| − | <svg class="loadingBar" viewBox="0 0 100% 100%">
| |
| − | <text y="1em" id="loadingStart"">認証</text>
| |
| − | <rect x=0% width="0%" height="1.1em" fill="orangered">
| |
| − | <animate attributeName="width" attributeType="XML" from="0%" to="50%" fill="freeze" begin="loadingStart.click" dur="2s" repeatCount="never" id="loading1"/>
| |
| − | <animate attributeName="fill" attributeType="XML" from="orangered" to="gold" fill="freeze" dur="2s" repeatCount="never" id="loading1"/>
| |
| − | <animate attributeName="fill" attributeType="XML" begin="loading1.end" from="gold" to="limegreen" fill="freeze" dur="2s" repeatCount="never"/>
| |
| − | </rect>
| |
| − | <rect x="50%" width="0%" height="1.1em" fill="gold">
| |
| − | <animate attributeName="width" attributeType="XML" begin="loading1.end" from="0%" to="50%" fill="freeze" dur="2s" repeatCount="never" id="loading2"/>
| |
| − | <animate attributeName="fill" attributeType="XML" begin="loading1.end" from="gold" to="limegreen" fill="freeze" dur="2s" repeatCount="never"/>
| |
| − | </rect>
| |
| − | <text y="3em">認証完了・閲覧可能です</text>
| |
| − | <rect y="2em" width="100%" height="2em" fill="white">
| |
| − | <animate attributeName="height" attributeType="XML" begin="loading2.end" to="0" calcMode="discrete" dur="1s" fill="freeze" repeatCount="never" id="loadingEnd"/>
| |
| − | </rect>
| |
| − | <text y="3em" class="h1">情報</text>
| |
| − | <text y="7.1em" style="color:red">エラー 削除されています</text>
| |
| − | <rect y="3em" width="100%" height="8em" fill="white">
| |
| − | <animate attributeName="height" attributeType="XML" begin="loading2.end" to="0" calcMode="discrete" dur="1s" fill="freeze" repeatCount="never" id="loadingEnd"/>
| |
| − | </rect>
| |
| − | </svg>
| |
| − | </body>
| |
| − | </html>
| |