diff --git a/chat-app/static/css/main.css b/chat-app/static/css/main.css index 596c5de..491edb8 100644 --- a/chat-app/static/css/main.css +++ b/chat-app/static/css/main.css @@ -57,17 +57,18 @@ div { padding: 1em 1.25em; margin-right: 1em; box-sizing: border-box; - font-famil: monospace !important; + font-family: monospace !important; } -.chat-input > form > submit { - background-color: #020a03; - border: none; +.chat-input > form > input[type=submit] { + background-color: #dacaae; + border: 1px solid #010a02; border-radius: 5px; - color: #fffbf6; + color: #0c0b09; font-weight: bold; padding: 0.75em 1em; margin-right: 0; } + .chat-input > form > input[name="chatter"] { width: 20%; border: 1px solid #020a03; @@ -109,12 +110,12 @@ div { } .chat-input > form > input[name="message"] { - width: 60%; + width: 65%; order: 2; } .chat-input > form > input[type=submit] { - width: 34%; + width: 30%; order: 3; } } diff --git a/slides/deployment.html b/slides/deployment.html index 8360903..38d279c 100644 --- a/slides/deployment.html +++ b/slides/deployment.html @@ -35,10 +35,9 @@ Dave Smith-Hayes - Developer Father + Developer JavaScript Enjoyer - Web Software Deployer @@ -65,16 +64,27 @@ - cPanel File Manager + cPanel File Manager FTP to Shared Hosting $ git pull Jenkins & Ansible build VM Images - Packer & Terraform build Continers + Packer & Terraform build Containers + + + + + Deployment Methods + + In Place + Rolling + Immutable + Green/Blue Doing it Yourself + What do you need? A domain A server with a public IP address @@ -86,8 +96,9 @@ Dokku - Self-hosted platform as a service - Your very own Heroku + Self-hosted Platform as a Service (PaaS) + Your very own Heroku* + *I have never used Heroku @@ -103,20 +114,54 @@ + + How Dokku Works + + Sets up Application + Becomes a Git remote repository + Builds and deploys the app behind NGiNX + + + + + Builders + + Heroku Buildpacks + Dockerfile + Nixpacks + + + + + Plugins + + Let's Encrypt + Databases (MySQL, Postgres) + + + + + Demo + + Anatomy of the Server Linode VPS Debian + Nameservers Anatomy of the Application - Hono Web Server Application - Mithril.js Frontend Application + Chat Application + Hono Backend + Mithril.js Frontend + Bun! Dockerized + chat.freedoom.party
$ git pull
Self-hosted platform as a service
Your very own Heroku
Self-hosted Platform as a Service (PaaS)
Your very own Heroku*
*I have never used Heroku