zoukankan      html  css  js  c++  java
  • 一个简易的OJ导航界面

    一个简易的html文件

    加了一张动图,做了简单的排版。把自己 最喜欢的诗句 和 日常用到的 OJ链接 放在了里面。

    Chrome设置--启动时打开特定网页:

      把这个h5文件的路径添加到其中,

      可以实现每次打开浏览器时检查今天的刷题任务2333。

    后续可能会添加爬取OJ网站的数据并显示在面板上的功能。

    源代码

    <h2><img alt="" src="https://imgsa.baidu.com/forum/wh%3D222%2C163/sign=da6d704cd21b0ef46cbd905ceff67deb/46c84c10b912c8fcbd61ceaffc039245d7882180.jpg" style="border-style:solid; border-2px; float:left; height:195px; 260px" /><span style="color:#696969"><strong> </strong></span><strong>我知道,痛苦是唯一的高贵,无论人世和地狱都不能将其侵蚀。</strong><br />
    <strong>为了把我那神秘的冠冕编缀,须将一切时代一切领域征集。</strong></h2>
    
    <h2>&nbsp;</h2>
    
    <h1 style="text-align:right"><span style="color:#696969"><strong>&mdash;&mdash;波德莱尔 《恶之花》&middot; 祝福</strong></span></h1>
    
    <hr />
    <h2 style="text-align:right"><span style="color:#696969">YukiRinLL的每日刷题版</span></h2>
    
    <p>&nbsp;</p>
    
    <p>&nbsp;</p>
    
    <ul>
        <li>
        <h2><strong>NWPU-ACM 查询系统 </strong><a href="https://new.npuacm.info/statistics">https://new.npuacm.info/statistics</a></h2>
        </li>
        <li><a href="https://pintia.cn/problem-sets/994805046380707840/problems">PTA | Programming Teaching Assistant</a>&nbsp;</li>
        <li><a href="https://oj.neu.edu.cn/2018sy/html/?static=1">Scoreboard</a>&nbsp;</li>
        <li><a href="http://120.78.128.11/index.jsp">T^T Online Judge</a>&nbsp;</li>
        <li><a href="http://hihocoder.com/hiho">hihoCoder</a>&nbsp;</li>
        <li><a href="https://www.nowcoder.com/78904137">nowcoder牛客网</a>&nbsp;</li>
        <li><a href="https://ac.nowcoder.com/acm/contest/vip-index?&amp;headNav=www">牛客竞赛</a>&nbsp;</li>
        <li><a href="https://cometoj.com/contests">Comet OJ | Contest List</a>&nbsp;</li>
        <li><a href="https://train.usaco.org/usacogate">USACO Training Gateway</a></li>
        <li><strong>杭电OJ </strong><a href="http://acm.hdu.edu.cn/">http://acm.hdu.edu.cn/</a></li>
        <li><strong>Virtual Judge </strong><a href="https://vjudge.net/">https://vjudge.net/</a></li>
        <li>NJUST<strong> OJ </strong><a href="http://icpc.njust.edu.cn/">http://icpc.njust.edu.cn/</a></li>
        <li><strong>CDUT OJ </strong><a href="http://cdutacm.cn/">http://cdutacm.cn/</a></li>
        <li>CF&nbsp;<a href="http://codeforces.com/">http://codeforces.com/</a></li>
    </ul>
    
    <hr />
    <h2>&nbsp;</h2>
    
    <table border="1" cellpadding="1" cellspacing="1" style="500px">
        <tbody>
            <tr>
                <td>
                <p><span style="color:#696969"><strong>题目编号(今天)</strong></span></p>
                </td>
                <td><u>553</u></td>
            </tr>
            <tr>
                <td><span style="color:#696969">完成数/天</span></td>
                <td><span style="background-color:#d3d3d3">5</span></td>
            </tr>
            <tr>
                <td><span style="color:#696969">连续达成天数</span></td>
                <td>
                <p><span style="background-color:#d3d3d3">41(days)</span></p>
                </td>
            </tr>
        </tbody>
    </table>
    
    <blockquote>
    <h1>&nbsp;</h1>
    </blockquote>
    View Code

      

    成品图

  • 相关阅读:
    深度排序与alpha混合 【转】
    SVN服务器配置说明 【转】
    3D空间中射线与轴向包围盒AABB的交叉检测算法 【转】
    Linux系统管理员不可不知的命令:sudo
    Linux 系统实时监控的瑞士军刀 —— Glances
    shell定期转移日志文件到云盘并定期删除云盘文件
    zabbix监控第二块网卡是否连通
    Gitlab自动触发Jenkins构建打包
    shell脚本检测网络是否畅通
    Prometheus入门
  • 原文地址:https://www.cnblogs.com/SutsuharaYuki/p/10925235.html
Copyright © 2011-2022 走看看