Last active
January 14, 2019 17:21
-
-
Save donalod/4669e524307da826813fe27bc0c044b9 to your computer and use it in GitHub Desktop.
yamlfornetworkengineers_index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html class="no-js" lang="en-us"> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title>YAML for Network and Cloud Engineers</title> | |
<meta name="author" content="irldexter"> | |
<link rel="canonical" href="https://yamlfornetworkengineers.com"> | |
<meta name="keywords" content="nre, sre, network reliability engineering, netdevops, technical recruitment, YAML, Yet Another Markup Language, yamllint, code, network automation, sdn, software defined networking, network function virtualization"> | |
<meta name="google-site-verification" content=""> | |
<meta name="msvalidate.01" content="39D63DFF4C2CBD00C9F08F819F62DB65" /> | |
<meta name="yandex-verification" content="a0b38a53853ab695" /> | |
<!-- Google Tag Manager --> | |
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': | |
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], | |
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= | |
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); | |
})(window,document,'script','dataLayer','GTM-N6ZX3TX');</script> | |
<!-- End Google Tag Manager --> | |
<meta content="YAML for Network and Cloud Engineers." property="og:title"> | |
<meta content="https://yamlfornetworkengineers.com" property="og:url"> | |
<meta content="YAML for Network and Cloud Engineers." property="og:site_name"> | |
<meta content="YAML for Network and Cloud Engineers." itemprop="name"> | |
<meta content="YAML for Network and Cloud Engineers" name="twitter:title"> | |
<meta name="twitter:description" content="Learn YAML quickly and easily with immediate live labs. Start in less than 5 seconds."> | |
<meta name="twitter:card" content="summary_large_image"> | |
<meta name="twitter:image" content="https://yamlfornetworkengineers.com/images/yaml_social_v8.png"> | |
<meta name="twitter:site" content="@pansifter" /> | |
<meta name="twitter:url" content="https://yamlfornetworkengineers.com" /> | |
<meta content="https://yamlfornetworkengineers.com/images/yaml_social_v8.png" property="og:image"> | |
<meta content="https://yamlfornetworkengineers.com/images/yaml_social_v8.png" itemprop="image"> | |
<meta name="description" content="Learn YAML quickly and easily with immediate live labs. Start in less than 5 seconds."> | |
<meta content="Learn YAML quickly and easily with immediate live labs. Start in less than 5 seconds." property="og:description"> | |
<meta content="Learn YAML quickly and easily with immediate live labs. Start in less than 5 seconds." itemprop="description"> | |
<script type="application/ld+json"> | |
{ | |
"@context": "http://schema.org", | |
"@type": "TechArticle", | |
"headline": "YAML for network engineers!", | |
"url": "https://yamlfornetworkengineers.com", | |
"discussionUrl": "https://yamlfornetworkengineers.com", | |
"isFamilyFriendly": "true", | |
"image": "https://yamlfornetworkengineers.com/images/yaml_social_v8.png", | |
"keywords": "yaml", | |
"editor" : { | |
"@type" : "Person", | |
"name" : "irldexter", | |
"url" : "https://twitter.com/irldexter" | |
}, | |
"license": "", | |
"publisher" : { | |
"@type" : "Organization", | |
"name" : "Defensible Limited" | |
}, | |
"description": "Learn quickly and easily with live labs", | |
"upvoteCount": "5", | |
"articleSection": "Code Generation", | |
"author" : [{ | |
"@type" : "Person", | |
"name" : "irldexter", | |
"url" : "https://twitter.com/irldexter" | |
}], | |
"datePublished": "2019-01-9", | |
"dateCreated": "2019-01-9", | |
"dateModified": "2019-01-9", | |
"aggregateRating" : { | |
"@type" : "aggregateRating", | |
"ratingValue" : 5.00, | |
"ratingCount" : 5, | |
"bestRating" : 5, | |
"worstRating" : 1 | |
} | |
} | |
</script> | |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.css"> | |
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/fontawesome.css" integrity="sha384-jLuaxTTBR42U2qJ/pm4JRouHkEDHkVqH0T1nyQXn1mZ7Snycpf6Rl25VBNthU4z0" crossorigin="anonymous"> | |
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/solid.css" integrity="sha384-+0VIRx+yz1WBcCTXBkVQYIBVNEFH1eP6Zknm16roZCyeNg2maWEpk/l/KsyFKs7G" crossorigin="anonymous"> | |
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/brands.css" integrity="sha384-1KLgFVb/gHrlDGLFPgMbeedi6tQBLcWvyNUN+YKXbD7ZFbjX6BLpMDf0PJ32XJfX" crossorigin="anonymous"> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.js"></script> | |
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.js"></script> | |
</head> | |
<body style="background-color: black; height: 100%;"> | |
<noscript> | |
<div class="alert alert-warning alert-dismissable" style="margin-bottom: 0;"> | |
Warning! JavaScript is disabled. This site does not work without it. Please enable and refresh. | |
</div> | |
<img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=587796&fmt=gif" /> | |
</noscript> | |
<!-- Google Tag Manager (noscript) --> | |
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N6ZX3TX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> | |
<!-- End Google Tag Manager (noscript) --> | |
<style> | |
html, body { height: 100%; } | |
.toast { opacity: 1 !important; } | |
</style> | |
<div id="main_row" class="row" style="height: 99%; width: 100%;"> | |
<div style="border: 1px; height: 100%;" class="col-xl-3 col-lg-3 col-md-12 col-xs-12 text-center"> | |
</br> | |
</br> | |
</br> | |
<h2 style="color: white;">Learn some YAML</h2> | |
<h1 style="color: white; font-size: 7em;">5x5</h1> | |
<h4 style="color: white;">Spend 5 minutes to</br>save 5 hours.</h4></br> | |
<a class="btn btn-primary mb-1" style="background-color: #1B95E0; border-color: #1B95E0; vertical-align: top; font-size: 1em;" id="yaml_tweet_share" href="https://twitter.com/intent/tweet?text=Was%20dropped%20straight%20in%20to%20a%20lab%20and%20learned%20some%20YAML%20and%20linting%20with&via=pansifter&url=https%3A%2F%2Fyamlfornetworkengineers.com%2F" onclick="PopupCenter(this.href, 'twitterwindow','600','600'); return false;"><i class="fab fa-twitter"></i> Tweet</a> | |
<a class="btn btn-primary mb-1" style="background-color: #0077B5; border-color: #0077B5; vertical-align: top; font-size: 1em;" id="yaml_linkedin_share" href="https://www.linkedin.com/shareArticle?mini=true&url=https://yamlfornetworkengineers.com/&title=YAML%20for%20Network%20Engineers&summary=Learn%20quickly%20and%20easily%20with%20live%20labs&text=Start%20in%20less%20than%205%20seconds" onclick="PopupCenter(this.href, 'linkedinwindow','950','700'); return false;"><i class="fab fa-linkedin-in"></i> Share</a> | |
</br> | |
</br> | |
<p style="color: #bdc3c7; padding: 10px;">Use the keyboard arrow keys <code style="color: white;"><i class="fas fa-arrow-up"></i></code> <code style="color: white;"><i class="fas fa-arrow-down"></i></code> or numbers <code style="color: white;"><i class="fas fa-list-ol"></i></code> to navigate menu. Access the <code style="color: white;">UI MENU</code> and <code style="color: white;">PASTE</code> from inside labs with <code style="color: white;">Ctrl+Shift+Alt</code>. </br><i style="color: white;" class="fas fa-bolt"></i> Labs do not retain files or state once disconnected.</p> | |
<a class="btn btn-outline-light mb-1" style="vertical-align: top; font-size: 1em; color: white;" id="pansift_page" href="https://pansift.com"><i class="fas fa-flask"></i></i> More Labs</a> | |
<a class="btn btn-outline-light mb-1" style="vertical-align: top; font-size: 1em; color: white;" id="refresh_page" href="javascript:void(window.location.reload(false));"><i class="fas fa-redo"></i> Reload Lab</a> | |
</br> | |
<p style="color: #bdc3c7; padding: 10px;">For more zero setup <a href="https://pansift.com/?utm_source=yamlfornetworkengineers&utm_medium=web&utm_campaign=micro">micro labs</a> with <a href="https://pansift.com/?utm_source=yamlfornetworkengineers&utm_medium=web&utm_campaign=micro">immediate</a> hands on, check out <a href="https://pansift.com/?utm_source=yamlfornetworkengineers&utm_medium=web&utm_campaign=micro">PanSift</a></p> | |
<p> | |
<a style="color: #7f8c8d;" href="https://twitter.com/pansifter" target="_blank"><i class="fab fa-twitter-square"></i></a> | |
<a style="color: #7f8c8d;" href="https://www.linkedin.com/company/pansift/" target="_blank"><i class="fab fa-linkedin"></i></a> | |
</p> | |
</div> | |
</div> | |
<script> | |
function logout_reload() { | |
$.when(guac_logout()).then(function() { | |
document.getElementById('guac').contentWindow.location.href='/guacamole/#/?username=candidatelxc&password=candidatelxc'; | |
}); | |
} | |
</script> | |
<script> | |
$( "[id^=guac]" ).mouseover(function() { | |
$( "[id^=guac]" ).focus(); | |
}); | |
</script> | |
<script> | |
toastr.options = { | |
"closeButton": true, | |
"debug": false, | |
"newestOnTop": false, | |
"progressBar": false, | |
"positionClass": "toast-top-full-width", | |
"preventDuplicates": true, | |
"onclick": null, | |
"showDuration": "300", | |
"hideDuration": "1000", | |
"timeOut": "0", | |
"extendedTimeOut": "0", | |
"showEasing": "swing", | |
"hideEasing": "linear", | |
"showMethod": "fadeIn" | |
} | |
var console_data_container = '<div id="guac_console" style="padding: 10px 0px 10px 0px; height: 95vh;" class="col-xl-9 col-lg-9"><iframe name= "guac" id="guac" src="/guacamole/#/?username=yamlsnacks&password=yamlsnacks" width="99%" height="100%" frameBorder="0"></iframe></div>'; | |
function check_viewport() { | |
if ($(window).width() < 1024) { | |
$("#guac_console").remove(); | |
toastr.error("This interactive learning lab is designed for simulations and testing with a full size keyboard and large screen. Smart phones are not supported currently."); | |
} | |
else { | |
if (!($("#guac_console").length)){ | |
$("#main_row").append(console_data_container); | |
} | |
} | |
} | |
$(window).on("load", function() { | |
check_viewport(); | |
}); | |
$(window).on("resize", function() { | |
check_viewport(); | |
}); | |
</script> | |
<script> | |
function PopupCenter(url, title, w, h) { | |
// Fixes dual-screen position Most browsers Firefox | |
var dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : window.screenX; | |
var dualScreenTop = window.screenTop != undefined ? window.screenTop : window.screenY; | |
var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width; | |
var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height; | |
var left = ((width / 2) - (w / 2)) + dualScreenLeft; | |
var top = ((height / 2) - (h / 2)) + dualScreenTop; | |
var newWindow = window.open(url, title, 'scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left); | |
// Puts focus on the newWindow | |
if (window.focus) { | |
newWindow.focus(); | |
} | |
} | |
</script> | |
<script type="text/javascript"> | |
_linkedin_partner_id = "587796"; | |
window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; | |
window._linkedin_data_partner_ids.push(_linkedin_partner_id); | |
</script><script type="text/javascript"> | |
(function(){var s = document.getElementsByTagName("script")[0]; | |
var b = document.createElement("script"); | |
b.type = "text/javascript";b.async = true; | |
b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; | |
s.parentNode.insertBefore(b, s);})(); | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment