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..85701e7 --- /dev/null +++ b/404.html @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + 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..9c435a7 --- /dev/null +++ b/_data/bio.json @@ -0,0 +1,100 @@ +{ + "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" + ] + }, + ], + "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/ICS 314.html b/essays/ICS 314.html new file mode 100644 index 0000000..44a36d3 --- /dev/null +++ b/essays/ICS 314.html @@ -0,0 +1,70 @@ + + + + + + + + + + + + + + + + + + + + + + + + JavaScript Reflection | Ryne Stagen | Professional Portfolio + + + + +
+

JavaScript Reflection

+ 29 Aug 2023 +
+

JavaScript: A Newcomer’s Adventure

+ +

JavaScript is like a puzzle that I find both fun and challenging. I’ve experienced Java, C, and C++, therefore getting into JavaScript felt a bit friendly. They all have similar ways of working, such as using curly braces, semicolons and using “Strings” . And just like when I used to use Java and C, with JavaScript, I still make alot of errors.

+ +

Although JavaScript is new to me, it’s a sense of relief that its similar to Java and C. They all have similar functioning styles, like loops and if statements, which makes me feel more at easeas I start learning JavaScript. As I got into ICS 314 I found out something called ES6. It’s like an upgrade for JavaScript. It has cool add ons like the arrow functions that make coding look cleaner and nicer. There’s also a way to pull, add and replace values in an array, which I thought was pretty interesting.

+ +

The practice WODs are highly beneficial for athletic software engineering. They serve as a valuable training ground, simulating the pressure and time constraints often encountered in competitive coding. These exercises refine technical skills and also cultivate the ability to perform under stress. By exposing practitioners to real-world scenarios and challenging them to think critically and code swiftly, the practice WODs effectively prepare individuals for the dynamic and fast-paced nature of athletic software engineering.

+ +

In the big picture, JavaScript is a like a treasure map. It’s exciting and sometimes a bit tricky, but it leads us to build cool things on the web. Even though it has its little hiccups, we have helpers and alot of different tools that will help us along the way. As I keep learning more about coding, I’m pretty sure that JavaScript will have a place in my heart.

+ +
+ + + + + + + diff --git a/essays/Inspiration.html b/essays/Inspiration.html new file mode 100644 index 0000000..dc7e523 --- /dev/null +++ b/essays/Inspiration.html @@ -0,0 +1,68 @@ + + + + + + + + + + + + + + + + + + + + + + + + CS Inspiration | Ryne Stagen | Professional Portfolio + + + + +
+

CS Inspiration

+ 30 Aug 2023 +
+

Software Engineering Inspiration

+ +

My interest in becoming a software engineer started with something as simple as playing games. Whenever I play games, I sometimes ponder on how they’re created. The curiosity that I had led me to learn about software engineering. Additionally, I heard that software engineers are in high demand and make a lot of money, which definitely added to my interest. But beyond the financial aspect, what truly drives me is the knowledge of learning different programming languages, enabling me to shape my own websites and craft captivating video games.

+ +

The idea of software engineering feels like puzzle after puzzle waiting to be put back together to create the bigger picture. I remember thinking about how it was possible to do such amazing things by only pressing a few buttons on your controller or keyboard. These thoughts turned into a desire to try and learn the background of the origin of games. The thought of creating something from scratch, whether it’s a functional website or a game, sparks a sense of creativity within me. The added bonus to being a software engineer is the income that comes with being one since the demand for engineers is high. Therefore I want to be on the level to turn my imagination into reality, and software engineering seems to be the perfect place to start the journey.

+ +

What truly sparks my interest in me software engineering is its potential to show others the background experience of how things in the digital world are made. As I’ve experienced hours of enjoyment playing games, I wish to be the one creating those experiences for others. It’s not only about the coding, it’s also about the money. The idea of creating something as cool and fun as games and also getting paid for it motivates my learning of multiple programming languages. Each language is like a unique tool, allowing me to create a better life for myself. With every new language I learn, I am one step closer to my goal of developing my own websites, and games and becoming rich.

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

Essays

+
+
+ +
+ + + +
+
+
+
CS Inspiration
+

30 Aug 2023

+

Software Engineering Inspiration My interest in becoming a software engineer started with something as simple as playing games. Whenever I play games, I sometimes ponder on how they’re created. The curiosity that I had led me to learn about software...

+

+ + Software Engineering + + Learning + +

+
+ +
+
+ + + + + +
+
+
+
JavaScript Reflection
+

29 Aug 2023

+

JavaScript: A Newcomer’s Adventure JavaScript is like a puzzle that I find both fun and challenging. I’ve experienced Java, C, and C++, therefore getting into JavaScript felt a bit friendly. They all have similar ways of working, such as using...

+

+ + Software Engineering + + Learning + +

+
+ +
+
+ + + + +
+ + + +
+
+ + + + + + + + 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/G35Pt1.jpg b/img/G35Pt1.jpg new file mode 100644 index 0000000..bdde527 Binary files /dev/null and b/img/G35Pt1.jpg differ diff --git a/img/G35Pt2.jpg b/img/G35Pt2.jpg new file mode 100644 index 0000000..5157758 Binary files /dev/null and b/img/G35Pt2.jpg differ diff --git a/img/G35Pt222.jpg b/img/G35Pt222.jpg new file mode 100644 index 0000000..7ccd733 Binary files /dev/null and b/img/G35Pt222.jpg 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/download.jpg b/img/download.jpg new file mode 100644 index 0000000..db57caa Binary files /dev/null and b/img/download.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/tictactoe.png b/img/tictactoe.png new file mode 100644 index 0000000..f052c60 Binary files /dev/null and b/img/tictactoe.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..09142f4 --- /dev/null +++ b/index.html @@ -0,0 +1,327 @@ + + + + + + + + + + + + + + + + + + + + + + + + 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

+
+
+ +
+ + + +
+
+
+ +
+
+
+
TicTacToe 2022
+

Its a fun TicTacToe Game.

+

+ + Java + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
HR 2022
+

I created a program that can add/delete employees and add certain information to their ID.

+

+ + Java + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
G35 2021
+

I fixed up a broken car

+

+ + Java + +

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

Essays

+
+
+ +
+ + + +
+
+
+
CS Inspiration
+

30 Aug 2023

+

Software Engineering Inspiration My interest in becoming a software engineer started with something as simple as playing games. Whenever I play games, I sometimes ponder on how they’re created. The curiosity that I had led me to learn about software...

+

+ + Software Engineering + + Learning + +

+
+ +
+
+ + + + + +
+
+
+
JavaScript Reflection
+

29 Aug 2023

+

JavaScript: A Newcomer’s Adventure JavaScript is like a puzzle that I find both fun and challenging. I’ve experienced Java, C, and C++, therefore getting into JavaScript felt a bit friendly. They all have similar ways of working, such as using...

+

+ + Software Engineering + + Learning + +

+
+ +
+
+ + + + +
+ + + +
+
+ + + + + + + + diff --git a/projects/G35.html b/projects/G35.html new file mode 100644 index 0000000..914bbbc --- /dev/null +++ b/projects/G35.html @@ -0,0 +1,68 @@ + + + + + + + + + + + + + + + + + + + + + + + + G35 | Ryne Stagen | Professional Portfolio + + + + +
+

G35

+
+ + + +
+ +

My interests in cars inspired to learn how the basics of a car work. I bought a broken car off of FaceBook Market place that didnt start or fully built so I dedicated myself to learn how to learn the ins and outs and got it to work again

+ +

You can learn more at the UH Micromouse News Announcement.

+ +
+ + + + + + + diff --git a/projects/Hr.html b/projects/Hr.html new file mode 100644 index 0000000..4d84fd8 --- /dev/null +++ b/projects/Hr.html @@ -0,0 +1,93 @@ + + + + + + + + + + + + + + + + + + + + + + + + HR | Ryne Stagen | Professional Portfolio + + + + +
+

HR

+
+ + + +
+ +

