diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 0000000..e69de29 diff --git a/404.html b/404.html new file mode 100644 index 0000000..309e3b4 --- /dev/null +++ b/404.html @@ -0,0 +1,86 @@ + + + + + + + + + + + + + + + + + + + + + + + + Ryne Stagen | Professional Portfolio + + + + + +
+
+

Page Not Found

+

Perhaps you were looking for one of the following:

+ +

Essays

+ + +

Projects

+ +
+
+ + + + + + + diff --git a/_data/bio.json b/_data/bio.json new file mode 100644 index 0000000..22fd50c --- /dev/null +++ b/_data/bio.json @@ -0,0 +1,101 @@ +{ + "basics": { + "name": "Ryne Stagen", + "label": "Student", + "picture": "https://github.com/Senyr.png", + "email": "rynestagen@gmail.com", + "phone": "808-123-4444", + "website": "https://Senyr.github.io", + "summary": "I am studying for a B.S. in Computer Science in the Department of Information and Computer Sciences at the University of Hawaii. I expect to graduate in Spring, 2024.", + "location": { "address": "", "postalCode": "96707", "city": "Kapolei", "countryCode": "USA", "region": "Hawaii" }, + "profiles": [ + { "network": "github", "username": "Senyr", "url": "http://github.com/Senyr" }, + { "network": "linkedin", "username": "Senyr", "url": "http://linkedin.com/in/rstagen" }, + { "network": "twitter", "username": "Senyr", "url": "http://twitter.com/changeme" }, + { "network": "instagram", "username": "Senyr", "url": "http://instagram.com/_Senyr" } + ] + }, + "interests": [ + { "name": "Interactive media" }, + { "name": "Computer Programming" }, + { "name": "Astronomy" }, + { "name": "Cars" }, + { "name": "Working Out" } + ], + "skills": [ + { + "name": "Languages and Frameworks", + "keywords": [ "C", "C++", "Java", "Javascript"] + }, + { + "name": "Toolsets/OS", + "keywords": [ "MacOS", "Windows", "Git/GitHub"] + } + ], + "education": [ + { + "institution": "University of Hawaii, Honolulu, HI", + "area": "Computer Science (expected Spring, 2018)", + "studyType": "B.S.", + "startDate": "2013-09-01", + "endDate": "Present", + "courses": [ + ] + } + ], + "work": [ + { + "company": "Target", + "position": "Flex Fullfillment", + "website": "", + "startDate": "2015-08-01", + "endDate": "Present", + "summary": "The fulfillment team picks, preps, packs, sorts, and ships products safely, efficiently and effectively to deliver convenience and quality for our guests.", + "highlights": [ + "Experience in retail business fundamentals including: department sales trends, inventory management, and process efficiency and improvement", + "Skills to assess your daily business and utilize tools to determine how to meet digital demand" + ] + }, + { + "company": "UH Information Technology Services", + "position": "Help Desk Consultant", + "website": "http://www.hawaii.edu/its/", + "startDate": "2015-01-01", + "endDate": "2016-03-15", + "summary": "", + "highlights": [ + "Troubleshoot software, hardware and networking issues over the phone", + "Answer phone and email responses to the ITS Help Desk" + ] + } + ], + "volunteer": [ + { + "organization": "Kroc Center", + "website": "https://kroccenterhawaii.org/kroc-hawaii/", + "position": "Helper", + "startDate": "N/A", + "endDate": "N/A", + "summary": "Helping the community", + "highlights": [ + "Making the community a cleaner place", + "Working with others to achieve a common goal" + ] + }, +"Add here for changes in the future" + ], + "awards": [ + { + "title": "CTE Honors", + "date": "2021", + "awarder": "Kapolei High School", + "summary": "Awarded to those who completed the CTE Honors project." + }, + + ], + "references": [ + { + "name": "Available upon request" + } + ] +} diff --git a/css/rouge/base16.css b/css/rouge/base16.css new file mode 100644 index 0000000..8a39932 --- /dev/null +++ b/css/rouge/base16.css @@ -0,0 +1,77 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #303030; +} +.highlight .err { + color: #151515; + background-color: #ac4142; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { + color: #505050; +} +.highlight .cp { + color: #f4bf75; +} +.highlight .nt { + color: #f4bf75; +} +.highlight .o, .highlight .ow { + color: #d0d0d0; +} +.highlight .p, .highlight .pi { + color: #d0d0d0; +} +.highlight .gi { + color: #90a959; +} +.highlight .gd { + color: #ac4142; +} +.highlight .gh { + color: #6a9fb5; + background-color: #151515; + font-weight: bold; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { + color: #aa759f; +} +.highlight .kc { + color: #d28445; +} +.highlight .kt { + color: #d28445; +} +.highlight .kd { + color: #d28445; +} +.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { + color: #90a959; +} +.highlight .sr { + color: #75b5aa; +} +.highlight .si { + color: #8f5536; +} +.highlight .se { + color: #8f5536; +} +.highlight .nn { + color: #f4bf75; +} +.highlight .nc { + color: #f4bf75; +} +.highlight .no { + color: #f4bf75; +} +.highlight .na { + color: #6a9fb5; +} +.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { + color: #90a959; +} +.highlight .ss { + color: #90a959; +} diff --git a/css/rouge/base16.dark.css b/css/rouge/base16.dark.css new file mode 100644 index 0000000..b0d05ee --- /dev/null +++ b/css/rouge/base16.dark.css @@ -0,0 +1,78 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #d0d0d0; + background-color: #151515; +} +.highlight .err { + color: #151515; + background-color: #ac4142; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { + color: #505050; +} +.highlight .cp { + color: #f4bf75; +} +.highlight .nt { + color: #f4bf75; +} +.highlight .o, .highlight .ow { + color: #d0d0d0; +} +.highlight .p, .highlight .pi { + color: #d0d0d0; +} +.highlight .gi { + color: #90a959; +} +.highlight .gd { + color: #ac4142; +} +.highlight .gh { + color: #6a9fb5; + background-color: #151515; + font-weight: bold; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { + color: #aa759f; +} +.highlight .kc { + color: #d28445; +} +.highlight .kt { + color: #d28445; +} +.highlight .kd { + color: #d28445; +} +.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { + color: #90a959; +} +.highlight .sr { + color: #75b5aa; +} +.highlight .si { + color: #8f5536; +} +.highlight .se { + color: #8f5536; +} +.highlight .nn { + color: #f4bf75; +} +.highlight .nc { + color: #f4bf75; +} +.highlight .no { + color: #f4bf75; +} +.highlight .na { + color: #6a9fb5; +} +.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { + color: #90a959; +} +.highlight .ss { + color: #90a959; +} diff --git a/css/rouge/base16.light.css b/css/rouge/base16.light.css new file mode 100644 index 0000000..8a39932 --- /dev/null +++ b/css/rouge/base16.light.css @@ -0,0 +1,77 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #303030; +} +.highlight .err { + color: #151515; + background-color: #ac4142; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { + color: #505050; +} +.highlight .cp { + color: #f4bf75; +} +.highlight .nt { + color: #f4bf75; +} +.highlight .o, .highlight .ow { + color: #d0d0d0; +} +.highlight .p, .highlight .pi { + color: #d0d0d0; +} +.highlight .gi { + color: #90a959; +} +.highlight .gd { + color: #ac4142; +} +.highlight .gh { + color: #6a9fb5; + background-color: #151515; + font-weight: bold; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { + color: #aa759f; +} +.highlight .kc { + color: #d28445; +} +.highlight .kt { + color: #d28445; +} +.highlight .kd { + color: #d28445; +} +.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { + color: #90a959; +} +.highlight .sr { + color: #75b5aa; +} +.highlight .si { + color: #8f5536; +} +.highlight .se { + color: #8f5536; +} +.highlight .nn { + color: #f4bf75; +} +.highlight .nc { + color: #f4bf75; +} +.highlight .no { + color: #f4bf75; +} +.highlight .na { + color: #6a9fb5; +} +.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { + color: #90a959; +} +.highlight .ss { + color: #90a959; +} diff --git a/css/rouge/base16.solarized.css b/css/rouge/base16.solarized.css new file mode 100644 index 0000000..009bb21 --- /dev/null +++ b/css/rouge/base16.solarized.css @@ -0,0 +1,77 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #586e75; +} +.highlight .err { + color: #002b36; + background-color: #dc322f; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { + color: #657b83; +} +.highlight .cp { + color: #b58900; +} +.highlight .nt { + color: #b58900; +} +.highlight .o, .highlight .ow { + color: #93a1a1; +} +.highlight .p, .highlight .pi { + color: #93a1a1; +} +.highlight .gi { + color: #859900; +} +.highlight .gd { + color: #dc322f; +} +.highlight .gh { + color: #268bd2; + background-color: #002b36; + font-weight: bold; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { + color: #6c71c4; +} +.highlight .kc { + color: #cb4b16; +} +.highlight .kt { + color: #cb4b16; +} +.highlight .kd { + color: #cb4b16; +} +.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { + color: #859900; +} +.highlight .sr { + color: #2aa198; +} +.highlight .si { + color: #d33682; +} +.highlight .se { + color: #d33682; +} +.highlight .nn { + color: #b58900; +} +.highlight .nc { + color: #b58900; +} +.highlight .no { + color: #b58900; +} +.highlight .na { + color: #268bd2; +} +.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { + color: #859900; +} +.highlight .ss { + color: #859900; +} diff --git a/css/rouge/colorful.css b/css/rouge/colorful.css new file mode 100644 index 0000000..f14450b --- /dev/null +++ b/css/rouge/colorful.css @@ -0,0 +1,170 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #bbbbbb; + background-color: #000; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1 { + color: #888; +} +.highlight .cp { + color: #579; +} +.highlight .cs { + color: #cc0000; + font-weight: bold; +} +.highlight .k, .highlight .kc, .highlight .kd, .highlight .kn, .highlight .kr, .highlight .kv { + color: #080; + font-weight: bold; +} +.highlight .kp { + color: #038; +} +.highlight .kt { + color: #339; +} +.highlight .o { + color: #333; +} +.highlight .ow { + color: #000; + font-weight: bold; +} +.highlight .nb, .highlight .bp { + color: #007020; +} +.highlight .nf { + color: #06B; + font-weight: bold; +} +.highlight .nc { + color: #B06; + font-weight: bold; +} +.highlight .nn { + color: #0e84b5; + font-weight: bold; +} +.highlight .ne { + color: #F00; + font-weight: bold; +} +.highlight .nv { + color: #963; +} +.highlight .vi { + color: #33B; +} +.highlight .vc { + color: #369; +} +.highlight .vg { + color: #d70; + font-weight: bold; +} +.highlight .no { + color: #036; + font-weight: bold; +} +.highlight .nl { + color: #970; + font-weight: bold; +} +.highlight .ni { + color: #800; + font-weight: bold; +} +.highlight .na { + color: #00C; +} +.highlight .nt { + color: #070; +} +.highlight .nd { + color: #555; + font-weight: bold; +} +.highlight .s, .highlight .sb, .highlight .s2, .highlight .sh, .highlight .s1 { + background-color: #fff0f0; +} +.highlight .sc { + color: #04D; +} +.highlight .sd { + color: #D42; +} +.highlight .si { + background-color: #eee; +} +.highlight .se { + color: #666; + font-weight: bold; +} +.highlight .sr { + color: #000; + background-color: #fff0ff; +} +.highlight .ss { + color: #A60; +} +.highlight .sx { + color: #D20; +} +.highlight .m, .highlight .mb, .highlight .mx { + color: #60E; + font-weight: bold; +} +.highlight .mi, .highlight .il { + color: #00D; + font-weight: bold; +} +.highlight .mf { + color: #60E; + font-weight: bold; +} +.highlight .mh { + color: #058; + font-weight: bold; +} +.highlight .mo { + color: #40E; + font-weight: bold; +} +.highlight .gh { + color: #000080; + font-weight: bold; +} +.highlight .gu { + color: #800080; + font-weight: bold; +} +.highlight .gd { + color: #A00000; +} +.highlight .gi { + color: #00A000; +} +.highlight .gr { + color: #FF0000; +} +.highlight .ge { + font-style: italic; +} +.highlight .gs { + font-weight: bold; +} +.highlight .gp { + color: #c65d09; + font-weight: bold; +} +.highlight .go { + color: #888; +} +.highlight .gt { + color: #04D; +} +.highlight .err { + color: #F00; + background-color: #FAA; +} diff --git a/css/rouge/github.css b/css/rouge/github.css new file mode 100644 index 0000000..daf76ad --- /dev/null +++ b/css/rouge/github.css @@ -0,0 +1,209 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight .cm { + color: #999988; + font-style: italic; +} +.highlight .cp { + color: #999999; + font-weight: bold; +} +.highlight .c1 { + color: #999988; + font-style: italic; +} +.highlight .cs { + color: #999999; + font-weight: bold; + font-style: italic; +} +.highlight .c, .highlight .cd { + color: #999988; + font-style: italic; +} +.highlight .err { + color: #a61717; + background-color: #e3d2d2; +} +.highlight .gd { + color: #000000; + background-color: #ffdddd; +} +.highlight .ge { + color: #000000; + font-style: italic; +} +.highlight .gr { + color: #aa0000; +} +.highlight .gh { + color: #999999; +} +.highlight .gi { + color: #000000; + background-color: #ddffdd; +} +.highlight .go { + color: #888888; +} +.highlight .gp { + color: #555555; +} +.highlight .gs { + font-weight: bold; +} +.highlight .gu { + color: #aaaaaa; +} +.highlight .gt { + color: #aa0000; +} +.highlight .kc { + color: #000000; + font-weight: bold; +} +.highlight .kd { + color: #000000; + font-weight: bold; +} +.highlight .kn { + color: #000000; + font-weight: bold; +} +.highlight .kp { + color: #000000; + font-weight: bold; +} +.highlight .kr { + color: #000000; + font-weight: bold; +} +.highlight .kt { + color: #445588; + font-weight: bold; +} +.highlight .k, .highlight .kv { + color: #000000; + font-weight: bold; +} +.highlight .mf { + color: #009999; +} +.highlight .mh { + color: #009999; +} +.highlight .il { + color: #009999; +} +.highlight .mi { + color: #009999; +} +.highlight .mo { + color: #009999; +} +.highlight .m, .highlight .mb, .highlight .mx { + color: #009999; +} +.highlight .sb { + color: #d14; +} +.highlight .sc { + color: #d14; +} +.highlight .sd { + color: #d14; +} +.highlight .s2 { + color: #d14; +} +.highlight .se { + color: #d14; +} +.highlight .sh { + color: #d14; +} +.highlight .si { + color: #d14; +} +.highlight .sx { + color: #d14; +} +.highlight .sr { + color: #009926; +} +.highlight .s1 { + color: #d14; +} +.highlight .ss { + color: #990073; +} +.highlight .s { + color: #d14; +} +.highlight .na { + color: #008080; +} +.highlight .bp { + color: #999999; +} +.highlight .nb { + color: #0086B3; +} +.highlight .nc { + color: #445588; + font-weight: bold; +} +.highlight .no { + color: #008080; +} +.highlight .nd { + color: #3c5d5d; + font-weight: bold; +} +.highlight .ni { + color: #800080; +} +.highlight .ne { + color: #990000; + font-weight: bold; +} +.highlight .nf { + color: #990000; + font-weight: bold; +} +.highlight .nl { + color: #990000; + font-weight: bold; +} +.highlight .nn { + color: #555555; +} +.highlight .nt { + color: #000080; +} +.highlight .vc { + color: #008080; +} +.highlight .vg { + color: #008080; +} +.highlight .vi { + color: #008080; +} +.highlight .nv { + color: #008080; +} +.highlight .ow { + color: #000000; + font-weight: bold; +} +.highlight .o { + color: #000000; + font-weight: bold; +} +.highlight .w { + color: #bbbbbb; +} +.highlight { + background-color: #f8f8f8; +} diff --git a/css/rouge/gruvbox.css b/css/rouge/gruvbox.css new file mode 100644 index 0000000..cb5f589 --- /dev/null +++ b/css/rouge/gruvbox.css @@ -0,0 +1,84 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #fbf1c7; + background-color: #282828; +} +.highlight .err { + color: #fb4934; + background-color: #282828; + font-weight: bold; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { + color: #928374; + font-style: italic; +} +.highlight .cp { + color: #8ec07c; +} +.highlight .nt { + color: #fb4934; +} +.highlight .o, .highlight .ow { + color: #fbf1c7; +} +.highlight .p, .highlight .pi { + color: #fbf1c7; +} +.highlight .gi { + color: #b8bb26; + background-color: #282828; +} +.highlight .gd { + color: #fb4934; + background-color: #282828; +} +.highlight .gh { + color: #b8bb26; + font-weight: bold; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { + color: #fb4934; +} +.highlight .kc { + color: #d3869b; +} +.highlight .kt { + color: #fabd2f; +} +.highlight .kd { + color: #fe8019; +} +.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { + color: #b8bb26; + font-style: italic; +} +.highlight .si { + color: #b8bb26; + font-style: italic; +} +.highlight .sr { + color: #b8bb26; + font-style: italic; +} +.highlight .se { + color: #fe8019; +} +.highlight .nn { + color: #8ec07c; +} +.highlight .nc { + color: #8ec07c; +} +.highlight .no { + color: #d3869b; +} +.highlight .na { + color: #b8bb26; +} +.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { + color: #d3869b; +} +.highlight .ss { + color: #83a598; +} diff --git a/css/rouge/igorpro.css b/css/rouge/igorpro.css new file mode 100644 index 0000000..43ad717 --- /dev/null +++ b/css/rouge/igorpro.css @@ -0,0 +1,32 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #444444; +} +.highlight .cp { + color: #CC00A3; +} +.highlight .cs { + color: #CC00A3; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1 { + color: #FF0000; +} +.highlight .kc { + color: #C34E00; +} +.highlight .kd { + color: #0000FF; +} +.highlight .kr { + color: #007575; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kt, .highlight .kv { + color: #0000FF; +} +.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx, .highlight .sr, .highlight .s1, .highlight .ss { + color: #009C00; +} +.highlight .nb, .highlight .bp { + color: #C34E00; +} diff --git a/css/rouge/molokai.css b/css/rouge/molokai.css new file mode 100644 index 0000000..535376b --- /dev/null +++ b/css/rouge/molokai.css @@ -0,0 +1,208 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight .c, .highlight .cd { + color: #5e5d83; + font-style: italic; +} +.highlight .cm { + color: #5e5d83; + font-style: italic; +} +.highlight .c1 { + color: #5e5d83; + font-style: italic; +} +.highlight .cp { + color: #465457; + font-weight: bold; +} +.highlight .cs { + color: #465457; + font-weight: bold; + font-style: italic; +} +.highlight .err { + color: #f8f8f2; + background-color: #403d3d; +} +.highlight .gi { + color: #a6e22e; +} +.highlight .gd { + color: #f92672; +} +.highlight .ge { + color: #1b1d1e; + font-style: italic; +} +.highlight .gr { + color: #f92672; +} +.highlight .gt { + color: #f92672; +} +.highlight .gh { + color: #403d3d; +} +.highlight .go { + color: #403d3d; +} +.highlight .gp { + color: #66d9ef; +} +.highlight .gs { + font-weight: bold; +} +.highlight .gu { + color: #465457; +} +.highlight .k, .highlight .kv { + color: #66d9ef; + font-weight: bold; +} +.highlight .kc { + color: #66d9ef; + font-weight: bold; +} +.highlight .kd { + color: #66d9ef; + font-weight: bold; +} +.highlight .kp { + color: #66d9ef; + font-weight: bold; +} +.highlight .kr { + color: #66d9ef; + font-weight: bold; +} +.highlight .kt { + color: #66d9ef; + font-weight: bold; +} +.highlight .kn { + color: #f92672; + font-weight: bold; +} +.highlight .ow { + color: #f92672; + font-weight: bold; +} +.highlight .o { + color: #f92672; + font-weight: bold; +} +.highlight .mf { + color: #af87ff; +} +.highlight .mh { + color: #af87ff; +} +.highlight .il { + color: #af87ff; +} +.highlight .mi { + color: #af87ff; +} +.highlight .mo { + color: #af87ff; +} +.highlight .m, .highlight .mb, .highlight .mx { + color: #af87ff; +} +.highlight .se { + color: #af87ff; +} +.highlight .sb { + color: #d7d787; +} +.highlight .sc { + color: #d7d787; +} +.highlight .sd { + color: #d7d787; +} +.highlight .s2 { + color: #d7d787; +} +.highlight .sh { + color: #d7d787; +} +.highlight .si { + color: #d7d787; +} +.highlight .sx { + color: #d7d787; +} +.highlight .sr { + color: #d7d787; +} +.highlight .s1 { + color: #d7d787; +} +.highlight .ss { + color: #d7d787; +} +.highlight .s { + color: #d7d787; +} +.highlight .na { + color: #a6e22e; +} +.highlight .nc { + color: #a6e22e; + font-weight: bold; +} +.highlight .nd { + color: #a6e22e; + font-weight: bold; +} +.highlight .ne { + color: #a6e22e; + font-weight: bold; +} +.highlight .nf { + color: #a6e22e; + font-weight: bold; +} +.highlight .no { + color: #66d9ef; +} +.highlight .bp { + color: #f8f8f2; +} +.highlight .nb { + color: #f8f8f2; +} +.highlight .ni { + color: #f8f8f2; +} +.highlight .nn { + color: #f8f8f2; +} +.highlight .vc { + color: #f8f8f2; +} +.highlight .vg { + color: #f8f8f2; +} +.highlight .vi { + color: #f8f8f2; +} +.highlight .nv { + color: #f8f8f2; +} +.highlight .w { + color: #f8f8f2; +} +.highlight .nl { + color: #f8f8f2; + font-weight: bold; +} +.highlight .nt { + color: #f92672; +} +.highlight { + color: #f8f8f2; + background-color: #1b1d1e; +} diff --git a/css/rouge/monokai.css b/css/rouge/monokai.css new file mode 100644 index 0000000..854cfb8 --- /dev/null +++ b/css/rouge/monokai.css @@ -0,0 +1,210 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight .c, .highlight .cd { + color: #75715e; + font-style: italic; +} +.highlight .cm { + color: #75715e; + font-style: italic; +} +.highlight .c1 { + color: #75715e; + font-style: italic; +} +.highlight .cp { + color: #75715e; + font-weight: bold; +} +.highlight .cs { + color: #75715e; + font-weight: bold; + font-style: italic; +} +.highlight .err { + color: #960050; + background-color: #1e0010; +} +.highlight .gi { + color: #ffffff; + background-color: #324932; +} +.highlight .gd { + color: #ffffff; + background-color: #493131; +} +.highlight .ge { + color: #000000; + font-style: italic; +} +.highlight .gr { + color: #aa0000; +} +.highlight .gt { + color: #aa0000; +} +.highlight .gh { + color: #999999; +} +.highlight .go { + color: #888888; +} +.highlight .gp { + color: #555555; +} +.highlight .gs { + font-weight: bold; +} +.highlight .gu { + color: #aaaaaa; +} +.highlight .k, .highlight .kv { + color: #66d9ef; + font-weight: bold; +} +.highlight .kc { + color: #66d9ef; + font-weight: bold; +} +.highlight .kd { + color: #66d9ef; + font-weight: bold; +} +.highlight .kp { + color: #66d9ef; + font-weight: bold; +} +.highlight .kr { + color: #66d9ef; + font-weight: bold; +} +.highlight .kt { + color: #66d9ef; + font-weight: bold; +} +.highlight .kn { + color: #f92672; + font-weight: bold; +} +.highlight .ow { + color: #f92672; + font-weight: bold; +} +.highlight .o { + color: #f92672; + font-weight: bold; +} +.highlight .mf { + color: #ae81ff; +} +.highlight .mh { + color: #ae81ff; +} +.highlight .il { + color: #ae81ff; +} +.highlight .mi { + color: #ae81ff; +} +.highlight .mo { + color: #ae81ff; +} +.highlight .m, .highlight .mb, .highlight .mx { + color: #ae81ff; +} +.highlight .se { + color: #ae81ff; +} +.highlight .sb { + color: #e6db74; +} +.highlight .sc { + color: #e6db74; +} +.highlight .sd { + color: #e6db74; +} +.highlight .s2 { + color: #e6db74; +} +.highlight .sh { + color: #e6db74; +} +.highlight .si { + color: #e6db74; +} +.highlight .sx { + color: #e6db74; +} +.highlight .sr { + color: #e6db74; +} +.highlight .s1 { + color: #e6db74; +} +.highlight .ss { + color: #e6db74; +} +.highlight .s { + color: #e6db74; +} +.highlight .na { + color: #a6e22e; +} +.highlight .nc { + color: #a6e22e; + font-weight: bold; +} +.highlight .nd { + color: #a6e22e; + font-weight: bold; +} +.highlight .ne { + color: #a6e22e; + font-weight: bold; +} +.highlight .nf { + color: #a6e22e; + font-weight: bold; +} +.highlight .no { + color: #66d9ef; +} +.highlight .bp { + color: #f8f8f2; +} +.highlight .nb { + color: #f8f8f2; +} +.highlight .ni { + color: #f8f8f2; +} +.highlight .nn { + color: #f8f8f2; +} +.highlight .vc { + color: #f8f8f2; +} +.highlight .vg { + color: #f8f8f2; +} +.highlight .vi { + color: #f8f8f2; +} +.highlight .nv { + color: #f8f8f2; +} +.highlight .w { + color: #f8f8f2; +} +.highlight .nl { + color: #f8f8f2; + font-weight: bold; +} +.highlight .nt { + color: #f92672; +} +.highlight { + color: #f8f8f2; + background-color: #49483e; +} diff --git a/css/rouge/thankful_eyes.css b/css/rouge/thankful_eyes.css new file mode 100644 index 0000000..bfa0b66 --- /dev/null +++ b/css/rouge/thankful_eyes.css @@ -0,0 +1,173 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight { + color: #faf6e4; + background-color: #122b3b; +} +.highlight .gl { + color: #dee5e7; + background-color: #4e5d62; +} +.highlight .gp { + color: #a8e1fe; + font-weight: bold; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { + color: #6c8b9f; + font-style: italic; +} +.highlight .cp { + color: #b2fd6d; + font-weight: bold; + font-style: italic; +} +.highlight .err { + color: #fefeec; + background-color: #cc0000; +} +.highlight .gr { + color: #cc0000; + font-weight: bold; + font-style: italic; +} +.highlight .k, .highlight .kd, .highlight .kv { + color: #f6dd62; + font-weight: bold; +} +.highlight .o, .highlight .ow { + color: #4df4ff; + font-weight: bold; +} +.highlight .p, .highlight .pi { + color: #4df4ff; +} +.highlight .gd { + color: #cc0000; +} +.highlight .gi { + color: #b2fd6d; +} +.highlight .ge { + font-style: italic; +} +.highlight .gs { + font-weight: bold; +} +.highlight .gt { + color: #dee5e7; + background-color: #4e5d62; +} +.highlight .kc { + color: #f696db; + font-weight: bold; +} +.highlight .kn { + color: #ffb000; + font-weight: bold; +} +.highlight .kp { + color: #ffb000; + font-weight: bold; +} +.highlight .kr { + color: #ffb000; + font-weight: bold; +} +.highlight .gh { + color: #ffb000; + font-weight: bold; +} +.highlight .gu { + color: #ffb000; + font-weight: bold; +} +.highlight .kt { + color: #b2fd6d; + font-weight: bold; +} +.highlight .no { + color: #b2fd6d; + font-weight: bold; +} +.highlight .nc { + color: #b2fd6d; + font-weight: bold; +} +.highlight .nd { + color: #b2fd6d; + font-weight: bold; +} +.highlight .nn { + color: #b2fd6d; + font-weight: bold; +} +.highlight .bp { + color: #b2fd6d; + font-weight: bold; +} +.highlight .ne { + color: #b2fd6d; + font-weight: bold; +} +.highlight .nl { + color: #ffb000; + font-weight: bold; +} +.highlight .nt { + color: #ffb000; + font-weight: bold; +} +.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { + color: #f696db; + font-weight: bold; +} +.highlight .ld { + color: #f696db; + font-weight: bold; +} +.highlight .ss { + color: #f696db; + font-weight: bold; +} +.highlight .s, .highlight .sb, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .sr, .highlight .s1 { + color: #fff0a6; + font-weight: bold; +} +.highlight .se { + color: #4df4ff; + font-weight: bold; +} +.highlight .sc { + color: #4df4ff; + font-weight: bold; +} +.highlight .si { + color: #4df4ff; + font-weight: bold; +} +.highlight .nb { + font-weight: bold; +} +.highlight .ni { + color: #999999; + font-weight: bold; +} +.highlight .w { + color: #BBBBBB; +} +.highlight .go { + color: #BBBBBB; +} +.highlight .nf { + color: #a8e1fe; +} +.highlight .py { + color: #a8e1fe; +} +.highlight .na { + color: #a8e1fe; +} +.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi { + color: #a8e1fe; + font-weight: bold; +} diff --git a/css/rouge/tulip.css b/css/rouge/tulip.css new file mode 100644 index 0000000..4664fac --- /dev/null +++ b/css/rouge/tulip.css @@ -0,0 +1,164 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight { + color: #FFFFFF; + background-color: #231529; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { + color: #6D6E70; + font-style: italic; +} +.highlight .cp { + color: #41ff5b; + font-weight: bold; + font-style: italic; +} +.highlight .err { + color: #FFFFFF; + background-color: #CC0000; +} +.highlight .gr { + color: #FFFFFF; + background-color: #CC0000; +} +.highlight .k, .highlight .kd, .highlight .kv { + color: #FFF02A; + font-weight: bold; +} +.highlight .o, .highlight .ow { + color: #41ff5b; +} +.highlight .p, .highlight .pi { + color: #41ff5b; +} +.highlight .gd { + color: #CC0000; +} +.highlight .gi { + color: #3FB34F; +} +.highlight .ge { + font-style: italic; +} +.highlight .gs { + font-weight: bold; +} +.highlight .gt { + color: #FFFFFF; + background-color: #766DAF; +} +.highlight .gl { + color: #FFFFFF; + background-color: #766DAF; +} +.highlight .kc { + color: #9f93e6; + font-weight: bold; +} +.highlight .kn { + color: #FFFFFF; + font-weight: bold; +} +.highlight .kp { + color: #FFFFFF; + font-weight: bold; +} +.highlight .kr { + color: #FFFFFF; + font-weight: bold; +} +.highlight .gh { + color: #FFFFFF; + font-weight: bold; +} +.highlight .gu { + color: #FFFFFF; + font-weight: bold; +} +.highlight .kt { + color: #FAAF4C; + font-weight: bold; +} +.highlight .no { + color: #FAAF4C; + font-weight: bold; +} +.highlight .nc { + color: #FAAF4C; + font-weight: bold; +} +.highlight .nd { + color: #FAAF4C; + font-weight: bold; +} +.highlight .nn { + color: #FAAF4C; + font-weight: bold; +} +.highlight .bp { + color: #FAAF4C; + font-weight: bold; +} +.highlight .ne { + color: #FAAF4C; + font-weight: bold; +} +.highlight .nl { + color: #9f93e6; + font-weight: bold; +} +.highlight .nt { + color: #9f93e6; + font-weight: bold; +} +.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { + color: #9f93e6; + font-weight: bold; +} +.highlight .ld { + color: #9f93e6; + font-weight: bold; +} +.highlight .ss { + color: #9f93e6; + font-weight: bold; +} +.highlight .s, .highlight .sb, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .sr, .highlight .s1 { + color: #fff0a6; + font-weight: bold; +} +.highlight .se { + color: #FAAF4C; + font-weight: bold; +} +.highlight .sc { + color: #FAAF4C; + font-weight: bold; +} +.highlight .si { + color: #FAAF4C; + font-weight: bold; +} +.highlight .nb { + font-weight: bold; +} +.highlight .ni { + color: #999999; + font-weight: bold; +} +.highlight .w { + color: #BBBBBB; +} +.highlight .nf { + color: #41ff5b; +} +.highlight .py { + color: #41ff5b; +} +.highlight .na { + color: #41ff5b; +} +.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi { + color: #41ff5b; + font-weight: bold; +} diff --git a/css/techfolio-theme/bitter.css b/css/techfolio-theme/bitter.css new file mode 100644 index 0000000..f9551ca --- /dev/null +++ b/css/techfolio-theme/bitter.css @@ -0,0 +1,39 @@ +/* Bitter Theme: modifies the default theme to use Bitter as the default font. */ + +@import url("https://fonts.googleapis.com/css?family=Bitter:300,400,500,700|Source+Code+Pro:300,400,500,700"); + +/* See https://getbootstrap.com/docs/5.2/customize/css-variables/#root-variables for variables to override. */ +:root { + --bs-font-sans-serif: "Bitter", sans-serif; + --bs-link-color: var(--bs-blue); + --tf-pill-bg: var(--bs-gray); + --tf-icon-fill: var(--bs-gray); + --tf-icon-hover: var(--bs-gray-500); + --tf-page-bg-color: var(--bs-white); + --tf-footer-bg-color: var(--bs-gray-200); + --tf-projects-bg-color: var(--bs-gray-100); +} + +/* Format social media icons */ +.tf-social { + display: inline-block; + fill: var(--tf-icon-fill); + height: 1.5em; + vertical-align: -.1em; + width: 1.5em; + transition: 0.2s; +} + +.tf-social:hover { + fill: var(--tf-icon-hover); +} + +a { + text-decoration: none; +} + +/* Simplify the styling of the bottom of Essay cards. */ +.card-footer { + background-color: var(--bs-white); + border-top: none; +} diff --git a/css/techfolio-theme/default.css b/css/techfolio-theme/default.css new file mode 100644 index 0000000..302505c --- /dev/null +++ b/css/techfolio-theme/default.css @@ -0,0 +1,40 @@ +/* Default theme. Simple, yet elegant. */ + +/* Use Open Sans as the default sans serif font. */ +@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700|Source+Code+Pro:300,400,500,700"); + +/* See https://getbootstrap.com/docs/5.2/customize/css-variables/#root-variables for variables to override. */ +:root { + --bs-font-sans-serif: "Open Sans", sans-serif; + --bs-link-color: var(--bs-blue); + --tf-pill-bg: var(--bs-gray); + --tf-icon-fill: var(--bs-gray); + --tf-icon-hover: var(--bs-gray-500); + --tf-page-bg-color: var(--bs-white); + --tf-footer-bg-color: var(--bs-gray-200); + --tf-projects-bg-color: var(--bs-gray-100); +} + +/* Format social media icons */ +.tf-social { + display: inline-block; + fill: var(--tf-icon-fill); + height: 1.5em; + vertical-align: -.1em; + width: 1.5em; + transition: 0.2s; +} + +.tf-social:hover { + fill: var(--tf-icon-hover); +} + +a { + text-decoration: none; +} + +/* Simplify the styling of the bottom of Essay cards. */ +.card-footer { + background-color: var(--bs-white); + border-top: none; +} diff --git a/css/techfolio-theme/lime.css b/css/techfolio-theme/lime.css new file mode 100644 index 0000000..8a20412 --- /dev/null +++ b/css/techfolio-theme/lime.css @@ -0,0 +1,48 @@ +/* Lime Theme: modifies the default theme to inject a wee bit o' green in various places. */ + +/* Use Open Sans as the default font. */ +@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700|Source+Code+Pro:300,400,500,700"); + +/* See https://getbootstrap.com/docs/5.2/customize/css-variables/#root-variables for variables to override. */ +:root { + --tf-green1: #136c14; + --tf-green2: #4FA64F; + --tf-green3: #85C285; + --tf-green4: #e0f2df; + --bs-font-sans-serif: "Open Sans", sans-serif; + --bs-link-color: var(--tf-green1); + --tf-pill-bg: var(--tf-green3); + --tf-icon-fill: var(--tf-green1); + --tf-icon-hover: var(--tf-green2); + --tf-page-bg-color: var(--bs-white); + --tf-footer-bg-color: var(--tf-green4); + --tf-projects-bg-color: var(--tf-green4); +} + +h1,h2,h3,h4,h5 { + color: var(--tf-green1); +} + +/* Format social media icons */ +.tf-social { + display: inline-block; + fill: var(--tf-green1); + height: 1.5em; + vertical-align: -.1em; + width: 1.5em; + transition: 0.2s; +} + +.tf-social:hover { + fill: var(--tf-icon-hover); +} + +a { + text-decoration: none; +} + +/* Simplify the styling of the bottom of Essay cards. */ +.card-footer { + background-color: var(--bs-white); + border-top: none; +} diff --git a/css/techfolio-theme/rubik.css b/css/techfolio-theme/rubik.css new file mode 100644 index 0000000..bca1687 --- /dev/null +++ b/css/techfolio-theme/rubik.css @@ -0,0 +1,45 @@ +/* Rubik Theme: modifies the default theme to use the chunkier Rubik for the header fonts. */ + +/* Use Open Sans as the default font and Roboto for headlines */ +@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700|Source+Code+Pro:300,400,500,700"); +@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,700"); + +/* See https://getbootstrap.com/docs/5.2/customize/css-variables/#root-variables for variables to override. */ +:root { + --bs-font-sans-serif: "Open Sans", sans-serif; + --bs-link-color: var(--bs-blue); + --tf-pill-bg: var(--bs-gray); + --tf-icon-fill: var(--bs-gray); + --tf-icon-hover: var(--bs-gray-500); + --tf-page-bg-color: var(--bs-white); + --tf-footer-bg-color: var(--bs-gray-200); + --tf-projects-bg-color: var(--bs-gray-100); +} + +h1,h2,h3,h4,h5 { + font-family: Rubik; +} + +/* Format social media icons */ +.tf-social { + display: inline-block; + fill: var(--tf-icon-fill); + height: 1.5em; + vertical-align: -.1em; + width: 1.5em; + transition: 0.2s; +} + +.tf-social:hover { + fill: var(--tf-icon-hover); +} + +a { + text-decoration: none; +} + +/* Simplify the styling of the bottom of Essay cards. */ +.card-footer { + background-color: var(--bs-white); + border-top: none; +} diff --git a/css/techfolio-theme/skyblue.css b/css/techfolio-theme/skyblue.css new file mode 100644 index 0000000..bd5c60e --- /dev/null +++ b/css/techfolio-theme/skyblue.css @@ -0,0 +1,50 @@ +/* Skyblue Theme: modifies the default theme to use blue in various places. */ + +/* Use Open Sans as the default font. */ +@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700|Source+Code+Pro:300,400,500,700"); +@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,700"); + +/* See https://getbootstrap.com/docs/5.2/customize/css-variables/#root-variables for variables to override. */ +:root { + --tf-blue1: #076db3; + --tf-blue2: #1b6fa9; + --tf-blue3: #2f8ed0; + --tf-blue4: #bde3f0; + --bs-font-sans-serif: "Open Sans", sans-serif; + --bs-link-color: var(--tf-blue1); + --tf-pill-bg: var(--tf-blue3); + --tf-icon-fill: var(--tf-blue1); + --tf-icon-hover: var(--tf-blue3); + --tf-page-bg-color: var(--bs-white); + --tf-footer-bg-color: var(--tf-blue4); + --tf-projects-bg-color: var(--tf-blue4); +} + +h1,h2,h3,h4,h5 { + color: var(--tf-blue1); + font-family: Rubik; +} + +/* Format social media icons */ +.tf-social { + display: inline-block; + fill: var(--tf-blue1); + height: 1.5em; + vertical-align: -.1em; + width: 1.5em; + transition: 0.2s; +} + +.tf-social:hover { + fill: var(--tf-icon-hover); +} + +a { + text-decoration: none; +} + +.rounded-circle { + border-color: var(--tf-blue1); + border-style: solid; + border-width: 1px; +} diff --git a/essays/difficulty.html b/essays/difficulty.html new file mode 100644 index 0000000..984790e --- /dev/null +++ b/essays/difficulty.html @@ -0,0 +1,104 @@ + + + + + + + + + + + + + + + + + + + + + + + + The difficult things will always be difficult | Ryne Stagen | Professional Portfolio + + + + +
+

