Skip to content

Instantly share code, notes, and snippets.

View jawakarD's full-sized avatar
🎯
Focusing

Jawakar jawakarD

🎯
Focusing
19 followers · 39 following
View GitHub Profile
@jawakarD
jawakarD / App.css
Created July 13, 2020 16:11
@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
* {
box-sizing: border-box;
color: white;
}
html,
body {
font-family: monospace;
@jawakarD
jawakarD / component.md
Last active March 30, 2020 07:57
@jawakarD
jawakarD / index.html
Last active March 14, 2020 09:16
Design to html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Design</title>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap"
rel="stylesheet"
/>
@jawakarD
jawakarD / pod.log
Created October 25, 2019 07:59
!?add-tf-rds-eks ~/Documents/codemancers/dockup-pro> kubectl describe pod dockup-ui-deployment-6f468f9f57-cm8hk -n dockup-deployments
Name: dockup-ui-deployment-6f468f9f57-cm8hk
Namespace: dockup-deployments
Priority: 0
PriorityClassName: <none>
Node: ip-10-0-3-147.us-west-2.compute.internal/10.0.3.147
Start Time: Fri, 25 Oct 2019 13:26:28 +0530
Labels: app=dockup-ui
pod-template-hash=6f468f9f57
Annotations: kubernetes.io/psp: eks.privileged
@jawakarD
jawakarD / terraform-apply.log
Created October 17, 2019 06:43
?add-cloudbuild-tf-scripts ~/Documents/codemancers/dockup-pro/tf> ./tf-apply.sh
An execution plan has been generated and is shown below.
Resource actions are indicated with the following symbols:
+ create
Terraform will perform the following actions:
# aws_cloudwatch_log_group.dockup-ui will be created
+ resource "aws_cloudwatch_log_group" "dockup-ui" {
@jawakarD
jawakarD / medium_l_l.html
Created August 28, 2019 19:24
native lazy load implementation -Medium
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title></title>
<style media="screen">
img {
display: block;
}
</style>
@jawakarD
jawakarD / script.html
Created August 28, 2019 19:08
lazy-load-script-medium
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
let lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));
let active = false;
const lazyLoad = function() {
if (active === false) {
active = true;
setTimeout(function() {
@jawakarD
jawakarD / script.html
Created August 28, 2019 19:03
lazy-load-medaium
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
var lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));
if ("IntersectionObserver" in window) {
let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
let lazyImage = entry.target;
lazyImage.src = lazyImage.dataset.src;
@jawakarD
jawakarD / index.html
Last active August 29, 2019 05:59
lazy-loading blog
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title></title>
<style media="screen">
img {
display: block;
}
</style>