一个简易的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

  

成品图

原文地址:https://www.cnblogs.com/SutsuharaYuki/p/10925235.html