The Hr program will give you options based off what you want to do such as 1) Add employee 2) Remove employee 3) Print employees that earn a given amount 4) Print all the employees. Based off the option you choose there is a prompt that tells you what to do and it stores the information between each option.

+ +

Here is some code that shows how to add an employee:

+ +

public static Employee[] removeEmployee(Employee [] employeeArray) {
+ Scanner input = new Scanner(System.in);
+ int enumb = 0; + System.out.println(“Please enter the employee number you want to remove”); + try{ + enumb = input.nextInt(); + }
+ catch(InputMismatchException ime){ + System.out.println(“Please enter the valid credentials”);
+ return employeeArray;
+ } + for(int i = 0; i < employeeArray.length; i++) { + if(employeeArray[i] != null){ + if(employeeArray[i].getEnumb() == enumb){ + employeeArray[i] = null;

+ +
           System.out.println("You have removed the employee");                                               
+        } 
+     }
+  }   
+  return employeeArray;
+
+ +

You can learn more at the UH Micromouse News Announcement.

+ +
+ + + + + + + diff --git a/projects/TicTacToe.html b/projects/TicTacToe.html new file mode 100644 index 0000000..bb5121c --- /dev/null +++ b/projects/TicTacToe.html @@ -0,0 +1,117 @@ + + + + + + + + + + + + + + + + + + + + + + + + TicTacToe | Ryne Stagen | Professional Portfolio + + + + +
+

TicTacToe

+
+ + + +
+ +

The TicTacToe program sets up a TicTacToe game board on a 3x3 grid. Each player gets a turnn going, Player One’s mark is an “X” while Player Two’s mark is an “O”. The first player to get 3 in a row with their mark wins. If no player wins it ends in a draw

+ +

Here is a little portion of the code: THat sets up the gameboard

+ +

public class TicTacToe implements ActionListener{

+ +
Random random = new Random();
+JFrame frame = new JFrame();
+JPanel title_panel = new JPanel();
+JPanel button_panel = new JPanel();
+JLabel textfield = new JLabel();
+JButton[] buttons = new JButton[9];
+boolean player1_turn;
+
+TicTacToe(){
+	
+	frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
+	frame.setSize(800,800);
+	frame.getContentPane().setBackground(new Color(50,50,50));
+	frame.setLayout(new BorderLayout());
+	frame.setVisible(true);
+	
+	textfield.setBackground(new Color(25,25,25));
+	textfield.setForeground(new Color(25,255,0));
+	textfield.setFont(new Font("Ink Free",Font.BOLD,75));
+	textfield.setHorizontalAlignment(JLabel.CENTER);
+	textfield.setText("Tic-Tac-Toe");
+	textfield.setOpaque(true);
+	
+	title_panel.setLayout(new BorderLayout());
+	title_panel.setBounds(0,0,800,100);
+	
+	button_panel.setLayout(new GridLayout(3,3));
+	button_panel.setBackground(new Color(150,150,150));
+	
+	for(int i=0;i<9;i++) {
+		buttons[i] = new JButton();
+		button_panel.add(buttons[i]);
+		buttons[i].setFont(new Font("MV Boli",Font.BOLD,120));
+		buttons[i].setFocusable(false);
+		buttons[i].addActionListener(this);
+	}
+	
+	title_panel.add(textfield);
+	frame.add(title_panel,BorderLayout.NORTH);
+	frame.add(button_panel);
+	
+	firstTurn();
+}
+
+ +

You can learn more at the UH Micromouse News Announcement.

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

Projects

+
+
+ +
+ + + +
+
+
+ +
+
+
+
TicTacToe 2022
+

Its a fun TicTacToe Game.

+

+ + Java + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
HR 2022
+

I created a program that can add/delete employees and add certain information to their ID.

+

+ + Java + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
G35 2021
+

I fixed up a broken car

+

+ + Java + +

+ + Read More + +
+
+
+
+ + + + +
+ + + +
+
+ + + + + + + + diff --git a/resume.html b/resume.html new file mode 100644 index 0000000..056fcae --- /dev/null +++ b/resume.html @@ -0,0 +1,405 @@ + + + + + + + + + + + + + + + + + + + + + + + + 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: *