feat: proof of concept for slides with intro ppt
Signed-off-by: Ameya Shenoy <shenoy.ameya@gmail.com>
This commit is contained in:
commit
4caa46a389
GPG key ID:
F7D58AAC5DACF8D3
3 changed files with 184 additions and 0 deletions
156
0001-intro/index.html
Normal file
156
0001-intro/index.html
Normal 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
20
Dockerfile
Normal 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
8
README.md
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
|
||||||
|
# Slides
|
||||||
|
|
||||||
|
## TODO
|
||||||
|
|
||||||
|
- [ ] Add a index.html page at root listing out all slides
|
||||||
|
- [ ] Changes to allow multiple presentations
|
||||||
|
|
||||||
Loading…
Reference in a new issue