{"id":2850,"date":"2021-02-25T23:30:45","date_gmt":"2021-02-25T23:30:45","guid":{"rendered":"http:\/\/www.fmidnight.com\/design\/?page_id=2850"},"modified":"2021-02-28T22:37:43","modified_gmt":"2021-02-28T22:37:43","slug":"skills","status":"publish","type":"page","link":"https:\/\/www.fmidnight.com\/design\/skills\/","title":{"rendered":"Skills"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Technology. Art. Design<\/h2>\n\n\n\n<p>I try my best to hone my skills in technology, art, and design. My strongest area is design; I have a knack for it, and designing comes very easily to my mind. I can design anything from a brochure to a power point to a website quickly and easily with the knowledge I have of various tools like Photoshop, WordPress, Animate, and a plethora of others. My second strongest area is art, of which I have a wide array of talents. Web design is obviously my favorite area, but I am also good at photography, sketching, animating, illustrating, writing, and video among others. This is especially useful when producing content for a website, as images and media are crucial for a clean and professional design. Technology is my third passion, more specifically computer technology. As an AV technician and computer hobbyist, I have a lot of fun doing various things like networking, installing operating systems, and coding games and programs. This is helpful as a web designer because it allows me to sympathize with or even be a developer. CSS is my favorite to code in, but I also know a bit of Python, C#, and JavaScript from both my previous college courses and my dabbling in game design. Take a look at the graphs below for specifics in each category:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Design<\/h2>\n\n\n\n<div class=\"graphcontainer\">\n        \n            <div class=\"wen-skill-charts-wrap\">\n            <div class=\"wen-skill-bar\" id=\"wsc-2831-69e22203337e6\">\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Color<\/div>\n                                <div class=\"skill-description\">Master<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"100%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">100<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Space<\/div>\n                                <div class=\"skill-description\">Master<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"100%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">100<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Shape\/Line<\/div>\n                                <div class=\"skill-description\">Master<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"95%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">95<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Movement<\/div>\n                                <div class=\"skill-description\">Master<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"95%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">95<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Form<\/div>\n                                <div class=\"skill-description\">Master<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"90%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">90<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Texture<\/div>\n                                <div class=\"skill-description\">Master<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"90%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">90<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Typography<\/div>\n                                <div class=\"skill-description\">Master<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"90%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">90<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n          <\/div><!-- .wen-skill-bar -->\n    <script>\n      jQuery(document).ready(function($) {\n        $('#wsc-2831-69e22203337e6').appear();\n        $(document.body).on('appear', '#wsc-2831-69e22203337e6', function(e, affected) {\n          wen_skill_bar_animate(this);\n        });\n      });\n    <\/script>\n      <\/div> <!-- .wsc-skill -->\n      \n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Art<\/h2>\n\n\n\n<div class=\"graphcontainer\">\n        \n            <div class=\"wen-skill-charts-wrap\">\n            <div class=\"wen-skill-bar\" id=\"wsc-2861-69e2220333fdb\">\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Web Design<\/div>\n                                <div class=\"skill-description\">Master<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"95%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">95<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Graphic Design<\/div>\n                                <div class=\"skill-description\">Master<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"95%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">95<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Videography<\/div>\n                                <div class=\"skill-description\">Master<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"90%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">90<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Music<\/div>\n                                <div class=\"skill-description\">Expert<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"85%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">85<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Poetry\/Writing<\/div>\n                                <div class=\"skill-description\">Expert<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"85%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">85<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Photography<\/div>\n                                <div class=\"skill-description\">Expert<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"80%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">80<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Sketching<\/div>\n                                <div class=\"skill-description\">Advanced<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"70%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">70<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Illustration<\/div>\n                                <div class=\"skill-description\">Advanced<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"70%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">70<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Animation<\/div>\n                                <div class=\"skill-description\">Advanced<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"70%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">70<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n          <\/div><!-- .wen-skill-bar -->\n    <script>\n      jQuery(document).ready(function($) {\n        $('#wsc-2861-69e2220333fdb').appear();\n        $(document.body).on('appear', '#wsc-2861-69e2220333fdb', function(e, affected) {\n          wen_skill_bar_animate(this);\n        });\n      });\n    <\/script>\n      <\/div> <!-- .wsc-skill -->\n      \n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Technology<\/h2>\n\n\n\n<div class=\"graphcontainer\">\n        \n            <div class=\"wen-skill-charts-wrap\">\n            <div class=\"wen-skill-bar\" id=\"wsc-2862-69e2220334b83\">\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Windows XP\/7\/8\/10\/11<\/div>\n                                <div class=\"skill-description\">Master<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"100%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">100<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Android OS<\/div>\n                                <div class=\"skill-description\">Master<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"100%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">100<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Frontend Coding<\/div>\n                                <div class=\"skill-description\">Expert<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"85%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">85<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Mac\/OS X<\/div>\n                                <div class=\"skill-description\">Expert<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"85%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">85<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">IOS<\/div>\n                                <div class=\"skill-description\">Expert<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"85%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">85<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">GNU\/Linux (Debian Based)<\/div>\n                                <div class=\"skill-description\">Expert<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"80%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">80<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">GNU\/Linux (Arch Based)<\/div>\n                                <div class=\"skill-description\">Advanced<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"75%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">75<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Networking<\/div>\n                                <div class=\"skill-description\">Intermediate<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"60%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">60<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n                      <div class=\"skill-wrap\">\n                      <div class=\"skill-title\">Backend Coding<\/div>\n                                <div class=\"skill-description\">Beginner<\/div>\n                    <div class=\"skill-bar-wrap clearfix \" style=\"height:35px;background: #EEEEEE\" data-percent=\"50%\">\n            <div class=\"skill-bar\" style=\"background: #0000ff;height:35px\">\n\n                              <div class=\"skill-percentage skill-percentage-position-right\" style=\"color:#111111\">50<\/div>\n            <\/div>\n                    <\/div>\n                    \n        <\/div>\n          <\/div><!-- .wen-skill-bar -->\n    <script>\n      jQuery(document).ready(function($) {\n        $('#wsc-2862-69e2220334b83').appear();\n        $(document.body).on('appear', '#wsc-2862-69e2220334b83', function(e, affected) {\n          wen_skill_bar_animate(this);\n        });\n      });\n    <\/script>\n      <\/div> <!-- .wsc-skill -->\n      \n<\/div>\n\n\n\n<figure class=\"wp-block-table aligncenter is-style-stripes\"><table class=\"has-subtle-light-gray-background-color has-background\"><thead><tr><th class=\"has-text-align-center\" data-align=\"center\">Level<\/th><th class=\"has-text-align-center\" data-align=\"center\">Percentage<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">Beginner<\/td><td class=\"has-text-align-center\" data-align=\"center\">0% &#8211; 59%<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Intermediate<\/td><td class=\"has-text-align-center\" data-align=\"center\">60% &#8211; 69%<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Advanced<\/td><td class=\"has-text-align-center\" data-align=\"center\">70% &#8211; 79%<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Expert<\/td><td class=\"has-text-align-center\" data-align=\"center\">80% &#8211; 89%<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Master<\/td><td class=\"has-text-align-center\" data-align=\"center\">90% &#8211; 100%<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Technology. Art. Design I try my best to hone my skills in technology, art, and design. My strongest area is design; I have a knack for it, and designing comes &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pgc_sgb_lightbox_settings":"","footnotes":""},"class_list":["post-2850","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.fmidnight.com\/design\/wp-json\/wp\/v2\/pages\/2850","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fmidnight.com\/design\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fmidnight.com\/design\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fmidnight.com\/design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fmidnight.com\/design\/wp-json\/wp\/v2\/comments?post=2850"}],"version-history":[{"count":18,"href":"https:\/\/www.fmidnight.com\/design\/wp-json\/wp\/v2\/pages\/2850\/revisions"}],"predecessor-version":[{"id":3156,"href":"https:\/\/www.fmidnight.com\/design\/wp-json\/wp\/v2\/pages\/2850\/revisions\/3156"}],"wp:attachment":[{"href":"https:\/\/www.fmidnight.com\/design\/wp-json\/wp\/v2\/media?parent=2850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}