Skip to content

Instantly share code, notes, and snippets.

@irowebbn

irowebbn/HTML Output

Last active August 29, 2015 14:22
Show Gist options
  • Save irowebbn/02f524ffae23fb847aac to your computer and use it in GitHub Desktop.
Save irowebbn/02f524ffae23fb847aac to your computer and use it in GitHub Desktop.
Download ZIP
Weird markdown post escape. There are 4 files here: the HTML output,the page layout, the post layout, and the markdown post.
Raw
HTML Output
<!DOCTYPE html>
<html lang="en">
<!--
_ ___
/ \__ _____ ___ ___ _ __ ___ ___ |_ _|_ __ ___
/ _ \ \ /\ / / _ \/ __|/ _ \| '_ ` _ \ / _ \ | || '_ \ / __|
/ ___ \ V V / __/\__ \ (_) | | | | | | __/ | || | | | (__
/_/ \_\_/\_/ \___||___/\___/|_| |_| |_|\___| |___|_| |_|\___|
Growing High-Tech Startups in Lexington, Kentucky. #horses
-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:description" content="<p>by <a href="https://plus.google.com/+NickSuch/">Nick Such</a></p>
" >
<meta property="og:url" content="/blog/2015/05/12/academy-s15-recap/" >
<meta name="author" content="">
<meta name="google-site-verification" content="oiWfM5j5u1IuiWaAkBu8lKyqs5o1ilQCfnM0raw6JPk" />
<meta property="og:title" content="Academy Spring 2015 Recap" >
<link rel="icon" href="/img/favicon.ico">
<!-- Bootstrap core CSS -->
<link href="/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Custom styles for this template -->
<link href='http://fonts.googleapis.com/css?family=Lato|Exo:800' rel='stylesheet' type='text/css'>
<link href="/main.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link href="//cdnjs.cloudflare.com/ajax/libs/cc-icons/1.2.1/css/cc-icons.min.css" rel="stylesheet">
<!-- Mailchimp CSS -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-40742716-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<!-- NAVBAR
================================================== -->
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<img alt="Awesome Inc U" src="/img/Logo_Horizontal_white.png">
</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="/">Home</a></li>
<li><a href="/blog/">Blog</a></li>
<li><a href="/contact/">Contact</a></li>
</ul>
<ul class="nav nav-pills navbar-nav navbar-right">
<li><p class="navbar-btn"><a class="btn btn-info" href="/register/" role="button">Find A Course!</a></p></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-sm-8 blog-main">
<div class="blog-post">
<h2 class="blog-post-title">Academy Spring 2015 Recap</h2>
<p class="blog-post-meta">May 12, 2015</p>
<p><p>by <a href="https://plus.google.com/+NickSuch/">Nick Such</a></p>
<p>While the bitter January winds were still galloping through downtown Lexington, a group of thirteen students, ages ten through seventeen, began a three-month journey into the world of software development. What began with the simple desires of, “I want to make my own video game,” led down the complex path of GitHub commits, nested If statements, and the challenges of debugging C# code with Mono. Last week, as April neared a close, ten students completed this step of their learn-to-code journey, with nearly 100 hours of programming practice behind them, and a slew of experiences and portfolio projects that coders twice their age would be honored to display.</p>
<p><img src="/img/blog/academy_s15_1.jpg" alt="Awesome Inc Academy Spring 2015 programming students and instructors" /></p>
<p>The semester-long <a href="http://www.awesomeincu.com/academy/">Awesome Inc Academy program</a> grew from humble beginnings. In 2013, we visited several area schools to help facilitate Code.org’s global <a href="https://hourofcode.com/">Hour of Code</a> event, a one-hour long introduction to computer science concepts through hands-on exercises. Prompted by the engagement of the middle and high school students we worked with, we followed this up with the logical next step: the Day of Code. Moving beyond block-based programming, we got into typing syntax from industry-standard programming languages, Day of Code challenging students to go beyond fun games to building useful software. When our Day of Code alumni asked us for their next challenge, we responded with the <a href="http://www.awesomeincu.com/curriculum/#k12-week">Week of Code</a>, diving into Website, Mobile App, and Video Game development during our first multi-day camps in the summer of 2014. We thought we had satiated the desires of students and parents at this point. Could middle and high school-aged kids possibly want to learn more beyond this? It turned out, we had underestimated the lengths to which they were capable.</p>
<p><img src="/img/blog/academy_s15_2.jpg" alt="Awesome Inc Academy programming students shows iPhone app to Brian Raney" /></p>
<p>The first semester of the Awesome Inc Academy began in September 2014 with nine students. Most had taken Day and Week of Code classes with us, or other programming lessons through Newton’s Attic, Transylvania University summer camps, or the few CS courses available in Lexington-area schools. Different from our day-long and week-long courses, the content for the 14-week Academy session was neither predetermined nor homogeneous. Each student chose his or her own goals, and worked with our team of coaches to craft an individualized learning plan. A handful of students marveled at the iPhone and chose to build their own mobile apps, some comparing breeds of dogs, and some displaying features of leading lacrosse sticks. Other students dove into websites for cats, or custom-crafted video games, with their own 3D environments, leopard control schemes, and unique characters. Three months later, these students amazed us with their <a href="https://www.youtube.com/watch?v=ioax1z620vs">final presentations</a>, and made us all wonder, “Was I doing something this cool at their age?”</p>
<p><img src="/img/blog/academy_s15_3.jpg" alt="Awesome Inc Academy students working on programming projects with instructors" /></p>
<p>Last week marked the completion of our second semester of the Academy, and once again our students rose to the occasion. These boys and girls, representing 11 different area schools, both public and private, not only designed, created, and tested their own software, but also had the eloquence to present it in front of a group. Nearly 50 people were in attendance for <a href="https://www.flickr.com/photos/awesomeinc/sets/72157652375068985/">Academy final presentations</a>, ranging from parents and siblings of our students, to Awesome Inc staff and Academy coaches, to software developers and executives of local tech companies. While these teenage students may not be starting tech companies in their parents’ basements this summer, they’re well on their way to polishing the skills that will enable them to do so in the future. If the likes of Bill Gates and Mark Zuckerberg got started programming before they graduated high school, shouldn’t more of Kentucky’s kids be doing the same?</p>
<p>PS: <a href="http://www.awesomeincu.com/academy/">Academy applications for Fall 2015</a> are now open.</p>
</p>
</div>
</div><!-- /.blog-main -->
</div><!-- /.row -->
</div>
<!-- FOOTER -->
<footer>
<!-- h/t to http://bootsnipp.com/snippets/featured/bootstrap-3-footer -->
<div class="container text-center">
<div class="row">
<div class="col-xs-3">
<a href="https://www.facebook.com/awesomeincorporated"><i id="social" class="fa fa-facebook-square fa-3x social-fb"></i></a>
</div>
<div class="col-xs-3">
<a href="https://twitter.com/awesome_inc"><i id="social" class="fa fa-twitter-square fa-3x social-tw"></i></a>
</div>
<div class="col-xs-3">
<a href="https://plus.google.com/+AwesomeincOrgLex"><i id="social" class="fa fa-google-plus-square fa-3x social-gp"></i></a>
</div>
<div class="col-xs-3">
<a href="mailto:info@awesomeincu.com"><i id="social" class="fa fa-envelope-square fa-3x social-em"></i></a>
</div>
</div>
<hr />
<div class="row">
<div class="col-lg-4">
<div class="col-xs-6">
<ul class="nav nav-pills nav-stacked">
<li><a href="/about">About us</a></li>
<li><a href="/blog/">Blog</a></li>
<li> <a href="/faq/">FAQ</a></li>
</ul>
</div>
<div class="col-xs-6">
<ul class="nav nav-pills nav-stacked">
<li><a href="/instructors/">Instructors</a></li>
<li><a href="/employers/">Employers</a></li>
<li><a href="/careers/">Careers</a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="col-xs-6">
<ul class="nav nav-pills nav-stacked">
<li><a href="/curriculum">Curriculum</a></li>
<li><a href="/tutorials/">Tutorials</a></li>
<li><a href="/notes/">Class Notes</a></li>
</ul>
</div>
<div class="col-xs-6">
<ul class="nav nav-pills nav-stacked">
<li><a href="/services/corporate-training/">On-Site Training</a></li>
<li><a href="/curriculum#k12-hour">Hour of Code</a></li>
<li><a href="/services/school-assemblies/">Schools</a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="col-xs-6">
<ul class="nav nav-pills nav-stacked">
<li><a href="/notes/unity-crash/">Make Video Games</a></li>
<li><a href="/notes/basicweb-crash/">Make Websites</a></li>
<li><a href="/notes/ios-crash/">Make Apps</a></li>
</ul>
</div>
<div class="col-xs-6">
<ul class="nav nav-pills nav-stacked">
<li><a href="http://www.awesomeinc.org">Awesome Inc</a></li>
<li><a href="http://www.apaxsoftware.com">Apax Software</a></li>
<li><a href="/press/">Press</a></li>
</ul>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-12">
<ul class="nav nav-pills nav-justified">
<li><a href="http://www.awesomeinc.org">© 2015 Awesome Inc</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Back to top</a></li>
</ul>
</div>
</div>
</div>
</footer>
</div><!-- /.container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="http://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js"></script>
<script src="/js/parallax.js"></script>
</body>
</html>
Raw
Markdown Post
---
layout: post
title: "Academy Spring 2015 Recap"
description: "The Awesome Inc Academy is our premier software development training program for youth."
category:
tags: [learntocode, academy, students]
---
by [Nick Such](https://plus.google.com/+NickSuch/)
While the bitter January winds were still galloping through downtown Lexington,some blog post
Raw
Page layout
<!DOCTYPE html>
<html lang="en">
<!--
_ ___
/ \__ _____ ___ ___ _ __ ___ ___ |_ _|_ __ ___
/ _ \ \ /\ / / _ \/ __|/ _ \| '_ ` _ \ / _ \ | || '_ \ / __|
/ ___ \ V V / __/\__ \ (_) | | | | | | __/ | || | | | (__
/_/ \_\_/\_/ \___||___/\___/|_| |_| |_|\___| |___|_| |_|\___|
Growing High-Tech Startups in Lexington, Kentucky. #horses
-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% comment %} The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags {% endcomment %}
<meta property="og:description" content="{% if page.excerpt %}{{ page.excerpt }}{% else %}{{ site.description }}{% endif %}" >
<meta property="og:url" content="{% if page.url %}{{ site.url }}{{ page.url }}{% else %}{{ site.url }}{% endif %}" >
<meta name="author" content="{{page.author}}">
<meta name="google-site-verification" content="oiWfM5j5u1IuiWaAkBu8lKyqs5o1ilQCfnM0raw6JPk" />
<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" >
<link rel="icon" href="/img/favicon.ico">
<!-- Bootstrap core CSS -->
<link href="/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Custom styles for this template -->
<link href='http://fonts.googleapis.com/css?family=Lato|Exo:800' rel='stylesheet' type='text/css'>
<link href="/main.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link href="//cdnjs.cloudflare.com/ajax/libs/cc-icons/1.2.1/css/cc-icons.min.css" rel="stylesheet">
<!-- Mailchimp CSS -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-40742716-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<!-- NAVBAR
================================================== -->
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<img alt="Awesome Inc U" src="/img/Logo_Horizontal_white.png">
</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li{% if page.path contains 'index' %} class="active"{% endif %}><a href="/">Home</a></li>
<li{% if page.path contains 'blog' %} class="active"{% endif %}><a href="/blog/">Blog</a></li>
<li{% if page.path contains 'contact' %} class="active"{% endif %}><a href="/contact/">Contact</a></li>
</ul>
<ul class="nav nav-pills navbar-nav navbar-right">
<li><p class="navbar-btn"><a class="btn btn-info" href="/register/" role="button">Find A Course!</a></p></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
{{content}}
<!-- FOOTER -->
<footer>
<!-- h/t to http://bootsnipp.com/snippets/featured/bootstrap-3-footer -->
<div class="container text-center">
<div class="row">
<div class="col-xs-3">
<a href="https://www.facebook.com/awesomeincorporated"><i id="social" class="fa fa-facebook-square fa-3x social-fb"></i></a>
</div>
<div class="col-xs-3">
<a href="https://twitter.com/awesome_inc"><i id="social" class="fa fa-twitter-square fa-3x social-tw"></i></a>
</div>
<div class="col-xs-3">
<a href="https://plus.google.com/+AwesomeincOrgLex"><i id="social" class="fa fa-google-plus-square fa-3x social-gp"></i></a>
</div>
<div class="col-xs-3">
<a href="mailto:info@awesomeincu.com"><i id="social" class="fa fa-envelope-square fa-3x social-em"></i></a>
</div>
</div>
<hr />
<div class="row">
<div class="col-lg-4">
<div class="col-xs-6">
<ul class="nav nav-pills nav-stacked">
<li><a href="/about">About us</a></li>
<li><a href="/blog/">Blog</a></li>
<li> <a href="/faq/">FAQ</a></li>
</ul>
</div>
<div class="col-xs-6">
<ul class="nav nav-pills nav-stacked">
<li><a href="/instructors/">Instructors</a></li>
<li><a href="/employers/">Employers</a></li>
<li><a href="/careers/">Careers</a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="col-xs-6">
<ul class="nav nav-pills nav-stacked">
<li><a href="/curriculum">Curriculum</a></li>
<li><a href="/tutorials/">Tutorials</a></li>
<li><a href="/notes/">Class Notes</a></li>
</ul>
</div>
<div class="col-xs-6">
<ul class="nav nav-pills nav-stacked">
<li><a href="/services/corporate-training/">On-Site Training</a></li>
<li><a href="/curriculum#k12-hour">Hour of Code</a></li>
<li><a href="/services/school-assemblies/">Schools</a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="col-xs-6">
<ul class="nav nav-pills nav-stacked">
<li><a href="/notes/unity-crash/">Make Video Games</a></li>
<li><a href="/notes/basicweb-crash/">Make Websites</a></li>
<li><a href="/notes/ios-crash/">Make Apps</a></li>
</ul>
</div>
<div class="col-xs-6">
<ul class="nav nav-pills nav-stacked">
<li><a href="http://www.awesomeinc.org">Awesome Inc</a></li>
<li><a href="http://www.apaxsoftware.com">Apax Software</a></li>
<li><a href="/press/">Press</a></li>
</ul>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-12">
<ul class="nav nav-pills nav-justified">
<li><a href="http://www.awesomeinc.org">© 2015 Awesome Inc</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Back to top</a></li>
</ul>
</div>
</div>
</div>
</footer>
</div><!-- /.container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="http://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js"></script>
<script src="/js/parallax.js"></script>
</body>
</html>
Raw
Post layout
---
layout: page
---
<div class="container">
<div class="row">
<div class="col-sm-8 blog-main">
<div class="blog-post">
<h2 class="blog-post-title">{{ page.title }}</h2>
<p class="blog-post-meta">{{ page.date | date: "%b %d, %Y" }}</p>
<p>{{content }}</p>
</div>
</div><!-- /.blog-main -->
</div><!-- /.row -->
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment