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..af4ab69 --- /dev/null +++ b/404.html @@ -0,0 +1,90 @@ + + + + + + + + + + + + + + + + + + + + + + + + Aaron Lander Ancheta | 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..f06d126 --- /dev/null +++ b/_data/bio.json @@ -0,0 +1,116 @@ +{ + "basics": { + "name": "Aaron Lander Ancheta", + "label": "Student", + "picture": "https://github.com/aaron-ancheta.png", + "email": "alra@hawaii.edu", + "phone": "", + "website": "https://aaron-ancheta.github.io", + "summary": "I am a junior studying for a B.S. in Computer Science in the Department of Information and Computer Sciences at the University of Hawaii at Manoa. I am currently working as a Web Designer/Illustrator at the Department of Indo-Pacific Languages and Literatures (IPLL) at UH Manoa. My date of graduation is expected to be on Spring 2025.", + "location": { "address": "", "postalCode": "96819", "city": "Honolulu", "countryCode": "USA", "region": "Hawaii" }, + "profiles": [ + { "network": "github", "username": "aaron-ancheta", "url": "http://github.com/aaron-ancheta" }, + { "network": "linkedin", "username": "aaronancheta", "url": "http://linkedin.com/in/aaronancheta" } + ] + }, + "interests": [ + { "name": "Software Engineering" }, + { "name": "Cybersecurity" }, + { "name": "Artificial Intelligence"}, + { "name": "Creative Media" }, + { "name": "Volleyball" } + ], + "skills": [ + { + "name": "Languages", + "keywords": [ "Java", "Javascript", "Python", "HTML" ] + }, + { + "name": "Toolsets/OS", + "keywords": [ "MacOS", "Windows" ] + } + ], + "education": [ + { + "institution": "University of Hawaii at Manoa, Honolulu, HI", + "area": "Computer Science (expected Spring, 2025)", + "studyType": "B.S.", + "startDate": "2022-08-22", + "endDate": "Present", + "courses": [ "ICS 111", "ICS 211" + ] + } + ], + "work": [ + { + "company": "Department of Indo-Pacific Languages and Literatures at UH Manoa", + "position": "Web Designer/Illustrator", + "website": "", + "startDate": "2023-02-18", + "endDate": "Present", + "summary": "Web designer and Illustrator at IPLL department at UH Manoa", + "highlights": [ + "Maintain, update, and oversee the official website for the IPLL Department", + "Design and creates logo and other digital arts neccessary for the department" + ] + }, + { + "company": "Walmart - Lihue", + "position": "Sales Associate", + "website": "", + "startDate": "2021-11-22", + "endDate": "2022-06-09", + "summary": "Worked in the entertainment department where I assisted customers in their tech purchase", + "highlights": [ + "Managed photo lab orders(regular photos, greeting cards, and assembled special orders like framed canvas, board prints, and photobooks", + "Learned how to handle various types of customers and gained better customer service skills." + ] + } + ], + "//volunteer": [ + { + "//organization": "Center for Renewable Energy and Island Sustainability", + "//website": "http://manoa.hawaii.edu/reis", + "//position": "Software Developer", + "//startDate": "2016-01-01", + "//endDate": "Present", + "//summary": "Lead developer for weather sensing project", + "//highlights": [ + "Design firmware for distributed weather sensor network", + "Maintain custom data collection and storage infrastructure" + ] + }, + { + "//organization": "", + "//website": "", + "//position": "Professional organization involvement", + "//startDate": "", + "//endDate": "", + "//summary": "", + "//highlights": [ + "Chair, ACM Manoa, 2016-Present", + "Member, IEEE Student Branch, 2014-Present", + "Webmaster/IT Officer, IEEE Student Branch, UH Manoa, 2012-2013" + ] + } + ], + "//awards": [ + { + "//title": "B+ Scholarship", + "//date": "2013-Present", + "//awarder": "State of Hawaii", + "//summary": "Scholarships awarded to incoming freshmen and continuing students who complete a rigorous high school curriculum with a minimum overall GPA of 3.0 at a Hawai'i public school." + }, + { + "//title": "First place", + "//date": "2015", + "//awarder": "University of Hawaii Micromouse Competition", + "//summary": "My team won first place in 2015. See my portfolio site for more details." + } + ], + "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/coding-standards.html b/essays/coding-standards.html new file mode 100644 index 0000000..9082e4d --- /dev/null +++ b/essays/coding-standards.html @@ -0,0 +1,81 @@ + + + + + + + + + + + + + + + + + + + + + + + + Who is This Lint Guy Bossing Me Around Anyway? | Aaron Lander Ancheta | Professional Portfolio + + + + +
+

Who is This Lint Guy Bossing Me Around Anyway?

+ 20 Sep 2023 +
+

I Need Space…

+

+When I first started coding, I could not help but be fascinated by how the stuff I typed was laid out on the computer screen. I remember immediately exploring different theme extensions for Atom (a text editor) to customize how my code looks on the screen. Apart from that, I was also very meticulous about the spacing between each line at the time and preferred having tons of whitespace between each line that does different things; that way, I could read my code better. I carried this habit over when I took ICS 111 (Intro to Computer Science I) class, as seen in my homework 2 code. I was not introduced to specific rules about spacing, so I did not care how much space I put in between each line of my code as long as I could read it easily. +

+ +

What is This @param Thing?

+

+ +As a person who quickly forgets things, I typically jot down as many details as possible and make notes like "This Thing A performs Action B." This helped me a lot to get through my Biology classes in senior high school. As we got deeper into ICS 111, we were introduced to commenting, a principle in programming that aims to describe individual parts of a code (methods or functions, classes, etc.) to make it easier for others to understand what that particular block of code or function does. As someone who likes to be detailed when noting things, I studied how to properly make comments in Java and applied it to my homework projects despite it not being a requirement. Of course, I would still often make comments that do not adhere to the "standards," but I at least ensure that it would serve as a helpful guide when reading my code. +

+ +

According to Lint, You Should…

+

+Upon taking the ICS 314 (Software Engineering I) class, I encountered a new programming concept extending the commenting practice I mentioned above, described as "Coding Standards." Beforehand, I did not even know that people make software analysis tools dedicated to identifying programmatic or syntactic inconsistencies in a source code, which they like to call Lint or Linter. Linters like ESLint (what we use in class) not only flag programming errors but also give prompts when they find stylistic inconsistency in your code, like adding unnecessary indentation or lacking one, having no space before or after a curly brace, and, of course, missing a semicolon, to name a few. These linter programs are designed to help implement coding standards, which turns out to be just as important as making sure your code works. Why did they establish coding standards anyway? Apparently, following coding standards is vital in software development because it assures uniformity, promotes collaboration, and improves code quality, resulting in more maintainable and stable software programs. Just like in citation formats (APA, MLA, etc.), where established rules help identify a citation technique and differentiate it from others, linters automatically implement that "rule" in your code to ensure your code sticks with what is standard. +

+ +

Assistance or Distraction?

+

+Considering all that, Linters does not seem so bad, right? With my limited usage time at the time of writing, ESLint and I have established a love-and-hate relationship. I love that it always keeps me in check while coding to ensure my way of writing code does not stray from the coding standards. However, sometimes, having someone tell you you are doing something wrong while, at the same time, knowing you are not done yet is definitely irritating. Whenever I write a function, it makes these squiggly lines under the function name, indicating that I have not put the function in use. It often serves as a reminder, but sometimes, seeing those red lines in my code gets distracting. Nonetheless, I am okay with using Linters in general, as it made me aware of when I actually need a space... +

+ +
+ + + + + + + diff --git a/essays/finding-the-right-key.html b/essays/finding-the-right-key.html new file mode 100644 index 0000000..ea4d6bd --- /dev/null +++ b/essays/finding-the-right-key.html @@ -0,0 +1,79 @@ + + + + + + + + + + + + + + + + + + + + + + + + Finding the Right Key Unlocks Knowledge | Aaron Lander Ancheta | Professional Portfolio + + + + +
+

Finding the Right Key Unlocks Knowledge

+ 07 Sep 2023 +
+

Keys and Questions: an Analogy.

+ +

+Have you ever been in a situation where you are in a rush and trying to open a door, but then you have this bundle of keys and do not know which one opens the door? I think most of us, if not all, had a similar experience like this. Looking for the right key to open the door, among other keys, is a solid analogy to formulating the right question in software engineering. With the rapid growth of the software engineering industry, problem-solving, programming languages, and concepts are bound to get more complicated (and it is already complex right off the bat). In connection with this, asking for help from other people who know more about the field (many of them exist) might not be a bad idea if you find your back against the wall solving a problem or figuring out the hows of a new programming language you are trying to learn. Therefore, asking questions the smart way is vital to a computer programmer trying to venture into the deep and confusing world of software development, along with good problem-solving skills and solid logical thinking. However, mastering this skill may not be as easy as it sounds, based on “How to Ask Questions The Smart Way” by Eric Steven Raymond.

+ +

Why won’t the Door Open?

+ +

In programming, more often than not, we encounter problems that we do not even know or at least have an idea about why it exists. This is one of the many reasons why asking meaningful questions and hoping for the right help is a tough job. Another possible reason is associated with the nature of how we ask questions. I have tried to look up some stupid questions posted in StackOverflow, and I luckily found a weird one. In this question, the author asked why different versions of C++ compilers reject their program. However, how the author showed the program is rather unorthodox because it was handwritten. This garnered various forms of answers, from totally sarcastic ones to profound solutions. One response was in the form of a handwritten code. Another one pointed out that maybe the symbols such as equality, parentheses, and curly braces were drawn a bit off (implying that his handwriting may be the problem). Due to the nature of the question asked, the responses became sarcastic. This shows that even though the author did enough work to try and solve the problem on his own (which complies with one of the guidelines mentioned in Raymond’s essay), the way he posted his question drew various sarcastic responses, albeit he/she managed to receive one well-formulated answer.

+ +

The Right Key Opens the Right Door.

+ +

We can only open the door right before us when we find the right key. This is why asking the right question as a software developer has become a cornerstone to success. I remember my friend telling me about some of the perks of being a Computer Science major, and she mentioned that “You can find free resources anywhere.” It is indeed everywhere and is present in different formats: videos, online courses, and online forums. In high school, I came across a meme that alluded to Stack Overflow being better than attending school. I did not know what the meme meant before, but now I know why. Stack Overflow contains many questions a programmer may generally have and answers to them. I believe that because of the note-worthy questions posted in Stack Overflow, experts could give well-thought-of answers, which in turn became helpful to other people who encountered the same problem, hence the meme. I found one example of a good question. The author was asking how for... of loop is different from for... in loop. For context, this question was posted eight years ago, so documentation to ES6 might have been limited at the time. Going back, the author described the for... in loop (which he was used to) and presented a code block showing both variations of for loops. He explained what for... in does and seemed intentional about asking how for... of loop works. Because of this, the author got insightful answers from many “experts.” I would argue that this forum is helpful to some people, especially those trying to learn JavaScript, like ICS 314 students.

+ +

Conclusion

+ +

Ideally, software development is not done by only one individual. Most software programs that changed the world were created by people collaborating, learning from each other, and solving problems through meetings and brainstorming. In between these processes, I believe, are questions being thrown to provoke everyone’s mind to think differently or to satisfy one’s curiosity. This is why, as future software developers (possibly), we should not waste our bountiful resources and ask questions to help us get unstuck or have a different perspective on the problems that arise. However, at the same time, we must remember that just as wrong keys won’t open a door for us, asking a stupid question won’t get us a keen answer either. +

+ + +
+ + + + + + + diff --git a/essays/index.html b/essays/index.html new file mode 100644 index 0000000..de99fa2 --- /dev/null +++ b/essays/index.html @@ -0,0 +1,193 @@ + + + + + + + + + + + + + + + + + + + + + + + + Essays | Aaron Lander Ancheta | Professional Portfolio + + + + +
+
+
+
+

Essays

+
+
+ +
+ + + +
+
+
+
So We Read And Then Write?
+

05 Oct 2023

+

Learning Web Design Is Like Learning New Programming Language Before encountering UI Design topics in this class, I already had considerable knowledge of HTML and a slight understanding of CSS. However, I have yet to be able to build anything...

+

+ + UI Design + + UI Frameworks + + Reflection + +

+
+ +
+
+ + + + + +
+
+
+
Who is This Lint Guy Bossing Me Around Anyway?
+

20 Sep 2023

+

I Need Space… When I first started coding, I could not help but be fascinated by how the stuff I typed was laid out on the computer screen. I remember immediately exploring different theme extensions for Atom (a text editor)...

+

+ + Coding Standards + + ICS 314 + +

+
+ +
+
+ + + + + +
+
+
+
Finding the Right Key Unlocks Knowledge
+

07 Sep 2023

+

Keys and Questions: an Analogy. Have you ever been in a situation where you are in a rush and trying to open a door, but then you have this bundle of keys and do not know which one opens the...

+

+ + Smart Questions + + Stack Overflow + +

+
+ +
+
+ + + + + +
+
+
+
Upgraded to First-Class
+

30 Aug 2023

+

Checking in In the summer of 2022, before I even transferred to UH Manoa, I looked up coding tutorials on YouTube. I learned about basic Python syntax, and then that was it. I barely made an effort to apply the...

+

+ + JavaScript + + ICS 314 + +

+
+ +
+
+ + + + + +
+
+
+
Joining the Bandwagon
+

30 Aug 2023

+

-A long long time ago- B.C.(Before CS) I had always imagined myself becoming an engineer when I was still young up until high school. I have dreamed of becoming a Civil Engineer (but then I realized that I suck at...

+

+ + ICS 314 + +

+
+ +
+
+ + + + +
+ + + +
+
+ + + + + + + + diff --git a/essays/joining-the-bandwagon.html b/essays/joining-the-bandwagon.html new file mode 100644 index 0000000..3de6b3f --- /dev/null +++ b/essays/joining-the-bandwagon.html @@ -0,0 +1,77 @@ + + + + + + + + + + + + + + + + + + + + + + + + Joining the Bandwagon | Aaron Lander Ancheta | Professional Portfolio + + + + +
+

Joining the Bandwagon

+ 30 Aug 2023 +
+

-A long long time ago- B.C.(Before CS)

+ +

I had always imagined myself becoming an engineer when I was still young up until high school. I have dreamed of becoming a Civil Engineer (but then I realized that I suck at drawing), Mechanical Engineer (inspired by the movie called 3 Idiots), and Computer Engineer (unfortunately, Computer Engineers in the Philippines do not really have many opportunities after graduating). Ultimately, I decided to become an Electronics Engineer (ECE). However, when we moved here to Hawaii a little over three years ago, I was looking at UH Manoa’s course catalog and could not find the Electronics Engineering program anywhere. I therefore rerouted my path to becoming a Computer Engineer in my first semester at Kauai Community College (KCC) despite not being entirely sure of it. +

+ +

+One day, while working at the restaurant, my closest work buddy and I began discussing which major we wanted to take when we moved to UH Manoa. Of course, I mentioned Computer engineering as my desired major. Then he told me he wanted to take Computer Science. Now, I have heard about terms like “polscie” (Political Science) and compscie before. Still, I never really knew what the latter meant. So when I got home, I immediately looked up what Computer Science graduates do. Then, I realized it has something to do with Software Engineering, which I am familiar with. I then asked for more details from my friend, who was majoring in Computer Science then, and she told me so much more about her major. That time, I knew B.S. Computer Engineering program requires me to take calculus classes up to 400 level (Calculus 4), which I am not a fan of since I have had enough of doing so many math problems. Therefore, I contacted my academic advisor and told him I wanted to pursue a B.S. in Computer Science instead.

+ +

During CS

+

Fast forward to today, little did I know that computer Science is actually heavily based on math concepts. However, there is no point in going back now. It is not that I am not good at Math or hate it. I actually was terrible in Math, not until I took it seriously and watched many YouTube videos explaining simple math concepts I should have already learned in high school just to keep up with my Calculus class. I poured in a lot of hard work and frequently stayed up late at night. From that, I gained confidence in my mathematical skills and logical thinking, which are both helpful to have in my repertoire as I get deeper into Computer Science. I firmly believe that hard work allows people to excel in anything (just like Kobe with his Mamba Mentality). So, no, I am not going back. My perseverance got me through both of my calculus classes (I actually got A’s on both of them), and I am sure it will also bring me through Computer Science (of course, I will need a lot more of it for sure).

+ +

Right now, I look forward to studying a lot of things during my Fall 2023 semester to hopefully be able to land an internship for next summer. I want to take advantage of the fact that we will build a project in my ICS 314 class, so I am very excited to learn new stuff.

+ +

To quote one of my favorite volleyball players, Oikawa Touru (at least in anime), “Talent is something you make bloom.” So I will. +

+ + +
+ + + + + + + diff --git a/essays/read-and-write.html b/essays/read-and-write.html new file mode 100644 index 0000000..fd8abfe --- /dev/null +++ b/essays/read-and-write.html @@ -0,0 +1,114 @@ + + + + + + + + + + + + + + + + + + + + + + + + So We Read And Then Write? | Aaron Lander Ancheta | Professional Portfolio + + + + +
+

So We Read And Then Write?

+ 05 Oct 2023 +
+

Learning Web Design Is Like Learning New Programming Language

+ +

+Before encountering UI Design topics in this class, I already had considerable knowledge of HTML and a slight understanding of CSS. However, I have yet to be able to build anything intently with HTML and CSS; my job in school as a Web Designer only requires me to become adept at using WordPress to manage the department's website. Hence, as a result, I never had anything that pushed me to get deeper with HTML and CSS. However, the projects required in this class served as my tipping point to applying and taking my mediocre web design skills to the next level. +

+As I have mentioned, I have little to no knowledge of CSS, so at first, I had a hard time comprehending its overall syntax as I find it very different from what I have been writing as a CS student. So, I decided to read MDN documentation and watch some tutorial videos on YouTube to grasp its concept better. It was initially confusing because each resource I stumbled upon offered a different way of writing CSS to style their web pages. This resulted in me creating a chaotic CSS file while doing one of the BrowserHistory homework. +

+Even though I was still uncomfortable with CSS, I had to move forward and learn another new UI design stuff called Bootstrap, a UI framework. My professor kept saying that styling with CSS alone is a tough job and that learning to style with Bootstrap would make our lives easier. I was excited about it as I thought I did not have to be proficient with CSS anymore. While watching my professor's demonstration video about recreating the BrowserHistory web page that we initially did with only HTML and CSS, I was like, "What is going on here?" because he kept on assigning these navbar, navbar-expand-lg, container, etc., which I had no idea of at the time. This led me to watch YouTube tutorials while reading Bootstrap documentation because the WOD-- abbreviation for "Workout of the Day," where our knowledge about Software Engineering topics is tested by making us solve a problem while being timed-- is coming. Failing to finish a WOD guarantees a zero in our grade book; who would want that? +

+ +

I Learn By Doing

+ +

+I was able to replicate the first scroll of the front page of Bellroy to complete my YourChoice homework (homework that required us to choose a website to recreate using Bootstrap) as shown below: +

+ +
+
+
+ +

Original

+
+
+ +

Replica

+
+
+
+

+Nonetheless, I knew that my understanding of the overall process web designing with Bootstrap was still shallow. Therefore, I spent more time learning it, and I tried redoing Murphy's web page, which I failed to finish on time during the practice WOD in class. +

+
+
+
+ +

Professor's Version

+
+
+ +

My Version

+
+
+
+

+During the process of replicating Murphy's web page, I became more aware of how things work as I did a lot of documentation reading and watching YouTube tutorials at the same time. After this, I became more confident about the upcoming WOD. I was also finally able to confirm what my professor said about how Bootstrap could make the web design process easier. +

+ +

Conclusion

+ +

+This experience from the two weeks of dealing with UI design filled with writing HTML, CSS, and implementing Bootstrap made me realize that there is no single right way when it comes to web design, which is also probably the reason why each YouTube tutorial offered different ways of styling like what I mentioned; I personally took a different approach into making Murphy's web page compared to my professor's solution-- this arguably made me learn so much more. In conclusion, I firmly believe that HTML, CSS, and Bootstrap are best learned when you are implementing them at the same time, which was the missing factor and the reason why I stayed an unskilled web designer all this time. +

+ + +
+ + + + + + + diff --git a/essays/upgrade-to-firstclass.html b/essays/upgrade-to-firstclass.html new file mode 100644 index 0000000..03743d7 --- /dev/null +++ b/essays/upgrade-to-firstclass.html @@ -0,0 +1,74 @@ + + + + + + + + + + + + + + + + + + + + + + + + Upgraded to First-Class | Aaron Lander Ancheta | Professional Portfolio + + + + +
+

Upgraded to First-Class

+ 30 Aug 2023 +
+

Checking in

+ +

+In the summer of 2022, before I even transferred to UH Manoa, I looked up coding tutorials on YouTube. I learned about basic Python syntax, and then that was it. I barely made an effort to apply the programming language I had just learned to solve some coding questions or at least make a small-scale project with it. So naturally, all the things I have learned fell off my brain. Fast forward to the start of my UH Manoa journey, I was greeted with system.out.println("Hello World!");. You are probably already thinking about Java, and that is right. I took ICS 111, followed by ICS 211, which are both introductions to programming classes that utilized Java as the primary programming language. +

+ +

I forgot about Python, but I already had the intuition on how to use variables and if-else statements. So, I guess that one day I spent learning programming back in the summer was not totally wasted. Going back, my initial impression of Java is that it includes a lot of typing, and it is very particular when it comes to declaring variables and return types. I am not saying I hate Java. It taught me so many things, such as the concept of object-oriented programming (OOP); I also learned different data structures in my ICS 211 class, and how to think more deeply as a programmer. Java helped me to check in on my journey as a computer science student.

+ +

This way to First Class

+ +

+One academic year later, I am greeted console.log("We invite you to first-class lane");. Yes, you are right again; on the first week of my Fall 2023 semester, we had to learn a somehow different programming language called JavaScript. I said somehow because it kind of resembles Java’s syntax in some ways. However, as I spent more time with it, I came to realize that a lot of things are made easier to do in JavaScript. I no longer have to specify the type when declaring variables, and I could also assign a function to a variable – which relates to why people say JavaScript has first-class functions. I have also researched things about JavaScript prior to taking my ICS 314 class, that it is one of the main languages used in developing web applications. It is only the first two weeks of my semester at the time of writing, and I still have a lot to learn, especially in JavaScript, but the limited time I have spent with JavaScript felt as if I was upgraded to first-class seat after checking in. Of course, this is not possible in real life, so I better stop dreaming about it actually happening and start practicing for my Workout of the Day (WOD) tomorrow.

+ + +
+ + + + + + + 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/essay-photos/checking-in.jpg b/img/essay-photos/checking-in.jpg new file mode 100644 index 0000000..ae46696 Binary files /dev/null and b/img/essay-photos/checking-in.jpg differ diff --git a/img/essay-photos/joining-bandwagon.png b/img/essay-photos/joining-bandwagon.png new file mode 100644 index 0000000..da44274 Binary files /dev/null and b/img/essay-photos/joining-bandwagon.png differ diff --git a/img/essay-photos/keys-equal-questions.png b/img/essay-photos/keys-equal-questions.png new file mode 100644 index 0000000..af8a535 Binary files /dev/null and b/img/essay-photos/keys-equal-questions.png differ diff --git a/img/essay-photos/param.png b/img/essay-photos/param.png new file mode 100644 index 0000000..a9326bd Binary files /dev/null and b/img/essay-photos/param.png differ diff --git a/img/essay-photos/read-and-write-photos/bellroy-official.png b/img/essay-photos/read-and-write-photos/bellroy-official.png new file mode 100644 index 0000000..00ff484 Binary files /dev/null and b/img/essay-photos/read-and-write-photos/bellroy-official.png differ diff --git a/img/essay-photos/read-and-write-photos/bellroy-replica.png b/img/essay-photos/read-and-write-photos/bellroy-replica.png new file mode 100644 index 0000000..8abb791 Binary files /dev/null and b/img/essay-photos/read-and-write-photos/bellroy-replica.png differ diff --git a/img/essay-photos/read-and-write-photos/murphy-mine.png b/img/essay-photos/read-and-write-photos/murphy-mine.png new file mode 100644 index 0000000..e6fd9cd Binary files /dev/null and b/img/essay-photos/read-and-write-photos/murphy-mine.png differ diff --git a/img/essay-photos/read-and-write-photos/murphy-prof.png b/img/essay-photos/read-and-write-photos/murphy-prof.png new file mode 100644 index 0000000..780657d Binary files /dev/null and b/img/essay-photos/read-and-write-photos/murphy-prof.png differ diff --git a/img/essay-photos/takeoff.jpg b/img/essay-photos/takeoff.jpg new file mode 100644 index 0000000..31a3c81 Binary files /dev/null and b/img/essay-photos/takeoff.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/project-photos/ipll-logo.png b/img/project-photos/ipll-logo.png new file mode 100644 index 0000000..673e600 Binary files /dev/null and b/img/project-photos/ipll-logo.png differ diff --git a/img/project-photos/old-ipll-logo.jpeg b/img/project-photos/old-ipll-logo.jpeg new file mode 100644 index 0000000..4a428f6 Binary files /dev/null and b/img/project-photos/old-ipll-logo.jpeg differ diff --git a/img/project-photos/overview-of-pnl.png b/img/project-photos/overview-of-pnl.png new file mode 100644 index 0000000..18e345a Binary files /dev/null and b/img/project-photos/overview-of-pnl.png differ diff --git a/img/project-photos/pnl-logo.png b/img/project-photos/pnl-logo.png new file mode 100644 index 0000000..f3226a8 Binary files /dev/null and b/img/project-photos/pnl-logo.png differ diff --git a/img/project-photos/sudoku-solver.png b/img/project-photos/sudoku-solver.png new file mode 100644 index 0000000..6f2a352 Binary files /dev/null and b/img/project-photos/sudoku-solver.png 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..c392649 --- /dev/null +++ b/index.html @@ -0,0 +1,381 @@ + + + + + + + + + + + + + + + + + + + + + + + + Aaron Lander Ancheta | Professional Portfolio + + + + +
+
+
+
+ +
+
+

Aaron Lander Ancheta

+

Student

+

I am a junior studying for a B.S. in Computer Science in the Department of Information and Computer Sciences at the University of Hawaii at Manoa. I am currently working as a Web Designer/Illustrator at the Department of Indo-Pacific Languages and Literatures (IPLL) at UH Manoa. My date of graduation is expected to be on Spring 2025.

+
+

+ Interests: + + Software Engineering, + + Cybersecurity, + + Artificial Intelligence, + + Creative Media, + + Volleyball + +

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

Projects

+
+
+ +
+ + + +
+
+
+ +
+
+
+
Sudoku Solver || Java 2023
+

Implemented a method `fillSudoku` that solves a Sudoku problem primarily through recursion.

+

+ + Java + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
Pamana ng Lahi website 2023
+

I redesigned the Pamana ng Lahi website under IPLL department and also created the new logo associated with it.

+

+ + Affinity Designer + + Weebly + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
IPLL's New Logo 2023
+

I designed and created the new logo for the Indo-Pacific Languages and Literatures Department at UH Manoa.

+

+ + Adobe Illustrator + + Adobe Photoshop + + Procreate + +

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

Essays

+
+
+ +
+ + + +
+
+
+
So We Read And Then Write?
+

05 Oct 2023

+

Learning Web Design Is Like Learning New Programming Language Before encountering UI Design topics in this class, I already had considerable knowledge of HTML and a slight understanding of CSS. However, I have yet to be able to build anything...

+

+ + UI Design + + UI Frameworks + + Reflection + +

+
+ +
+
+ + + + + +
+
+
+
Who is This Lint Guy Bossing Me Around Anyway?
+

20 Sep 2023

+

I Need Space… When I first started coding, I could not help but be fascinated by how the stuff I typed was laid out on the computer screen. I remember immediately exploring different theme extensions for Atom (a text editor)...

+

+ + Coding Standards + + ICS 314 + +

+
+ +
+
+ + + + + +
+
+
+
Finding the Right Key Unlocks Knowledge
+

07 Sep 2023

+

Keys and Questions: an Analogy. Have you ever been in a situation where you are in a rush and trying to open a door, but then you have this bundle of keys and do not know which one opens the...

+

+ + Smart Questions + + Stack Overflow + +

+
+ +
+
+ + + + + +
+
+
+
Upgraded to First-Class
+

30 Aug 2023

+

Checking in In the summer of 2022, before I even transferred to UH Manoa, I looked up coding tutorials on YouTube. I learned about basic Python syntax, and then that was it. I barely made an effort to apply the...

+

+ + JavaScript + + ICS 314 + +

+
+ +
+
+ + + + + +
+
+
+
Joining the Bandwagon
+

30 Aug 2023

+

-A long long time ago- B.C.(Before CS) I had always imagined myself becoming an engineer when I was still young up until high school. I have dreamed of becoming a Civil Engineer (but then I realized that I suck at...

+

+ + ICS 314 + +

+
+ +
+
+ + + + +
+ + + +
+
+ + + + + + + + diff --git a/projects/index.html b/projects/index.html new file mode 100644 index 0000000..367714b --- /dev/null +++ b/projects/index.html @@ -0,0 +1,157 @@ + + + + + + + + + + + + + + + + + + + + + + + + Projects | Aaron Lander Ancheta | Professional Portfolio + + + + +
+
+
+
+

Projects

+
+
+ +
+ + + +
+
+
+ +
+
+
+
Sudoku Solver || Java 2023
+

Implemented a method `fillSudoku` that solves a Sudoku problem primarily through recursion.

+

+ + Java + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
Pamana ng Lahi website 2023
+

I redesigned the Pamana ng Lahi website under IPLL department and also created the new logo associated with it.

+

+ + Affinity Designer + + Weebly + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
IPLL's New Logo 2023
+

I designed and created the new logo for the Indo-Pacific Languages and Literatures Department at UH Manoa.

+

+ + Adobe Illustrator + + Adobe Photoshop + + Procreate + +

+ + Read More + +
+
+
+
+ + + + +
+ + + +
+
+ + + + + + + + diff --git a/projects/ipll-logo.html b/projects/ipll-logo.html new file mode 100644 index 0000000..b70bc78 --- /dev/null +++ b/projects/ipll-logo.html @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + IPLL's New Logo | Aaron Lander Ancheta | Professional Portfolio + + + + +
+

IPLL's New Logo

+

Since the previous logo looks a bit dated, I was given a task to create a new logo for the Department of Indo-Pacific Languages and Literatures.

+ +

Here is the previous logo:

+ +

The Old IPLL Logo

+ +

This is the logo I made:

+ +

New IPLL Logo

+ +

The logo is composed of three parts: The flower, boat, and the wave. The 14 petals of the flower represent the 14 languages that the Indo-Pacific Languages and Literatures (IPLL) department of UH Manoa offers. Flowers signify many things, one of which is beauty. Therefore, there is nothing more fitting to represent IPLL languages than a flower. The ocean wave means two things. The first one is that the Indo-Pacific region is situated around the Pacific ocean, which is the largest among the five oceanic divisions in the world. Therefore, it is inevitable to include an ocean wave design to the logo. However, I designed the ocean waves to mimic a book to add even more significance to it. Apart from languages, our department also offers courses to different cultures and literatures from the Indo-Pacific region, hence, the IPLL department boasts massive wealth of knowledge just like the vastness of the Pacific. This leads us to the last component of the logo. Exploration brought a lot of things to humankind, the most significant one is knowledge. The boat signifies that aspect. By gaining the ability to travel through the seas, people started to gain more wisdom about the world. In the world of literature, however, understanding comes from being able to write, hence, I designed the boat to also represent a pen. All three components together represent the one-of-a-kind IPLL department of UH Manoa.

+ + + +
+ + + + + + + diff --git a/projects/pamana-ng-lahi.html b/projects/pamana-ng-lahi.html new file mode 100644 index 0000000..212d684 --- /dev/null +++ b/projects/pamana-ng-lahi.html @@ -0,0 +1,71 @@ + + + + + + + + + + + + + + + + + + + + + + + + Pamana ng Lahi website | Aaron Lander Ancheta | Professional Portfolio + + + + +
+

Pamana ng Lahi website

+

When I first started working at the Department of Indo-Pacific Languages and Literatures (IPLL) at UH Manoa, I redesigned the Pamana ng Lahi website and gave it a new look. I also updated the contents and made a new logo to match the purpose of the website.

+

My reflection

+

This was my first time working with Weebly and my initial thought was that it is very limiting and less intuitive to use compared to other website builders I have used. This prompted me to learn HTML and CSS so that I could build a website of my own liking in the future, or better yet, rebuild the Pamana ng Lahi Website.

+ +

Pamana ng Lahi front page

+

Pamana ng Lahi front page

+ + + +

Pamana ng Lahi logo

+ + + +
+ + + + + + + diff --git a/projects/sudoku-solver.html b/projects/sudoku-solver.html new file mode 100644 index 0000000..2228158 --- /dev/null +++ b/projects/sudoku-solver.html @@ -0,0 +1,119 @@ + + + + + + + + + + + + + + + + + + + + + + + + Sudoku Solver || Java | Aaron Lander Ancheta | Professional Portfolio + + + + +
+

Sudoku Solver || Java

+

In my ICS 211 class, we discussed about different data structures and some algorithms. We were using Java as the primary programming language and in one of our homeworks, we were asked to implement a recursive method called fillSudoku which , as the name suggests, aims to fill a sudoku correctly.

+ +

Reflection

+

It was very hard at first to grasp the concept of recursion as we have been using just a bunch of if-else statements to solve homework problems. However, when I gained a bit more understanding about how recursion works through a PANDA (one of the ACM Manoa organizations) meeting, I was able to appreciate it more and I was able to accomplish this particular homework.

+ +
public static boolean fillSudoku (int [] [] sudoku)
+  {
+	// BASE CASE: Check if the sudoku is filled and valid
+	  // If the sudoku is filled, return the result of the checkSudoku (sudoku, false)
+	  
+	  if(SudokuTest.isFilled(sudoku)) {
+		  if(checkSudoku(sudoku, false)) {
+			  return true;
+		  }
+	  }
+	  
+	  
+	  // FIND NEXT EMPTY CELL: Search for a cell that is 0
+	  boolean allFilled = true;
+	  int row = 0;
+	  int col = 0;
+	  
+	  for (int i = 0; i < sudoku.length; i++) {
+		  for (int j = 0; j < sudoku[i].length; j++) {
+			  if (sudoku[i][j] == 0) {
+				  row = i;
+				  col = j;
+				  allFilled = false;
+				  break;
+			  }
+		  }
+		  if(!allFilled) break;
+	  }
+
+	  // FIND POSSIBLE VALUES FOR THE EMPTY CELL
+	  java.util.ArrayList<Integer> values = getValues(sudoku, row, col);
+	  
+	  
+	  // TEST VALUES: Try all possible values from Step 3 and recursively call fillSudoku() with each possible value
+	  // When we recursively call fillSudoku(), it will return true if we found a valid solution, and false otherwise.
+	  // If it fillSudoku() returns true, return true for this method call as well
+	  // Otherwise reset the cell value to 0, and try the next possible value
+	  
+	  for (int i = 0; i < values.size(); i++) {
+		  sudoku[row][col] = values.get(i);
+		  if (fillSudoku(sudoku)) {
+			  return true;
+		  }
+		  else {
+			  sudoku[row][col] = 0;
+		  }
+	  }
+	  
+	  // RETURN FALSE: If we cannot return true during the above code, it means we can't solve the sudoku
+	 return false;
+  }
+
+
+ + + +
+ + + + + + + diff --git a/resume.html b/resume.html new file mode 100644 index 0000000..d3c1293 --- /dev/null +++ b/resume.html @@ -0,0 +1,320 @@ + + + + + + + + + + + + + + + + + + + + + + + + Resume | Aaron Lander Ancheta | Professional Portfolio + + + + +
+
+ +
+
+

Aaron Lander Ancheta

+
+
+ +
+ +
+

+

Honolulu, Hawaii 96819 USA

+

+
+
+ +
+
+

Interests

+
+
+

+ + Software Engineering + + , + + Cybersecurity + + , + + Artificial Intelligence + + , + + Creative Media + + , + + Volleyball + + + +

+
+
+ + +
+
+

Skills

+
+
+ +

+ Languages: + + Java, + + Javascript, + + Python, + + HTML + +

+ +

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

+ +
+
+ + + +
+
+

Education

+
+
+ +
+
+

University of Hawaii at Manoa, Honolulu, HI

+

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

+ +
    + +
  • ICS 111
  • + +
  • ICS 211
  • + +
+ +
+
+

+ + 2022 + + + - + + + + Present + + +

+
+
+ +
+
+ + + +
+
+

Work

+
+
+ +
+
+

Web Designer/Illustrator, Department of Indo-Pacific Languages and Literatures at UH Manoa

+

+

Web designer and Illustrator at IPLL department at UH Manoa

+ +
    + +
  • Maintain, update, and oversee the official website for the IPLL Department
  • + +
  • Design and creates logo and other digital arts neccessary for the department
  • + +
+ +
+
+

+ + 2023 + + + - + + + + Present + + +

+
+
+ +
+
+

Sales Associate, Walmart - Lihue

+

+

Worked in the entertainment department where I assisted customers in their tech purchase

+ +
    + +
  • Managed photo lab orders(regular photos, greeting cards, and assembled special orders like framed canvas, board prints, and photobooks
  • + +
  • Learned how to handle various types of customers and gained better customer service skills.
  • + +
+ +
+
+

+ + 2021 + + + - + + + + 2022 + + +

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

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: *