[项目实训]6.2 VJ整体的html页面的完善

来源：互联网发布：龙与地下城游戏知乎编辑：程序博客网时间：2024/05/23 22:24

编写VJ的日子就这样一天天过去了，除了rank和contest_add部分，VJ的整体框架已经完工，关于VJ上一些次要信息的html，我今天编写了一下

about.html

{% extends "base.html" %}{% block title %}About us{% endblock %}{% block navbar %}{% include "include/navbar-about.html" %}{% endblock %}{% block header %}<center>    <h1><strong>About the SDUVJ System</strong></h1></center>{% endblock %}{% block content %}<center>    <h4>The SDUVJ platform is centered around an virtual judge system, which serves for the automatic submition of user-submitted programs.</h4>    <h4>We are aiming at giving you a flexible testing system, supporting dynamic interaction with submitted programs.</h4>    <h4>Wish you could improve your programing here.</h4>    <img src="../static/img/acm.png" width="300px">    <br><br>    <h2><strong>About Our Team</strong></h2>    <h4>Neutralzz</h4>    <h4>Wish our services are satisfying.</h4>    <h5>If you have any questions, please contact us : = = 找中立去</h5>    <br></center>{% endblock %}

另外为了让404界面美化编写了

404.html

<!DOCTYPE html><html>    <head>    <meta charset="utf-8" />        <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>        <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.2/css/bootstrap.min.css">        <script src="http://cdn.bootcss.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>        <script src="/static/js/csrf.js"></script>        <script src="/static/js/jquery.form.js"></script>        <title>404</title>    </head><body><div style="width:100%; height:100%;"><img src="/static/img/404.png" width="100%" height="100%" style="position:absolute; left:0px; top:0px; z-index:-5;"><nav  class="navbar" style="padding:20px 50px;"><h3 style="float:left;"><a href="/" style="color:black;">GO BACK HOME</a></h3><h3 style="float:right;"><a href="/" style="color:black;">CONTACT US</a></h3></nav></div></body></html>

阅读全文

0 0