From 0f645e7fa9187eadbbbf12941e2902cbb8b6af41 Mon Sep 17 00:00:00 2001
From: Ben Morrison <ben@gbmor.dev>
Date: Sun, 19 May 2019 03:02:35 -0400
Subject: updated template and adjusted styling

---
 assets/style.css       | 19 ++++++++++++-------
 assets/tmpl/index.html | 14 +++++++-------
 2 files changed, 19 insertions(+), 14 deletions(-)

(limited to 'assets')

diff --git a/assets/style.css b/assets/style.css
index 5f62e1c..7d314f1 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -1,20 +1,24 @@
 @import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css");
 
 #container {
-  max-width: 800px;
+  max-width: 50rem;
   margin: auto;
 }
 
 #head {
-  padding-top: 20px;
-  padding-bottom: 20px;
+  padding-bottom: 1rem;
   text-align: center;
-  font-size: 2em;
+  font-size: 4em;
+  font-family: monospace;
 }
 
 #subhead {
   text-align: right;
-  font-size: 1.2em;
+  font-size: 2.0em;
+  font-family: monospace;
+  margin-top: -2rem;
+  padding-right: 10rem;
+  padding-bottom: 1.0rem;
 }
 
 #body {
@@ -23,11 +27,12 @@
 
 #info {
   font-size: 0.9em;
-  padding-top: 10px;
+  padding-top: 1rem;
 }
 
 #foot {
-  padding-top: 20px;
+  padding-top: 2rem;
+  padding-bottom: 2rem;
   text-align: center;
   font-size: 0.8em;
 }
diff --git a/assets/tmpl/index.html b/assets/tmpl/index.html
index e702d08..a1fe1ab 100644
--- a/assets/tmpl/index.html
+++ b/assets/tmpl/index.html
@@ -27,29 +27,29 @@
 /api/plain/tweets
 /api/plain/tags</code></pre>
   <p>Query by user:</p>
-        <pre><code>$ curl 'https://getwtxt.example.com/api/plain/users?q=foo'
+        <pre><code>$ curl '{{.URL}}/api/plain/users?q=foo'
 foo               https://example.com/twtxt.txt     2019-05-09T08:42:23.000Z
 foobar            https://example2.com/twtxt.txt    2019-03-14T19:23:00.000Z
 foo_barrington    https://example3.com/twtxt.txt    2019-05-01T15:59:39.000Z</code></pre>
           <p>Query by tweet content:</p>
-        <pre><code>$ curl 'https://getwtxt.example.com/api/plain/tweets?q=getwtxt'
+        <pre><code>$ curl '{{.URL}}/api/plain/tweets?q=getwtxt'
 foo_barrington    https://example3.com/twtxt.txt    2019-04-30T06:00:09.000Z    I just built getwtxt, time to set it up!</code></pre>
           <p>Query by mention:</p>
-        <pre><code>$ curl 'https://getwtxt.example.com/api/plain/mentions?url=https://foobarrington.co.uk/twtxt.txt'
+        <pre><code>$ curl '{{.URL}}/api/plain/mentions?url=https://foobarrington.co.uk/twtxt.txt'
 foo    https://example.com/twtxt.txt    2019-02-26T11:06:44.000Z    @<foo_barrington https://example3.com/twtxt.txt> Hey!! Are you still working on that project?</code></pre>
           <p>Query by tag:</p>
-        <pre><code>$ curl 'https://getwtxt.example.com/api/plain/tags/programming'
+        <pre><code>$ curl '{{.URL}}/api/plain/tags/programming'
 foo    https://example.com/twtxt.txt    2019-03-01T09:31:02.000Z    I love #programming!</code></pre>
           <p>Get latest 20 tweets:</p>
-        <pre><code>$ curl 'https://getwtxt.example.com/api/plain/tweets'
+        <pre><code>$ curl '{{.URL}}/api/plain/tweets'
 foobar    https://example2.com/twtxt.txt    2019-05-13T12:46:20.000Z    It's been a busy day at work!
 ...</code></pre>
           <p>Get all users:</p>
-        <pre><code>$ curl 'https://getwtxt.example.com/api/plain/users'
+        <pre><code>$ curl '{{.URL}}/api/plain/users'
 foo_barrington    https://example3.com/twtxt.txt    2018-11-21T18:31:00.000Z
 ...</code></pre>
           <p>Add new user:</p>
-        <pre><code>$ curl -X POST 'https://getwtxt.example.com/api/plain/users?url=https://example3.com/twtxt.txt&nickname=foo_barrington'
+        <pre><code>$ curl -X POST '{{.URL}}/api/plain/users?url=https://example3.com/twtxt.txt&nickname=foo_barrington'
 OK</code></pre>
     </div>
     <div id="info">
-- 
cgit 1.4.1-2-gfad0

ef='#n39'>39</a>
<a id='n40' href='#n40'>40</a>
<a id='n41' href='#n41'>41</a>
<a id='n42' href='#n42'>42</a>
<a id='n43' href='#n43'>43</a>
<a id='n44' href='#n44'>44</a>
<a id='n45' href='#n45'>45</a>
<a id='n46' href='#n46'>46</a>
<a id='n47' href='#n47'>47</a>
<a id='n48' href='#n48'>48</a>
<a id='n49' href='#n49'>49</a>
<a id='n50' href='#n50'>50</a>
<a id='n51' href='#n51'>51</a>
<a id='n52' href='#n52'>52</a>
<a id='n53' href='#n53'>53</a>
<a id='n54' href='#n54'>54</a>
<a id='n55' href='#n55'>55</a>
<a id='n56' href='#n56'>56</a>
<a id='n57' href='#n57'>57</a>
<a id='n58' href='#n58'>58</a>
<a id='n59' href='#n59'>59</a>
<a id='n60' href='#n60'>60</a>
<a id='n61' href='#n61'>61</a>
<a id='n62' href='#n62'>62</a>
<a id='n63' href='#n63'>63</a>
</pre></td>
<td class='lines'><pre><code>