Add template example

Author: noteflakes

examples/blog/app/_layout/default.rb

@@ -2,6 +2,9 @@
   html {
     head {
       title "My awesome blog"
+      meta charset: 'utf-8'
+      meta name: 'viewport', content: 'width=device-width, initial-scale=1.0'
+      link rel: "stylesheet", type: "text/css", href: "/assets/style.css"
     }
     body {
       render_children(**props)

examples/blog/app/assets/style.css

@@ -0,0 +1,20 @@
+body {
+  max-width: 800px;
+  margin: 4em auto;
+
+  font-family: sans-serif;
+  /*Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro,
+    sans-serif;*/
+
+  big {
+    display: block;
+    font-weight: bold;
+    font-size: 10em;
+  }
+}
+
+@media (max-width: 768px) {
+  body {
+    margin-inline: 1em;
+  }
+}

examples/blog/app/index.rb

@@ -1,7 +1,17 @@
 layout = import '_layout/default'
 
 export layout.apply {
-  p {
-    a 'Blog posts', href: '/posts'
+  div(style: 'text-align: center; font-size: 2em; font-weight: normal') {
+    h1 {
+      a(
+        'Syntropy',
+        style: 'color: #238',
+        href: 'https://github.com/digital-fabric/syntropy',
+        target: 'none'
+      )
+    }
+    p {
+      a 'Blog posts', href: '/posts'
+    }
   }
 }

examples/blog/app/test.rb

@@ -0,0 +1,7 @@
+layout = import '_layout/default'
+
+export layout.apply {
+  p {
+    span "Hello!"
+  }
+}

examples/template/.gitignore

@@ -0,0 +1,2 @@
+Gemfile.lock
+storage/*

examples/template/Gemfile

@@ -0,0 +1,3 @@
+source 'https://gem.coop'
+
+gem 'syntropy'

examples/template/app/_layout/default.rb

@@ -0,0 +1,14 @@
+export template { |**props|
+  html {
+    head {
+      title "My awesome Syntropy web app"
+      meta charset: 'utf-8'
+      meta name: 'viewport', content: 'width=device-width, initial-scale=1.0'
+      link rel: "stylesheet", type: "text/css", href: "/assets/style.css"
+    }
+    body {
+      render_children(**props)
+      auto_refresh!
+    }
+  }
+}

examples/template/app/_lib/database.rb

@@ -0,0 +1,13 @@
+export self
+
+def connection_pool
+  @connection_pool ||= DB::ConnectionPool.new(@machine, @env[:config][:storage][:path], 4)
+end
+
+def schema
+  DB::Schema.new(module_loader: @module_loader, schema_root: '_schema')
+end
+
+def migrate!
+  schema.apply(connection_pool)
+end

examples/template/app/_schema/2026-01-01-initial.rb

@@ -0,0 +1,9 @@
+export ->(db) {
+  # db.execute <<~SQL
+  #   create table posts (
+  #     id integer primary key autoincrement,
+  #     title text,
+  #     body text
+  #   )
+  # SQL
+}

examples/template/app/assets/style.css

@@ -0,0 +1,25 @@
+* {
+  border: 0;
+  font: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  line-height: 1.5em;
+  margin: 0;
+  padding: 0;
+  background-color: #f8f8f8;
+  color: #222;
+}
+
+body {
+  max-width: 800px;
+  margin: 4em auto;
+
+  font-size: 1.5em;
+  font-family: sans-serif;
+}
+
+@media (max-width: 768px) {
+  body {
+    margin-inline: 1em;
+  }
+}