一个简易的OJ导航界面

一个简易的html文件

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

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

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

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

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

源代码

 1 <h2><span style="color:#696969"><strong>   </strong></span><img alt="" src="https://imgsa.baidu.com/forum/wh%3D222%2C163/sign=da6d704cd21b0ef46cbd905ceff67deb/46c84c10b912c8fcbd61ceaffc039245d7882180.jpg" style="border-style:solid; border-width:2px; float:left; height:195px; width:260px" /><span style="color:#696969"><strong> </strong></span><strong>我知道,痛苦是唯一的高贵,无论人世和地狱都不能将其侵蚀。</strong><br />
 2 <strong>    为了把我那神秘的冠冕编缀,须将一切时代一切领域征集。</strong></h2>
 3 
 4 <h2> </h2>
 5 
 6 <h1 style="text-align:right"><span style="color:#696969"><strong>——波德莱尔 《恶之花》· 祝福</strong></span></h1>
 7 
 8 <hr />
 9 <h2 style="text-align:right"><span style="color:#696969">YukiRinLL的每日刷题版</span></h2>
10 
11 <p> </p>
12 
13 <p> </p>
14 
15 <ul>
16     <li>
17     <h2><strong>NWPU-ACM 查询系统 </strong><a href="https://new.npuacm.info/statistics">https://new.npuacm.info/statistics</a></h2>
18     </li>
19     <li>
20     <h2><strong>杭电OJ </strong><a href="http://acm.hdu.edu.cn/">http://acm.hdu.edu.cn/</a></h2>
21     </li>
22     <li>
23     <h2><strong>Virtual Judge </strong><a href="https://vjudge.net/">https://vjudge.net/</a></h2>
24     </li>
25     <li>
26     <h2>NJUST<strong> OJ </strong><a href="http://icpc.njust.edu.cn/">http://icpc.njust.edu.cn/</a></h2>
27     </li>
28     <li>
29     <h2><strong>CDUT OJ </strong><a href="http://cdutacm.cn/">http://cdutacm.cn/</a></h2>
30     </li>
31 </ul>
32 
33 <hr />
34 <h2> </h2>
35 
36 <table border="1" cellpadding="1" cellspacing="1" style="width:500px">
37     <tbody>
38         <tr>
39             <td>
40             <p><span style="color:#696969"><strong>题目编号(今天)</strong></span></p>
41             </td>
42             <td><u>553</u></td>
43         </tr>
44         <tr>
45             <td><span style="color:#696969">完成数/天</span></td>
46             <td><span style="background-color:#d3d3d3">5</span></td>
47         </tr>
48         <tr>
49             <td><span style="color:#696969">连续达成天数</span></td>
50             <td>
51             <p><span style="background-color:#d3d3d3">41(days)</span></p>
52             </td>
53         </tr>
54     </tbody>
55 </table>
56 
57 <blockquote>
58 <h1><a href="http://codeforces.com/problemset?order=BY_RATING_ASC">http://codeforces.com/problemset?order=BY_RATING_ASC</a></h1>
59 
60 <p><a href="https://ac.nowcoder.com/acm/contest/560#question">https://ac.nowcoder.com/acm/contest/560#question</a></p>
61 
62 <p><a href="https://ac.nowcoder.com/acm/contest/625#question">https://ac.nowcoder.com/acm/contest/625#question</a></p>
63 
64 <p><a href="https://ac.nowcoder.com/acm/contest/635#question">https://ac.nowcoder.com/acm/contest/635#question</a></p>
65 </blockquote>
View Code

  

成品图

猜你喜欢

转载自www.cnblogs.com/SutsuharaYuki/p/10925235.html