The difficult things will always be difficult

+ 06 Feb 2016 +
+

+ +

Difficulty: a thing that is hard to accomplish, deal with, or understand.

+ +

One of my friends asked the question earlier last week – why is it so hard to be an officer for the student branch? Why is so hard compared to working at my on-campus job? This question came after he struggled a little with bookkeeping for the student organization.

+ +

Now I gave him the standard answer - being an officer of an organization requires that you manage your time between school and work. There isn’t anyone telling you what to do. It’s the answer any good mentor would give, and is mostly true.

+ +

But the more I though about it, the more I wondered to myself…damn that’s a really great question; it’s one that deserves some more thought. Most people I think stop at the answer I gave previously - he obviously isn’t managing his time properly.

+ +

Here’s what I think: the difficult things will always be difficult.

+ +

In the context of programming

+ +

In the context of programming, this has always been true. The difficult problems have always been different, although changes in technology can change the landscape quite a bit. “Business” type applications are the things that come to mind for me. Those types of applications are usually coupled in some way with people … and people are awfully hard to deal with!

+ +

Consider that one of the most popular content management systems is also considered the most horrible - Wordpress. But really, is there anything that fills that need? If it was so easy in the first place, where is the solution? Where’s the magic CMS that is designed well enough that everyone hops on the boat to use it?

