"Setup template for Current Year (2020)"

2025-07-27 00:06:09 +00:00 · 2020-12-02 23:53:45 -05:00 · 2020-12-02 23:53:45 -05:00 · eb884ec643
commit eb884ec643
parent 170e72f666
6 changed files with 72 additions and 58 deletions
--- a/solutions/day3/viewer.html
+++ b/solutions/day3/viewer.html
@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Solution Viewer</title>
+    <style>
+      html, body { font-family: sans-serif; }
+      pre { border-radius: 0.5em; padding: 0.5em; background: #eee; }
+    </style>
+    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
+  </head>
+  <body>
+    <div id="viewer">
+      <h1>Solution Viewer ({{ solutionTitle }})</h1>
+      <p>For interesting problems; this page can be used as a dynamic viewer.</p>
+      <h3><a href="./input.txt">input.txt</a></h3>
+      <pre><code>{{ inputText }}</code></pre>
+      <h3><a href="./solution.js">solution.js</a></h3>
+      <pre><code>{{ solutionText }}</code></pre>
+    </div>
+    <script>
+const app = new Vue({
+  el: '#viewer',
+  data: () => {
+    return {
+      solutionText: '[Loading]',
+      inputText: '[Loading]'
+    }
+  },
+  computed: {
+    solutionTitle() {
+      const parts = (document.location + '').split('/')
+      return parts.reverse()[1]
+    }
+  },
+  async mounted () {
+    this.solutionText = (await axios.get('./solution.js')).data
+    this.inputText = (await axios.get('./input.txt')).data
+  }
+})
+    </script>
+  </body>
+</html>