Commit 3875a4e7 authored by TheTechRobo's avatar TheTechRobo
Browse files

Improve mobile compatibility

Addresses #7, requires feedback
parent a68f5b36
Loading
Loading
Loading
Loading
+1 −0
Original line number Diff line number Diff line
@@ -8,6 +8,7 @@ body {
</style>
  </head>
  <body>
    <p>Please don't spam my servers - anyone that spams too much may be banned. Contact me on Discord (TheTechRobo#7420) or IRC (TheTechRobo on hackint) to discuss.</p>
    <h1>API Documentation</h1>
    <h3>Call: GET <code>/find/$videoid</code></h3>
    <p>
+1 −0
Original line number Diff line number Diff line
@@ -11,5 +11,6 @@ body {
    <h1>fid is deprecated</h1>
    <i>Well, it wasn't actually ever supported, so...</i>
    <p>While I don't <i>like</i> using JavaScript for the basic site functionality, it makes stuff a lot easier and more modern-feeling.</p>
    <p>If you want to use the data in your own project, and that's why you're looking at this, the API is publicly documented. Please don't spam my servers, though - anyone that spams too much may be banned. Contact me on Discord (TheTechRobo#7420) or IRC (TheTechRobo on hackint) to discuss.</p>
  </body>
</html>
+17 −6
Original line number Diff line number Diff line
@@ -5,6 +5,7 @@
    <title>YouTube Video Archives</title>
    <style>
#contenu {
  width: 49%;
  position: absolute;
  left: 50%;
  top: 40%;
@@ -12,18 +13,27 @@
  transform: translate(-50%, -50%);
}
#data {
  width: 30%;
  position: absolute;
  left: 49%;
  top: 70%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (min-height: 1250px) {
  #data {
    top: 40%;
  }
  #contenu {
    top: 20%;
  }
}

input {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 740px;
  /*padding-left: 275px;
    padding-right: 275px;*/
  width: 90%;
  display: inline;
  border-radius: 10px;
  border: 1px solid grey;
@@ -42,7 +52,7 @@ button {
:focus {
  border: 1px solid cyan;
}
.grn {
.green {
  color: green;
  background-color: black;
}
@@ -104,7 +114,7 @@ button {
                colour = "yellow";
              }
              else if (wbm.archived) {
                colour = "grn";
                colour = "green";
              }
              else {
                colour = "red";
@@ -141,6 +151,7 @@ button {
    <noscript>
<style>
.contenu, .data {
  width: 100%;
  display: none;
}
</style>
@@ -156,7 +167,7 @@ button {
      <span id="int"></span>
    </div>
    <div id="data">
      <i>website created by TheTechRobo</i>
      <p style="text-align: center;"><i>website created by TheTechRobo</i></p>
    </div>
    <div id="warning">
      <b>I take no responsibility for any data loss as a result of incorrect values.</b> Verify the values for any important videos!