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

Improve mobile compatibility 

Addresses #7, requires feedback
parent a68f5b36

templates/api.html

+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>

templates/fid.html

+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>

templates/init.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!