+ +

Some things are just difficult - building applications that humans use is hard, and will probably be hard for at least the near future.

+ +

In the context of engineering

+ +

Ever hear people ragging on engineering companies for delivering late and way over budget? Well, some engineering jobs are really difficult, especially if the requirements and funding are undulating underneath you. Because of the nature of the problem, sometimes engineering firms require large amounts of engineers and workers, inviting further problems and delays.

+ +

The Honolulu Rail project at home has become this sort of poster child of failure, budget overrun and overall incompetence in Hawaii. Well, working though regulatory boards and fiscal procedures in Hawaii seems like it’s a mind bogglingly difficult job to do. Granted, there might be some fishy stuff going on, but I refuse to believe that everyone is involved for nefarious reasons.

+ +

The problem of creating an unprecedented public transportation backbone on an island is difficult! I’m not sure we would have done it right, even if the best people were involved.

+ +

In the context of relationships

+ +

So in the end, we realize that all engineering and programming is there for a reason - to serve human needs. Maybe that’s why those things are difficult, because they both involve humans and are for humans.

+ +

Relationships, regardless if they’re romantic or not take work. Humans are fickle creatures and relationships can come and go with the wind. To properly maintain something over time requires work. Family takes work. Marriage takes work. We live to figure out what works and what doesn’t and hope that as we move forward we’re improving.

