| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- <!DOCTYPE html>
- <html>
- <head>
- <!--Import Google Icon Font-->
- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
- <!--Import materialize.css-->
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
-
- <!--Let browser know website is optimized for mobile-->
- <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
- <style>
- .flip-list-move {
- transition: transform 1s;
- }
- .flip-list-enter-active, .flip-list-leave-active {
- transition: all .2s;
- }
- .flip-list-enter, .flip-list-leave-to {
- opacity: 0;
- transform: translateX(30px);
- }
- .currency{
- font-weight: bold;
- white-space: nowrap;
- }
- .amount{
- text-align: end;
- width: 100%;
- font-family: "Roboto Mono", monospace;
- font-size:0.9rem;
- }
- .amount::before{
- content: "$ ";
- }
- </style>
- </head>
- <body>
- </div>
- <div id="startID" class="hide">{{id}}</div>
- <nav class="nav-extended">
- <div class="nav-wrapper blue-grey">
- <div class="col s12">
- <a class="brand-logo">Max app</a>
- </div>
- </div>
- </nav>
- <a class="btn" href="/coin/chart/{{nextId}}">Go to Next One</a>
- <h1 text-align='center'>{{id}}</h1>
- <div id="chartContainer" style="height: 100%; width: 100%;">
-
- <!--JavaScript at end of body for optimized loading-->
- <script type="text/javascript" src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
- <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
- <script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
- <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
- <script src="https://unpkg.com/vue@next"></script>
- <script src="{{ url_for('static', filename='js/draw_chart.js')}}"></script>
- <script src="{{ url_for('static', filename='js/round.js')}}"></script>
- </body>
- </html>
|