<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>欢迎使用 BlogMethods</title>
<style type="text/css">
<!--
body,td,div,p,a,font,span {font-family: arial,sans-serif}
body {margin-top:2}

.c {width: 4; height: 4}

.bubble {background-color:#C3D9FF}

.tl {padding: 0; width: 4; text-align: left; vertical-align: top}
.tr {padding: 0; width: 4; text-align: right; vertical-align: top}
.bl {padding: 0; width: 4; text-align: left; vertical-align: bottom}
.br {padding: 0; width: 4; text-align: right; vertical-align: bottom}

.form-noindent {background-color: #ffffff; border: #C3D9FF 1px solid}

div.errormsg { color: red; font-size: smaller; font-family:arial,sans-serif; }
font.errormsg { color: red; font-size: smaller; font-family:arial,sans-serif; }  

.gaia.le.lbl { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.le.fpwd { font-family: Arial, Helvetica, sans-serif; font-size: smaller; color:red}
.gaia.le.chusr { font-family: Arial, Helvetica, sans-serif; font-size: 70%; }
.gaia.le.val { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.le.button { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.le.rem { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.captchahtml.desc { font-family: arial, sans-serif; font-size: smaller; } 
.gaia.captchahtml.cmt { font-family: arial, sans-serif; font-size: smaller; font-style: italic; }
// -->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function checkForm(){
	var form = document.forms.signin;
	if(form.user_name.value.length==0){
		alert("用户名不能为空");
		return false;
	}
	if(form.password.value.length==0){
		alert("密码不能为空");
		return false;
	}
	return true;
}
//-->
</SCRIPT>
</head>
<body>
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="top">
    <td width="1%"><img src="<c:url value="/images/logo.gif"/>" align="left" vspace="15/" border="0"></td>
    <td width="99%" bgcolor="#ffffff" valign="top"><table width="100%" cellpadding="1">
        <tr valign="bottom">
          <td><div align="right">&nbsp;</div></td>
        </tr>
        <tr>
          <td nowrap="nowrap"><table width="100%" align="center" cellpadding="0" cellspacing="0" bgcolor="#C3D9FF" style="margin-bottom:5">
              <tr>
                <td class="bubble tl" align="left" valign="top"><img src="<c:url value="/images/corner_tl.gif"/>" class="c" alt="" /></td>
                <td class="bubble" rowspan="2" style="font-family:arial;text-align:left;font-weight:bold;padding:3 0"><b>欢迎使用 BlogMethods Basic</b></td>
                <td class="bubble tr" align="right" valign="top"><img src="<c:url value="/images/corner_tr.gif"/>" class="c" alt="" /></td>
              </tr>
              <tr>
                <td class="bubble bl" align="left" valign="bottom"><img src="<c:url value="/images/corner_bl.gif"/>" class="c" alt="" /></td>
                <td class="bubble br" align="right" valign="bottom"><img src="<c:url value="/images/corner_br.gif"/>" class="c" alt="" /></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
<br />
<table width="94%" align="center" cellpadding="5" cellspacing="1">
  <tr>
    <td width="75%" valign="top"><p><font size="-1">BlogMethods Basic 是针对个人的免费博客软件，基于 J2EE 和 AJAX 技术，给您与众不同的博客体念。</font></p>
      <ul>
        <li>
          <p><font size="-1"><b>个人文章。</b><br>
            所见即所得的编辑方式，支持快捷键和全文检索。</font></p>
        </li>
      </ul>
      <ul>
        <li>
          <p><font size="-1"><b>文件管理。</b><br>
            通过文件管理来有效的管理博客中要引用的文件和图片，支持以“缩略图”方式浏览图片文件。</font></p>
        </li>
      </ul>
      <ul>
        <li>
          <p><font size="-1"><b>垃圾评论过滤。</b><br>
            通过设置多种过滤条件,系统自动智能的过滤垃圾评论和引用。</font></p>
        </li>
      </ul>
      <ul>
        <li>
          <p><font size="-1"><b>标签支持。</b><br>
            可以通过标签来组织文章。</font></p>
        </li>
      </ul>
	  <ul>
        <li>
          <p><font size="-1"><b>主题定制。</b><br>
            自带8种可供选择的主题，同时您可以自定义主题或者从 <A HREF="http://www.blogmethods.cn">BlogMehods</A> 网站下载更多的主题。</font></p>
        </li>
      </ul>
    <td valign="top"><table class="form-noindent" cellspacing="3" cellpadding="5" width="100%" bgcolor="#ffffff">
        <tr>
          <td bgcolor="#e8eefa" valign="top" style="text-align:center" nowrap="nowrap"><div id="login">
              <div style="background:#E8EEFA" class="body">
                <form name="signin" action="<c:url value="/auth.do?method=signIn"/>" method="post" onsubmit="return checkForm();">
                  <table cellpadding="1" cellspacing="0" align="center" border="0" id="gaia_table">
                    <tr>
                      <td colspan="2" align="center">
                        <font size="-1"> 登录到您的博客！</font> </td>
                    </tr>
                    <tr>
                      <td colspan="2" align="center"><div class="errorbox-good"> </div></td>
                    </tr>
                    <tr>
                      <td nowrap><div align="right"> <span class="gaia le lbl"> 用户名: </span> </div></td>
                      <td>
                        <input type="text" name="user_name" value="" class="gaia le val" size="18">
                      </td>
                    </tr>
                    <tr>
                      <td></td>
                      <td align="left"></td>
                    </tr>
                    <tr>
                      <td align="right"><span class="gaia le lbl"> 密码： </span> </td>
                      <td><input type="password" name="password" class="gaia le val" size="18">
                      </td>
                    </tr>
                    <tr>
                      <td></td>
                      <td align="left"></td>
                    </tr>
                    <tr>
                      <td align="right" valign="top"><input type="checkbox" name="remember_me" value="true" checked>
                        &nbsp;
                      </td>
                      <td><span class="gaia le rem"> 在此计算机上保存我的信息。 </span> </td>
                    </tr>
                    <tr>
                      <td></td>
                      <td align="left"><input type="submit" name="null" value="登录" class="gaia le button">
                      </td>
                    </tr>
                    <tr id="ga-fprow">
                      <td colspan="2" align="center" height="33.0" valign="bottom" nowrap class="gaia le fpwd"><c:out value="${message}"/></td>
                    </tr>
                  </table>
                </form>
              </div>
            </div>
      </table>
      <br>
      <table class="form-noindent" cellpadding="0" width="100%" bgcolor="#e8eefa">
        <tr bgcolor="#e8eefa">
          <td valign="top"><div align="center">
              <p><font size="-1"><br>给我们<A HREF="http://www.blogmethods.cn/feedback.do?method=listMessages">反馈意见</A><br>
				<br>寻求<A HREF="http://bbs.blogmethods.cn/">相关支持</A><br>
                <br>关于<A HREF="http://www.blogmethods.cn/products.html#basic">BlogMethods Basic</A><br>
                <br>下载<A HREF="http://www.blogmethods.cn/download.html">最新版本</A>。<br>
                <br>
                </font></p>
            </div>
      </table>
</table>
<br>
<table width="95%" align="center" cellpadding="3" cellspacing="0" bgcolor="#C3D9FF" style="margin-bottom:5">
  <tr>
    <td class="bubble tl" align="left" valign="top"><img src="<c:url value="/images/corner_tl.gif"/>" class="c" alt="" /></td>
    <td class="bubble" rowspan="2" style="text-align:left"><div align="center"><font size="-1" color="#666666">&copy;2006 BlogMethods - <a href="<c:url value="/help/copyright.htm"/>">版权说明</a> - <a href="<c:url value="/help/terms.htm"/>">使用条款 </a> - <a href="http://www.blogmethods.cn">BlogMethods 主页</a></font></div></td>
    <td class="bubble tr" align="right" valign="top"><img src="<c:url value="/images/corner_tr.gif"/>" class="c" alt="" /></td>
  </tr>
  <tr>
    <td class="bubble bl" align="left" valign="bottom"><img src="<c:url value="/images/corner_bl.gif"/>" class="c" alt="" /></td>
    <td class="bubble br" align="right" valign="bottom"><img src="<c:url value="/images/corner_br.gif"/>" class="c" alt="" /></td>
  </tr>
</table>
</body>
</html>