Moving to 11ty
This commit is contained in:
Ava Wroten
parent
ce888c59a5
commit
d9accc07c5
68 changed files with 5572 additions and 49 deletions
10
README.md
10
README.md
|
|
@ -1,10 +0,0 @@
|
|||
# Ava Wroten's Portfolio
|
||||
|
||||
[](https://app.netlify.com/sites/quizzical-goldstine-43bac7/deploys)
|
||||
|
||||
Using [Hugo](https://gohugo.io/) and a [forked theme](https://github.com/hergaiety/github-style) based on [github-style](https://github.com/MeiK2333/github-style).
|
||||
|
||||
```bash
|
||||
hugo server -D
|
||||
```
|
||||
|
||||
3
_includes/base-footer.html
Normal file
3
_includes/base-footer.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
</body>
|
||||
</html>
|
||||
|
||||
23
_includes/base-header.html
Normal file
23
_includes/base-header.html
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - {{title}}</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
{%- for content in collections.all -%}
|
||||
<li>
|
||||
<a href="{{content.url}}"{% if page.url == content.url %} aria-current="page"{% endif %}>
|
||||
{{ content.data.title }}
|
||||
</a>
|
||||
</li>
|
||||
{%- endfor -%}
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
20
_includes/layout.njk
Normal file
20
_includes/layout.njk
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
{% include "base-header.html" %}
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
{{title}}
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in {{category}}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
{{content | safe}}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% include "base-footer.html" %}
|
||||
|
||||
1
_site/README/index.html
Normal file
1
_site/README/index.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<h1>Page header</h1>
|
||||
1
_site/example/index.html
Normal file
1
_site/example/index.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<h1>Page header</h1>
|
||||
103
_site/index.html
Normal file
103
_site/index.html
Normal file
|
|
@ -0,0 +1,103 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - Welcome</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
Welcome
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<p>Home</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
183
_site/repos/blabber-comic/index.html
Normal file
183
_site/repos/blabber-comic/index.html
Normal file
|
|
@ -0,0 +1,183 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - blabber-comic</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/" aria-current="page">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
blabber-comic
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<blockquote>
|
||||
<p>Converts chat logs to comics.</p>
|
||||
</blockquote>
|
||||
<!--more-->
|
||||
<p><a href="https://gitlab.com/gaiety/blabber-comic">Fork on Gitlab</a></p>
|
||||
<h1>Blabber-Comic</h1>
|
||||
<p><a href="https://badge.fury.io/js/blabber-comic"><img src="https://badge.fury.io/js/blabber-comic.svg" alt="npm version"></a></p>
|
||||
<h2>Sample</h2>
|
||||
<p><img src="https://raw.githubusercontent.com/hergaiety/blabber-comic/master/comic.png" alt="Preview"></p>
|
||||
<h2>How it works</h2>
|
||||
<p>Powered by Node and a node-canvas a comic can automatically be generated from a json array of users/text and some characters/backgrounds to be chosen at random.</p>
|
||||
<h2>How to use it from the CLI</h2>
|
||||
<h3>Installing</h3>
|
||||
<p>Note: Your system may need some <a href="https://github.com/Automattic/node-canvas#compiling">compiled dependencies for canvas to work</a>.</p>
|
||||
<p><code>npm install -g blabber-comic</code></p>
|
||||
<h3>Using</h3>
|
||||
<pre><code>$ blabber
|
||||
$ Who?: Glen
|
||||
$ Said What?: Test 1
|
||||
$ Another? (y/n) y
|
||||
$ Who?: Sarah
|
||||
$ Said What?: Test 2
|
||||
$ Another? (y/n) y
|
||||
$ Who?: Glen
|
||||
$ Said What?: Test 3
|
||||
$ Another? (y/n) n
|
||||
$ Generating Comic...
|
||||
$ [ Comic Generated @ comics/1.png ]
|
||||
</code></pre>
|
||||
<h3>Additional Options</h3>
|
||||
<pre><code>$ blabber --path ~/Pictures
|
||||
</code></pre>
|
||||
<h2>How to use it in other projects</h2>
|
||||
<h3>Generate base64Data</h3>
|
||||
<pre><code class="language-javascript">const blabbercomic = require('blabber-comic');
|
||||
let messages = [] // Array of messages...
|
||||
|
||||
blabbercomic(messages).then(response => {
|
||||
console.log('Generated comic as base64 data', response);
|
||||
}).catch(error => {
|
||||
throw error;
|
||||
});
|
||||
</code></pre>
|
||||
<h3>Save as file with <code>fs</code></h3>
|
||||
<p>Example included in project. Clone then run <code>npm run test</code>.</p>
|
||||
<pre><code class="language-javascript">const blabbercomic = require('blabber-comic');
|
||||
const fs = require('fs');
|
||||
let messages = [] // Array of messages...
|
||||
|
||||
blabbercomic(messages).then(response => {
|
||||
let base64Data = response.replace(/^data:image\/png;base64,/, '');
|
||||
|
||||
fs.writeFile('./storage/comics/comic.png', base64Data, 'base64', error => {
|
||||
if (error) console.error('Uhoh...', error);
|
||||
else console.log('Saved file as `comic.png`');
|
||||
});
|
||||
}).catch(error => {
|
||||
throw error;
|
||||
});
|
||||
</code></pre>
|
||||
<h3>Customizing characters and backgrounds</h3>
|
||||
<pre><code class="language-javascript">const blabbercomic = require('blabber-comic');
|
||||
let backgrounds = ['./assets/backgrounds/1.png', './assets/backgrounds/2.png'];
|
||||
let characters = ['./assets/characters/1.png', './assets/characters/2.png', './assets/characters/3.png']; // Provide at least 3
|
||||
let comicSize = 500; // in px square
|
||||
let borderColor ='#CCCCCC';
|
||||
let font = 'Impact';
|
||||
let textColor: '#000000';
|
||||
|
||||
let messages = [] // Array of messages...
|
||||
let config = { backgrounds, characters, comicSize, borderColor, font, textColor };
|
||||
|
||||
blabbercomic(messages, config);
|
||||
</code></pre>
|
||||
<hr>
|
||||
<h2>Special thanks to:</h2>
|
||||
<ul>
|
||||
<li><a href="https://github.com/Automattic/node-canvas">node-canvas</a> by Cairo</li>
|
||||
<li>avatars by Iulia Ardeleanu from the Noun Project</li>
|
||||
<li>backgrounds by Olga Libby from Subtle Patterns</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
170
_site/repos/ember-select-light/index.html
Normal file
170
_site/repos/ember-select-light/index.html
Normal file
|
|
@ -0,0 +1,170 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - ember-select-light</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/" aria-current="page">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
ember-select-light
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<blockquote>
|
||||
<p>Ember Select Light is an Ember Addon focused on simplicity. Just powerful enough to offer expected baseline functionality while being easy to implement, style, and make accessible.</p>
|
||||
</blockquote>
|
||||
<!--more-->
|
||||
<p><a href="https://github.com/ember-a11y/ember-select-light">Fork from Github</a></p>
|
||||
<h1>Ember-Select-Light</h1>
|
||||
<p><img src="https://github.com/ember-a11y/ember-select-light/workflows/CI/badge.svg?branch=main" alt="CI"> <img src="https://camo.githubusercontent.com/d4e0f63e9613ee474a7dfdc23c240b9795712c96/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5052732d77656c636f6d652d627269676874677265656e2e737667" alt="PRs Welcome"> <img src="https://camo.githubusercontent.com/890acbdcb87868b382af9a4b1fac507b9659d9bf/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667" alt="License: MIT"> <a href="https://badge.fury.io/js/ember-select-light"><img src="https://d25lcipzij17d.cloudfront.net/badge.svg?id=js&type=6&v=2.0.0&x2=0" alt="npm package"></a> <a href="https://emberobserver.com/addons/ember-select-light"><img src="https://emberobserver.com/badges/ember-select-light.svg" alt="Ember Observer"></a></p>
|
||||
<p>Ember-Select-Light is an Ember Addon focused on simplicity. Just powerful enough to offer expected baseline functionality while being easy to implement, style, and make accessible.</p>
|
||||
<p>This addon is <a href="https://emberjs.com/editions/octane/">Octane ready</a> and follows <a href="https://emberjs-1.gitbook.io/ember-component-patterns/form-components/select-element">ember-component-pattern's for how to best write a Select Element</a>.</p>
|
||||
<h2>Getting Started</h2>
|
||||
<pre><code class="language-bash">ember install ember-select-light
|
||||
</code></pre>
|
||||
<h3>Example Usage</h3>
|
||||
<pre><code class="language-handlebars"><SelectLight
|
||||
@value="turtle"
|
||||
@options=(array "turtle" "tortoise")
|
||||
@change= />
|
||||
</code></pre>
|
||||
<h4>With an array of objects...</h4>
|
||||
<pre><code class="language-handlebars"><SelectLight
|
||||
@options=(array
|
||||
(hash value="shortfin" label="Shortfin Shark")
|
||||
(hash value="mako" label="Mako Shark")
|
||||
) />
|
||||
</code></pre>
|
||||
<p><code>value</code> and <code>label</code> will be the default object keys used unless <code>@valueKey="...</code> and/or <code>@displayKey="...</code> are used respectively, like so...</p>
|
||||
<pre><code class="language-handlebars"><SelectLight
|
||||
@options=(array
|
||||
(hash myValue="shortfin" myLabel="Shortfin Shark")
|
||||
(hash myValue="mako" myLabel="Mako Shark")
|
||||
)
|
||||
@valueKey="myValue"
|
||||
@displayKey="myLabel" />
|
||||
</code></pre>
|
||||
<h4>As a Yield</h4>
|
||||
<pre><code class="language-handlebars"><SelectLight>
|
||||
<option value="clown">Clown Fish</option>
|
||||
<option value="cat">Cat Fish</option>
|
||||
</SelectLight>
|
||||
</code></pre>
|
||||
<h3>Other arguments</h3>
|
||||
<p>Other arguments are spread onto the <code><select ...attributes</code> as you'd expect, allowing you to use common attributes such as <code>disabled</code>, <code>tabindex</code> and of course <code>class</code>.</p>
|
||||
<pre><code class="language-handlebars"><SelectLight class="my-select" disabled="true" />
|
||||
</code></pre>
|
||||
<hr>
|
||||
<h2>Upgrading</h2>
|
||||
<p>See <a href="./UPGRADE.md">the upgrading guide for how to upgrade from previous versions</a>.</p>
|
||||
<hr>
|
||||
<h2>Running</h2>
|
||||
<ul>
|
||||
<li><code>ember serve</code></li>
|
||||
<li>Visit your app at <a href="http://localhost:4200">http://localhost:4200</a>.</li>
|
||||
</ul>
|
||||
<h3>Linting</h3>
|
||||
<ul>
|
||||
<li><code>npm run lint:hbs</code></li>
|
||||
<li><code>npm run lint:js</code></li>
|
||||
<li><code>npm run lint:js -- --fix</code></li>
|
||||
</ul>
|
||||
<h2>Contributing</h2>
|
||||
<p>We love pull requests from everyone. By participating in this project, you agree to abide by the <a href="./code-of-conduct.md">code of conduct</a> and is subject to the <a href="./LICENSE.md">project license</a>.</p>
|
||||
<p>Clone this repo, make your changes with test coverage, push up a fork and <a href="https://github.com/sharpshark28/ember-select-light/compare">submit a pull request</a>.</p>
|
||||
<p>Soon after some primary contributors will review your code and submit feedback and hopefully click the fancy green approve button. Any test and linting failures should be caught during the pull request continuous integration environment and human eyes here after.</p>
|
||||
<h2>Running Tests</h2>
|
||||
<ul>
|
||||
<li><code>npm run test</code> (Runs <code>ember try:each</code> to test your addon against multiple Ember versions)</li>
|
||||
<li>or <code>ember test</code></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
152
_site/repos/json-query-chain/index.html
Normal file
152
_site/repos/json-query-chain/index.html
Normal file
|
|
@ -0,0 +1,152 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - json-query-chain</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/" aria-current="page">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
json-query-chain
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<blockquote>
|
||||
<p>Chain queries onto POJOs to return precise results.</p>
|
||||
</blockquote>
|
||||
<!--more-->
|
||||
<p><a href="https://gitlab.com/gaiety/json-query-chain">Fork on Gitlab</a></p>
|
||||
<h1>json-query-chain</h1>
|
||||
<p><a href="https://travis-ci.org/sharpshark28/json-query-chain"><img src="https://travis-ci.org/sharpshark28/json-query-chain.svg?branch=master" alt="Build Status"></a> <a href="https://badge.fury.io/js/json-query-chain"><img src="https://badge.fury.io/js/json-query-chain.svg" alt="npm version"></a> <img src="coverage.svg" alt="Code Coverage"> <a href="https://codeclimate.com/github/sharpshark28/json-query-chain/maintainability"><img src="https://api.codeclimate.com/v1/badges/4dc20d8b5e6a7334044d/maintainability" alt="Maintainability"></a></p>
|
||||
<p>Chain queries onto POJOs to return precise results.</p>
|
||||
<h2>Usage</h2>
|
||||
<pre><code class="language-javascript">import Query from 'json-query-chain';
|
||||
|
||||
let myQ = new Query(someJsonData)
|
||||
.search('isActiveUser', true)
|
||||
.results;
|
||||
</code></pre>
|
||||
<h3>Chainable Methods</h3>
|
||||
<h4>Search</h4>
|
||||
<p>Currently supports booleans and strings. (See <a href="https://github.com/hergaiety/json-query-chain/issues/1">#1</a> for Integer Support)</p>
|
||||
<h5>By Boolean</h5>
|
||||
<pre><code class="language-javascript">.search('isActiveUser', true)
|
||||
</code></pre>
|
||||
<h5>By String</h5>
|
||||
<pre><code class="language-javascript">.search('name', 'steele')
|
||||
</code></pre>
|
||||
<h4>Filter</h4>
|
||||
<p>Simpler version of search using a custom function in the chain.</p>
|
||||
<pre><code class="language-javascript">.filter(a => a.age >= 21)
|
||||
</code></pre>
|
||||
<h5>By Key</h5>
|
||||
<pre><code class="language-javascript">.filterBy('age', x => x >= 21)
|
||||
</code></pre>
|
||||
<h4>Sort</h4>
|
||||
<h5>By Boolean</h5>
|
||||
<pre><code class="language-javascript">.sort('isActiveUser', true)
|
||||
</code></pre>
|
||||
<h5>By String</h5>
|
||||
<pre><code class="language-javascript">.sort('name')
|
||||
</code></pre>
|
||||
<h5>By Number</h5>
|
||||
<pre><code class="language-javascript">.sort('netWorth')
|
||||
</code></pre>
|
||||
<h4>Pagination</h4>
|
||||
<p>Page 1 with 5 results per page.</p>
|
||||
<pre><code class="language-javascript">.paginate(1, 5)
|
||||
</code></pre>
|
||||
<p>Page 2 wtih default of 10 results per page.</p>
|
||||
<pre><code class="language-javascript">.paginate(2)
|
||||
</code></pre>
|
||||
<h2>Tests</h2>
|
||||
<p><code>npm test</code> runs tests through Jest</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
139
_site/repos/my_spells/index.html
Normal file
139
_site/repos/my_spells/index.html
Normal file
|
|
@ -0,0 +1,139 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - my_spells</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/" aria-current="page">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
my_spells
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<blockquote>
|
||||
<p>Your personal D&D 5e Spellbook.</p>
|
||||
</blockquote>
|
||||
<!--more-->
|
||||
<p><a href="https://gitlab.com/gaiety/my_spells">Fork on Gitlab</a></p>
|
||||
<p><em>Note</em>: Since the release of Wizards of the Coast's latest online tools, I've discontinued this mobile app. But, I learned a lot along the way in making this :)</p>
|
||||
<h1>My Spells</h1>
|
||||
<p>My Spells is an open source web-based application to elegantly view spells and save them to your local spellbook.</p>
|
||||
<p><a href="https://play.google.com/store/apps/details?id=io.cordova.myspells"><img src="https://play.google.com/intl/en_us/badges/images/badge_new.png" alt="PlayStore"></a></p>
|
||||
<h2>License</h2>
|
||||
<p>Open Game License v1.0a Copyright 2000, Wizards of the Coast, Inc.</p>
|
||||
<p>App contains content from the SRD and is restricted and covered by the OGL. You can find the OGL 1.0a at <a href="./ogl.html">ogl.html</a> in this app's repo, or <a href="http://www.opengamingfoundation.org/ogl.html">online here</a>. When using said data, please make sure to conform appropriately with the proper licenses and whatnot.</p>
|
||||
<h2>Credit</h2>
|
||||
<ul>
|
||||
<li>ephe's <a href="https://github.com/ephe/grimoire/">grimoire</a> spell list converted json by vorpalhex and cleaned up to meet OGL license standards <a href="https://github.com/vorpalhex/srd_spells">labeled under srd_spells</a></li>
|
||||
<li>Built on <a href="https://vuejs.org/">Vue.js</a> and the <a href="http://quasar-framework.org/">Quasar Framework</a></li>
|
||||
<li>Logo magic wand icon by David from the Noun Project</li>
|
||||
</ul>
|
||||
<h2>Build Setup</h2>
|
||||
<pre><code class="language-bash"># install dependencies
|
||||
$ npm install
|
||||
|
||||
# serve with hot reload at localhost:8080
|
||||
$ npm run dev_web
|
||||
|
||||
# build for production with minification
|
||||
$ npm run build_web # or build_app
|
||||
|
||||
# build cordova (android, iOS potentially in future) release
|
||||
$ npm run build_app_cordova
|
||||
# sign apk with android studio or jarsigner
|
||||
# install on device
|
||||
$ adp install cordova/platforms/android/build/apk/<BUILT-FILE.apk>
|
||||
|
||||
# lint code
|
||||
$ npm run lint
|
||||
</code></pre>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
116
_site/repos/sortable-recipes/index.html
Normal file
116
_site/repos/sortable-recipes/index.html
Normal file
|
|
@ -0,0 +1,116 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - sortable-recipes</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/" aria-current="page">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
sortable-recipes
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<blockquote>
|
||||
<p>A sample project for my EmberConf 2020 talk. Leverages Ember Octane and is fully test driven. Includes the RevealJS presentation and a simple Python backend.</p>
|
||||
</blockquote>
|
||||
<!--more-->
|
||||
<p><a href="https://gitlab.com/gaiety/sortable-recipes">Fork from Gitlab</a></p>
|
||||
<h1><img src="https://assets.gitlab-static.net/uploads/-/system/project/avatar/15989776/Screen_Shot_2019-12-21_at_3.35.42_PM.png?width=64" alt=""> Sortable-Recipes</h1>
|
||||
<p><a href="https://gaiety.life/a11y-first-and-everyone-wins"><img src="https://gaiety.life/images/uploads/a11yfirst.png" alt=""> Watch the talk here</a></p>
|
||||
<h2>Getting Started</h2>
|
||||
<ul>
|
||||
<li><a href="https://gitlab.com/gaiety/sortable-recipes/-/blob/master/presentation/README.md">Set up and run the presentation</a></li>
|
||||
<li><a href="https://gitlab.com/gaiety/sortable-recipes/-/blob/master/python-api/README.md">Set up and run the backend</a></li>
|
||||
<li><a href="https://gitlab.com/gaiety/sortable-recipes/-/blob/master/ember-ui/README.md">Set up and run the frontend</a></li>
|
||||
<li><a href="https://gitlab.com/gaiety/sortable-recipes/-/blob/master/ember-ui-modern/README.md">Set up and run the frontend (modern)</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
131
_site/repos/svgdir2sprite/index.html
Normal file
131
_site/repos/svgdir2sprite/index.html
Normal file
|
|
@ -0,0 +1,131 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - svgdir2sprite</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/" aria-current="page">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
svgdir2sprite
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<blockquote>
|
||||
<p>Creates a spritesheet from a directory of svgs.</p>
|
||||
</blockquote>
|
||||
<!--more-->
|
||||
<p><a href="https://gitlab.com/gaiety/svgdir2sprite">Fork from Gitlab</a></p>
|
||||
<h1>svgdir2sprite</h1>
|
||||
<p><a href="https://www.npmjs.com/package/svgdir2sprite"><img src="https://badge.fury.io/js/svgdir2sprite.svg" alt="npm version"></a></p>
|
||||
<p>Creates a spritesheet from a directory of svgs. Can return the results directly or write to a spritesheet svg file. Node based and powered by <a href="https://github.com/mrmlnc/svg2sprite">svg2sprite</a>.</p>
|
||||
<h2>As a Module</h2>
|
||||
<p><code>npm install --save svgdir2sprite</code></p>
|
||||
<h3>Return SVG Spritesheet as String</h3>
|
||||
<pre><code class="language-javascript">const svgdir2sprite = require('svgdir2sprite');
|
||||
|
||||
svgdir2sprite('./src/svgs') // Async Promise
|
||||
.then((svgContent) => console.log(svgContent));
|
||||
</code></pre>
|
||||
<h3>Write SVG Spritesheet to File</h3>
|
||||
<pre><code class="language-javascript">const svgdir2sprite = require('svgdir2sprite');
|
||||
|
||||
svgdir2sprite('./src/svgs', './build/spritesheet.svg');
|
||||
</code></pre>
|
||||
<h2>From the CLI</h2>
|
||||
<p><code>npm install -g svgdir2sprite</code></p>
|
||||
<h3>Return SVG Spritesheet to the Console</h3>
|
||||
<pre><code class="language-bash">svgdir2sprite ./src/svgs
|
||||
</code></pre>
|
||||
<h3>Write SVG Spritesheet to File</h3>
|
||||
<pre><code class="language-bash">svgdir2sprite ./src/svgs ./build/spritesheet.svg
|
||||
</code></pre>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
187
_site/repos/team-cli/index.html
Normal file
187
_site/repos/team-cli/index.html
Normal file
|
|
@ -0,0 +1,187 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - team-cli</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/" aria-current="page">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
team-cli
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<blockquote>
|
||||
<p>Automate all the things with a team-centric CLI. Abstract away annoying day-to-day tasks and eliminate tribal team knowledge by building your team their very own CLI.</p>
|
||||
</blockquote>
|
||||
<!--more-->
|
||||
<p><a href="https://github.com/q2ebanking/team-cli">Fork on Github</a></p>
|
||||
<h1>team-cli</h1>
|
||||
<p><a href="https://badge.fury.io/js/team-cli"><img src="https://badge.fury.io/js/team-cli.svg" alt="npm version"></a></p>
|
||||
<p>Automate all the things with a team-centric CLI. Abstract away annoying day-to-day tasks and eliminate tribal team knowledge by building your team their very own CLI.</p>
|
||||
<h2>Getting Started</h2>
|
||||
<h3>Initialize Project</h3>
|
||||
<pre><code class="language-bash">mkdir teamname-cli
|
||||
cd teamname-cli
|
||||
git init
|
||||
npm init
|
||||
npm install --save team-cli
|
||||
</code></pre>
|
||||
<h3>Create Bin index.js</h3>
|
||||
<p>Then in an <code>index.js</code> you could write the following:</p>
|
||||
<pre><code class="language-javascript">#!/usr/bin/env node
|
||||
|
||||
const { resolve } = require('path');
|
||||
const cli = require('team-cli');
|
||||
|
||||
const commandsDir = resolve(__dirname, 'commands');
|
||||
cli(commandsDir);
|
||||
</code></pre>
|
||||
<h3>Point to Bin index.js in Package</h3>
|
||||
<p>Then customize your <code>package.json</code> to include a path to the bin:</p>
|
||||
<pre><code class="language-json">"bin": {
|
||||
"NAME_OF_TOOL": "./index.js"
|
||||
}
|
||||
</code></pre>
|
||||
<h3>Create Commands</h3>
|
||||
<p>Then you may make a <code>commands</code> directory with files like <code>command-foo.js</code>:</p>
|
||||
<pre><code class="language-javascript">const run = require('team-cli/terminal');
|
||||
const { resolve } = require('path');
|
||||
|
||||
const script = resolve(__dirname, 'foo.sh'); // also supports bash .ps1 scripts
|
||||
|
||||
const action = async param => {
|
||||
await run(script, param)
|
||||
// Or, run any Node code you wish
|
||||
};
|
||||
|
||||
module.exports = {
|
||||
title: 'foo <param>',
|
||||
description: 'Calls foo',
|
||||
action,
|
||||
}
|
||||
</code></pre>
|
||||
<h3>Try it out!</h3>
|
||||
<pre><code class="language-bash">node ./index.js --help
|
||||
</code></pre>
|
||||
<h2>Options</h2>
|
||||
<p>Any command can export the following options:</p>
|
||||
<pre><code class="language-javascript">{
|
||||
title: 'foo', // or 'foo <required_param>' or 'foo [optional_param]'
|
||||
action: (param) => {} // function with param as a string or undefined
|
||||
description: 'Calls foo', // optional
|
||||
alias: 'f', // optional
|
||||
option: ['-f, --force', 'Forces something to happen'], // optional, this will become available globally not just per-command
|
||||
}
|
||||
</code></pre>
|
||||
<h2>For Your Users</h2>
|
||||
<p>At any time a <code>--help</code> or <code>-h</code> may be passed to log commands to the console.</p>
|
||||
<h3>Prompts</h3>
|
||||
<p>Optionally, you may find it useful to walk users through a guided CLI experience with prompts to your users. I suggest <a href="https://www.npmjs.com/package/prompts">prompts</a> for this task, but any tool of your choice will work within an action.</p>
|
||||
<h4>Example usage with prompts:</h4>
|
||||
<pre><code class="language-javascript">const action = async (cmd) => {
|
||||
if (!cmd) {
|
||||
let { value: cmdResponse } = await prompts({
|
||||
type: 'text',
|
||||
name: 'value',
|
||||
message: 'Which git command would you like to run?',
|
||||
});
|
||||
cmd = cmdResponse
|
||||
}
|
||||
await run(`git ${cmd}`, '~/aCoolRepo');
|
||||
};
|
||||
</code></pre>
|
||||
<h3>Logging</h3>
|
||||
<p>The environment's log level can be changed with <code>process.env.LOG_LEVEL</code> to any of <a href="https://github.com/winstonjs/winston">winston's</a> supported log levels including <code>verbose</code>.</p>
|
||||
<p>To customize where logs are saved, pass a second param in your <code>index.js</code>'s <code>cli</code> call like so:</p>
|
||||
<pre><code class="language-javascript">cli(commandsDir, logsDir)
|
||||
</code></pre>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
109
_site/volunteering/code2college/index.html
Normal file
109
_site/volunteering/code2college/index.html
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - Code 2 College</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/" aria-current="page">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
Code 2 College
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in Volunteering</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<h2>Preparing the Next Generation for Success</h2>
|
||||
<p>There's more than one way to volunteer in today's world. Offering one's skills as a web designer and developer is a great way to give back while tackling unique challenges.</p>
|
||||
<p><img src="/code2college.jpg" alt="Volunteers"></p>
|
||||
<p>Homegrown tech talent is what Code2College is all about. Eager students from underrepresented groups are ready to learn STEM field topics and Code2College reaches out to those in the industry to help them get there.</p>
|
||||
<p>Meeting with these excited young minds for interview preparation really changed the way I connect with potential hires.</p>
|
||||
<p><img src="/code2college2.png" alt="Curriculum"></p>
|
||||
<p>Recently they've opened their curriculum planning to outside collaboration. It's been an exciting challenge to carefully consider the best ways to teach the fundamentals of web development from "What is HTML?" to "I can build my own web app!".</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
70
_site/volunteering/example/index.html
Normal file
70
_site/volunteering/example/index.html
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - Example</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
<body class="bg-gray-100">
|
||||
<div>
|
||||
<div>
|
||||
<img class="h-32 w-full object-cover lg:h-48" src="https://images.unsplash.com/photo-1444628838545-ac4016a5418a?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80" alt="">
|
||||
</div>
|
||||
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="-mt-12 sm:-mt-16 sm:flex sm:items-end sm:space-x-5">
|
||||
<div class="flex">
|
||||
<img class="h-24 w-24 rounded-full ring-4 ring-white sm:h-32 sm:w-32" src="https://images.unsplash.com/photo-1463453091185-61582044d556?ixlib=rb-=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80" alt="">
|
||||
</div>
|
||||
<div class="mt-6 sm:flex-1 sm:min-w-0 sm:flex sm:items-center sm:justify-end sm:space-x-6 sm:pb-1">
|
||||
<div class="sm:hidden md:block mt-6 min-w-0 flex-1">
|
||||
<h1 class="text-2xl font-bold text-gray-900 truncate">
|
||||
Ricardo Cooper
|
||||
</h1>
|
||||
</div>
|
||||
<div class="mt-6 flex flex-col justify-stretch space-y-3 sm:flex-row sm:space-y-0 sm:space-x-4">
|
||||
<button type="button" class="inline-flex justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500">
|
||||
<!-- Heroicon name: mail -->
|
||||
<svg class="-ml-1 mr-2 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
||||
<path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" />
|
||||
<path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" />
|
||||
</svg>
|
||||
<span>Message</span>
|
||||
</button>
|
||||
<button type="button" class="inline-flex justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500">
|
||||
<!-- Heroicon name: phone -->
|
||||
<svg class="-ml-1 mr-2 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
||||
<path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z" />
|
||||
</svg>
|
||||
<span>Call</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hidden sm:block md:hidden mt-6 min-w-0 flex-1">
|
||||
<h1 class="text-2xl font-bold text-gray-900 truncate">
|
||||
Ricardo Cooper
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
Example
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in Volunteering</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<p><strong>Blah</strong> blah <em>blah</em></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
108
_site/volunteering/gabriellas-smile-foundation/index.html
Normal file
108
_site/volunteering/gabriellas-smile-foundation/index.html
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - Gabriella’s Smile Foundation</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/" aria-current="page">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
Gabriella’s Smile Foundation
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in Volunteering</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<h1>Gabriella’s Smile Foundation</h1>
|
||||
<h2>Stronger than DIPG</h2>
|
||||
<p><em>A Pro-bono web project done during 2019's Austin Give Camp</em></p>
|
||||
<p><a href="https://strongerthandipg.org/">Visit the site here</a></p>
|
||||
<p>A facelift project for an organization fighting DIPG. We rewrote the site using Squarespace so it was easy to maintain after the event was over and was mobile-ready by default.</p>
|
||||
<p><img src="/strongerthandipg1.png" alt="Mobile Shop"></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
112
_site/volunteering/theseed/index.html
Normal file
112
_site/volunteering/theseed/index.html
Normal file
|
|
@ -0,0 +1,112 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - Austin Give Camp - The SEED</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/" aria-current="page">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
Austin Give Camp - The SEED
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in Volunteering</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<h1>The SEED</h1>
|
||||
<h2>Adult & Family Learning Community</h2>
|
||||
<p><em>A Pro-bono web project done during 2016's Austin Give Camp</em></p>
|
||||
<p>Through analytics it was apparent very few could find out how to sign up for classes on learning English - an all English website and the page being burried through subnavs was the likely culprit. We user tested some updated designs where a non-native speaker could jump right to a Spanish page on how to sign up for classes first.</p>
|
||||
<p><img src="/theseed1.jpg" alt="Team"></p>
|
||||
<p>We then improved <strong>internationalization</strong> for the rest of the website to support all the user personas we had discovered: The Student, The Donor, and The Volunteer. Next up was improving ways people can get involved either through their time or their dollar through a better workflow and cleaned up content.</p>
|
||||
<p><img src="/theseed2.png" alt="Wireframe"></p>
|
||||
<p>Small tweaks made a world of difference for these users. Even ensuring the site ran on <strong>HTTPS significantly raised the confidence of a potential donor</strong>. I just about cried tears of happiness when the thank you letters came in from the group for impact we made on their group and org.</p>
|
||||
<p><img src="/theseed3.png" alt="Thank You Letters"></p>
|
||||
<p><em>P.S. My name was Joe back when these were written, prior to my transition.</em></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
113
_site/work-history/allovue/index.html
Normal file
113
_site/work-history/allovue/index.html
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - Software Engineer at Allovue</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/" aria-current="page">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
Software Engineer at Allovue
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in Work History</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<blockquote>
|
||||
<p>(Aug 2019 - Jul 2020)</p>
|
||||
<p>Building budgeting software in EmberJS to give educators the tools and support they need to allocate resources to the needs of students for a more equitable world.</p>
|
||||
</blockquote>
|
||||
<!--more-->
|
||||
<h1>Software Engineer at Allovue</h1>
|
||||
<p>Empowering educators to strategically and equitably allocate resources to best support the needs of students. We're building budgeting software to give school districts the tools they need to give educators the tools they need.</p>
|
||||
<p>Leveraging modern web technologies we're building an ambitious web app with Microstates within EmberJS powered by a Rails API.</p>
|
||||
<p><img src="/allovue1.png" alt="Balance"></p>
|
||||
<p>Along with a talented team we're developing an ambitious EmberJS app using the latest web standards. I'm so proud to be here!</p>
|
||||
<p><img src="/allovue2.jpg" alt="Team"></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
110
_site/work-history/antharia/index.html
Normal file
110
_site/work-history/antharia/index.html
Normal file
|
|
@ -0,0 +1,110 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - Web Design & Dev Intern at Antharia</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/" aria-current="page">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in Work History</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<blockquote>
|
||||
<p>(Jan 2010 - Aug 2010)</p>
|
||||
<p>Working with a homegrown CMS, custom coded solutions in response to new situations fueled my learning every day. Never missed an opportunity to learn the backend administrative panels and mySQL databases of real sites.</p>
|
||||
</blockquote>
|
||||
<!--more-->
|
||||
<h1>Web Design & Dev Intern at Antharia</h1>
|
||||
<p>A well designed and functional web presence can make all the difference in boosting any nonprofit’s reputation and quality donations.</p>
|
||||
<p>Worked with dozens of local and national non-profits to fix website bugs and add new pages.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
112
_site/work-history/cyto-communications/index.html
Normal file
112
_site/work-history/cyto-communications/index.html
Normal file
|
|
@ -0,0 +1,112 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - Interactive Technologies Lead & Web Admin at Cyto Communications</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/" aria-current="page">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in Work History</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<blockquote>
|
||||
<p>(May 2011 - Dec 2012)</p>
|
||||
<p>Developed, designed and animated projects for Host Hotels & Resorts, Johns Hopkins Health System, World Wildlife Fund and more.</p>
|
||||
</blockquote>
|
||||
<!--more-->
|
||||
<h1>Interactive Technologies Lead & Web Admin</h1>
|
||||
<p>Built a web app to walk Johns Hopkins employees through their new healthcare benefits package complete with interactive terminology breakdowns.</p>
|
||||
<p>Animated awards ceramony introductions for Laurette Universities.</p>
|
||||
<p>Built some proof of concept interactive web mockups for Host Hotels & Resorts.</p>
|
||||
<p>Did various graphic design projects for World Wildlife Fund, Medifast, and other Fortune 500s.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
115
_site/work-history/eyemaginations/index.html
Normal file
115
_site/work-history/eyemaginations/index.html
Normal file
|
|
@ -0,0 +1,115 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - Senior Web Engineer at Eyemaginations</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/" aria-current="page">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in Work History</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<blockquote>
|
||||
<p>(2013 - Dec 2015)</p>
|
||||
<p>Launched two Ember.js, HTML5 Video & Canvas powered enterprise scale apps now educating thousands of patients nationwide. Lead UX design initiatives,tech stack decisions and technical project management.</p>
|
||||
</blockquote>
|
||||
<!--more-->
|
||||
<h2>Senior Web Engineer at Eyemaginations (now, Rendia)</h2>
|
||||
<p>Patient education can be difficult. Plastic eyeballs as a teaching tool is a thing of the past. Modern media and technology can help solve this problem.</p>
|
||||
<p><img src="/patienteducation1.gif" alt="Flythrough of the human eye"></p>
|
||||
<p>Formerly known as Eyemaginations, the company <a href="https://rendia.com/">Rendia</a> offers high quality animations to doctors to communicate complex medical topics to their patients and their families.</p>
|
||||
<p><img src="/patienteducation2.jpg" alt="App Design"></p>
|
||||
<p>Launched two <strong>Ember.js</strong>, <strong>HTML Video</strong> & <strong>Canvas</strong> powered enterprise scale apps now educating thousands of patients nationwide. <em>Lead UX design</em> initiatives, <em>tech stack decisions</em> and technical <em>project management</em>.</p>
|
||||
<p>Doctors can build playlists of content, upload their own images/videos, and then share their creations with patients via email and by embedding them directly on their practice website. Or they can play this content right in their practice while taking advantage of onscreen drawing features with a mouse or touch device. <a href="https://share.rendia.com/theater/5276fa67-49cb-48f8-40da-45b94cd34364">The media player</a> offers content protection, and patients may choose between multiple languages, closed captions, fullscreen, and more.</p>
|
||||
<p><a href="https://share.rendia.com/theater/5276fa67-49cb-48f8-40da-45b94cd34364"><img src="/patienteducation3.png" alt="Media Player Preview"></a></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
114
_site/work-history/q2/index.html
Normal file
114
_site/work-history/q2/index.html
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - Developer III at Q2ebanking</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/" aria-current="page">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
Developer III at Q2ebanking
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in Work History</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<blockquote>
|
||||
<p>(Jan 2016 - Aug 2019)</p>
|
||||
<p>Enterprise Ember.js & Vue.js powered banking software used by tens of millions worldwide. Mentoring, writing test automation, and writing a component for native HTML Web Components.</p>
|
||||
</blockquote>
|
||||
<!--more-->
|
||||
<h1>Developer III at Q2ebanking</h1>
|
||||
<h2>Stronger communities w/ better financial tools.</h2>
|
||||
<p><a href="https://www.q2ebanking.com/">Q2</a> provides a banking platform that interfaces personal and professional banking needs into a single tool. They then offer this as a customizable software as a service to banks and credit unions big or small. Community banks who would have otherwise had to outsource or hire a team to build a platform with potential security holes and poor usability are a thing of the past.</p>
|
||||
<p><img src="/q21.jpg" alt="Mobile banking software"></p>
|
||||
<p>Built <strong>Ember.js & Vue.js</strong> powered banking software used by tens of millions worldwide. <em>Mentored</em> new hires, reforged <em>automation</em> testing standards, improved <strong>A11y</strong>.</p>
|
||||
<p><img src="/q22.jpg" alt="Desktop banking software"></p>
|
||||
<p>Lead an innovative <a href="https://gaiety.life/on-web-components">HTML5 Web Components project</a> to achieve ambitious cross-team goals. <a href="https://gaiety.life/on-web-components">Read more about that here...</a></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
110
_site/work-history/skillsengine/index.html
Normal file
110
_site/work-history/skillsengine/index.html
Normal file
|
|
@ -0,0 +1,110 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wroten - Lead Full-Stack Software Engineer at SkillsEngine</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
<header>
|
||||
<nav>
|
||||
<ul><li>
|
||||
<a href="/work-history/antharia/">
|
||||
Web Design & Dev Intern at Antharia
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/cyto-communications/">
|
||||
Interactive Technologies Lead & Web Admin at Cyto Communications
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/eyemaginations/">
|
||||
Senior Web Engineer at Eyemaginations
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/theseed/">
|
||||
Austin Give Camp - The SEED
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/json-query-chain/">
|
||||
json-query-chain
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/blabber-comic/">
|
||||
blabber-comic
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/code2college/">
|
||||
Code 2 College
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/svgdir2sprite/">
|
||||
svgdir2sprite
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/my_spells/">
|
||||
my_spells
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/volunteering/gabriellas-smile-foundation/">
|
||||
Gabriella’s Smile Foundation
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/q2/">
|
||||
Developer III at Q2ebanking
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/team-cli/">
|
||||
team-cli
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/allovue/">
|
||||
Software Engineer at Allovue
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/sortable-recipes/">
|
||||
sortable-recipes
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/work-history/skillsengine/" aria-current="page">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</a>
|
||||
</li><li>
|
||||
<a href="/repos/ember-select-light/">
|
||||
ember-select-light
|
||||
</a>
|
||||
</li></ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="max-w-3x1 mx-auto mb-5">
|
||||
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
|
||||
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
|
||||
Lead Full-Stack Software Engineer at SkillsEngine
|
||||
</h1>
|
||||
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in Work History</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<blockquote>
|
||||
<p>(Aug 2020 - Present)</p>
|
||||
<p>Working with Texas State Technical College (TSTC) at SkillsEngine to connect employers, educators and students in new ways through technology.</p>
|
||||
</blockquote>
|
||||
<!--more-->
|
||||
<h1>Lead Full-Stack Software Engineer at SkillsEngine</h1>
|
||||
<p>Working with <a href="https://www.tstc.edu/">Texas State Technical College (TSTC)</a> at <a href="https://skillsengine.com/">SkillsEngine</a> to connect employers, educators and students in new ways through technology. My hope in this role is to build software that matters to real people giving students a strong start to their career at places they'll be happier to work at.</p>
|
||||
<p>Expect more Ember, community outreach, talks and open source work as I'm able. More updates soon to come!</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
---
|
||||
|
||||
19
config.toml
19
config.toml
|
|
@ -1,19 +0,0 @@
|
|||
baseURL = "https://www.wroten.me/"
|
||||
title = "Ava Wroten"
|
||||
theme = "github-style"
|
||||
|
||||
[params]
|
||||
author = "Ava Gaiety Wroten"
|
||||
pronouns = "She/Her"
|
||||
description = "Canine pretending to be a web engineer"
|
||||
github = "hergaiety"
|
||||
gitlab = "gaiety"
|
||||
email = "ava@wroten.me"
|
||||
avatar = "/avatar.png"
|
||||
resume = "/resume.pdf"
|
||||
blogurl = "https://gaiety.life/"
|
||||
blogtext = "Life (Blog)"
|
||||
arturl = "https://gaiety.gallery/"
|
||||
arttext = "Art (Gallery)"
|
||||
rss = false
|
||||
githubfollow = false
|
||||
7
index.md
Normal file
7
index.md
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
layout: layout.njk
|
||||
title: Welcome
|
||||
eleventyExcludeFromCollections: true
|
||||
---
|
||||
|
||||
Home
|
||||
3214
package-lock.json
generated
Normal file
3214
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
24
package.json
Normal file
24
package.json
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
{
|
||||
"name": "portfolio",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"start": "npx @11ty/eleventy",
|
||||
"serve": "npx @11ty/eleventy --serve",
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+ssh://git@gitlab.com/gaiety/portfolio.git"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"bugs": {
|
||||
"url": "https://gitlab.com/gaiety/portfolio/issues"
|
||||
},
|
||||
"homepage": "https://gitlab.com/gaiety/portfolio#readme",
|
||||
"devDependencies": {
|
||||
"@11ty/eleventy": "^0.11.1"
|
||||
}
|
||||
}
|
||||
3
repos/repos.json
Normal file
3
repos/repos.json
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"layout": "layout.njk"
|
||||
}
|
||||
BIN
static/.DS_Store
vendored
BIN
static/.DS_Store
vendored
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 162 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 887 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 517 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 174 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 799 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 505 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 896 KiB |
BIN
static/q21.jpg
BIN
static/q21.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 194 KiB |
BIN
static/q22.jpg
BIN
static/q22.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 332 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 149 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 469 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 794 KiB |
BIN
static/uses.png
BIN
static/uses.png
Binary file not shown.
|
Before Width: | Height: | Size: 279 KiB |
|
|
@ -1 +0,0 @@
|
|||
Subproject commit 3fe1204e5a5f4293bc7513851c8f200cf0107f3d
|
||||
|
|
@ -1,7 +1,6 @@
|
|||
---
|
||||
title: "About | Uses"
|
||||
title: About | Uses
|
||||
date: 2020-01-14
|
||||
layout: "about"
|
||||
---
|
||||
|
||||
## About
|
||||
3
uses/uses.json
Normal file
3
uses/uses.json
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"layout": "layout.njk"
|
||||
}
|
||||
|
|
@ -1,12 +1,11 @@
|
|||
---
|
||||
category: Volunteering
|
||||
title: "Code 2 College"
|
||||
description: "Interview preparation, event hosting and curriculum planning."
|
||||
date: 2019-01-01
|
||||
pinned: true
|
||||
---
|
||||
|
||||
> Interview preparation, event hosting and curriculum planning.
|
||||
|
||||
<!--more-->
|
||||
|
||||
## Preparing the Next Generation for Success
|
||||
|
||||
|
|
@ -1,12 +1,10 @@
|
|||
---
|
||||
category: Volunteering
|
||||
title: "Gabriella’s Smile Foundation"
|
||||
description: "Fighting against DIPG."
|
||||
date: 2019-06-01
|
||||
---
|
||||
|
||||
Fighting against DIPG.
|
||||
|
||||
<!--more-->
|
||||
|
||||
# Gabriella’s Smile Foundation
|
||||
## Stronger than DIPG
|
||||
|
||||
|
|
@ -1,12 +1,10 @@
|
|||
---
|
||||
category: Volunteering
|
||||
title: "Austin Give Camp - The SEED"
|
||||
description: "Adult & Family Learning Community"
|
||||
date: 2016-10-01
|
||||
---
|
||||
|
||||
> Adult & Family Learning Community
|
||||
|
||||
<!--more-->
|
||||
|
||||
# The SEED
|
||||
## Adult & Family Learning Community
|
||||
|
||||
3
volunteering/volunteering.json
Normal file
3
volunteering/volunteering.json
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"layout": "layout.njk"
|
||||
}
|
||||
|
|
@ -1,4 +1,5 @@
|
|||
---
|
||||
category: "Work History"
|
||||
title: "Software Engineer at Allovue"
|
||||
date: 2019-12-08
|
||||
pinned: false
|
||||
|
|
@ -1,4 +1,5 @@
|
|||
---
|
||||
category: "Work History"
|
||||
title: "Web Design & Dev Intern at Antharia"
|
||||
date: 2010-08-01
|
||||
---
|
||||
|
|
@ -1,4 +1,5 @@
|
|||
---
|
||||
category: "Work History"
|
||||
title: "Interactive Technologies Lead & Web Admin at Cyto Communications"
|
||||
date: 2012-12-01
|
||||
---
|
||||
|
|
@ -1,4 +1,5 @@
|
|||
---
|
||||
category: "Work History"
|
||||
title: "Senior Web Engineer at Eyemaginations"
|
||||
date: 2015-12-30
|
||||
---
|
||||
|
|
@ -1,4 +1,5 @@
|
|||
---
|
||||
category: "Work History"
|
||||
title: "Developer III at Q2ebanking"
|
||||
date: 2019-08-01
|
||||
---
|
||||
|
|
@ -1,4 +1,5 @@
|
|||
---
|
||||
category: "Work History"
|
||||
title: "Lead Full-Stack Software Engineer at SkillsEngine"
|
||||
date: 2020-08-01
|
||||
pinned: true
|
||||
3
work-history/work-history.json
Normal file
3
work-history/work-history.json
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"layout": "layout.njk"
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue