kimarx/gist:1853489

## gistfile1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3c.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type: text/html; charset=UTF-8">
    <style type="text/css">
      <!--
          body {
            margin: 0;
            padding: 0;
            background: url( 'fade.png' ) repeat-x rgb(255, 255, 238);
            font-size: <: $font_size :>px;
          }
          #header h1 {
            text-align: center;
          }
          #header h2 {
            text-align: center;
            background-color: rgb(224, 64 ,0);
            color: white;
            padding: 3px 0;
          }
          a.title { color: black; text-decoration: none; }
          div#post_area {
            margin: 18px auto;
            width: 60%;
            letter-spacing: 0.10em;
          }
          #post_area input { font-size: 0.90em; }
          #post_area textarea { font-size: 0.90em; }
          .nav {
            text-align: center;
            padding: 9px 0;
           }
          .paging {
            border-top: 1px solid #d9bfb7;
            border-bottom: 1px solid #d9bfb7;
          }
          #article {
            padding: 9px 0;
          }
          .thread_title, .reply_title {
            color: #cc1105;
            font-weight: bold;
            letter-spacing: 0.05em;
          }
          .thread {
            border-top: 1px solid #d9bfb7;
            margin: 18px 9px;
            padding: 18px 9px;
          }
          .thread_body {
            margin-top: 1.0em;
          }
          .image_info { font-size: 0.90em; }
          .reply {
            margin-top: 18px;
            padding: 12px;
            width: auto;
            background-color: rgb(240, 224, 214);
            border-bottom: 1px solid #d9bfb7;
            border-right: 1px solid #d9bfb7;
          }
          .thread_title { font-weight: bold; }
          .thread_poster_name { color: rgb(17, 119, 63); font-weight: bold; }
          span.spoiler {
            background-color: black;
            font-weight: bold;
          }
          span.spoiler:hover { color: white; }
          .reply_body { margin-top: 18px; }
          .comment_poster_name { color: rgb(17, 119, 63); font-weight: bold; }
          .del { font-size: 0.80em; }
          form.del input { font-size: 0.80em; }
      -->
    </style>
    <base href="<: $base :>">
    <link rel="alternate" type="text/xml" title="RSS 2.0"
          href="<: $base :><: $cgi_name :>?mode=rss">
    <title>
      : if ( $key != nil ) {
        Posting mode: Reply
      : }
      <: $title :>
    </title>
  </head>
  <body>
    <div class="nav top_nav">
    </div>
    <div id="header">
      <h1>
        <a class="title" href="<: $base :><: $cgi_name :>">
          <: $title :>
        </a>
      </h1>
      : if ( $key != nil ) {
        <h2>Posting mode: Reply</h2>
      : }
      : if ( $comment_ok == 1 ) {
      	<div id="post_area">
          <form enctype="multipart/form-data" method="POST"
                action="<: $base :><: $register :>">
            NAME&#58;&nbsp;
            <input type="text" name="FROM" size="28">
            <br>
            MAIL&#58;&nbsp;
            <input type="text" name="mail" size="28">
            <br>
            SUBJECT&#58;&nbsp;
            <input type="text" name="subject" size="28">
            <input type="submit" name="submit" value="SUBMIT">
            <br>
            <textarea wrap="off" rows="4" cols="36" name="MESSAGE">
            </textarea>
            <br>
            <input type="file" size="34" name="upfile">
            <br>
            PASS&#58;&nbsp;
            <input type="password" value="" maxlength="8" size="8" name="pwd">
            : if ( $key != nil ) {
              <input type="hidden" name="key" value="<: $key :>">
            : }
          </form>
        </div>
      : }
    </div>
    <div class="nav" id="top_nav">
      <a rel="alternate" type="text/xml" title="RSS 2.0"
          href="<: $base :><: $cgi_name :>?mode=rss">
        <img src="../img/RSS-Feed-small.png" alt="RSS">
      </a>
    </div>
    <div id="article">
      : for $thread -> $t {
      	<div class="thread" id="<: $t.id :>" style="clear: both;">
          : if ( $t.image == 1 ) {
            <div class="image" style="float: left; padding: 0 18px 18px 0;">
              <a target="_blank" href="<: $t.img_path :>">
                <img src="<: $t.thumb_path :>">
              </a>
            </div>
          : }
          <div class="thread_header">
            <span class="thread_title">
              <: mark_raw( $t.subject ) :>
            </span>
            <span class="thread_poster_name">
              <: mark_raw( $t.name ) :>
            </span>&nbsp;&nbsp;
            <: $t.date :> No.<: $t.id :>
                [ <a href="<: $base :><: $cgi_name :>?key=<: $t.key :>">Reply</a> ]
                &nbsp;
                <a name="<: $t.id :>">#</a>
            : if ( $t.image == 1 ) {
                <br>
                <span class="image_info">
                  File&#58;
                  <a target="_blank" href="<: $t.img_path :>">
                    <: $t.file_name :>
                  </a>&nbsp;
                  ( <: $t.img_size :>, <: $t.img_geometry :> )
                </span>&nbsp;
            : }
            <a class="del" href=""
               onclick="document.del_<: $t.id :>.submit(); return false;">
              DEL
            </a>
            <form class="del" style="display: inline;"
                  name="del_<: $t.id :>"
                  action="<: $base :><: $register :>" method="POST">
              PASS&#58;
              <input type="text" name="del_pass" maxlength="8" size="8">
              <input type="hidden" name="request" value="DEL">
              <input type="hidden" name="id" value="<: $t.id :>">
            </form>
          </div>
          <div class="thread_body">
            <: mark_raw( $t.message ) :>
          </div>
        </div>
      : }
    </div>
    <div class="nav paging" style="clear: both;">
      <: $paging :>
    </div>
  </body>
	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3c.org/TR/html4/loose.dtd">
	<html>
	<head>
	<meta http-equiv="Content-Type: text/html; charset=UTF-8">
	<style type="text/css">
	<!--
	body {
	margin: 0;
	padding: 0;
	background: url( 'fade.png' ) repeat-x rgb(255, 255, 238);
	font-size: <: $font_size :>px;
	}
	#header h1 {
	text-align: center;
	}
	#header h2 {
	text-align: center;
	background-color: rgb(224, 64 ,0);
	color: white;
	padding: 3px 0;
	}
	a.title { color: black; text-decoration: none; }
	div#post_area {
	margin: 18px auto;
	width: 60%;
	letter-spacing: 0.10em;
	}
	#post_area input { font-size: 0.90em; }
	#post_area textarea { font-size: 0.90em; }
	.nav {
	text-align: center;
	padding: 9px 0;
	}
	.paging {
	border-top: 1px solid #d9bfb7;
	border-bottom: 1px solid #d9bfb7;
	}
	#article {
	padding: 9px 0;
	}
	.thread_title, .reply_title {
	color: #cc1105;
	font-weight: bold;
	letter-spacing: 0.05em;
	}
	.thread {
	border-top: 1px solid #d9bfb7;
	margin: 18px 9px;
	padding: 18px 9px;
	}
	.thread_body {
	margin-top: 1.0em;
	}
	.image_info { font-size: 0.90em; }
	.reply {
	margin-top: 18px;
	padding: 12px;
	width: auto;
	background-color: rgb(240, 224, 214);
	border-bottom: 1px solid #d9bfb7;
	border-right: 1px solid #d9bfb7;
	}
	.thread_title { font-weight: bold; }
	.thread_poster_name { color: rgb(17, 119, 63); font-weight: bold; }
	span.spoiler {
	background-color: black;
	font-weight: bold;
	}
	span.spoiler:hover { color: white; }
	.reply_body { margin-top: 18px; }
	.comment_poster_name { color: rgb(17, 119, 63); font-weight: bold; }
	.del { font-size: 0.80em; }
	form.del input { font-size: 0.80em; }
	-->
	</style>
	<base href="<: $base :>">
	<link rel="alternate" type="text/xml" title="RSS 2.0"
	href="<: $base :><: $cgi_name :>?mode=rss">
	<title>
	: if ( $key != nil ) {
	Posting mode: Reply
	: }
	<: $title :>
	</title>
	</head>
	<body>
	<div class="nav top_nav">
	</div>
	<div id="header">
	<h1>
	<a class="title" href="<: $base :><: $cgi_name :>">
	<: $title :>
	</a>
	</h1>
	: if ( $key != nil ) {
	<h2>Posting mode: Reply</h2>
	: }
	: if ( $comment_ok == 1 ) {
	<div id="post_area">
	<form enctype="multipart/form-data" method="POST"
	action="<: $base :><: $register :>">
	NAME:
	<input type="text" name="FROM" size="28">
	<br>
	MAIL:
	<input type="text" name="mail" size="28">
	<br>
	SUBJECT:
	<input type="text" name="subject" size="28">
	<input type="submit" name="submit" value="SUBMIT">
	<br>
	<textarea wrap="off" rows="4" cols="36" name="MESSAGE">
	</textarea>
	<br>
	<input type="file" size="34" name="upfile">
	<br>
	PASS:
	<input type="password" value="" maxlength="8" size="8" name="pwd">
	: if ( $key != nil ) {
	<input type="hidden" name="key" value="<: $key :>">
	: }
	</form>
	</div>
	: }
	</div>
	<div class="nav" id="top_nav">
	<a rel="alternate" type="text/xml" title="RSS 2.0"
	href="<: $base :><: $cgi_name :>?mode=rss">
	<img src="../img/RSS-Feed-small.png" alt="RSS">
	</a>
	</div>
	<div id="article">
	: for $thread -> $t {
	<div class="thread" id="<: $t.id :>" style="clear: both;">
	: if ( $t.image == 1 ) {
	<div class="image" style="float: left; padding: 0 18px 18px 0;">
	<a target="_blank" href="<: $t.img_path :>">
	<img src="<: $t.thumb_path :>">
	</a>
	</div>
	: }
	<div class="thread_header">
	<span class="thread_title">
	<: mark_raw( $t.subject ) :>
	</span>
	<span class="thread_poster_name">
	<: mark_raw( $t.name ) :>
	</span>
	<: $t.date :> No.<: $t.id :>
	[ <a href="<: $base :><: $cgi_name :>?key=<: $t.key :>">Reply</a> ]

	<a name="<: $t.id :>">#</a>
	: if ( $t.image == 1 ) {
	<br>
	<span class="image_info">
	File:
	<a target="_blank" href="<: $t.img_path :>">
	<: $t.file_name :>
	</a>
	( <: $t.img_size :>, <: $t.img_geometry :> )
	</span>
	: }
	<a class="del" href=""
	onclick="document.del_<: $t.id :>.submit(); return false;">
	DEL
	</a>
	<form class="del" style="display: inline;"
	name="del_<: $t.id :>"
	action="<: $base :><: $register :>" method="POST">
	PASS:
	<input type="text" name="del_pass" maxlength="8" size="8">
	<input type="hidden" name="request" value="DEL">
	<input type="hidden" name="id" value="<: $t.id :>">
	</form>
	</div>
	<div class="thread_body">
	<: mark_raw( $t.message ) :>
	</div>
	</div>
	: }
	</div>
	<div class="nav paging" style="clear: both;">
	<: $paging :>
	</div>
	</body>