GoDaddyの503ページを更新して500ページを追加しました

2016年1月23日Web-log・ココログ関連

昨日、Internal Server Error (500エラー)が出て、アクセス出来ない上代でした。ごめんなさい。

500エラーも味気ないです。次の方法と同じ方法で、見栄えが良くなる様に、作りました。

まずは、500エラーのページです。例によって、交通標識にしました。通行止めです。

500 error

<svg height="200" width="200">
  <circle cx="100" cy="100" r="98" stroke="red" stroke-width="3" fill="white" />
  <circle cx="100" cy="100" r="80" stroke="red" stroke-width="25" fill="white" />
  <line x1="30.72" y1="60.00" x2="169.28" y2="140.00" stroke="red" stroke-width="20" />
  <line x1="30.72" y1="140.00" x2="169.28" y2="60.00" stroke="red" stroke-width="20" />
  <text x="100" y="154" fill="blue" text-anchor="middle" font-family="sans-serif" font-weight="900" font-size="40px">500</text>
</svg>

SVGの書き方は、次のページを参考にしました。大変助かります。ありがとうございます。

それと、文字をセンタリングする方法がわかりました。ありがとうございます。

これで、他のブラウザから見ても、あまり図が崩れなくなりました。

503エラーページも作り直しました。前は、車両通行止めだったのですが、一時停止にしました。

503 error

<svg height="200" width="200">
  <polygon points="2.00,15.13 198.00,15.13 100.00,184.87" stroke-linejoin="round" style="fill:white;stroke:red;stroke-width:3" />
  <polygon points="20.00,25.59 180.00,25.59 100.00,164.15" stroke-linejoin="round" style="fill:red;stroke:red;stroke-width:10" />
  <text x="100" y="80" fill="white" text-anchor="middle" font-family="sans-serif" font-weight="900" font-size="40px" text-align="center">503</text>
</svg>

なんだか、このページを見るために、サーバーに負荷がかかるのを喜んでたりします。まずい。

Posted by お市のかた