Add favicon and about page, fix up some styling and add links

devries · devries · commit a4ba9eea67d1 · 2023-07-06T17:19:08.000-04:00
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
 *~
 .*.swp
 .DS_Store
+/build
diff --git a/nlmserver/main.go b/nlmserver/main.go
@@ -30,10 +30,14 @@ func main() {
 
 	templates := template.Must(template.New("web").ParseFS(templateFiles, "templates/*"))
 
+	log.Printf("Loading articles...")
+	start := time.Now()
 	articleBuilder, err := nlm.NewArticleBuilder(size)
 	if err != nil {
 		log.Fatalf("Error creating article builder: %s", err)
 	}
+	elapsed := time.Now().Sub(start)
+	log.Printf("Time elapsed loading articles: %s", elapsed)
 
 	mux.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
 		if r.URL.Path != "/" {
@@ -47,6 +51,14 @@ func main() {
 		}
 	})
 
+	mux.HandleFunc("/about", func(w http.ResponseWriter, r *http.Request) {
+		aboutTemplate := templates.Lookup("about.html")
+		err := aboutTemplate.Execute(w, nil)
+		if err != nil {
+			http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
+		}
+	})
+
 	mux.Handle("/generate", NewRateLimiter("X-Forwarded-For", 0.2, 4, http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
 		responseTemplate := templates.Lookup("article.html")
 		errorTemplate := templates.Lookup("error.html")
diff --git a/nlmserver/static/favicon.png b/nlmserver/static/favicon.png
diff --git a/nlmserver/static/main.css b/nlmserver/static/main.css
@@ -39,6 +39,11 @@ h5 {
   margin-bottom: 20px;
 }
 
+.header a {
+  color: black;
+  text-decoration: none;
+}
+
 .main {
   margin-top: 100px;
   padding: 10px;
@@ -47,6 +52,10 @@ h5 {
   flex: 1 0 auto;
 }
 
+.main>h1 {
+  text-align: center;
+}
+
 .footer {
   padding: 10px;
   font-size: small;
@@ -57,6 +66,11 @@ h5 {
   .header {
     flex-flow: column nowrap;
     align-items: center;
+    position: static;
+  }
+
+  .main {
+    margin-top: 20px;
   }
 }
 
diff --git a/nlmserver/templates/about.html b/nlmserver/templates/about.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>No Language Model</title>
+  <link rel="icon" href="static/favicon.png" />
+  <link href="static/main.css" rel="stylesheet" />
+</head>
+
+<body class="fullpage">
+  <header class="header">
+    <h1 class="sitetitle"><a href="/">The Washed Up Post</a></h1>
+  </header>
+  <div class="main">
+    <h1>About</h1>
+    <p>This is a small project written by <a href="https://social.unnecessary.tech/u/nissyen">Christopher
+        De&nbsp;Vries</a> to explore the current craze over Large Language Models like
+      ChatGTP. ChatGPT is not magic, and it is not a general intelligence. The results it
+      produces may seem extraordinary, but as we have <a
+        href="https://www.reuters.com/legal/transactional/lawyer-used-chatgpt-cite-bogus-cases-what-are-ethics-2023-05-30/">recently
+        seen</a>
+      the remarkable results that we get from ChatGPT have no guarantee of being accurate. This
+      reminded me of some work I had done with a very simple predictive algorithm back
+      in the 90s.</p>
+    <p>In contrast with Large Language Models like ChatGPT, this is a No Language Model.
+      It is based on a <a href="https://en.wikipedia.org/wiki/Markov_chain">Markov chain</a>
+      which is a process developed in 1906 by which we predict
+      the next item in a list using the previous N items and a probability model
+      based on existing sequences. In this case the existing sequence is just a sequence of letters
+      from news articles about ChatGPT, and we predict the next letter
+      based on the previous 5 letters.</p>
+    <p>Markov chains can produce articles which look surprisingly similar to English
+      text, but they contain no vocabulary database, know nothing of grammar, and have no
+      understanding of the topic about which they write. A Markov chain is just a simple
+      algorithm. LLMs may be more complex, but they fundamentally have similar limitations.
+      To say that they “hallucinate” or “dream” is plainly false. They are inherently
+      uncreative and unreliable, generating random babbel using a large volume of
+      human-produced text.</p>
+    <p>You can see how this site works by <a href="https://github.com/devries/nlm">exploring
+        the code on github</a>.</p>
+  </div>
+</body>
+
+</html>
diff --git a/nlmserver/templates/index.html b/nlmserver/templates/index.html
@@ -5,11 +5,20 @@
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>A web page</title>
+  <title>No Language Model</title>
+  <link rel="icon" href="static/favicon.png" />
   <link href="static/main.css" rel="stylesheet" />
   <script src="https://unpkg.com/htmx.org@1.9.2"
     integrity="sha384-L6OqL9pRWyyFU3+/bjdSri+iIphTN/bvYyM37tICVyOJkWZLpP2vGn6VUEXgzg6h"
     crossorigin="anonymous"></script>
+  <script>
+    htmx.on("htmx:sendError", function (evt) {
+      window.alert("Error sending request");
+    });
+    htmx.on("htmx:timeout", function (evt) {
+      window.alert("Connection timed out");
+    });
+  </script>
 </head>
 
 <body class="fullpage">
@@ -19,6 +28,7 @@ <h1 class="sitetitle">The Washed Up Post</h1>
   </header>
   <div class="main" id="content" hx-get="/generate" hx-trigger="load">
   </div>
+  <footer class="footer"><a href="/about">About</a></footer>
 </body>
 
 </html>

-Original file line number
+Diff line change
@@ @@ -1,3 +1,4 @@ @@
 *~
 .*.swp
 .DS_Store
 +/build