feat: proof of concept for slides with intro ppt

Signed-off-by: Ameya Shenoy <shenoy.ameya@gmail.com>
This commit is contained in:
Ameya Shenoy 2021-04-09 02:20:20 +05:30
commit 4caa46a389
Signed by: codingcoffee
GPG key ID: F7D58AAC5DACF8D3
3 changed files with 184 additions and 0 deletions

156
0001-intro/index.html Normal file
View file

@ -0,0 +1,156 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>reveal.js</title>
<link rel="stylesheet" href="dist/reset.css">
<link rel="stylesheet" href="dist/reveal.css">
<link rel="stylesheet" href="dist/theme/black.css" id="theme">
<!-- Theme used for syntax highlighted code -->
<link rel="stylesheet" href="plugin/highlight/monokai.css" id="highlight-theme">
</head>
<body>
<div class="reveal">
<div class="slides">
<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>
---
EXTC | e-Yantra | RoboCon
</textarea>
</section>
</section>
<section>
<section data-markdown data-separator="---" data-separator-notes="^Note:">
<textarea data-template>
<a href="http://frappe.io/" target="_blank">Frappe</a>
Note:
Open Source Framework to build applications
Alternative to Flask, Djankgo
---
- <a href="https://python.org/" target="_blank">Python</a> for the backend
- <a href="https://vuejs.org/" target="_blank">VueJS</a> for the fronetend
- <a href="https://mariadb.org/" target="_blank">MariaDB</a> as SQL database
- <a href="https://redis.io/" target="_blank">Redis</a> with <a href="https://socket.io/" target="_blank">Socker.IO</a> for PubSub and data caching
---
- Automated installation using <a href="https://www.ansible.com/" target="_blank">Ansible</a>
- Implemented pixel tracking for outbound emails
- Release and Deploy Manager
</textarea>
</section>
</section>
<section>
<section data-markdown data-separator="---" data-separator-notes="^Note:">
<textarea data-template>
<a href="http://browserstack.com/" target="_blank">BrowserStack</a>
---
<div>
<div><a href="https://www.nagios.org/" target="_blank">Nagios</a></div>
<br/>
<img data-src="http://www.quickmeme.com/img/1d/1ddd3c8b6503c36e84de315d54fe7132c8616a709c31222fde663af2994d97d3.jpg" height="400"></img>
</div>
Note:
SLA, Uptime, Alerts
---
<div>
<div><a href="https://www.cloudflare.com/" target="_blank">Cloudflare</a></div>
</div>
Note:
CDN, DDoS Protection using captcha
---
<div>
<div><a href="https://www.vaultproject.io" target="_blank">Hashicorp Vault</a></div>
<br/>
<img data-src="https://jolicode.com/media/original/2017/password.png" height="300"></img>
</div>
Note:
Password Storage, Lock state
---
<div>
<div><a href="https://www.jenkins.io/" target="_blank">Jenkins</a></div>
<img data-src="https://img.devrant.com/devrant/rant/r_85679_7gTEY.jpg" height="400"></img>
</div>
Note:
CI, CD, Testing, Asset Compilation, Parallelize, Deploy
---
<div>
<div><a href="https://openvpn.net/" target="_blank">OpenVPN</a></div>
<img data-src="https://i.pinimg.com/originals/4c/27/1e/4c271e8751dbd05c88d266f9217bd1be.jpg" height="400"></img>
</div>
Note:
Access data securely, save up on IPAddresses, Security
---
<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>
</div>
Note:
Important but not Urgent
---
<div>
<div><a href="https://kubernetes.io/" target="_blank">Kubernetes</a></div>
<img data-src="https://i.redd.it/iv0oiaz7aqe41.jpg" height="300"></img>
</div>
Note:
This is an entire talk in itself
FreeBSD Jails, User namespaces, Containers, LXC, LXD, Docker, Containerd, Reproducibility
Current State, Desired State
---
<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
Bills
---
<div>
<div>Email Centralization</div>
</div>
Note:
</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: right">
<a href="http://codingcoffee.dev/" target="_blank">Ameya Shenoy</a>
</div>
</textarea>
</section>
</section>
</div>
</div>
<script src="dist/reveal.js"></script>
<script src="plugin/notes/notes.js"></script>
<script src="plugin/markdown/markdown.js"></script>
<script src="plugin/highlight/highlight.js"></script>
<script>
// More info about initialization & config:
// - https://revealjs.com/initialization/
// - https://revealjs.com/config/
Reveal.initialize({
hash: true,
// Learn about plugins: https://revealjs.com/plugins/
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
});
</script>
</body>
</html>

20
Dockerfile Normal file
View file

@ -0,0 +1,20 @@
FROM alpine as builder
RUN set -ex \
&& apk add --no-cache \
unzip \
wget \
&& wget https://github.com/hakimel/reveal.js/archive/refs/tags/4.1.0.zip \
&& unzip 4.1.0.zip
COPY 0001-intro/index.html /reveal.js-4.1.0
# ========== END OF BUILDER ========== #
FROM nginx:alpine
MAINTAINER "Ameya Shenoy <shenoy.ameya@gmail.com>"
COPY --from=builder /reveal.js-4.1.0 /usr/share/nginx/html/0001-intro

8
README.md Normal file
View file

@ -0,0 +1,8 @@
# Slides
## TODO
- [ ] Add a index.html page at root listing out all slides
- [ ] Changes to allow multiple presentations