+ +

Relationships have always been difficult, and by nature will continue to be so.

+ +

Okay!

+ +

So back to the original premise; why is being one of the club officers so difficult?

+ +

And the final answer - it’s supposed to be difficult, and it’s supposed to challenge you, just like everything else that humans do that is difficult: programming, engineering, engaging in relationships, pondering the universe, etc.

+ +

Ultimately the question you should really ask yourself if something if particularly difficult is then “is it worth it”? That is something that is context specific and only you can answer yourself.

+ +
+ + + + + + + diff --git a/essays/igniting.html b/essays/igniting.html new file mode 100644 index 0000000..d4637ca --- /dev/null +++ b/essays/igniting.html @@ -0,0 +1,68 @@ + + + + + + + + + + + + + + + + + + + + + + + + Igniting the fire | Ryne Stagen | Professional Portfolio + + + + +
+

Igniting the fire

+ 26 Aug 2015 +
+

+ +

Ever since I first grasped a paintbrush, I’ve always been eager to learn about design. Design is such a complex concept. For example, when looking at abstract art, its meaning can be completely different for different people. It motivates a person to think thoughtfully and has the potential to submerge them in a sea of imagination. It’s that special relationship between the viewer and the art that makes something as technical as software engineering interesting to me.

+ +

I never used to think that design and technology went hand in hand. Thus, learning about software engineering and the role of design has been incredibly interesting to me. Design, implementation, and management are just some of the many things I wish to learn more about. Good art, in a way, makes a person question it. They become joined in the idea of visualization – where captivation meets inspiration.

