Commit 8c829a4d authored by TheTechRobo's avatar TheTechRobo
Browse files

Make noscript much nicer 

Fixes #104
parent ca96789c

static/styles.css

+14 −1
Original line number Diff line number Diff line 
body {

    display: flex;

    flex-direction: column;

}



#header-section {

    margin-top: 2.5rem;

    margin-bottom: 0;
@@ -70,6 +75,14 @@ button[disabled] { 
    background-color: black;

}



#data-section {

    flex: 1 1 auto;

}



html, body, #data-section, #data, #data > div, #data > div > iframe {

    height: 100%;

}



#theme-select {

    -webkit-touch-callout: none;

    -webkit-user-select: none;

templates/noscript/error.j2

+1 −2
Original line number Diff line number Diff line
@@ -20,8 +20,7 @@ 
    <div class="container content">

      <p style="color:red">

        Could not parse your input as a video ID or URL.<br />

        Your input was:<br />

        <code>{{inp}}</code>

        Your input was: <code>{{inp}}</code>

      </p>

      <br />

      If the video ID or URL is valid, please file an issue on GitHub! In the meantime, try copying the video ID from the URL yourself.

templates/noscript/fid.j2

+1 −1
Original line number Diff line number Diff line
@@ -22,7 +22,7 @@ span > a:visited { 
</style>

  </head>

  <body>

    <h2>Results of id {{ resp.id }}</h1>

    <h3>Results of id {{ resp.id }}</h3>

    {% if resp['status'] != "ok" %}

      <p>STATUS FAILED. {{resp['status']}}</p>

      {%endif%}

templates/noscript/init.j2

+20 −8
Original line number Diff line number Diff line
@@ -7,18 +7,30 @@ 
    <link href="/static/skeleton.css" rel="stylesheet" type="text/css" />

    <link href="/static/styles.css" rel="stylesheet" />



    <meta name="robots" content="noindex">

    <meta name="robots" content="noindex" />



<style>

      .content {

        text-align: center;

html, body, .content {

    margin: 0px;

    height: 100%;

    width: 100%;

}



.container {

    display: flex;

    align-items: center;

}



p {

    text-align: center;

    width: 100%;

    flex-grow: 1;

}

</style>

  </head>

  <body>

    <div class="container content">

      <p>Awaiting input...</p>

      <p>You are using the noscript fallback. It might not be as polished as the JavaScript-based frontend.</p>

    </div>

  </body>

</html>

templates/noscript/loading.j2

+29 −1
Original line number Diff line number Diff line
@@ -4,11 +4,39 @@ 
    <!-- This is a meta refresh so that the loading screen is shown while the next page is loading -->

    <!-- With a redirect, the browser will not paint until the redirect chain is complete -->

    <meta http-equiv="refresh" content="0; url=/noscript_load_thing.html?id={{id}}" />



    <meta name="viewport" content="width=device-width, initial-scale=1" />



    <link href="/static/normalize.css" rel="stylesheet" type="text/css" />

    <link href="/static/skeleton.css" rel="stylesheet" type="text/css" />

    <link href="/static/styles.css" rel="stylesheet" />

    <meta name="robots" content="noindex" />



<style>

html, body, .container {

    margin: 0px;

    height: 100%;

    width: 100%;

}



.container {

    display: flex;

    align-items: center;

}



p {

    text-align: center;

    width: 100%;

    flex-grow: 1;

}

</style>



  </head>

  <body>

    <div class="container">

        <img src="/static/loading.gif" width="25" height="25" />Loading could take up to 45 seconds.</img>

        <p>

            <img src="/static/loading.gif" style="height: 1em;" /> Loading could take up to 45 seconds.

        </p>

    </div>

  </body>

</html>