@lexho111/plainblog 0.5.5 → 0.5.7

package/Blog.js

@@ -212,6 +212,7 @@ export default class Blog {
       const dbTitle = await this.#databaseModel.getBlogTitle();
       const dbArticles = await this.#databaseModel.findAll();
       //console.log(`articles: ${JSON.stringify(dbarticles)}`)
+      console.log(`dbArticles.length: ${dbArticles.length}`)
       if(dbArticles.length == 0) {
         dbArticles.push(new Article("Sample Entry #1", "Prow scuttle parrel provost Sail ho shrouds spirits boom mizzenmast yardarm. Pinnace holystone mizzenmast quarter crow's nest nipperkin grog yardarm hempen halter furl. Swab barque interloper chantey doubloon starboard grog black jack gangway rutters.", new Date()));
         dbArticles.push(new Article("Sample Entry #2", "Deadlights jack lad schooner scallywag dance the hempen jig carouser broadside cable strike colors. Bring a spring upon her cable holystone blow the man down spanker Shiver me timbers to go on account lookout wherry doubloon chase. Belay yo-ho-ho keelhaul squiffy black spot yardarm spyglass sheet transom heave to.", new Date())); 

package/README.md

@@ -17,6 +17,7 @@ const blog = new Blog();
 blog.title = "My Blog";
 blog.style = "body { font-family: Arial, sans-serif; } h1 { color: #333; }";
 blog.password = "mypassword"
+blog.init();
 
 blog.startServer(8080);
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lexho111/plainblog",
-  "version": "0.5.5",
+  "version": "0.5.7",
   "description": "A tool for creating and serving a minimalist, single-page blog.",
   "main": "index.js",
   "type": "module",
@@ -21,6 +21,7 @@
     "child_process": "^1.0.2",
     "fs": "^0.0.1-security",
     "http": "^0.0.1-security",
+    "node-fetch": "^3.3.2",
     "path": "^0.12.7",
     "postcss": "^8.4.35",
     "sass": "^1.97.1",

package/public/styles.min.css

@@ -1,31 +1,68 @@
-body {
-  background-color: rgb(253, 253, 253);
-  font-family: Arial;
-}
+body { font-family: Arial; }body { font-family: Arial, sans-serif; } h1 { color: #333; } .grid {
+  border: 0 solid #000;
+  display: grid;
+  gap: 0.25rem;
+  grid-template-columns: 1fr;
+}
+.grid article {
+  border: 0 solid #ccc;
+  border-radius: 4px;
+  min-width: 0;
+  overflow-wrap: break-word;
+  padding: 0.25rem;
+}
+.grid article h2 {
+  color: rgb(53, 53, 53);
+  margin-bottom: 5px;
+}
+
+.grid article .datetime {
+  margin: 0;
+  color: rgb(117, 117, 117);
+}
+
+.grid article p {
+  margin-top: 10px;
+  margin-bottom: 0;
+}
+
+article a {
+  color: rgb(105, 105, 105);
+}
+
+article a:visited {
+  color: rgb(105, 105, 105);
+}
+
+h1 {
+  color: #696969;
+}
+nav a {
+  color: #3b40c1;
+  font-size: 20px;
+  text-decoration: underline;
+}
+nav a:visited {
+  color: #3b40c1;
+  text-decoration-color: #3b40c1;
+}
+
+#wrapper {
+  max-width: 500px;
+  width: 100%;
+}
+
+/* Mobile Layout (screens smaller than 1000px) */
+@media screen and (max-width: 1000px) {
+  * {
+    font-size: 4vw;
+  }
+  #wrapper {
+    max-width: 100%;
+    width: 100%;
+    padding: 0 10px; /* Prevents text from touching the edges */
+    box-sizing: border-box;
+  }
+}
 
-nav a {
-  text-decoration: underline;
-  color: rgb(59, 64, 193);
-  font-size: 20px;
-}
-
-.datetime {
-  font-style: normal;
-  color: rgb(67, 67, 67);
-}
-
-h2 {
-  margin: 0;
-  margin-bottom: 5px;
-  color: darkgray;
-}
-
-p {
-  margin-top: 10px;
-}
-
-span {
-  margin: 0;
-}
-
-/* source-hash: fa9deb7a7f0781f463cd3e8fd3c3ceddec518535b0a6d13af7309ef9a2f76c32 */
+/* source-hash: a07f631befba4b6bc703f8709f5ef455faafeff4e5f00b62f835576eea7fb529 */