<?php

// ↓適当なマクアプに変更
print <<< EOF
<?xml version="1.0" encoding="EUC-JP"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta name="author" content="けんたろ / kentoireaux" />
    <link rev="made" href="mailto:webmaster&#64;antipop.zapto.org" title="サイト管理人にメール" />
    <link rel="start" type="text/html" href="http://antipop.zapto.org/" title="トップ・ページ" />
    <link rel="stylesheet" href="thumbnail.css" type="text/css" media="all" title="default" />
    <script type="text/javascript" src="js/google-ana.js"></script>
    <title>CSSでイケてるデザインサイトリンク集(サムネイル版)</title>
  </head>

  <body>
<script type="text/javascript">
window.google_analytics_uacct = "UA-1780514-4";
</script>
    <h1><span title="モナー曰く">（　´∀｀）＜ </span><abbr title="Cascading Style Sheets">CSS</abbr> でイケてるデザインサイトリンク集(サムネイル版)</h1>

      <h2>Contents</h2>
        <ul>
          <li><a href="#about">About</a></li>
          <li><a href="#source">Source</a></li>
          <li><a href="#list_top">Thumbnails</a></li>
        </ul>

      <h2 id="about">About</h2>
        <p>このページは、<a href="http://2ch.net/">にちゃんねる</a>の Web 制作板の「<abbr title="Cascading Style Sheets">CSS</abbr> でイケてるデザインサイト」スレッドの登場サイトをまとめたぞ氏がまとめたものを、けんたろがサムネイル化したものです。</p>

        <h3>選考基準（まとめたぞ氏による）</h3>
          <p>選考するにあたり以下の基準を満たすものを掲載した。</p>
          <ul>
            <li>テーブルでのレイアウトを使用していない</li>
            <li>正しい <abbr title="Hyper Text Markup Language">HTML</abbr> で記述されているもの</li>
            <li>その他、参考になるもの</li>
          </ul>

        <h3>このサイトについて</h3>
          <ul>
            <li>問題がある人はメールください</li>
            <li>リンクは自由に（報告不要）</li>
            <li>まとめたぞという固定ハンドルが書いたものを、けんたろがサムネイル化しました</li>
            <li>Netscape 4.x は今すぐ窓から投げ捨てろ</li>
            <li>できる限り最新の Web ブラウザを使おう</li>
            <!--nobanner-->
            <li><a href="http://ad.xrea.com/ad_click.fcg?site=ike.s33.xrea.com" ><img src="http://ad.xrea.com/ad_img.fcg?site=ike.s33.xrea.com" height="60" width="468" alt="スポンサーサイト"></a>広告です。お察しください。</li>
          </ul>

      <h2 id="source">Source</h2>
        <ul>
          <li><a href="/"><span title="モナー曰く">（　´∀｀）＜ </span><abbr title="Cascading Style Sheets">CSS</abbr>でイケてるデザインサイトリンク集</a></li>
          <li><a href="http://www.hirax.net/misc/hatena01/index.html">hatena Diary de Mosaic</a></li>
          <li><a href="http://www.hirax.net/dekirukana7/webnail2/index.html">WEBページがキオスクになる日 中編</a></li>
          <li><a href="uri_list.txt">URI リスト</a>（ローカルでの画像取得時に使用）</li>
          <li><a href="site_list.txt">サイト・リスト</a>（このページで使用しているデータ）</li>
          <li><a href="thumbnail_source.php">このページのソース</a></li>
<!--          <li>画像アーカイヴ
            <ul>
              <li><a href="thumbnails.lzh">lzh 圧縮ファイル / 5.45MB</a></li>
              <li><a href="thumbnails.tar.gz">gzip 圧縮ファイル / 5.16MB</a></li>
            </ul>
          </li>
-->
        </ul>

      <h2 id="list_top">イケてるサイトのサムネイルたち</h2>
        <dl>
          <dt>ナヴィゲーション</dt>
          <dd>
            <ul>

EOF;

/**
 * ツッコミ無用（泣
 *
*/

// 1 ページあたりの画像表示数
$view = 36;

// サイトのリストを取得
$fp = fopen( "site_list.txt" , "r" );
while ( !feof( $fp ) ) {
    $site .= fgets( $fp );
}
fclose( $fp );

$site = explode( "\n" , $site );
$count = count( $site );
if ( isset( $_GET['page'] ) && ( ( $_GET['page'] <= ceil( $count / $view ) ) || ( $_GET['page'] == "all" ) ) ) {
    $page = $_GET['page'];
} else {
    $page = 1;
}

// ナヴィゲーション
for ( $i = 1; $i <= ceil( $count / $view ); $i++ ) {
    if ( $i == $page ) {
        print( "            <li><span class=\"current\">" . $i . "</span></li>\n" );
    } else {
        print( "            <li><a href=\"" . $_SERVER['PHP_SELF'] . "?page=" . $i . "#list_top\">" . $i . "</a></li>\n" );
    }
}

if ( $page == "all" ) {
    print( "            <li><span class=\"current\">サムネイル一覧表示</span></li>\n" );
} else {
    print( "            <li><a href=\"" . $_SERVER['PHP_SELF'] . "?page=all#list_top\">サムネイル一覧表示</a></li>\n" );
}

?>
            </ul>
          </dd>
        </dl>
<?php

if ( $page == "all" ) {
    $start = 0;
} else {
    $start = ( ( $page * $view ) - $view );
}
if ( ( ( $page * $view ) > $count ) || ( $page == "all" ) ) {
    $end = $count;
} else {
    $end = ( $page * $view );
}

// 画像リスト
print( "        <p>" . $count . " 件中、" . ( $start + 1 ) . " 件目から " . $end . " 件目まで表示します。</p>\n        <ul class=\"thumbnail_list\">\n" );

for ( $i = $start; $i < $end; $i++ ) {
    $site_data = explode( "," , $site[$i] );
    print( "          <li><a href=\"" . $site_data[1] .  "\"><img src=\"img/" . $i . "s.jpg\"  title=\"" . $site_data[0] . "\" alt=\"" . $site_data[0] . "\" width=\"160\" height=\"107\" /></a></li>\n" );
}

?>
        </ul>

    <address>
      けんたろ＠<abbr title="Cascading Style Sheets">CSS</abbr> でイケてるデザインサイトリンク集(サムネイル版) [webmaster☆antipop.zapto.org (☆を@に)]
    </address>

  </body>
</html>