+ +

I am now starting to take a Software Engineering class. I hope to learn a lot through the course, but I know it will be just the beginning of my journey. By the time I’m done with it, I hope I’ve learned enough to take the next step in my life as a developer. But until then, my fire will keep on burning.

+ +
+ + + + + + + diff --git a/essays/index.html b/essays/index.html new file mode 100644 index 0000000..08ff953 --- /dev/null +++ b/essays/index.html @@ -0,0 +1,145 @@ + + + + + + + + + + + + + + + + + + + + + + + + Essays | Ryne Stagen | Professional Portfolio + + + + +
+
+
+
+

Essays

+
+
+ +
+ + + +
+
+
+
The difficult things will always be difficult
+

06 Feb 2016

+

Difficulty: a thing that is hard to accomplish, deal with, or understand. One of my friends asked the question earlier last week – why is it so hard to be an officer for the student branch? Why is so hard...

+

+ + Engineering + +

+
+ +
+
+ + + + + +
+
+
+
Smart Questions, Good Answers
+

08 Sep 2015

+

Is there such thing as a stupid question? I’ve had instructors address a whole class and say, “There’s no such thing as a stupid question.” I now know that is in fact not true because I’ve challenged the statement and...

+

+ + Questions + + Answers + + StackOverflow + +

+
+ +
+
+ + + + + +
+
+
+
Igniting the fire
+

