formatting

Author: chengr4

site/frontend/src/templates/bootstrap.html

@@ -1,52 +1,49 @@
-{% extends "layout.html" %}
-{% block head %}
-<link rel="stylesheet" href="../../node_modules/uplot/dist/uPlot.min.css">
+{% extends "layout.html" %} {% block head %}
+<link rel="stylesheet" href="../../node_modules/uplot/dist/uPlot.min.css" />
 <style>
-    .uplot {
-        display: inline-block;
-        vertical-align: top;
-        width: min-content;
-    }
+  .uplot {
+    display: inline-block;
+    vertical-align: top;
+    width: min-content;
+  }
 
-    .u-over {
-        box-shadow: 0px 0px 0px 0.5px #ccc;
-    }
+  .u-over {
+    box-shadow: 0px 0px 0px 0.5px #ccc;
+  }
 
-    .u-legend {
-        text-align: left;
-        padding-left: 50px;
-    }
+  .u-legend {
+    text-align: left;
+    padding-left: 50px;
+  }
 
-    .u-inline tr {
-        margin-right: 8px;
-    }
+  .u-inline tr {
+    margin-right: 8px;
+  }
 
-    .u-label {
-        font-size: 12px;
-    }
+  .u-label {
+    font-size: 12px;
+  }
 
-    .u-tooltip {
-        font-size: 10pt;
-        position: absolute;
-        background: #fff;
-        display: none;
-        border: 2px solid black;
-        padding: 4px;
-        pointer-events: none;
-        z-index: 100;
-        white-space: pre;
-        font-family: monospace;
-    }
+  .u-tooltip {
+    font-size: 10pt;
+    position: absolute;
+    background: #fff;
+    display: none;
+    border: 2px solid black;
+    padding: 4px;
+    pointer-events: none;
+    z-index: 100;
+    white-space: pre;
+    font-family: monospace;
+  }
 
-    body {
-        padding: 1em;
-        margin: 0;
-    }
+  body {
+    padding: 1em;
+    margin: 0;
+  }
 </style>
-{% endblock %}
-{% block content %}
+{% endblock %} {% block content %}
 <div id="app"></div>
-{% endblock %}
-{% block script %}
+{% endblock %} {% block script %}
 <script type="module" src="../pages/bootstrap.ts"></script>
 {% endblock %}

site/frontend/src/templates/compare.html

@@ -1,83 +1,78 @@
-{% extends "layout.html" %}
-{% block head %}
-<link rel="stylesheet" href="../../node_modules/uplot/dist/uPlot.min.css">
+{% extends "layout.html" %} {% block head %}
+<link rel="stylesheet" href="../../node_modules/uplot/dist/uPlot.min.css" />
 
 <style>
-    body {
-        max-width: 1100px;
-        margin: 2% auto;
-    }
+  body {
+    max-width: 1100px;
+    margin: 2% auto;
+  }
 
-    #app {
-        margin: 0 2%;
-    }
+  #app {
+    margin: 0 2%;
+  }
 
-    ul li {
-        margin: 0;
-    }
+  ul li {
+    margin: 0;
+  }
 
-    ul li input {
-        vertical-align: middle;
-        margin: 0 2px;
-    }
+  ul li input {
+    vertical-align: middle;
+    margin: 0 2px;
+  }
 
-    .section {
-        display: flex;
-        margin: 10px 0;
-    }
+  .section {
+    display: flex;
+    margin: 10px 0;
+  }
 
-    .section-heading {
-        font-size: 16px;
-    }
+  .section-heading {
+    font-size: 16px;
+  }
 
-    .collapsible-section {
-        border: 1px black;
-        border-style: dotted;
-        margin: 12px 0px;
-        border-radius: 10px;
-    }
+  .collapsible-section {
+    border: 1px black;
+    border-style: dotted;
+    margin: 12px 0px;
+    border-radius: 10px;
+  }
 
-    input {
-        border-radius: 5px;
-        font-size: 12px;
-        height: 100%;
-    }
+  input {
+    border-radius: 5px;
+    font-size: 12px;
+    height: 100%;
+  }
 
-    input[type="checkbox"] {
-        height: auto;
-    }
+  input[type="checkbox"] {
+    height: auto;
+  }
 
-    .category-title {
-        font-weight: bold;
-        font-size: 1.2em;
-        margin: 10px;
-        text-align: center;
-    }
+  .category-title {
+    font-weight: bold;
+    font-size: 1.2em;
+    margin: 10px;
+    text-align: center;
+  }
 
-    .positive {
-        color: red;
-    }
+  .positive {
+    color: red;
+  }
 
-    .slightly-positive {
-        color: #ea7272;
-    }
+  .slightly-positive {
+    color: #ea7272;
+  }
 
-    .negative {
-        color: green;
-    }
+  .negative {
+    color: green;
+  }
 
-    .slightly-negative {
-        color: #74b374
-    }
+  .slightly-negative {
+    color: #74b374;
+  }
 </style>
 
 <!-- <link rel="stylesheet" type="text/css" href="scripts/compare.css"> -->
-{% endblock %}
-{% block content %}
-{% raw %}
+{% endblock %} {% block content %} {% raw %}
 <div id="app"></div>
-{% endraw %}
-{% endblock %}
-{% block script %}
+{% endraw %} {% endblock %} {% block script %}
 <script type="module" src="../pages/compare.ts"></script>
 {% endblock %}

site/frontend/src/templates/dashboard.html

@@ -32,7 +32,6 @@
     <div id="runtime-average-times"></div>
 </div>
 <div id="as-of"></div>
-{% endblock %}
-{% block script %}
+{% endblock %} {% block script %}
 <script type="module" src="../pages/dashboard.ts"></script>
 {% endblock %}