Improve html layout and styles.

spawnfest · Oct 29, 2023 · 29bb510 · 29bb510
1 parent a06bc19
commit 29bb510
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 5 deletions.
diff --git a/priv/chapter1.html b/priv/chapter1.html
@@ -184,9 +184,9 @@ <h1 class="text-black-600 text-5xl font-bold">
         the <a href="http://docs.lfe.io/current/user-guide/diving/5.html"> LFE user guide section 2.5.3.3</a>.
 </p>
 
-<p class="py-5 text-9xl">
+<p class="">
        <a href="/chapter1" hx-boost="true">← Previous Chapter</a> || <a href="/chapter2" hx-boost="true">Next Chapter →</a>
-      </p>
+</p>
 </div>
 </body>
 </html>
diff --git a/priv/chapter2-error.html b/priv/chapter2-error.html
@@ -19,3 +19,6 @@
   <button class="btn">Submit</button>
   <button class="btn" hx-get="/chapter2/contact/1">Cancel</button>
 </form>
+
+
+
diff --git a/priv/chapter2.html b/priv/chapter2.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
-  <script src="https://unpkg.com/htmx.org@1.9.6"></script>
+  <head>
+  <meta charset="UTF-8">
+   <script src="https://unpkg.com/htmx.org@1.9.6"></script>
   <style>
     html {
         max-width: 80ch;
@@ -59,7 +61,7 @@
     }   
 
   </style>
-
+  </head>
 <body>
     <h1>
       A "Click to edit"  Example.
@@ -226,6 +228,16 @@ <h1>
       (barista-response:ok (erlang:binary_to_list (template:load "chapter2-error.html")))))
 </pre>
 
+  <p>
+    Because 1 is always equal to 1, this will always fail, the template will always redirect to
+    showing the error condition.
+  </p>
+
+  <p>
+       <a href="/chapter1" hx-boost="true">← Previous Chapter</a> || <a href="/live-demo" hx-boost="true">Next Chapter →</a>
+</p>
+
+
 
 </body>
 </html>
diff --git a/priv/index.html b/priv/index.html
@@ -83,6 +83,7 @@ <h1 class="text-black-600 text-5xl font-bold">
           <li> Novice understand of <a href="https://cnbbooks.github.io/lfe-manual/current/part1/intro/index.html"> Lisp Flavored Erlang </a>)</li>
           <li> A sense of humour </li>
         </ul>
+
       </p>
 
       <b>What is HTMX ?</b>
@@ -104,7 +105,7 @@ <h1 class="text-black-600 text-5xl font-bold">
 
       </p>
 
-      <p class="py-5">
+      <p>
         Individuals can become defensive when a new technology obsoletes or challenges a thought where they have invested time money or energy. There is a natural resistance to change, people are comfortable with what they know. Fear of the unknown can make individuals defensive, overwhelmed or uncertain. Investing significant time, money, or effort into  technology can make them defensive and reluctance to embrace the advantages of the new, despite its potential benefits.  <a href="https://matt.sh/htmx-is-a-erlang"> Matt.sh</a> has some examples on his site that may be enlightening.
       </p>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -19,3 +19,6 @@
		<button class="btn">Submit</button>
		<button class="btn" hx-get="/chapter2/contact/1">Cancel</button>
		</form>