From 91e7088f28d2ee9381b62361c09ac9f684bcfd9d Mon Sep 17 00:00:00 2001
From: Ameya Shenoy <shenoy.ameya@gmail.com>
Date: Fri, 16 Apr 2021 03:57:12 +0530
Subject: [PATCH] feat: add slides

Signed-off-by: Ameya Shenoy <shenoy.ameya@gmail.com>
---
 0001-intro/index.html | 116 +++++++++++++++++++++++++++++++++++++-----
 1 file changed, 104 insertions(+), 12 deletions(-)

diff --git a/0001-intro/index.html b/0001-intro/index.html
index e91604b..7d7a445 100644
--- a/0001-intro/index.html
+++ b/0001-intro/index.html
@@ -19,9 +19,27 @@
 
 				<section>
           <section data-markdown data-separator="---" data-separator-notes="^Note:">
+            <textarea data-template>
+              Intro
+              <br/>
+              <br/>
+              Ameya Shenoy
+              <br/>
+              <br/>
+              <a href="https://github.com/codingcoffee" target="_blank">github.com/codingcoffee</a>
+              Note:
+              First, feel free to heckle
+              Ask questions in the middle, interupt me, makes this fun, I like it
+              Or you can wait till the end, but interactive is good
+            </textarea>
+          </section>
+        </section>
+
+				<section>
+          <section data-markdown data-separator="---" data-separator-notes="^Note:">
             <textarea data-template>
               <a href="https://www.sfit.ac.in/" target="_blank">St. Francis Institue of Technology</a>
-              ---
+              <br/>
               EXTC | e-Yantra | RoboCon
             </textarea>
           </section>
@@ -30,10 +48,13 @@
 				<section>
           <section data-markdown data-separator="---" data-separator-notes="^Note:">
             <textarea data-template>
-              <a href="https://frappe.io/" target="_blank">Frappe</a>
+              <a href="https://frappe.io/" target="_blank"><img data-src="https://frappe.io/files/frappe.png" height="40"></img></a>
+              <br/>
+              <a href="https://erpnext.com/" target="_blank"><img data-src="https://erpnext.com/files/erpnext-logo-blue-v2.png" height="28"></img></a>
               Note:
               Open Source Framework to build applications
-              Alternative to Flask, Djankgo
+              Think of Frappe as an alternative to Flask, Djankgo, but with all the batteries built in
+              ERPNext is a open source CRM. Some well known users would be Zerodha, Internet Freedom Foundation
               ---
               - <a href="https://python.org/" target="_blank">Python</a> for the backend
               - <a href="https://vuejs.org/" target="_blank">VueJS</a> for the fronetend
@@ -43,6 +64,11 @@
               - Automated installation using <a href="https://www.ansible.com/" target="_blank">Ansible</a>
               - Implemented pixel tracking for outbound emails
               - Release and Deploy Manager
+              Note:
+              Traditional Servers
+              Some other framework specific things which I did there
+              ---
+              Mothly Sprints | Ad-hoc
             </textarea>
           </section>
         </section>
@@ -50,21 +76,40 @@
 				<section>
           <section data-markdown data-separator="---" data-separator-notes="^Note:">
             <textarea data-template>
-              <a href="https://browserstack.com/" target="_blank">BrowserStack</a>
+              <a href="https://browserstack.com/" target="_blank">
+                <img data-src="https://iconape.com/wp-content/png_logo_vector/browserstack.png" height="40"></img>
+                <br/>
+                <b>Browser</b>Stack
+              </a>
+              ---
+              <a href="https://collectd.org/" target="_blank">Collectd</a>
+              |
+              <a href="https://www.influxdata.com/" target="_blank">InfluxDB</a>
+              |
+              <a href="https://grafana.com/" target="_blank">Grafana</a>
+              <br/>
+              <img data-src="https://lh3.googleusercontent.com/proxy/8o4M-W2aPZ8sweBHCxXRbvmi3Er6Jg5MrWL2UIGzSjwkXpyvj2JGgRuQ-g44-A_PLE7Uch7qCt2nWnvsAmn5SnYjwp4Nw7Bv-StSuDPxUyEdMOboNpxYvCSLpifBEXTZtoNt2_jEjZ5h" height="300"></img>
+              Note:
+              Collectd - small daemon which runs on servers to collect system metrics
+              Influx - time series database
+              Grafana - Make awesome looking charts out of it
+              Data driven decisions
               ---
               <div>
                 <div><a href="https://www.nagios.org/" target="_blank">Nagios</a></div>
-                <br/>
+                <div><a href="https://oss.oetiker.ch/smokeping/" target="_blank">Smokeping</a></div>
                 <img data-src="./images/nagios_meme.jpg" height="400"></img>
               </div>
               Note:
-              SLA, Uptime, Alerts
+              SLA, Uptime, Alerts, DNS checks, HTTP checks, server uptime, SSH, Load, System memory
+              Traceroute TTL, since servers in DC, latency is important
               ---
               <div>
                 <div><a href="https://www.cloudflare.com/" target="_blank">Cloudflare</a></div>
               </div>
               Note:
-              CDN, DDoS Protection using captcha
+              CDN, DDoS Protection using Captcha
+              Main reason was for DDoS
               ---
               <div>
                 <div><a href="https://www.vaultproject.io" target="_blank">Hashicorp Vault</a></div>
