-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdb.json
1 lines (1 loc) · 58.1 KB
/
db.json
1
{"meta":{"version":1,"warehouse":"2.2.0"},"models":{"Asset":[{"_id":"themes/bootstrap-blog-hexo/source/css/blog.css","path":"css/blog.css","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/css/ie10-viewport-bug-workaround.css","path":"css/ie10-viewport-bug-workaround.css","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/favicon/favicon.ico","path":"favicon/favicon.ico","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/js/ie10-viewport-bug-workaround.js","path":"js/ie10-viewport-bug-workaround.js","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap-theme.css","path":"bootstrap/css/bootstrap-theme.css","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap-theme.css.map","path":"bootstrap/css/bootstrap-theme.css.map","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap-theme.min.css","path":"bootstrap/css/bootstrap-theme.min.css","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap-theme.min.css.map","path":"bootstrap/css/bootstrap-theme.min.css.map","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap.min.css.map","path":"bootstrap/css/bootstrap.min.css.map","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/fonts/glyphicons-halflings-regular.eot","path":"bootstrap/fonts/glyphicons-halflings-regular.eot","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/fonts/glyphicons-halflings-regular.woff2","path":"bootstrap/fonts/glyphicons-halflings-regular.woff2","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/fonts/glyphicons-halflings-regular.ttf","path":"bootstrap/fonts/glyphicons-halflings-regular.ttf","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/fonts/glyphicons-halflings-regular.woff","path":"bootstrap/fonts/glyphicons-halflings-regular.woff","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/js/bootstrap.min.js","path":"bootstrap/js/bootstrap.min.js","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/js/npm.js","path":"bootstrap/js/npm.js","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap.min.css","path":"bootstrap/css/bootstrap.min.css","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/fonts/glyphicons-halflings-regular.svg","path":"bootstrap/fonts/glyphicons-halflings-regular.svg","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/js/bootstrap.js","path":"bootstrap/js/bootstrap.js","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap.css","path":"bootstrap/css/bootstrap.css","modified":1,"renderable":1},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap.css.map","path":"bootstrap/css/bootstrap.css.map","modified":1,"renderable":1}],"Cache":[{"_id":"themes/bootstrap-blog-hexo/.DS_Store","hash":"e84b3132cb9900c3161c5e1183e52b097b34f41b","modified":1463000268000},{"_id":"themes/bootstrap-blog-hexo/_config.yml","hash":"389893a6240a27ade916a4f077b894aebf0dd4a1","modified":1463159171000},{"_id":"source/Portfolio/index.md","hash":"b56425517bdc17561d59fc80117ca261371802c1","modified":1462829772000},{"_id":"source/Resume/index.md","hash":"0e4358c1dac46d3326102b88fb94794a5893b2e4","modified":1462828684000},{"_id":"source/_posts/.DS_Store","hash":"381b6ca97f198f2d77a11624f0ce30b3cc7be92b","modified":1462840009000},{"_id":"source/_posts/A-Never-Ending-Loop.md","hash":"5a1a8056325a3a43df58bd289e0c3dcf49783f51","modified":1463002839000},{"_id":"source/_posts/Creating-A-Bootstrap-Progress-Widget.md","hash":"c670451ff834389dff28c6a0f58974e8c5c9e131","modified":1463171202000},{"_id":"themes/bootstrap-blog-hexo/layout/.DS_Store","hash":"abc9a92b807da513d3a215d670158f35b03e5c28","modified":1462914455000},{"_id":"themes/bootstrap-blog-hexo/layout/archive.ejs","hash":"64fd784d3d74ff2042566b3773e795f312f96351","modified":1462999778000},{"_id":"themes/bootstrap-blog-hexo/layout/index.ejs","hash":"3abc2f98e836fb8c3b384b91459efb8c075a6fcc","modified":1462915691000},{"_id":"themes/bootstrap-blog-hexo/layout/layout.ejs","hash":"743d0cc4290f1e6bc317c3b7fecb719bc42677e9","modified":1463072421000},{"_id":"themes/bootstrap-blog-hexo/layout/page.ejs","hash":"71d9be3a9a626d230e16f6d3d020e3d447b2008a","modified":1462983110000},{"_id":"themes/bootstrap-blog-hexo/layout/post.ejs","hash":"71d9be3a9a626d230e16f6d3d020e3d447b2008a","modified":1462981574000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/.DS_Store","hash":"98931731f5581deb1e14d4ec3b52215677114976","modified":1463009685000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/after-footer.ejs","hash":"010a70ab2e3cb3c9623933fdbf06ee482a37fba4","modified":1462913942000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/article-archive.ejs","hash":"2a05ac8f356e75b74761a6a9c8d93a9a8db548b9","modified":1462983912000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/article-categories.ejs","hash":"03bb99732a3c328df7e97625b006dd021a696e41","modified":1462982904000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/article-excerpt.ejs","hash":"f976038c6f4e87cf1b389974ba127ace0544744b","modified":1462915392000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/article-full.ejs","hash":"8dba29b42a2cac5973e271725d1086ea52921a5f","modified":1462981963000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/article-tags.ejs","hash":"3ba0dd26b8a10bf2bfb6380392628e7ed3ea4bf3","modified":1462982845000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/footer.ejs","hash":"c5489b4c6c82327627e3081502e092232eb0574f","modified":1462914709000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/head.ejs","hash":"a3cf84ec3ef244b19bbeb202142d0998c0787e67","modified":1462913692000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/header.ejs","hash":"7399970a60277286ea9387e91cb6b1937289bcb3","modified":1463068938000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/pagination.ejs","hash":"33f8ff56be2856479d15c8a83a8ad17905ae13cd","modified":1462915720000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/menu.ejs","hash":"7c3692abfe55aead822b1b76125c934b7eb5d57b","modified":1462914038000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/sidebar.ejs","hash":"9ec966f16ca2f291845196f9af40dd307f1510fc","modified":1463002572000},{"_id":"themes/bootstrap-blog-hexo/source/css/blog.css","hash":"ab4ba7fc95f68c630cbc35171782da902890645a","modified":1463168662000},{"_id":"themes/bootstrap-blog-hexo/source/css/ie10-viewport-bug-workaround.css","hash":"71d4d986ffcdbfab7ef154c95993e54c28def77a","modified":1457413136000},{"_id":"themes/bootstrap-blog-hexo/source/favicon/.DS_Store","hash":"df2fbeb1400acda0909a32c1cf6bf492f1121e07","modified":1463002457000},{"_id":"themes/bootstrap-blog-hexo/source/favicon/favicon.ico","hash":"62f359adce86bc00ba02f7298fecee3c84d12bbb","modified":1463002423000},{"_id":"themes/bootstrap-blog-hexo/source/js/ie10-viewport-bug-workaround.js","hash":"a49e8e472361fd13b514d01e8672552fc61c872d","modified":1457413978000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/widget/about.ejs","hash":"ff5a780122460910dea3af96abfb955d39192cf7","modified":1463002627000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/widget/learning.ejs","hash":"8af2a0abddec4d43aef75c93c0cd5a3880b15361","modified":1463168711000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/widget/skills.ejs","hash":"2cfb96a1fe554cb0f5d315db6db5b85c70c5b923","modified":1463071195000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/widget/tests.ejs","hash":"d62bccd49856a7aea6de0a46405874dfdc020e4f","modified":1463159029000},{"_id":"themes/bootstrap-blog-hexo/layout/_partial/widget/tags.ejs","hash":"d543008d969fe7c05242da65f8d315f9a028ee87","modified":1463002650000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap-theme.css","hash":"6c3f0c97a5c7e1ef6453d6b64e875b5eb141d397","modified":1448364860000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap-theme.css.map","hash":"29d019dd007929a57c564b2b85785e4e12e58db2","modified":1448364860000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap-theme.min.css","hash":"bcb96e31a2b8fed5575995fa0c58293e64972116","modified":1448364860000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap-theme.min.css.map","hash":"55253bf57e974dc89014e57783a1a4c737e7c867","modified":1448364860000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap.min.css.map","hash":"95fb9d7b83bebc9c37cefee87514f5979ee8785d","modified":1448364860000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/fonts/glyphicons-halflings-regular.eot","hash":"86b6f62b7853e67d3e635f6512a5a5efc58ea3c3","modified":1448362746000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/fonts/glyphicons-halflings-regular.woff2","hash":"ca35b697d99cae4d1b60f2d60fcd37771987eb07","modified":1448362746000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/fonts/glyphicons-halflings-regular.ttf","hash":"44bc1850f570972267b169ae18f1cb06b611ffa2","modified":1448362746000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/fonts/glyphicons-halflings-regular.woff","hash":"278e49a86e634da6f2a02f3b47dd9d2a8f26210f","modified":1448362746000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/js/bootstrap.min.js","hash":"791aa054a026bddc0de92bad6cf7a1c6e73713d5","modified":1448364862000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/js/npm.js","hash":"e2b7590d6ec1fdac66b01fdf66ae0879f53b1262","modified":1448364862000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap.min.css","hash":"8eb176c70b9cfa6871b76d6dc98fb526e7e9b3de","modified":1448364860000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/fonts/glyphicons-halflings-regular.svg","hash":"de51a8494180a6db074af2dee2383f0a363c5b08","modified":1448362746000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/js/bootstrap.js","hash":"8cf4186ce86777b4b408ce308ca9f66dd421f509","modified":1448364860000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap.css","hash":"4316dcfb54e1b0a428e1d37203a4028fd0408298","modified":1448364860000},{"_id":"themes/bootstrap-blog-hexo/source/bootstrap/css/bootstrap.css.map","hash":"85cacfd84a6258ed0e193874efa31c87f86b9e87","modified":1448364860000},{"_id":"public/Portfolio/index.html","hash":"0ca988453924a995a5ca16e47e041fb4efb27a8e","modified":1463171307150},{"_id":"public/Resume/index.html","hash":"6bf64676232abc9cd4b31a6e9aa5d324e74eda74","modified":1463171307150},{"_id":"public/2016/05/09/A-Never-Ending-Loop/index.html","hash":"50d81f83cc11d94a1570ca2b6b899c735495dd5a","modified":1463171307151},{"_id":"public/2016/05/12/Creating-A-Bootstrap-Progress-Widget/index.html","hash":"47d62caf101780d54dce805d2408cfcd7f97d84c","modified":1463171307151},{"_id":"public/archives/2016/index.html","hash":"afe8526bcef75b9e3035e3f92071d69e3938a577","modified":1463171307151},{"_id":"public/archives/index.html","hash":"41f054ca2ec79b9e28f94c50df80dae62578ffd7","modified":1463171307151},{"_id":"public/archives/2016/05/index.html","hash":"82591ac27546acfeda3af5d6f02fe230263aba02","modified":1463171307151},{"_id":"public/index.html","hash":"b4908537eecec99341533b1f0e8cb7b48b5dabe1","modified":1463171307151},{"_id":"public/favicon/favicon.ico","hash":"62f359adce86bc00ba02f7298fecee3c84d12bbb","modified":1463171307154},{"_id":"public/bootstrap/css/bootstrap-theme.css.map","hash":"29d019dd007929a57c564b2b85785e4e12e58db2","modified":1463171307154},{"_id":"public/bootstrap/css/bootstrap-theme.min.css.map","hash":"55253bf57e974dc89014e57783a1a4c737e7c867","modified":1463171307154},{"_id":"public/bootstrap/css/bootstrap.min.css.map","hash":"95fb9d7b83bebc9c37cefee87514f5979ee8785d","modified":1463171307155},{"_id":"public/bootstrap/fonts/glyphicons-halflings-regular.eot","hash":"86b6f62b7853e67d3e635f6512a5a5efc58ea3c3","modified":1463171307155},{"_id":"public/bootstrap/fonts/glyphicons-halflings-regular.woff","hash":"278e49a86e634da6f2a02f3b47dd9d2a8f26210f","modified":1463171307155},{"_id":"public/bootstrap/fonts/glyphicons-halflings-regular.ttf","hash":"44bc1850f570972267b169ae18f1cb06b611ffa2","modified":1463171307155},{"_id":"public/bootstrap/fonts/glyphicons-halflings-regular.woff2","hash":"ca35b697d99cae4d1b60f2d60fcd37771987eb07","modified":1463171307156},{"_id":"public/bootstrap/fonts/glyphicons-halflings-regular.svg","hash":"de51a8494180a6db074af2dee2383f0a363c5b08","modified":1463171307158},{"_id":"public/css/blog.css","hash":"ab4ba7fc95f68c630cbc35171782da902890645a","modified":1463171307164},{"_id":"public/css/ie10-viewport-bug-workaround.css","hash":"71d4d986ffcdbfab7ef154c95993e54c28def77a","modified":1463171307164},{"_id":"public/js/ie10-viewport-bug-workaround.js","hash":"a49e8e472361fd13b514d01e8672552fc61c872d","modified":1463171307164},{"_id":"public/bootstrap/js/npm.js","hash":"e2b7590d6ec1fdac66b01fdf66ae0879f53b1262","modified":1463171307165},{"_id":"public/bootstrap/css/bootstrap-theme.css","hash":"6c3f0c97a5c7e1ef6453d6b64e875b5eb141d397","modified":1463171307165},{"_id":"public/bootstrap/css/bootstrap-theme.min.css","hash":"bcb96e31a2b8fed5575995fa0c58293e64972116","modified":1463171307165},{"_id":"public/bootstrap/js/bootstrap.min.js","hash":"791aa054a026bddc0de92bad6cf7a1c6e73713d5","modified":1463171307165},{"_id":"public/bootstrap/css/bootstrap.min.css","hash":"8eb176c70b9cfa6871b76d6dc98fb526e7e9b3de","modified":1463171307165},{"_id":"public/bootstrap/css/bootstrap.css","hash":"4316dcfb54e1b0a428e1d37203a4028fd0408298","modified":1463171307165},{"_id":"public/bootstrap/js/bootstrap.js","hash":"8cf4186ce86777b4b408ce308ca9f66dd421f509","modified":1463171307165},{"_id":"public/bootstrap/css/bootstrap.css.map","hash":"85cacfd84a6258ed0e193874efa31c87f86b9e87","modified":1463171307171}],"Category":[],"Data":[],"Page":[{"title":"Portfolio","date":"2016-05-09T21:31:44.000Z","_content":"\nExample work coming soon.","source":"Portfolio/index.md","raw":"---\ntitle: Portfolio\ndate: 2016-05-09 16:31:44\n---\n\nExample work coming soon.","updated":"2016-05-09T21:36:12.000Z","path":"Portfolio/index.html","comments":1,"layout":"page","_id":"cio66f1wf0000ubla62mni36i","content":"<p>Example work coming soon.</p>\n","excerpt":"","more":"<p>Example work coming soon.</p>\n"},{"title":"Nate Cowen's Resume","date":"2016-05-09T20:09:00.000Z","_content":"\nYou can download a copy of Nate Cowen's resume. Download: [Nate Cowen's Resume](https://drive.google.com/file/d/0ByUkoc1vBgvLUDctamd0UTlLT2M/view?usp=sharing)\n\n---\n\n## Profile \n+ Name: Nathan Cowen, aka Nate\n+ Gender: Male\n+ Location: St. Louis, Missouri\n+ Email: cowen.nathan AT gmail DOT com\n+ Hobbies: Home Improvement, Woodworking, Computer Gaming, Hiking, Camping, Gardening\n---\n\n## Objective\nTo obtain a position within a well established organization in which I can grow. Primarily my experience is in web development, but I am interested in shifting to data science or .NET software development. \n\n---\n\n### Work Experience\n**2012 - Present:** Website Specialist and Project Lead, Saint Louis University\n+ Website Development, Digital Concept Creation and Marketing\n+ Software Development for Surface Pro 3 Tablets, an interactive coffee table, Raspberry Pi, and a 24 inch Interactive Globe. \n+ Managed technology projects for the new visit center and marketing projects for enrollment and retention.\n\n**2010 - 2012:** Website Admin, Cordell & Cordell\n+ Website Design and Development\n+ Search Engine Optimization\n+ Web Metric Reports and Usability Testing\n\n\n**2009 - 2010:** Digital Brand Manager for 1057thepoint.com, Emmis Communications\n+ Digital Concept Creation for Print and Web\n+ Web Development\n+ Videography and Photography\n\n\n**2008 - 2009:** Graphic Designer, Centric Group\n+ Graphic Design for Print\n+ Website Design and Development\n+ Videography\n---\n\n### Education\n**2008:** B.A. in Interactive Digital Media from Webster University\n3.75 Cumulative GPA, Graduated with Honors\n\n**2016** M.S. in Applied Analytics from Saint Louis University\n4.0 Cumulative GPA \n\n##### Certificates\n**2014:** The Science of Android Apps, Coursera\n\n---\n###### Technical Skillsets\n+ Proficient in HTML & CSS\n+ Proficient with Adobe Creative Suit\n+ Experienced in Software Development with PHP, VB.NET, C#.NET, jQuery, and Javascript\n+ Experienced with Analytical Software such as Tableau, Amazon Redshift, Google Analytics, + VBA, and R.\n\n--- \n\n###### Volunteer Work\n+ Marketing Director for Local Charity Gaming Group, Laclede's LAN\n+ EI.BO Non-Profit Board Member, Treasurer ","source":"Resume/index.md","raw":"---\ntitle: Nate Cowen's Resume\ndate: 2016-05-09 15:09:00\n---\n\nYou can download a copy of Nate Cowen's resume. Download: [Nate Cowen's Resume](https://drive.google.com/file/d/0ByUkoc1vBgvLUDctamd0UTlLT2M/view?usp=sharing)\n\n---\n\n## Profile \n+ Name: Nathan Cowen, aka Nate\n+ Gender: Male\n+ Location: St. Louis, Missouri\n+ Email: cowen.nathan AT gmail DOT com\n+ Hobbies: Home Improvement, Woodworking, Computer Gaming, Hiking, Camping, Gardening\n---\n\n## Objective\nTo obtain a position within a well established organization in which I can grow. Primarily my experience is in web development, but I am interested in shifting to data science or .NET software development. \n\n---\n\n### Work Experience\n**2012 - Present:** Website Specialist and Project Lead, Saint Louis University\n+ Website Development, Digital Concept Creation and Marketing\n+ Software Development for Surface Pro 3 Tablets, an interactive coffee table, Raspberry Pi, and a 24 inch Interactive Globe. \n+ Managed technology projects for the new visit center and marketing projects for enrollment and retention.\n\n**2010 - 2012:** Website Admin, Cordell & Cordell\n+ Website Design and Development\n+ Search Engine Optimization\n+ Web Metric Reports and Usability Testing\n\n\n**2009 - 2010:** Digital Brand Manager for 1057thepoint.com, Emmis Communications\n+ Digital Concept Creation for Print and Web\n+ Web Development\n+ Videography and Photography\n\n\n**2008 - 2009:** Graphic Designer, Centric Group\n+ Graphic Design for Print\n+ Website Design and Development\n+ Videography\n---\n\n### Education\n**2008:** B.A. in Interactive Digital Media from Webster University\n3.75 Cumulative GPA, Graduated with Honors\n\n**2016** M.S. in Applied Analytics from Saint Louis University\n4.0 Cumulative GPA \n\n##### Certificates\n**2014:** The Science of Android Apps, Coursera\n\n---\n###### Technical Skillsets\n+ Proficient in HTML & CSS\n+ Proficient with Adobe Creative Suit\n+ Experienced in Software Development with PHP, VB.NET, C#.NET, jQuery, and Javascript\n+ Experienced with Analytical Software such as Tableau, Amazon Redshift, Google Analytics, + VBA, and R.\n\n--- \n\n###### Volunteer Work\n+ Marketing Director for Local Charity Gaming Group, Laclede's LAN\n+ EI.BO Non-Profit Board Member, Treasurer ","updated":"2016-05-09T21:18:04.000Z","path":"Resume/index.html","comments":1,"layout":"page","_id":"cio66f1wk0002ublafb7ue3qr","content":"<p>You can download a copy of Nate Cowen’s resume. Download: <a href=\"https://drive.google.com/file/d/0ByUkoc1vBgvLUDctamd0UTlLT2M/view?usp=sharing\" target=\"_blank\" rel=\"external\">Nate Cowen’s Resume</a></p>\n<hr>\n<h2 id=\"Profile\"><a href=\"#Profile\" class=\"headerlink\" title=\"Profile\"></a>Profile</h2><ul>\n<li>Name: Nathan Cowen, aka Nate</li>\n<li>Gender: Male</li>\n<li>Location: St. Louis, Missouri</li>\n<li>Email: cowen.nathan AT gmail DOT com</li>\n<li>Hobbies: Home Improvement, Woodworking, Computer Gaming, Hiking, Camping, Gardening</li>\n</ul>\n<hr>\n<h2 id=\"Objective\"><a href=\"#Objective\" class=\"headerlink\" title=\"Objective\"></a>Objective</h2><p>To obtain a position within a well established organization in which I can grow. Primarily my experience is in web development, but I am interested in shifting to data science or .NET software development. </p>\n<hr>\n<h3 id=\"Work-Experience\"><a href=\"#Work-Experience\" class=\"headerlink\" title=\"Work Experience\"></a>Work Experience</h3><p><strong>2012 - Present:</strong> Website Specialist and Project Lead, Saint Louis University</p>\n<ul>\n<li>Website Development, Digital Concept Creation and Marketing</li>\n<li>Software Development for Surface Pro 3 Tablets, an interactive coffee table, Raspberry Pi, and a 24 inch Interactive Globe. </li>\n<li>Managed technology projects for the new visit center and marketing projects for enrollment and retention.</li>\n</ul>\n<p><strong>2010 - 2012:</strong> Website Admin, Cordell & Cordell</p>\n<ul>\n<li>Website Design and Development</li>\n<li>Search Engine Optimization</li>\n<li>Web Metric Reports and Usability Testing</li>\n</ul>\n<p><strong>2009 - 2010:</strong> Digital Brand Manager for 1057thepoint.com, Emmis Communications</p>\n<ul>\n<li>Digital Concept Creation for Print and Web</li>\n<li>Web Development</li>\n<li>Videography and Photography</li>\n</ul>\n<p><strong>2008 - 2009:</strong> Graphic Designer, Centric Group</p>\n<ul>\n<li>Graphic Design for Print</li>\n<li>Website Design and Development</li>\n<li>Videography</li>\n</ul>\n<hr>\n<h3 id=\"Education\"><a href=\"#Education\" class=\"headerlink\" title=\"Education\"></a>Education</h3><p><strong>2008:</strong> B.A. in Interactive Digital Media from Webster University<br>3.75 Cumulative GPA, Graduated with Honors</p>\n<p><strong>2016</strong> M.S. in Applied Analytics from Saint Louis University<br>4.0 Cumulative GPA </p>\n<h5 id=\"Certificates\"><a href=\"#Certificates\" class=\"headerlink\" title=\"Certificates\"></a>Certificates</h5><p><strong>2014:</strong> The Science of Android Apps, Coursera</p>\n<hr>\n<h6 id=\"Technical-Skillsets\"><a href=\"#Technical-Skillsets\" class=\"headerlink\" title=\"Technical Skillsets\"></a>Technical Skillsets</h6><ul>\n<li>Proficient in HTML & CSS</li>\n<li>Proficient with Adobe Creative Suit</li>\n<li>Experienced in Software Development with PHP, VB.NET, C#.NET, jQuery, and Javascript</li>\n<li>Experienced with Analytical Software such as Tableau, Amazon Redshift, Google Analytics, + VBA, and R.</li>\n</ul>\n<hr>\n<h6 id=\"Volunteer-Work\"><a href=\"#Volunteer-Work\" class=\"headerlink\" title=\"Volunteer Work\"></a>Volunteer Work</h6><ul>\n<li>Marketing Director for Local Charity Gaming Group, Laclede’s LAN</li>\n<li>EI.BO Non-Profit Board Member, Treasurer </li>\n</ul>\n","excerpt":"","more":"<p>You can download a copy of Nate Cowen’s resume. Download: <a href=\"https://drive.google.com/file/d/0ByUkoc1vBgvLUDctamd0UTlLT2M/view?usp=sharing\">Nate Cowen’s Resume</a></p>\n<hr>\n<h2 id=\"Profile\"><a href=\"#Profile\" class=\"headerlink\" title=\"Profile\"></a>Profile</h2><ul>\n<li>Name: Nathan Cowen, aka Nate</li>\n<li>Gender: Male</li>\n<li>Location: St. Louis, Missouri</li>\n<li>Email: cowen.nathan AT gmail DOT com</li>\n<li>Hobbies: Home Improvement, Woodworking, Computer Gaming, Hiking, Camping, Gardening</li>\n</ul>\n<hr>\n<h2 id=\"Objective\"><a href=\"#Objective\" class=\"headerlink\" title=\"Objective\"></a>Objective</h2><p>To obtain a position within a well established organization in which I can grow. Primarily my experience is in web development, but I am interested in shifting to data science or .NET software development. </p>\n<hr>\n<h3 id=\"Work-Experience\"><a href=\"#Work-Experience\" class=\"headerlink\" title=\"Work Experience\"></a>Work Experience</h3><p><strong>2012 - Present:</strong> Website Specialist and Project Lead, Saint Louis University</p>\n<ul>\n<li>Website Development, Digital Concept Creation and Marketing</li>\n<li>Software Development for Surface Pro 3 Tablets, an interactive coffee table, Raspberry Pi, and a 24 inch Interactive Globe. </li>\n<li>Managed technology projects for the new visit center and marketing projects for enrollment and retention.</li>\n</ul>\n<p><strong>2010 - 2012:</strong> Website Admin, Cordell & Cordell</p>\n<ul>\n<li>Website Design and Development</li>\n<li>Search Engine Optimization</li>\n<li>Web Metric Reports and Usability Testing</li>\n</ul>\n<p><strong>2009 - 2010:</strong> Digital Brand Manager for 1057thepoint.com, Emmis Communications</p>\n<ul>\n<li>Digital Concept Creation for Print and Web</li>\n<li>Web Development</li>\n<li>Videography and Photography</li>\n</ul>\n<p><strong>2008 - 2009:</strong> Graphic Designer, Centric Group</p>\n<ul>\n<li>Graphic Design for Print</li>\n<li>Website Design and Development</li>\n<li>Videography</li>\n</ul>\n<hr>\n<h3 id=\"Education\"><a href=\"#Education\" class=\"headerlink\" title=\"Education\"></a>Education</h3><p><strong>2008:</strong> B.A. in Interactive Digital Media from Webster University<br>3.75 Cumulative GPA, Graduated with Honors</p>\n<p><strong>2016</strong> M.S. in Applied Analytics from Saint Louis University<br>4.0 Cumulative GPA </p>\n<h5 id=\"Certificates\"><a href=\"#Certificates\" class=\"headerlink\" title=\"Certificates\"></a>Certificates</h5><p><strong>2014:</strong> The Science of Android Apps, Coursera</p>\n<hr>\n<h6 id=\"Technical-Skillsets\"><a href=\"#Technical-Skillsets\" class=\"headerlink\" title=\"Technical Skillsets\"></a>Technical Skillsets</h6><ul>\n<li>Proficient in HTML & CSS</li>\n<li>Proficient with Adobe Creative Suit</li>\n<li>Experienced in Software Development with PHP, VB.NET, C#.NET, jQuery, and Javascript</li>\n<li>Experienced with Analytical Software such as Tableau, Amazon Redshift, Google Analytics, + VBA, and R.</li>\n</ul>\n<hr>\n<h6 id=\"Volunteer-Work\"><a href=\"#Volunteer-Work\" class=\"headerlink\" title=\"Volunteer Work\"></a>Volunteer Work</h6><ul>\n<li>Marketing Director for Local Charity Gaming Group, Laclede’s LAN</li>\n<li>EI.BO Non-Profit Board Member, Treasurer </li>\n</ul>\n"}],"Post":[{"title":"Web Development - A Never Ending Loop of Learning","date":"2016-05-09T21:37:38.000Z","author":"Nate Cowen","_content":"\nI first began writing HTML and CSS when I was in college. It was 2006 when typed my first line of code, most likely the all too familiar \"hello world\". At the time, I was simply trying to understand the mythical beast known as code. I had always been in awe of people who could program. It seemed that they had the potential to create worlds; worlds that were only limited by their own creativity and imagination. I was envious of friends who knew how to program. <!-- more -->Ultimately, this is what lead me to take my first coding class in HTML.\n\nFast forward a few months and everyone I knew was talking about something called a CMS or Content Management System. It seemed that everyone I knew had heard of this term and everyone had experience with it. My first experience with a CMS came from a class mate that needed help with a few of his clients. He approached me and asked if I would be willing to help update a few sites with new content several times a week. Being very comfortable with HTML and CSS, I was happy to help. Initially, this freelance was a combination of HTML and CMS work, but soon it started to include modifying PHP code that controlled layouts and basic functionality. \n\nAfter many attempts I could usually find and modify the code that needed updating. However, every bit of programming I had to do made my brain hurt and left me feeling massively overwhelmed. I simply didn't understand how to program. It wasn't until years later that I truly learned how to program. The thing is... I still get this feeling all of the time. This constant nagging that I'll never know enough or never be as good as so and so. \n\nDespite these feelings, I've realized that programming is constantly changing. It's something I have grown to accept. I know that there will always be some new technology or some new trend. It's part of the reason I am starting this site. I see this site as a testing ground for my thoughts, ideas, and general lack of knowledge. I see this site as an opportunity to learn new (new to me) technologies and to improve my overal skillset. That is why I have chosen to use github and a static site generator [(hexo)](https://hexo.io/). \n\n","source":"_posts/A-Never-Ending-Loop.md","raw":"---\ntitle: Web Development - A Never Ending Loop of Learning\ndate: 2016-05-09 16:37:38\ntags:\nauthor: Nate Cowen\n---\n\nI first began writing HTML and CSS when I was in college. It was 2006 when typed my first line of code, most likely the all too familiar \"hello world\". At the time, I was simply trying to understand the mythical beast known as code. I had always been in awe of people who could program. It seemed that they had the potential to create worlds; worlds that were only limited by their own creativity and imagination. I was envious of friends who knew how to program. <!-- more -->Ultimately, this is what lead me to take my first coding class in HTML.\n\nFast forward a few months and everyone I knew was talking about something called a CMS or Content Management System. It seemed that everyone I knew had heard of this term and everyone had experience with it. My first experience with a CMS came from a class mate that needed help with a few of his clients. He approached me and asked if I would be willing to help update a few sites with new content several times a week. Being very comfortable with HTML and CSS, I was happy to help. Initially, this freelance was a combination of HTML and CMS work, but soon it started to include modifying PHP code that controlled layouts and basic functionality. \n\nAfter many attempts I could usually find and modify the code that needed updating. However, every bit of programming I had to do made my brain hurt and left me feeling massively overwhelmed. I simply didn't understand how to program. It wasn't until years later that I truly learned how to program. The thing is... I still get this feeling all of the time. This constant nagging that I'll never know enough or never be as good as so and so. \n\nDespite these feelings, I've realized that programming is constantly changing. It's something I have grown to accept. I know that there will always be some new technology or some new trend. It's part of the reason I am starting this site. I see this site as a testing ground for my thoughts, ideas, and general lack of knowledge. I see this site as an opportunity to learn new (new to me) technologies and to improve my overal skillset. That is why I have chosen to use github and a static site generator [(hexo)](https://hexo.io/). \n\n","slug":"A-Never-Ending-Loop","published":1,"updated":"2016-05-11T21:40:39.000Z","comments":1,"layout":"post","photos":[],"link":"","_id":"cio66f1wh0001ubla2c6ub1rb","content":"<p>I first began writing HTML and CSS when I was in college. It was 2006 when typed my first line of code, most likely the all too familiar “hello world”. At the time, I was simply trying to understand the mythical beast known as code. I had always been in awe of people who could program. It seemed that they had the potential to create worlds; worlds that were only limited by their own creativity and imagination. I was envious of friends who knew how to program. <a id=\"more\"></a>Ultimately, this is what lead me to take my first coding class in HTML.</p>\n<p>Fast forward a few months and everyone I knew was talking about something called a CMS or Content Management System. It seemed that everyone I knew had heard of this term and everyone had experience with it. My first experience with a CMS came from a class mate that needed help with a few of his clients. He approached me and asked if I would be willing to help update a few sites with new content several times a week. Being very comfortable with HTML and CSS, I was happy to help. Initially, this freelance was a combination of HTML and CMS work, but soon it started to include modifying PHP code that controlled layouts and basic functionality. </p>\n<p>After many attempts I could usually find and modify the code that needed updating. However, every bit of programming I had to do made my brain hurt and left me feeling massively overwhelmed. I simply didn’t understand how to program. It wasn’t until years later that I truly learned how to program. The thing is… I still get this feeling all of the time. This constant nagging that I’ll never know enough or never be as good as so and so. </p>\n<p>Despite these feelings, I’ve realized that programming is constantly changing. It’s something I have grown to accept. I know that there will always be some new technology or some new trend. It’s part of the reason I am starting this site. I see this site as a testing ground for my thoughts, ideas, and general lack of knowledge. I see this site as an opportunity to learn new (new to me) technologies and to improve my overal skillset. That is why I have chosen to use github and a static site generator <a href=\"https://hexo.io/\" target=\"_blank\" rel=\"external\">(hexo)</a>. </p>\n","excerpt":"<p>I first began writing HTML and CSS when I was in college. It was 2006 when typed my first line of code, most likely the all too familiar “hello world”. At the time, I was simply trying to understand the mythical beast known as code. I had always been in awe of people who could program. It seemed that they had the potential to create worlds; worlds that were only limited by their own creativity and imagination. I was envious of friends who knew how to program.","more":"Ultimately, this is what lead me to take my first coding class in HTML.</p>\n<p>Fast forward a few months and everyone I knew was talking about something called a CMS or Content Management System. It seemed that everyone I knew had heard of this term and everyone had experience with it. My first experience with a CMS came from a class mate that needed help with a few of his clients. He approached me and asked if I would be willing to help update a few sites with new content several times a week. Being very comfortable with HTML and CSS, I was happy to help. Initially, this freelance was a combination of HTML and CMS work, but soon it started to include modifying PHP code that controlled layouts and basic functionality. </p>\n<p>After many attempts I could usually find and modify the code that needed updating. However, every bit of programming I had to do made my brain hurt and left me feeling massively overwhelmed. I simply didn’t understand how to program. It wasn’t until years later that I truly learned how to program. The thing is… I still get this feeling all of the time. This constant nagging that I’ll never know enough or never be as good as so and so. </p>\n<p>Despite these feelings, I’ve realized that programming is constantly changing. It’s something I have grown to accept. I know that there will always be some new technology or some new trend. It’s part of the reason I am starting this site. I see this site as a testing ground for my thoughts, ideas, and general lack of knowledge. I see this site as an opportunity to learn new (new to me) technologies and to improve my overal skillset. That is why I have chosen to use github and a static site generator <a href=\"https://hexo.io/\">(hexo)</a>. </p>"},{"title":"Creating A Bootstrap Progress Widget","date":"2016-05-12T21:38:24.000Z","author":"Nate Cowen","_content":"If you haven't figured out already, this site is going to be used for several purposes. First, it's going to be the new home of my portfolio site and blog. Second, it's a testing ground for developing and improving my technical skillset. I hope to solidify my understanding of current technologies and programming concepts through blog posts like this one.\n\nIn order to stay on track and continue improving, I want to be able to track my progress. I decided to create a progress bar widget for this purpose. This widget can be seen in the side bar with the title, *\"Currently Working On.\"* <!-- more -->I stole this idea from one of my favorite authors, Brandon Sanderson. [On his website](http://brandonsanderson.com/), he has a progress bar that tracks where he is at in his writing. I liked this idea and decided to replicate it on my own website.\n\n---\n## Starting to Code\n\n\nMy Hexo template is based off the blog [*Create A Hexo Theme*](http://www.codeblocq.com/2016/03/Create-an-Hexo-Theme-Part-1-Index/) on CodeBlocq.com. This tutorial provided a great foundation on static site generators; I highly recommend reading it. After running through this tutorial, I was able to start creating my progress bar widget. \n\nThe first file that needed to edit was the _config.yml file located within the root folder of my theme. This file contains repetitive data that is used in multiple locations of the website. This includes items like site title, site, description, and widgets. I adding the lines \"learning:\", \"-topic:\", and \"percent:\" within the \"widgets:\" section of my config.yml file. See the code below: \n<pre>\nsidebar: right\nwidgets:\n about: Hi, I'm Nate. I create code. I work mainly in front-end, but I'm developing my full-stack skillset. <br/><br/>I'm fascinated by data science, programming, and tech in general.\n tags: true\n skills: HTML, CSS, Design, Development, Web Marketing, Digital Concept Creation, Junior Level Programming (C#, VBA, PHP, AS3)\n learning: \n \n - topic: Static Site Generators (Hexo)\n percent: 35%\n \n - topic: Bootstrap\n percent: 25%\n \n - topic: Node.js\n percent: 15%\n \n - topic: Advanced Programming Concepts and Terminology\n percent: 20%\n \n - topic: Git/Version Control\n percent: 65%\n \n - topic: Unit Testing\n percent: 1 % \n \n\n</pre>\n\nThe code above is used to populate the content for the \"currently working on\" section. The next step is to create the logic that is responsible for loading the content into the widget. I created a blank file with the name \"learning.ejs\" within my theme's layout folder. The specific path in my case was */layout/_partial/widget/*.\n\nI began by testing a bit of hardcoded HTML within the \"learning.ejs\" file. <code><span>This is some test content</span></code>. With Hexo server running, I refreshed the page and verified that my test content had populated the widget. Success! \n\nWith the widget loading test content, I began to work on parsing out the data from my config.yml file. The final code I wrote can be seen below. It uses a combination of Bootstrap objects, EJS (Javascript Templates), and CSS from the CodeBlocq.com tutorial.\n\n---\n### Building the Logic\n\n<pre>\n<% if(theme.widgets.learning){ %>\n <div class=\"sidebar-module sidebar-module-inset\">\n <h4>Currently Working On <h4>\n \n <% for(var i=0; i<theme.widgets.learning.length; i++) { %>\n <span><%= theme.widgets.learning[i].topic %></span>\n \n \t\t<div class=\"progress \">\n \t\t\t\t<div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: <%= theme.widgets.learning[i].percent %>;\">\n\n \t\t\t\t</div>\n\t\t\t</div>\n \t<% } %>\n \n </div>\n<% } %>\n\n</pre>\n\nThat's a lot to digest, so let me break it down into bite sized pieces. The first line of code uses EJS to check if theme.widgets.learning exist.<br/> <code><% if(theme.widgets.learning){ %></code> Essentially, it is looking for the nested \"learning\" code that was placed under the \"widgets\" section of the config.yml file. If it returns true, the program moves to the next line. \n\nNext, a div with the classes of \"sidebar-module\" and \"sidebar-module-insert\" is inserted. The div classes are part of the theme CSS from codeblocq.com. The classes provide styling to the widget box section. This particular CSS file is located within the *themefolder/source/css/blog.css.\n\nNext, I used EJS to create a for loop. This for loop counts the number of items within the widgets/learning section of the config.yml file. It then prints the name of the topic using the following code. <br/> <code><p><%= theme.widgets.learning[i].topic %></p></code>\n\nFinally, the progress bar width is set to the percent located within the widgets section of the config.yml code. The progress bar is a feature of bootstrap. [You can learn more about it here](http://getbootstrap.com/components/#progress). The code used to set the progress bar can be seen below. <br/> <code> style=\"width: <%= theme.widgets.learning[i].percent %>;\"></code> \n\n---\n### The End\nThat's the end of this tutorial. I learned a lot about static site generators, Bootstrap, and Javascript templating through this process. I hope you have too. ","source":"_posts/Creating-A-Bootstrap-Progress-Widget.md","raw":"---\ntitle: Creating A Bootstrap Progress Widget\ndate: 2016-05-12 16:38:24\ntags: \nauthor: Nate Cowen\n---\nIf you haven't figured out already, this site is going to be used for several purposes. First, it's going to be the new home of my portfolio site and blog. Second, it's a testing ground for developing and improving my technical skillset. I hope to solidify my understanding of current technologies and programming concepts through blog posts like this one.\n\nIn order to stay on track and continue improving, I want to be able to track my progress. I decided to create a progress bar widget for this purpose. This widget can be seen in the side bar with the title, *\"Currently Working On.\"* <!-- more -->I stole this idea from one of my favorite authors, Brandon Sanderson. [On his website](http://brandonsanderson.com/), he has a progress bar that tracks where he is at in his writing. I liked this idea and decided to replicate it on my own website.\n\n---\n## Starting to Code\n\n\nMy Hexo template is based off the blog [*Create A Hexo Theme*](http://www.codeblocq.com/2016/03/Create-an-Hexo-Theme-Part-1-Index/) on CodeBlocq.com. This tutorial provided a great foundation on static site generators; I highly recommend reading it. After running through this tutorial, I was able to start creating my progress bar widget. \n\nThe first file that needed to edit was the _config.yml file located within the root folder of my theme. This file contains repetitive data that is used in multiple locations of the website. This includes items like site title, site, description, and widgets. I adding the lines \"learning:\", \"-topic:\", and \"percent:\" within the \"widgets:\" section of my config.yml file. See the code below: \n<pre>\nsidebar: right\nwidgets:\n about: Hi, I'm Nate. I create code. I work mainly in front-end, but I'm developing my full-stack skillset. <br/><br/>I'm fascinated by data science, programming, and tech in general.\n tags: true\n skills: HTML, CSS, Design, Development, Web Marketing, Digital Concept Creation, Junior Level Programming (C#, VBA, PHP, AS3)\n learning: \n \n - topic: Static Site Generators (Hexo)\n percent: 35%\n \n - topic: Bootstrap\n percent: 25%\n \n - topic: Node.js\n percent: 15%\n \n - topic: Advanced Programming Concepts and Terminology\n percent: 20%\n \n - topic: Git/Version Control\n percent: 65%\n \n - topic: Unit Testing\n percent: 1 % \n \n\n</pre>\n\nThe code above is used to populate the content for the \"currently working on\" section. The next step is to create the logic that is responsible for loading the content into the widget. I created a blank file with the name \"learning.ejs\" within my theme's layout folder. The specific path in my case was */layout/_partial/widget/*.\n\nI began by testing a bit of hardcoded HTML within the \"learning.ejs\" file. <code><span>This is some test content</span></code>. With Hexo server running, I refreshed the page and verified that my test content had populated the widget. Success! \n\nWith the widget loading test content, I began to work on parsing out the data from my config.yml file. The final code I wrote can be seen below. It uses a combination of Bootstrap objects, EJS (Javascript Templates), and CSS from the CodeBlocq.com tutorial.\n\n---\n### Building the Logic\n\n<pre>\n<% if(theme.widgets.learning){ %>\n <div class=\"sidebar-module sidebar-module-inset\">\n <h4>Currently Working On <h4>\n \n <% for(var i=0; i<theme.widgets.learning.length; i++) { %>\n <span><%= theme.widgets.learning[i].topic %></span>\n \n \t\t<div class=\"progress \">\n \t\t\t\t<div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: <%= theme.widgets.learning[i].percent %>;\">\n\n \t\t\t\t</div>\n\t\t\t</div>\n \t<% } %>\n \n </div>\n<% } %>\n\n</pre>\n\nThat's a lot to digest, so let me break it down into bite sized pieces. The first line of code uses EJS to check if theme.widgets.learning exist.<br/> <code><% if(theme.widgets.learning){ %></code> Essentially, it is looking for the nested \"learning\" code that was placed under the \"widgets\" section of the config.yml file. If it returns true, the program moves to the next line. \n\nNext, a div with the classes of \"sidebar-module\" and \"sidebar-module-insert\" is inserted. The div classes are part of the theme CSS from codeblocq.com. The classes provide styling to the widget box section. This particular CSS file is located within the *themefolder/source/css/blog.css.\n\nNext, I used EJS to create a for loop. This for loop counts the number of items within the widgets/learning section of the config.yml file. It then prints the name of the topic using the following code. <br/> <code><p><%= theme.widgets.learning[i].topic %></p></code>\n\nFinally, the progress bar width is set to the percent located within the widgets section of the config.yml code. The progress bar is a feature of bootstrap. [You can learn more about it here](http://getbootstrap.com/components/#progress). The code used to set the progress bar can be seen below. <br/> <code> style=\"width: <%= theme.widgets.learning[i].percent %>;\"></code> \n\n---\n### The End\nThat's the end of this tutorial. I learned a lot about static site generators, Bootstrap, and Javascript templating through this process. I hope you have too. ","slug":"Creating-A-Bootstrap-Progress-Widget","published":1,"updated":"2016-05-13T20:26:42.000Z","comments":1,"layout":"post","photos":[],"link":"","_id":"cio66f1wp0003ublapwfatpzs","content":"<p>If you haven’t figured out already, this site is going to be used for several purposes. First, it’s going to be the new home of my portfolio site and blog. Second, it’s a testing ground for developing and improving my technical skillset. I hope to solidify my understanding of current technologies and programming concepts through blog posts like this one.</p>\n<p>In order to stay on track and continue improving, I want to be able to track my progress. I decided to create a progress bar widget for this purpose. This widget can be seen in the side bar with the title, <em>“Currently Working On.”</em> <a id=\"more\"></a>I stole this idea from one of my favorite authors, Brandon Sanderson. <a href=\"http://brandonsanderson.com/\" target=\"_blank\" rel=\"external\">On his website</a>, he has a progress bar that tracks where he is at in his writing. I liked this idea and decided to replicate it on my own website.</p>\n<hr>\n<h2 id=\"Starting-to-Code\"><a href=\"#Starting-to-Code\" class=\"headerlink\" title=\"Starting to Code\"></a>Starting to Code</h2><p>My Hexo template is based off the blog <a href=\"http://www.codeblocq.com/2016/03/Create-an-Hexo-Theme-Part-1-Index/\" target=\"_blank\" rel=\"external\"><em>Create A Hexo Theme</em></a> on CodeBlocq.com. This tutorial provided a great foundation on static site generators; I highly recommend reading it. After running through this tutorial, I was able to start creating my progress bar widget. </p>\n<p>The first file that needed to edit was the _config.yml file located within the root folder of my theme. This file contains repetitive data that is used in multiple locations of the website. This includes items like site title, site, description, and widgets. I adding the lines “learning:”, “-topic:”, and “percent:” within the “widgets:” section of my config.yml file. See the code below: </p>\n<pre>\nsidebar: right\nwidgets:\n about: Hi, I'm Nate. I create code. I work mainly in front-end, but I'm developing my full-stack skillset. <br><br>I'm fascinated by data science, programming, and tech in general.\n tags: true\n skills: HTML, CSS, Design, Development, Web Marketing, Digital Concept Creation, Junior Level Programming (C#, VBA, PHP, AS3)\n learning: \n\n - topic: Static Site Generators (Hexo)\n percent: 35%\n\n - topic: Bootstrap\n percent: 25%\n\n - topic: Node.js\n percent: 15%\n\n - topic: Advanced Programming Concepts and Terminology\n percent: 20%\n\n - topic: Git/Version Control\n percent: 65%\n\n - topic: Unit Testing\n percent: 1 % \n\n\n</pre>\n\n<p>The code above is used to populate the content for the “currently working on” section. The next step is to create the logic that is responsible for loading the content into the widget. I created a blank file with the name “learning.ejs” within my theme’s layout folder. The specific path in my case was <em>/layout/_partial/widget/</em>.</p>\n<p>I began by testing a bit of hardcoded HTML within the “learning.ejs” file. <code><span>This is some test content</span></code>. With Hexo server running, I refreshed the page and verified that my test content had populated the widget. Success! </p>\n<p>With the widget loading test content, I began to work on parsing out the data from my config.yml file. The final code I wrote can be seen below. It uses a combination of Bootstrap objects, EJS (Javascript Templates), and CSS from the CodeBlocq.com tutorial.</p>\n<hr>\n<h3 id=\"Building-the-Logic\"><a href=\"#Building-the-Logic\" class=\"headerlink\" title=\"Building the Logic\"></a>Building the Logic</h3><pre>\n<% if(theme.widgets.learning){ %>\n <div class=\"sidebar-module sidebar-module-inset\">\n <h4>Currently Working On <h4>\n\n <% for(var i=0; i<theme.widgets.learning.length; i++) { %>\n <span><%= theme.widgets.learning[i].topic %></span>\n\n <div class=\"progress \">\n <div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: <%= theme.widgets.learning[i].percent %>;\">\n\n </div>\n </div>\n <% } %>\n\n </div>\n<% } %>\n\n</pre>\n\n<p>That’s a lot to digest, so let me break it down into bite sized pieces. The first line of code uses EJS to check if theme.widgets.learning exist.<br> <code><% if(theme.widgets.learning){ %></code> Essentially, it is looking for the nested “learning” code that was placed under the “widgets” section of the config.yml file. If it returns true, the program moves to the next line. </p>\n<p>Next, a div with the classes of “sidebar-module” and “sidebar-module-insert” is inserted. The div classes are part of the theme CSS from codeblocq.com. The classes provide styling to the widget box section. This particular CSS file is located within the *themefolder/source/css/blog.css.</p>\n<p>Next, I used EJS to create a for loop. This for loop counts the number of items within the widgets/learning section of the config.yml file. It then prints the name of the topic using the following code. <br> <code><p><%= theme.widgets.learning[i].topic %></p></code></p>\n<p>Finally, the progress bar width is set to the percent located within the widgets section of the config.yml code. The progress bar is a feature of bootstrap. <a href=\"http://getbootstrap.com/components/#progress\" target=\"_blank\" rel=\"external\">You can learn more about it here</a>. The code used to set the progress bar can be seen below. <br> <code> style=”width: <%= theme.widgets.learning[i].percent %>;”></code> </p>\n<hr>\n<h3 id=\"The-End\"><a href=\"#The-End\" class=\"headerlink\" title=\"The End\"></a>The End</h3><p>That’s the end of this tutorial. I learned a lot about static site generators, Bootstrap, and Javascript templating through this process. I hope you have too. </p>\n","excerpt":"<p>If you haven’t figured out already, this site is going to be used for several purposes. First, it’s going to be the new home of my portfolio site and blog. Second, it’s a testing ground for developing and improving my technical skillset. I hope to solidify my understanding of current technologies and programming concepts through blog posts like this one.</p>\n<p>In order to stay on track and continue improving, I want to be able to track my progress. I decided to create a progress bar widget for this purpose. This widget can be seen in the side bar with the title, <em>“Currently Working On.”</em>","more":"I stole this idea from one of my favorite authors, Brandon Sanderson. <a href=\"http://brandonsanderson.com/\">On his website</a>, he has a progress bar that tracks where he is at in his writing. I liked this idea and decided to replicate it on my own website.</p>\n<hr>\n<h2 id=\"Starting-to-Code\"><a href=\"#Starting-to-Code\" class=\"headerlink\" title=\"Starting to Code\"></a>Starting to Code</h2><p>My Hexo template is based off the blog <a href=\"http://www.codeblocq.com/2016/03/Create-an-Hexo-Theme-Part-1-Index/\"><em>Create A Hexo Theme</em></a> on CodeBlocq.com. This tutorial provided a great foundation on static site generators; I highly recommend reading it. After running through this tutorial, I was able to start creating my progress bar widget. </p>\n<p>The first file that needed to edit was the _config.yml file located within the root folder of my theme. This file contains repetitive data that is used in multiple locations of the website. This includes items like site title, site, description, and widgets. I adding the lines “learning:”, “-topic:”, and “percent:” within the “widgets:” section of my config.yml file. See the code below: </p>\n<pre>\nsidebar: right\nwidgets:\n about: Hi, I'm Nate. I create code. I work mainly in front-end, but I'm developing my full-stack skillset. <br/><br/>I'm fascinated by data science, programming, and tech in general.\n tags: true\n skills: HTML, CSS, Design, Development, Web Marketing, Digital Concept Creation, Junior Level Programming (C#, VBA, PHP, AS3)\n learning: \n\n - topic: Static Site Generators (Hexo)\n percent: 35%\n\n - topic: Bootstrap\n percent: 25%\n\n - topic: Node.js\n percent: 15%\n\n - topic: Advanced Programming Concepts and Terminology\n percent: 20%\n\n - topic: Git/Version Control\n percent: 65%\n\n - topic: Unit Testing\n percent: 1 % \n\n\n</pre>\n\n<p>The code above is used to populate the content for the “currently working on” section. The next step is to create the logic that is responsible for loading the content into the widget. I created a blank file with the name “learning.ejs” within my theme’s layout folder. The specific path in my case was <em>/layout/_partial/widget/</em>.</p>\n<p>I began by testing a bit of hardcoded HTML within the “learning.ejs” file. <code><span>This is some test content</span></code>. With Hexo server running, I refreshed the page and verified that my test content had populated the widget. Success! </p>\n<p>With the widget loading test content, I began to work on parsing out the data from my config.yml file. The final code I wrote can be seen below. It uses a combination of Bootstrap objects, EJS (Javascript Templates), and CSS from the CodeBlocq.com tutorial.</p>\n<hr>\n<h3 id=\"Building-the-Logic\"><a href=\"#Building-the-Logic\" class=\"headerlink\" title=\"Building the Logic\"></a>Building the Logic</h3><pre>\n<% if(theme.widgets.learning){ %>\n <div class=\"sidebar-module sidebar-module-inset\">\n <h4>Currently Working On <h4>\n\n <% for(var i=0; i<theme.widgets.learning.length; i++) { %>\n <span><%= theme.widgets.learning[i].topic %></span>\n\n <div class=\"progress \">\n <div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: <%= theme.widgets.learning[i].percent %>;\">\n\n </div>\n </div>\n <% } %>\n\n </div>\n<% } %>\n\n</pre>\n\n<p>That’s a lot to digest, so let me break it down into bite sized pieces. The first line of code uses EJS to check if theme.widgets.learning exist.<br/> <code><% if(theme.widgets.learning){ %></code> Essentially, it is looking for the nested “learning” code that was placed under the “widgets” section of the config.yml file. If it returns true, the program moves to the next line. </p>\n<p>Next, a div with the classes of “sidebar-module” and “sidebar-module-insert” is inserted. The div classes are part of the theme CSS from codeblocq.com. The classes provide styling to the widget box section. This particular CSS file is located within the *themefolder/source/css/blog.css.</p>\n<p>Next, I used EJS to create a for loop. This for loop counts the number of items within the widgets/learning section of the config.yml file. It then prints the name of the topic using the following code. <br/> <code><p><%= theme.widgets.learning[i].topic %></p></code></p>\n<p>Finally, the progress bar width is set to the percent located within the widgets section of the config.yml code. The progress bar is a feature of bootstrap. <a href=\"http://getbootstrap.com/components/#progress\">You can learn more about it here</a>. The code used to set the progress bar can be seen below. <br/> <code> style=”width: <%= theme.widgets.learning[i].percent %>;”></code> </p>\n<hr>\n<h3 id=\"The-End\"><a href=\"#The-End\" class=\"headerlink\" title=\"The End\"></a>The End</h3><p>That’s the end of this tutorial. I learned a lot about static site generators, Bootstrap, and Javascript templating through this process. I hope you have too. </p>"}],"PostAsset":[],"PostCategory":[],"PostTag":[],"Tag":[]}}