Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Cabin:wght@600&display=swap" rel="stylesheet"> | |
| <title >Practice API</title> | |
| <style> | |
| body { | |
| font-family: 'Cabin', sans-serif; | |
| margin: 0; | |
| padding: 0; | |
| background: rgb(191,197,209); | |
| background: linear-gradient(90deg, rgba(191,197,209,1) 11%, rgba(76,209,238,1) 36%, rgba(29,95,248,1) 75%); | |
| color: #2c3e50; | |
| } | |
| header { | |
| text-align: center; | |
| padding: 10px; | |
| background: rgb(191,197,209); | |
| background: linear-gradient(90deg, rgba(191,197,209,1) 11%, rgba(76,209,238,1) 36%, rgba(29,95,248,1) 75%); | |
| color: #fff; | |
| border-bottom-left-radius: 20px; | |
| border-bottom-right-radius: 10px; | |
| } | |
| section { | |
| max-width: 800px; | |
| margin: 20px auto; | |
| padding: 20px; | |
| background-color: #fff; | |
| border: 1px solid #bdc3c7; | |
| border-radius: 10px; | |
| } | |
| title { | |
| color: white; | |
| font-size: xx-large; | |
| } | |
| h1 { | |
| color: #1807aa; | |
| font-family: 'Cabin', sans-serif; | |
| font-size: 2em; /* Increased font size */ | |
| } | |
| h2 { | |
| color: black; | |
| } | |
| h3 { | |
| color: white; | |
| font-size: 68px; | |
| padding: auto; | |
| font-weight: bolder; | |
| font-family: 'Cabin', sans-serif; | |
| } | |
| #navigateButton { | |
| display: inline-block; | |
| padding: 10px 20px; | |
| margin-top: 10px; | |
| background-color: black; | |
| color: #fff; | |
| text-decoration: none; | |
| border-radius: 5px; | |
| transition: background-color 0.3s; | |
| } | |
| #navigateButton:hover { | |
| background-color: #2980b9; | |
| color:white; | |
| } | |
| footer { | |
| text-align: center; | |
| padding: 10px; | |
| background: rgb(191,197,209); | |
| background: linear-gradient(90deg, rgba(191,197,209,1) 11%, rgba(76,209,238,1) 36%, rgba(29,95,248,1) 75%); | |
| color: #fff; | |
| border-top-left-radius: 10px; | |
| border-top-right-radius: 10px; | |
| } | |
| /* Added the following CSS rule to make content bold */ | |
| section p { | |
| font-weight: bold; | |
| font-family: 'Rubik', sans-serif; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| <h3>Practice API</h3> | |
| <h3 style="font-size: medium;">A fun practice API for untangl</h3> | |
| </header> | |
| <section> | |
| <h2>About</h2> | |
| <p> | |
| <strong>Contains some simple functions!</strong> | |
| </p> | |
| </section> | |
| <section> | |
| <h2>Documentation</h2> | |
| <p> | |
| <strong>To look at the Docs page click the button below | |
| </p> | |
| <p> | |
| <a id="navigateButton">API Documentation</a> | |
| <script> | |
| document.getElementById('navigateButton').addEventListener('click', function() { | |
| // Get the current URL | |
| var currentUrl = window.location.href; | |
| // Append "/docs" to the current URL | |
| var newUrl = currentUrl + 'docs'; | |
| // Navigate to the new URL | |
| window.location.href = newUrl; | |
| }); | |
| </script> | |
| </p> | |
| </section> | |
| <section> | |
| <h2> Crediting and usage</h2> | |
| <p> | |
| <strong> If you wish to use this in your own projects and credit me then feel free to link my <a href="https://github.com/Sankie005">Github</a> or <a href="https://linkedin.com/in/sankritya-rai-002a40261/">Linkedin</a> in your website footer | |
| </p> | |
| </section> | |
| <footer> | |
| <p>© 2024 Sankie005 on github</p> | |
| </footer> | |
| </body> | |
| </html> |