26 Aug 2015

+

Ever since I first grasped a paintbrush, I’ve always been eager to learn about design. Design is such a complex concept. For example, when looking at abstract art, its meaning can be completely different for different people. It motivates a...

+

+ + Software Engineering + + Learning + +

+
+ +
+
+ + + + +
+ + + +
+
+ + + + + + + + diff --git a/essays/smart-questions.html b/essays/smart-questions.html new file mode 100644 index 0000000..2c42499 --- /dev/null +++ b/essays/smart-questions.html @@ -0,0 +1,144 @@ + + + + + + + + + + + + + + + + + + + + + + + + Smart Questions, Good Answers | Ryne Stagen | Professional Portfolio + + + + +
+

Smart Questions, Good Answers

+ 08 Sep 2015 +
+

+ +

Is there such thing as a stupid question?

+ +

I’ve had instructors address a whole class and say, “There’s no such thing as a stupid question.” I now know that is in fact not true because I’ve challenged the statement and received the appropriate dumb-stricken, annoyed look. There are definitely stupid questions, and along with that, usually unhelpful answers. Though we all might be guilty of being callous and making people victim to our poorly formed questions, there are steps we can take to ask smarter questions that hopefully don’t illicit the dreaded “rtfm” or “stfw” response.

+ +

What’s a smart question?

+ +

Stack Overflow, a question and answer site for programmers, is a great resource for anyone who may have issues with code or who may simply want to learn new or different methods of doing something. There I found examples of good questions and bad questions, which could probably be improved.

+ +

In the following example, we examine the components of a decent question. In this case, the asker is trying to figure out a way to get the date of the previous month in Python.

+ +
Q: python date of the previous month
+
+I am trying to get the date of the previous month with python. Here is what i've tried:
+
+str( time.strftime('%Y') ) + str( int(time.strftime('%m'))-1 )
+
+However, this way is bad for 2 reasons: First it returns 20122 for the February of 2012 (instead of 201202) 
+and secondly it will return 0 instead of 12 on January.
+
+I have solved this trouble in bash with:
+
+echo $(date -d"3 month ago" "+%G%m%d")
+
+I think that if bash has a built-in way for this purpose, then python, much more equipped, should provide something 
+better than forcing writing one's own script to achieve this goal. Of course i could do something like:
+
+if int(time.strftime('%m')) == 1:
+    return '12'
+else:
+    if int(time.strftime('%m')) < 10:
+        return '0'+str(time.strftime('%m')-1)
+    else:
+        return str(time.strftime('%m') -1)
+        
+I have not tested this code and i don't want to use it anyway (unless I can't find any other way:/)
+
+Thanks for your help!
+
+ +

While the heading of his question could be better, it does convey what he’s trying to figure out. Usually something as brief as “python date of previous month” is what other users would enter in as search terms on Google, making it easily found. Another good thing about the question is that it’s not just a question. The asker shows what he or she has done and that he or she has put in some effort to answer the question. And while it may not be as important as the question itself, the asker shows courtesy, which does increase the chance of getting an answer.

