diff --git a/Gemfile b/Gemfile
index de89966..1d5042f 100755
--- a/Gemfile
+++ b/Gemfile
@@ -3,7 +3,6 @@ gem "jekyll", "~> 4.2.2"
group :jekyll_plugins do
gem "jekyll-feed"
gem "jekyll-seo-tag"
- # gem 'jekyll-analytics'
end
platforms :mingw, :x64_mingw, :mswin, :jruby do
gem "tzinfo", "~> 1.2"
diff --git a/_config.yml b/_config.yml
index e5ea8fa..3fb92b8 100644
--- a/_config.yml
+++ b/_config.yml
@@ -5,7 +5,6 @@ url: 'https://www.in28minutes.com/'
plugins:
- jekyll-feed
- jekyll-seo-tag
- # - jekyll-analytics
# Products
products:
@@ -13,6 +12,8 @@ products:
url: /blog
- name: Roadmaps
url: https://www.in28minutes.com/roadmaps
+ - name: Flashcards
+ url: /flashcards
# Articles
articles:
@@ -41,10 +42,6 @@ social:
google_analytics: UA-32942307-5
-# jekyll_analytics:
-# GoogleAnalytics:
-# id: UA-32942307-5
-
markdown: kramdown
highlighter: rouge
kramdown:
diff --git a/_includes/head.html b/_includes/head.html
index e8e071a..d1ef56f 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -15,19 +15,4 @@
gtag('js', new Date());
gtag('config', '{{ site.google_analytics }}');
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/_layouts/flashcard-topic.html b/_layouts/flashcard-topic.html
new file mode 100644
index 0000000..1c32c75
--- /dev/null
+++ b/_layouts/flashcard-topic.html
@@ -0,0 +1,52 @@
+---
+layout: page
+---
+
+
+
+
+
+
+
+ {{page.main_card_title}}
+
{{page.main_card_description}}
+ Click to toggle all cards
+
+
+
+
+
+
+
+ {% for card in page.cards | limit: 4 %}
+
+
+
+
+ {{card.title}}
+
{{card.description}}
+
+
+
+ {% endfor %}
+
+
+ {% for card in page.cards | offset: 4 %}
+
+
+
+
{{card.title}}
+
{{card.description}}
+
+
+
+ {% endfor %}
+
+
+
+
+
+
+{% include newsletter.html %}
\ No newline at end of file
diff --git a/_layouts/flashcards.html b/_layouts/flashcards.html
new file mode 100644
index 0000000..431c7b4
--- /dev/null
+++ b/_layouts/flashcards.html
@@ -0,0 +1,18 @@
+---
+layout: page
+---
+
+
+ {% for topic in page.topics %}
+
+
+
{{topic.name}}
+
{{topic.description}}
+
+
+
+ {% endfor %}
+
+
+
+{% include newsletter.html %}
\ No newline at end of file
diff --git a/_layouts/page.html b/_layouts/page.html
index ed6296e..c9722d3 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -1,15 +1,20 @@
---
layout: default
---
+{% if page.title %}
{{page.title}}
+
{{page.subtitle}}
+{% else %}
+
+{% endif %}
{{content}}
\ No newline at end of file
diff --git a/assets/css/custom.css b/assets/css/custom.css
index 9686a44..9c1101d 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -155,3 +155,63 @@
}
}
}
+
+.row.no-gutters {
+ margin: -5px !important;
+}
+
+.row.no-gutters > * {
+ padding: 5px !important;
+}
+
+.flipper {
+ height: 0;
+ padding-bottom: 100%;
+ position: relative;
+ -webkit-perspective: 800px;
+ -ms-perspective: 800px;
+ perspective: 800px;
+}
+
+@media (min-width: 576px) {
+ .ratio-not-1-1 {
+ padding-bottom: calc(50% - 5px);
+ }
+}
+
+.flipper-card {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+ transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+ transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275),
+ -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+
+.flipper-front,
+.flipper-back {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ border-radius: 10px;
+ background: #c1c3c5;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.flipper-back {
+ background: #fff;
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+
+.flipper-card.flipper-is-flipped {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
diff --git a/assets/js/flashcards.js b/assets/js/flashcards.js
new file mode 100644
index 0000000..e1aead6
--- /dev/null
+++ b/assets/js/flashcards.js
@@ -0,0 +1,17 @@
+$(document).ready(function () {
+ let showingCards = false
+ let $cards = $('.flipper-card')
+ $cards.on('click', function () {
+ $(this).toggleClass('flipper-is-flipped')
+ })
+ $('.flipper-xl').on('click', function () {
+ $cards.removeClass('flipper-is-flipped')
+ if (!showingCards) {
+ $cards.addClass('flipper-is-flipped')
+ showingCards = true
+ } else {
+ $cards.removeClass('flipper-is-flipped')
+ showingCards = false
+ }
+ })
+})
diff --git a/ec2-flashcards-10.md b/ec2-flashcards-10.md
new file mode 100644
index 0000000..717fcd7
--- /dev/null
+++ b/ec2-flashcards-10.md
@@ -0,0 +1,31 @@
+---
+layout: flashcard-topic
+# Main card
+main_card_title: EC2 - Elastic Compute Cloud with 10 flashcards
+main_card_bg: '#6586c3'
+# Other cards
+card_bg: '#9aacd5'
+cards:
+ - title: AMI
+ description: What operating system and what software do you want on the instance?
+ - title: Instance Types
+ description: Optimized combination of compute(CPU, GPU), memory, disk (storage) and networking for specific workloads.
+ - title: Security Groups
+ description: Virtual firewall to control incoming and outgoing traffic to/from AWS resources (EC2 instances, databases etc)
+ - title: Key Pairs
+ description: Public key cryptography (Key Pairs) used to protect your EC2 instances
+ - title: Instance Metadata Service
+ description: Get details about EC2 instance from inside an EC2 instance. http://169.254.169.254/latest/meta-data/
+ - title: Userdata
+ description: Used for bootstrapping. Install OS patches or software when an EC2 instance is launched.
+ - title: Elastic IP Addresses
+ description: Static public IP address for EC2 instance.
+ - title: Launch Templates
+ description: Pre-configured templates (AMI ID, instance type, and network settings) simplifying the creation of EC2 instances.
+ - title: Userdata
+ description: Used for bootstrapping. Install OS patches or software when an EC2 instance is launched.
+ - title: Elastic IP Addresses
+ description: Static public IP address for EC2 instance.
+ - title: Launch Templates
+ description: Pre-configured templates (AMI ID, instance type, and network settings) simplifying the creation of EC2 instances.
+---
diff --git a/ec2-flashcards-14.md b/ec2-flashcards-14.md
new file mode 100644
index 0000000..f1b0346
--- /dev/null
+++ b/ec2-flashcards-14.md
@@ -0,0 +1,37 @@
+---
+layout: flashcard-topic
+# Main card
+main_card_title: EC2 - Elastic Compute Cloud with 14 flashcards
+main_card_bg: '#6586c3'
+# Other cards
+card_bg: '#9aacd5'
+cards:
+ - title: AMI
+ description: What operating system and what software do you want on the instance?
+ - title: Instance Types
+ description: Optimized combination of compute(CPU, GPU), memory, disk (storage) and networking for specific workloads.
+ - title: Security Groups
+ description: Virtual firewall to control incoming and outgoing traffic to/from AWS resources (EC2 instances, databases etc)
+ - title: Key Pairs
+ description: Public key cryptography (Key Pairs) used to protect your EC2 instances
+ - title: Instance Metadata Service
+ description: Get details about EC2 instance from inside an EC2 instance. http://169.254.169.254/latest/meta-data/
+ - title: Userdata
+ description: Used for bootstrapping. Install OS patches or software when an EC2 instance is launched.
+ - title: Elastic IP Addresses
+ description: Static public IP address for EC2 instance.
+ - title: Launch Templates
+ description: Pre-configured templates (AMI ID, instance type, and network settings) simplifying the creation of EC2 instances.
+ - title: Userdata
+ description: Used for bootstrapping. Install OS patches or software when an EC2 instance is launched.
+ - title: Elastic IP Addresses
+ description: Static public IP address for EC2 instance.
+ - title: Launch Templates
+ description: Pre-configured templates (AMI ID, instance type, and network settings) simplifying the creation of EC2 instances.
+ - title: Launch Templates
+ description: Pre-configured templates (AMI ID, instance type, and network settings) simplifying the creation of EC2 instances.
+ - title: Userdata
+ description: Used for bootstrapping. Install OS patches or software when an EC2 instance is launched.
+ - title: Elastic IP Addresses
+ description: Static public IP address for EC2 instance.
+---
diff --git a/ec2-flashcards-8.md b/ec2-flashcards-8.md
new file mode 100644
index 0000000..a504227
--- /dev/null
+++ b/ec2-flashcards-8.md
@@ -0,0 +1,25 @@
+---
+layout: flashcard-topic
+# Main card
+main_card_title: EC2 - Elastic Compute Cloud with 8 flashcards
+main_card_bg: '#6586c3'
+# Other cards
+card_bg: '#9aacd5'
+cards:
+ - title: AMI
+ description: What operating system and what software do you want on the instance?
+ - title: Instance Types
+ description: Optimized combination of compute(CPU, GPU), memory, disk (storage) and networking for specific workloads.
+ - title: Security Groups
+ description: Virtual firewall to control incoming and outgoing traffic to/from AWS resources (EC2 instances, databases etc)
+ - title: Key Pairs
+ description: Public key cryptography (Key Pairs) used to protect your EC2 instances
+ - title: Instance Metadata Service
+ description: Get details about EC2 instance from inside an EC2 instance. http://169.254.169.254/latest/meta-data/
+ - title: Userdata
+ description: Used for bootstrapping. Install OS patches or software when an EC2 instance is launched.
+ - title: Elastic IP Addresses
+ description: Static public IP address for EC2 instance.
+ - title: Launch Templates
+ description: Pre-configured templates (AMI ID, instance type, and network settings) simplifying the creation of EC2 instances.
+---
diff --git a/flashcards.md b/flashcards.md
new file mode 100644
index 0000000..ad708a3
--- /dev/null
+++ b/flashcards.md
@@ -0,0 +1,18 @@
+---
+layout: flashcards
+title: Flashcards
+subtitle: Master the cloud with these flashcards!
+topics:
+ - name: EC2 - Elastic Compute Cloud with 8 flashcards
+ url: /ec2-flashcards-8
+ description: Master the EC2 with these 8 flashcards
+ color: '#6586c3'
+ - name: EC2 - Elastic Compute Cloud with 10 flashcards
+ url: /ec2-flashcards-10
+ description: Master the EC2 with these 10 flashcards
+ color: '#00C5D8'
+ - name: EC2 - Elastic Compute Cloud with 14 flashcards
+ url: /ec2-flashcards-14
+ description: Master the EC2 with these 14 flashcards
+ color: '#00A7DC'
+---