@@ -72,7 +117,10 @@
                 <img data-src="https://jolicode.com/media/original/2017/password.png" height="300"></img>
               </div>
               Note:
-              Password Storage, Lock state
+              Password Storage
+              Multiple applications using the same password
+              Password rotation on employee leaving
+              Lock state
               ---
               <div>
                 <div><a href="https://www.jenkins.io/" target="_blank">Jenkins</a></div>
@@ -90,10 +138,11 @@
               ---
               <div>
                 <div>Disaster Recovery</div>
-                <img data-src="https://www.siliconrepublic.com/wp-content/uploads/2014/12/img/disaster%20recovery%2010.jpg" height="300"></img>
+                <img data-src="https://miro.medium.com/max/504/1*gACf3ttoWR86MQKSAuBsPA.png" height="300"></img>
               </div>
               Note:
               Important but not Urgent
+              Data backups are only good if you've tested them
               ---
               <div>
                 <div><a href="https://kubernetes.io/" target="_blank">Kubernetes</a></div>
@@ -102,20 +151,28 @@
               Note:
               This is an entire talk in itself
               FreeBSD Jails, User namespaces, Containers, LXC, LXD, Docker, Containerd, Reproducibility
-              Current State, Desired State
+              Control Theory, Control Loop Meachnism, Current State, Desired State
+              K8s - Self healing properties
               ---
               <div>
                 <div><a href="https://aws.amazon.com/" target="_blank">AWS</a></div>
                 <img data-src="https://i.redd.it/gkee3xdcfdz11.png" height="400"></img>
               </div>
               Note:
-              EC2, RDS, Cloudfront, Cloudwatch, EKS
+              EC2, S3, RDS, Cloudfront, Cloudwatch, EKS, NAT Gateways, Elastic Cache, SES
               Bills
               ---
               <div>
                 <div>Email Centralization</div>
               </div>
               Note:
+              Email DMARC Compliance falling
+              Spoof emails sent on our behalf
+              ---
+              Quarterly Sprints | Daily Standups
+              <br/>
+              Corporate | Confluence
+              Note:
             </textarea>
           </section>
         </section>
@@ -123,10 +180,44 @@
 				<section>
           <section data-markdown data-separator="---" data-separator-notes="^Note:">
             <textarea data-template>
-              Thanks for listening
+              <a href="http://cloudsim.codingcoffee.me/" target="_blank">Cloud<b>Sim</b> Demo</a>
+            </textarea>
+          </section>
+        </section>
+
+				<section>
+          <section data-markdown data-separator="---" data-separator-notes="^Note:">
+            <textarea data-template>
+              Interests
+              <br/>
+              <img data-src="https://lh3.googleusercontent.com/proxy/S_2ubPoOVr8hd8yKlc2OOFfI9ESSy4qA_q9a1YYzGLd4HA8EmPlMrUCnNpeykBnOs0C64aZ-U0Y3oZ59VqxuD6uLiSzkNEy2R2bUZeBcxrW9rGEkhzgakW56aGbAtV5EWAueCw" height="40"></img>
+              <img data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Archlinux-icon-crystal-64.svg/1024px-Archlinux-icon-crystal-64.svg.png" height="40"></img>
+              <img data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9f/Vimlogo.svg/544px-Vimlogo.svg.png" height="40"></img>
+              <img data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/08/EmacsIcon.svg/1024px-EmacsIcon.svg.png" height="40"></img>
+              <br/>
+              <img data-src="https://www.docker.com/sites/default/files/d8/2019-07/Moby-logo.png" height="40"></img>
+              <img data-src="https://download.logo.wine/logo/Kubernetes/Kubernetes-Logo.wine.png" height="40"></img>
+              <img data-src="https://lh3.googleusercontent.com/proxy/8Uj19-o2BmZ8FG-Jda2PP5BRAZSzbbbmM1qyjJ9edmQfGDr6A5zN4JZUefqc9FqR0pVpTDVS5cs7D6sD1KlJtyDXXC0_i1dcJACSO4nFiWALf1Iablh2pD9gMeE7en7aTxrQBJksfr3QDA" height="40"></img>
+              <img data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/95/Vue.js_Logo_2.svg/555px-Vue.js_Logo_2.svg.png" height="40"></img>
+              <img data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Lichess_Logo.svg/1200px-Lichess_Logo.svg.png" height="40"></img>
+              <img data-src="" height="40"></img>
+              <img data-src="" height="40"></img>
+            </textarea>
+          </section>
+        </section>
+
+				<section>
+          <section data-markdown data-separator="---" data-separator-notes="^Note:">
+            <textarea data-template>
+              Thanks for listening!
               <br/>
               <br/>
               <br/>
+              <div style="text-align: left">
+                <small>
+                  <a href="https://gitea.codingcoffee.me/codingcoffee/slides" target="_blank">codingcoffee/slides</a>
+                </small>
+              </div>
               <div style="text-align: right">
                 <a href="https://codingcoffee.dev/" target="_blank">Ameya Shenoy</a>
               </div>
@@ -148,6 +239,7 @@
 			Reveal.initialize({
 				hash: true,
         slideNumber: 'c/t',
+        // showNotes: true,
 
 				// Learn about plugins: https://revealjs.com/plugins/
 				plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]