API tools faq
paste
Advertisement
BritishSyndicate

test code

BritishSyndicate
Jan 15th, 2025 (edited)
33
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 7.85 KB | Source Code | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3. This is the OFFICIAL HTML document used in the Shortcut "Check For Update" located at: https://routinehub.co/shortcut/20984/
  4.  
  5. All assets used in my shortcuts and all other platforms are free to use... please remember to give credit to me so that others too can make super nice and easy shortcuts, assets, and html pages! Thanks! :)
  6. -->
  7. <script>
  8.     function getWeather() {
  9.         if (document.getElementById('search').value === "New York") {
  10.             document.getElementById("demo1").innerHTML = "Loading weather for New York...";
  11.         } else {
  12.             document.getElementById("demo1").innerHTML = "City name isn't valid. Try again";
  13.         }
  14.     }
  15. </script>
  16. <style>
  17.     a {
  18.         color: rgb(12, 254, 170);
  19.         background-color: transparent;
  20.         text-decoration: none;
  21.     }
  22.     a.TOC2 {
  23.         color: rgb(163,26,247);
  24.     }
  25.     img {
  26.         max-width: 100%;
  27.         height: auto;
  28.         padding-top: 0px;
  29.         padding-bottom: 0px;
  30.         position: center;
  31.     }
  32.     code {
  33.         color: rgb(230, 153, 168);
  34.         background-color: rgb(36, 36, 36);
  35.         text-decoration: none;
  36.         font-family: monospace;
  37.         padding-top: 2px;
  38.         padding-right: 3px;
  39.         padding-bottom: 2px;
  40.         padding-left: 3px;
  41.     }
  42.     h1 {
  43.         color: rgb(172, 172, 172);
  44.         background-color: transparent;
  45.         text-decoration: none;
  46.         text-align: center;
  47.         font-size: 35px;
  48.         padding-top: 0px;
  49.         padding-bottom: 0px;
  50.         position: relative;
  51.         margin: 10px;
  52.     }
  53.     h2 {
  54.         color: rgb(172, 172, 172);
  55.         background-color: transparent;
  56.         text-decoration: none;
  57.         text-align: center;
  58.         font-size: 25px;
  59.         padding-top: 0px;
  60.         padding-bottom: 0px;
  61.         position: relative;
  62.         margin: 5px;
  63.     }
  64.     h2.toppy {
  65.         color: rgb(172, 172, 172);
  66.         text-decoration: none;
  67.         text-align: center;
  68.         font-size: 28px;
  69.         padding-top: 0px;
  70.         padding-bottom: 0px;
  71.         height: 30px;
  72.         background: linear-gradient(to right, rgb(38,216,255), rgb(201,201,201), rgb(38,216,255));
  73.         position: relative;
  74.         margin: 5px;
  75.     }
  76.     h3 {
  77.         color: rgb(179, 189, 187);
  78.         background-color: transparent;
  79.         text-decoration: none;
  80.         text-align: center;
  81.         font-size: 22px;
  82.         padding-top: 5px;
  83.         padding-bottom: 5px;
  84.         position: relative;
  85.         margin: 5px;
  86.     }
  87.     h3.toppy {
  88.         color: rgb(172, 172, 172);
  89.         text-decoration: none;
  90.         text-align: center;
  91.         font-size: 20px;
  92.         padding-top: 0px;
  93.         padding-bottom: 0px;
  94.         height: 30px;
  95.         background: linear-gradient(to right, rgb(38,216,255), rgb(201,201,201), rgb(38,216,255));
  96.         position: relative;
  97.         margin: 5px;
  98.     }
  99.     h4 {
  100.         color: rgb(179, 189, 187);
  101.         background-color: transparent;
  102.         text-decoration: none;
  103.         font-size: 20px;
  104.         padding-top: 5px;
  105.         padding-bottom: 5px;
  106.         position: relative;
  107.         margin: 5px;
  108.     }
  109.     body {
  110.         color: rgb(255, 255, 255);
  111.         background-color: rgb(0, 0, 0);
  112.         text-decoration: none;
  113.     }
  114.     ul {
  115.         padding-right: 8px;
  116.         padding-left: 15px;
  117.         position: relative;
  118.         margin: 5px;
  119.     }
  120.     ol {
  121.         padding-right: 8px;
  122.         padding-left: 30px;
  123.         position: relative;
  124.         margin: 5px;
  125.     }
  126.     li {
  127.         padding-top: 4px;
  128.         padding-bottom: 4px;
  129.     }
  130.     p {
  131.         background-color: transparent;
  132.         text-decoration: none;
  133.         font-size: 15px;
  134.     }
  135.     button {
  136.         color: rgb(37,32,37);
  137.         background-color: rgb(205,156,204);
  138.         font-size: 14px;
  139.         padding-top: 0px;
  140.         padding-bottom: 0px;
  141.         border: none;
  142.     }
  143.     p.title {
  144.         color: rgb(203,204,204);
  145.         background-color: transparent;
  146.         text-decoration: none;
  147.         font-weight: bold;
  148.         font-size: 14px;
  149.         padding-top: 0px;
  150.         padding-bottom: 0px;
  151.         padding-right: 5px;
  152.         padding-left: 10px;
  153.     }
  154.     p.notes {
  155.         color: rgb(164,164,164);
  156.         font-size: 12px;
  157.         padding-top: 0px;
  158.         padding-bottom: 0px;
  159.         padding-right: 5px;
  160.         padding-left: 10px;
  161.     }
  162.     hr.dashed {
  163.         border: none;
  164.         border-top: 4px dashed #bbb;
  165.         background-color: transparent;
  166.         text-decoration: none;
  167.         border: none;
  168.     }
  169.     hr.dotted {
  170.         border: none;
  171.         border-top: 4px dotted #bbb;
  172.         background-color: transparent;
  173.         text-decoration: none;
  174.         border: none;
  175.     }
  176.     hr.solid {
  177.         border: none;
  178.         border-top: 4px solid #bbb;
  179.         background-color: transparent;
  180.         text-decoration: none;
  181.         border: none;
  182.     }
  183.     hr.rounded {
  184.         border: none;
  185.         border-top: 4px solid #bbb;
  186.         border-radius: 4px;
  187.         background-color: transparent;
  188.         text-decoration: none;
  189.     }
  190.     hr.gradient {
  191.         border: none;
  192.         height: 3px;
  193.         background: linear-gradient(to right, rgb(38,216,255), rgb(201,201,201), rgb(38,216,255));
  194.     }
  195.     hr.surround_grad {
  196.         border: none;
  197.         height: 3px;
  198.         background: linear-gradient(to right, rgb(195,40,153), rgb(201,201,201), rgb(195,40,153));
  199.     }
  200.     .gradient-underline {
  201.         padding-bottom: 4px;
  202.         position: relative;
  203.         display:table;
  204.         margin:auto;
  205.     }
  206.     .gradient-underline::after {
  207.         background: linear-gradient(300deg, rgba(104, 85, 211, 0.9) 10%, red 100%);
  208.         content: "";
  209.         position: absolute;
  210.         bottom: 0;
  211.         left: 0;
  212.         height: 2px;
  213.         width: 100%;
  214.         /* we show from 0 to 7px then a gap until 9px (2px gap)*/
  215.         -webkit-mask:repeating-linear-gradient(to right,#fff 0 7px,transparent 0 9px);
  216.               mask:repeating-linear-gradient(to right,#fff 0 7px,transparent 0 9px);
  217.     }
  218.     .down_grad {
  219.         color: rgb(214, 92, 92);
  220.         padding-bottom: 4px;
  221.         position: relative;
  222.         margin:auto;
  223.     }
  224.     .down_grad::after {
  225.         background: linear-gradient(300deg, rgba(154, 0, 255, 0.8) 12%, cyan 100%);
  226.         content: "";
  227.         position: absolute;
  228.         bottom: 0;
  229.         left: 0;
  230.         height: 2px;
  231.         width: 100%;
  232.         /* we show from 0 to 7px then a gap until 9px (2px gap)*/
  233.         -webkit-mask:repeating-linear-gradient(to right,#fff 0 7px,transparent 0 9px);
  234.               mask:repeating-linear-gradient(to right,#fff 0 7px,transparent 0 9px);
  235.     }
  236.     .guide {
  237.         color: rgb(56, 218, 228);
  238.         background-color: transparent;
  239.         text-decoration: none;
  240.         text-align: center;
  241.         padding-top: 4px;
  242.     }
  243.     .guide1 {
  244.         text-align: center;
  245.     }
  246.     .under {
  247.         text-align: center;
  248.         font-weight: 800;
  249.         font-size: 15px;
  250.     }
  251.     .under1 {
  252.         text-align: center;
  253.         font-size: 15px;
  254.     }
  255.     .ios {
  256.         color: rgb(172, 172, 172);
  257.         background-color: transparent;
  258.         text-decoration: none;
  259.         font-weight: bold;
  260.     }
  261.     .verNdate {
  262.         font-weight: bold;
  263.         font-size: 18px;
  264.     }
  265.     .TOC {
  266.         padding-right: 5px;
  267.         padding-left: 45px;
  268.         padding-top: 8px;
  269.         padding-bottom: 8px;
  270.     }
  271.     .TOC1 {
  272.         padding-top: 4px;
  273.         padding-bottom: 4px;
  274.     }
  275. </style>
  276. <html>
  277.     <head>
  278.         <title>Check For Update - More Information</title>
  279.         <meta charset="UTF-8">
  280.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  281.     </head>
  282.     <body>
  283.         <h2>My First JavaScript</h2>
  284.         <button type="button" onclick="document.getElementById('demo').innerHTML = Date()"> Click me to display Date and Time.</button>
  285.         <p id="demo"></p>
  286.         <hr class="rounded">
  287.         <input id="search" type="text" name="input" placeholder="Search City...">
  288.         <button onclick="document.getElementById('demo1').innerHTML = getWeather()">Get weather</button>
  289.         <p id="demo1"></p>
  290.     </body>
  291. </html>
  292.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!