+ +
A: datetime and the datetime.timedelta classes are your friend.
+
+1. find today
+2. use that to find the first day of this month.
+3. use timedelta to backup a single day, to the last day of the previous month.
+4. print the YYYYMM string you're looking for.
+
+Like this:
+
+ >>> import datetime
+ >>> today = datetime.date.today()
+ >>> first = datetime.date(day=1, month=today.month, year=today.year)
+ >>> lastMonth = first - datetime.timedelta(days=1)
+ >>> print lastMonth.strftime("%Y%m")
+ 201202
+ >>>
+
+
+ +

The asker received six possible answers, and he or she was successful in inciting discussion from multiple users. The answers themselves were clear and were devoid of the rumored sarcasm and hostility of “hackers.” Since I myself have referenced this page and found it useful, I can confidently say that it is a good question.

+ +

The foolproof way to get ignored.

+ +

While there are decent questions that benefit everyone, there are those one can ask to create an entirely different effect. In the following example, a user asks how he would, in short, create a desktop application with Facebook.

+ +
Q: Facebook Desktop Notifier
+
+I am a beginner programmer that have never used anything other than what's included in a language.
+
+I am trying to create a desktop application that notifies me anytime I get an update onfacebook. 
+How should go about doing this? Thanks in advance.
+
+edit Sorry I was not clear. Is there any way to make a DESKTOP application with facebook?
+
+ +

A simple “yes” would have answered the question, but we know that’s not the sort of answer he or she is looking for. Fortunately, someone kindly responded with a link to Facebook’s developer website. The asker should have done more research on his or her potential project. Then further down the road, he or she could have asked more specific and detailed questions that wouldn’t require a thousand-paged response for a sufficient answer.

+ +

Conclusion

+ +

When we rely on others’ generosity and expertise to provide answers to our questions, it should hold that the question we ask should be one that leads to efficient and effective help that not only benefits us, but also the people we ask and others who might ask the same question in the future. Thus, if you have a question… make it a smart one! Asking questions may not always get you the best answer, but asking them in a way that will make others want to answer them will increase the success of finding a good solution and make it a positive experience on all sides.

+ +
+ + + + + + + diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..5cb7c71 Binary files /dev/null and b/favicon.ico differ diff --git a/img/bootstrap-icons.svg b/img/bootstrap-icons.svg new file mode 100644 index 0000000..99df40f --- /dev/null +++ b/img/bootstrap-icons.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/cotton/cotton-header.png b/img/cotton/cotton-header.png new file mode 100644 index 0000000..763332c Binary files /dev/null and b/img/cotton/cotton-header.png differ diff --git a/img/cotton/cotton-square.png b/img/cotton/cotton-square.png new file mode 100644 index 0000000..272de47 Binary files /dev/null and b/img/cotton/cotton-square.png differ diff --git a/img/difficulty/degree_difficulty.jpg b/img/difficulty/degree_difficulty.jpg new file mode 100644 index 0000000..ab4a7cb Binary files /dev/null and b/img/difficulty/degree_difficulty.jpg differ diff --git a/img/igniting/paintbrushes.jpg b/img/igniting/paintbrushes.jpg new file mode 100644 index 0000000..75e2485 Binary files /dev/null and b/img/igniting/paintbrushes.jpg differ diff --git a/img/image.jpg b/img/image.jpg new file mode 100644 index 0000000..d7e3ac4 Binary files /dev/null and b/img/image.jpg differ diff --git a/img/micromouse/micromouse-circuit.png b/img/micromouse/micromouse-circuit.png new file mode 100644 index 0000000..cad0251 Binary files /dev/null and b/img/micromouse/micromouse-circuit.png differ diff --git a/img/micromouse/micromouse-robot-2.jpg b/img/micromouse/micromouse-robot-2.jpg new file mode 100644 index 0000000..e46444d Binary files /dev/null and b/img/micromouse/micromouse-robot-2.jpg differ diff --git a/img/micromouse/micromouse-robot.png b/img/micromouse/micromouse-robot.png new file mode 100644 index 0000000..b709af4 Binary files /dev/null and b/img/micromouse/micromouse-robot.png differ diff --git a/img/micromouse/micromouse-square.jpg b/img/micromouse/micromouse-square.jpg new file mode 100644 index 0000000..c5a7773 Binary files /dev/null and b/img/micromouse/micromouse-square.jpg differ diff --git a/img/molly-maluhia.jpeg b/img/molly-maluhia.jpeg new file mode 100644 index 0000000..ae3ca0c Binary files /dev/null and b/img/molly-maluhia.jpeg differ diff --git a/img/smart-questions/rtfm.png b/img/smart-questions/rtfm.png new file mode 100644 index 0000000..a4ae484 Binary files /dev/null and b/img/smart-questions/rtfm.png differ diff --git a/img/vacay/vacay-home-page.png b/img/vacay/vacay-home-page.png new file mode 100644 index 0000000..fd585a2 Binary files /dev/null and b/img/vacay/vacay-home-page.png differ diff --git a/img/vacay/vacay-square.png b/img/vacay/vacay-square.png new file mode 100644 index 0000000..54e2496 Binary files /dev/null and b/img/vacay/vacay-square.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..389009d --- /dev/null +++ b/index.html @@ -0,0 +1,363 @@ + + + + + + + + + + + + + + + + + + + + + + + + Ryne Stagen | Professional Portfolio + + + + +
+
+
+
+ +
+
+

Ryne Stagen

+

Student

+

I am studying for a B.S. in Computer Science in the Department of Information and Computer Sciences at the University of Hawaii. I expect to graduate in Spring, 2024.

+
+

+ Interests: + + Interactive media, + + Computer Programming, + + Astronomy, + + Cars, + + Working Out + +

+
+
+ + + +
+ + + + + + + +
+ + + + +
+ + + + + + + +
+ + + + + +
+ + + + + + + +
+ + + +
+ + + + + + + +
+ + + +
+ + + + + + + +
+ + + +
+ + + + + + + +
+ + +
+
+
+
+
+ +
+
+
+
+

Projects

+
+
+ +
+ + + +
+
+
+ +
+
+
+
Vacay 2015
+

A responsive web application for travel planning that my team developed in ICS 415.

+

+ + Javascript + + Meteor + + MongoDB + + GitHub + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
Micromouse 2015
+

My team developed a robotic mouse that won first place in the 2015 UH Micromouse competition.

+

+ + Robotics + + Arduino + + C++ + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
Cotton 2014
+

A text adventure game that I developed for ICS 313.

+

+ + Lisp + + GitHub + +

+ + Read More + +
+
+
+
+ + + + +
+ + + +
+
+ +
+
+
+
+

Essays

+
+
+ +
+ + + +
+
+
+
The difficult things will always be difficult
+

06 Feb 2016

+

Difficulty: a thing that is hard to accomplish, deal with, or understand. One of my friends asked the question earlier last week – why is it so hard to be an officer for the student branch? Why is so hard...

+

+ + Engineering + +

+
+ +
+
+ + + + + +
+
+
+
Smart Questions, Good Answers
+

08 Sep 2015

+

Is there such thing as a stupid question? I’ve had instructors address a whole class and say, “There’s no such thing as a stupid question.” I now know that is in fact not true because I’ve challenged the statement and...

+

+ + Questions + + Answers + + StackOverflow + +

+
+ +
+
+ + + + + +
+
+
+
Igniting the fire
+

26 Aug 2015

+

Ever since I first grasped a paintbrush, I’ve always been eager to learn about design. Design is such a complex concept. For example, when looking at abstract art, its meaning can be completely different for different people. It motivates a...

+

+ + Software Engineering + + Learning + +

+
+ +
+
+ + + + +
+ + + +
+
+ + + + + + + + diff --git a/projects/cotton.html b/projects/cotton.html new file mode 100644 index 0000000..40d4d4b --- /dev/null +++ b/projects/cotton.html @@ -0,0 +1,105 @@ + + + + + + + + + + + + + + + + + + + + + + + + Cotton | Ryne Stagen | Professional Portfolio + + + + +
+

Cotton

+

+ +

Cotton is a horror-style text-based adventure game I developed using the functions and macros built from The Wizard’s Game in Conrad Barski’s Land of Lisp. Slightly more interesting and convoluted! (It is not that scary.)

+ +

