صفحهٔ اصلی گشت‌و‌گذار راهنما
ورود
steven
/
stevenapis
0
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
شاخه: master
شاخه‌ها تگ‌ها
stevenapis
/
encode
/
index.html

index.html 3.1 KB
لینک دائمی تاريخچه خام

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 

  4. <head>
    5. 

  5.   <meta charset="utf-8">
    6. 

  6.   <title>Elements Encode - By StevenOS</title>
    7. 

  7.   <link rel="shortcut icon" href="https://ryzenx.com/img/favicon.ico" />
    8. 

  8.   <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css" rel="stylesheet">
    9. 

  9.   <script src="https://cdn.bootcdn.net/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
    10. 

  10.   <script src="index.js"></script>
    11. 

  11. </head>
    12. 

  12. <style type="text/css">
    13. 

  13.   body {
    14. 

  14.     width: 100%;
    15. 

  15.     height: 100%;
    16. 

  16.     display: flex;
    17. 

  17.     flex-direction: column;
    18. 

  18.     justify-content: center;
    19. 

  19.     align-items: center;
    20. 

  20.     cursor: url("https://ryzenx.oss-accelerate.aliyuncs.com/cur/Diamond_Sword.cur"), auto;
    21. 

  21.     background-image: url("https://stevenapis.xyz/api/bing");
    22. 

  22.     font-family: "SF Pro Text", "SF Pro Icons", -apple-system, "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    23. 

  23.   }
    24. 

  24. 

  25.   .container {
    26. 

  26.     height: auto;
    27. 

  27.     width: 80%;
    28. 

  28.     backdrop-filter: blur(4px);
    29. 

  29.     background-color: rgba(25, 250, 250, 0.4);
    30. 

  30.     opacity: 0.9;
    31. 

  31.     border-radius: 15px;
    32. 

  32.     margin: 10%;
    33. 

  33.   }
    34. 

  34. 

  35.   .title {
    36. 

  36.     margin-top: 10px;
    37. 

  37.     font-size: 2rem;
    38. 

  38.     font-family: "SF Pro Text", "SF Pro Icons", -apple-system, "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    39. 

  39.   }
    40. 

  40. 

  41.   .data {
    42. 

  42.     width: auto;
    43. 

  43.     height: auto;
    44. 

  44.     display: flex;
    45. 

  45.     flex-direction: column;
    46. 

  46.     justify-content: center;
    47. 

  47.     align-items: flex-start;
    48. 

  48.   }
    49. 

  49. 

  50.   .label {
    51. 

  51.     width: auto;
    52. 

  52.     height: auto;
    53. 

  53.     margin: 8px 8px 8px 0;
    54. 

  54.     font-family: 'Fira Code', 'Jetbrains Mono', 'Ubuntu Mono', Menlo, 'PT Mono', 'Source Han Mono';
    55. 

  55.   }
    56. 

  56. 

  57.   .btns {
    58. 

  58.     display: flex;
    59. 

  59.     flex-direction: row;
    60. 

  60.     justify-content: start;
    61. 

  61.     align-items: center;
    62. 

  62.     margin-top: 12px;
    63. 

  63.     margin-bottom: 12px;
    64. 

  64.   }
    65. 

  65. 

  66.   .form-control {
    67. 

  67.     font-family: 'Fira Code', 'Jetbrains Mono', 'Ubuntu Mono', Menlo, 'PT Mono', 'Source Han Mono';
    68. 

  68.   }
    69. 

  69. </style>
    70. 

  70. 

  71. <body onload="onLoad()">
    72. 

  72.   <div class="container">
    73. 

  73.     <div class="title">
    74. 

  74.       元素周期表 编解码器 - <a href="mailto:me@stevenos.com" target="_blank">StevenOS</a>
    75. 

  75.     </div>
    76. 

  76.     <div id="updateTime" class="label" style="font-size: smaller;"></div>
    77. 

  77.     <div class="data">
    78. 

  78.       <div class="label">#1 </div>
    79. 

  79.       <textarea id="data1" class="form-control" aria-label="With textarea" style="min-height: 150px;"></textarea>
    80. 

  80.     </div>
    81. 

  81.     <div class="btns">
    82. 

  82.       <button id="encode" onclick="doEncode()" type="button" class="btn btn-primary">从 #1 编码</button>
    83. 

  83.       <div style="width: 12px;"></div>
    84. 

  84.       <button id="decode" onclick="doDecode()" type="button" class="btn btn-secondary">从 #1 解码</button>
    85. 

  85.       <div style="width: 12px;"></div>
    86. 

  86.       <button id="copy" onclick="copy()" type="button" class="btn btn-info">拷贝 #2 内容</button>
    87. 

  87.       <div style="width: 12px;"></div>
    88. 

  88.       <button id="clear" onclick="clearText()" type="button" class="btn btn-success">清空</button>
    89. 

  89.     </div>
    90. 

  90.     <div class="data">
    91. 

  91.       <div class="label">#2 </div>
    92. 

  92.       <textarea id="data2" class="form-control" aria-label="With textarea" style="min-height: 150px;"
    93. 

  93.         contenteditable="false"></textarea>
    94. 

  94.     </div>
    95. 

  95.     <div style="height: 18px;"></div>
    96. 

  96.   </div>
    97. 

  97. </body>
    98. 

  98. 

  99. </html>
    100.