To give you a flavor of the game, here is an excerpt from one run:

+ +
+ +
+You open your eyes, and you are greeted by an unfamiliar ceiling.
+Startled, you get to your feet and quickly scan your surroundings. It's
+dark except for the stream of light coming from a crack on the only boarded
+window in the room. You try to peek through the crack, but you cannot see
+anything. You wonder where you are and who could have possibly brought you here.
+
+<--------------------help------------------------>
+Enter quit or one of the following commands -
+Weld light look walk pickup inventory help h ?
+<------------------------------------------------>
+
+look
+The room is a picture of decay with only a faded number identifying it as room-4. The bed you were
+ lying on is stained with what looks like dried blood. Could it be your blood? No - it is not. The
+ only way out of the room aside from the door to the corridor is a window that is boarded shut. It
+ looks like it has been like that for decades. There is a door going west from here. You see a candle
+ on the floor. You see a match on the floor.
+
+pickup candle
+- you are now carrying the candle -
+
+pickup match
+- you are now carrying the match -
+
+light match candle
+
+The candle is now lit. It illuminates everything in the room.
+
+walk west
+The corridor is lit with the candle. It is so long that you cannot see to the end. You notice that
+ there are words written on the wall. There is a door going east from here. There is a way going north
+ from here. There is a door going south from here.
+
+ +
+ +

Source: jogarces/ics-313-text-game

+ +
+ + + + + + + diff --git a/projects/index.html b/projects/index.html new file mode 100644 index 0000000..39ab9ba --- /dev/null +++ b/projects/index.html @@ -0,0 +1,163 @@ + + + + + + + + + + + + + + + + + + + + + + + + Projects | Ryne Stagen | Professional Portfolio + + + + +
+
+
+
+

Projects

+
+
+ +
+ + + +
+
+
+ +
+
+
+
Vacay 2015
+

A responsive web application for travel planning that my team developed in ICS 415.

+

+ + Javascript + + Meteor + + MongoDB + + GitHub + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
Micromouse 2015
+

My team developed a robotic mouse that won first place in the 2015 UH Micromouse competition.

+

+ + Robotics + + Arduino + + C++ + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
Cotton 2014
+

A text adventure game that I developed for ICS 313.

+

+ + Lisp + + GitHub + +

+ + Read More + +
+
+
+
+ + + + +
+ + + +
+
+ + + + + + + + diff --git a/projects/micromouse.html b/projects/micromouse.html new file mode 100644 index 0000000..8c28c18 --- /dev/null +++ b/projects/micromouse.html @@ -0,0 +1,83 @@ + + + + + + + + + + + + + + + + + + + + + + + + Micromouse | Ryne Stagen | Professional Portfolio + + + + +
+

Micromouse

+
+ + + +
+ +

Micromouse is an event where small robot “mice” solve a 16 x 16 maze. Events are held worldwide. The maze is made up of a 16 by 16 gird of cells, each 180 mm square with walls 50 mm high. The mice are completely autonomous robots that must find their way from a predetermined starting position to the central area of the maze unaided. The mouse will need to keep track of where it is, discover walls as it explores, map out the maze and detect when it has reached the center. having reached the center, the mouse will typically perform additional searches of the maze until it has found the most optimal route from the start to the center. Once the most optimal route has been determined, the mouse will run that route in the shortest possible time.

+ +

For this project, I was the lead programmer who was responsible for programming the various capabilities of the mouse. I started by programming the basics, such as sensor polling and motor actuation using interrupts. From there, I then programmed the basic PD controls for the motors of the mouse. The PD control the drive so that the mouse would stay centered while traversing the maze and keep the mouse driving straight. I also programmed basic algorithms used to solve the maze such as a right wall hugger and a left wall hugger algorithm. From there I worked on a flood-fill algorithm to help the mouse track where it is in the maze, and to map the route it takes. We finished with the fastest mouse who finished the maze within our college.

+ +

Here is some code that illustrates how we read values from the line sensors:

+ +
byte ADCRead(byte ch)
+{
+    word value;
+    ADC1SC1 = ch;
+    while (ADC1SC1_COCO != 1)
+    {   // wait until ADC conversion is completed   
+    }
+    return ADC1RL;  // lower 8-bit value out of 10-bit data from the ADC
+}
+
+ +

You can learn more at the UH Micromouse News Announcement.

+ +
+ + + + + + + diff --git a/projects/vacay.html b/projects/vacay.html new file mode 100644 index 0000000..382b8b8 --- /dev/null +++ b/projects/vacay.html @@ -0,0 +1,73 @@ + + + + + + + + + + + + + + + + + + + + + + + + Vacay | Ryne Stagen | Professional Portfolio + + + + +
+

Vacay

+

+ +

Vacay is a web application that I helped create as a team project in ICS 415, Spring 2015. The project helped me learn how to design and implement a responsive web site.

+ +

Vacay is implemented using Meteor, a JavaScript application platform. Within two weeks, we created a website that implements several types of reservations including flights, hotels, and car rentals.

+ +

In this project I gained experience with full-stack web application design and associated technologies, including MongoDB for database storage, the Twitter Bootstrap CSS Framework for the user interface, and Javascript for both client and server-side programming.

+ +

Here is some example code to illustrate Simple Schema use:

+ + + + +

Source: theVacay/vacay

+ +
+ + + + + + + diff --git a/resume.html b/resume.html new file mode 100644 index 0000000..e79ab45 --- /dev/null +++ b/resume.html @@ -0,0 +1,421 @@ + + + + + + + + + + + + + + + + + + + + + + + + Resume | Ryne Stagen | Professional Portfolio + + + + +
+
+ +
+
+

Ryne Stagen

+
+
+ +
+ +
+

+

Kapolei, Hawaii 96707 USA

+

808-123-4444

+
+
+ +
+
+

Interests

+
+
+

+ + Interactive media + + , + + Computer Programming + + , + + Astronomy + + , + + Cars + + , + + Working Out + + + +

+
+
+ + +
+
+

Skills

+
+
+ +

+ Languages and Frameworks: + + C, + + C++, + + Java, + + Javascript + +

+ +

+ Toolsets/OS: + + MacOS, + + Windows, + + Git/GitHub + +

+ +
+
+ + + +
+
+

Education

+
+
+ +
+
+

University of Hawaii, Honolulu, HI

+

B.S., Computer Science (expected Spring, 2018)

+ +
    + +
+ +
+
+

+ + 2013 + + + - + + + + Present + + +

+
+
+ +
+
+ + + +
+
+

Work

+
+
+ +
+
+

Flex Fullfillment, Target

+

+

The fulfillment team picks, preps, packs, sorts, and ships products safely, efficiently and effectively to deliver convenience and quality for our guests.

+ +
    + +
  • Experience in retail business fundamentals including: department sales trends, inventory management, and process efficiency and improvement
  • + +
  • Skills to assess your daily business and utilize tools to determine how to meet digital demand
  • + +
+ +
+
+

+ + 2015 + + + - + + + + Present + + +

+
+
+ +
+
+

Help Desk Consultant, UH Information Technology Services

+

www.hawaii.edu/its/

+

+ +
    + +
  • Troubleshoot software, hardware and networking issues over the phone
  • + +
  • Answer phone and email responses to the ITS Help Desk
  • + +
+ +
+
+

+ + 2015 + + + - + + + + 2016 + + +

+
+
+ +
+
+ + + +
+
+

Activities

+
+
+ +
+
+

Helper, Kroc Center

+

kroccenterhawaii.org/kroc-hawaii/

+

Helping the community

+ +
    + +
  • Making the community a cleaner place
  • + +
  • Working with others to achieve a common goal
  • + +
+ +
+
+

+ + N/A + + + - + + + + N/A + + +

+
+
+ +
+
+

+

+

+ +
+
+

+ + + +

+
+
+ +
+
+ + + +
+
+

Awards

+
+ +
+ +
+
+

+ CTE Honors, Kapolei High School +

+

Awarded to those who completed the CTE Honors project.

+
+
+

+ 2021 +

+
+
+ +
+
+ + + +
+
+

References

+
+ +
+

+ + Available upon request + + +

+
+
+ +
+
+ + + + + + + diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..7d329b1 --- /dev/null +++ b/robots.txt @@ -0,0 +1 @@ +User-agent: *