{"id":97,"date":"2017-02-11T15:03:11","date_gmt":"2017-02-11T15:03:11","guid":{"rendered":"http:\/\/demo.codiux.com\/wp-pulse1\/?page_id=12"},"modified":"2020-09-15T18:01:51","modified_gmt":"2020-09-15T18:01:51","slug":"about","status":"publish","type":"page","link":"http:\/\/lilvic.com\/me\/about\/","title":{"rendered":"ABOUT"},"content":{"rendered":"<div id=\"pl-97\"  class=\"panel-layout\" ><div id=\"pg-97-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-97-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-97-0-0-0\" class=\"so-panel widget widget_pulse_title panel-first-child\" data-index=\"0\">\r\n        <span class=\"content-title\">PERSONAL DETAILS<\/span>\r\n        <\/div><div id=\"panel-97-0-0-1\" class=\"so-panel widget widget_pulse_about_toggle\" data-index=\"1\">        <style scoped>\r\n\r\n            .about-cover {\r\n                background: linear-gradient(rgba(43, 48, 59, 0.75), rgba(43, 48, 59, 0.75)), url(http:\/\/demo.codiux.com\/wp-pulse1\/wp-content\/uploads\/2017\/02\/aboutcover.jpg) no-repeat;\r\n                background: -webkit-linear-gradient(rgba(43, 48, 59, 0.75), rgba(43, 48, 59, 0.75)), url(http:\/\/demo.codiux.com\/wp-pulse1\/wp-content\/uploads\/2017\/02\/aboutcover.jpg) no-repeat;\r\n                background-size: 100%;\r\n                height: 265px;\r\n                position: relative;\r\n            }\r\n            #cd-zoom-in,\r\n            #cd-zoom-out {\r\n                background-image: url(\"http:\/\/lilvic.com\/me\/wp-content\/themes\/pulse\/images\/gmaps\/cd-icon-controller.svg\");\r\n            }\r\n\r\n        <\/style>\r\n        <script>\r\n            jQuery(document).ready(function ($) {\r\n\r\n\r\n                var menu_trigger = $(\"[data-card-front]\");\r\n                var back_trigger = $(\"[data-card-back]\");\r\n\r\n                menu_trigger.on('click', function () {\r\n                    $(\".about-card\").removeClass(\"show-menu\");\r\n                });\r\n\r\n                back_trigger.on('click', function () {\r\n                    $(\".about-card\").addClass(\"show-menu\");\r\n                });\r\n\r\n                            $(\".map-location\").one('click', function () {\r\n                        \/\/set your google maps parameters\r\n                        var latitude = 43.083714,\r\n                                longitude = -87.978941,\r\n                                map_zoom = 14;\r\n\r\n                        \/\/google map custom marker icon - .png fallback for IE11\r\n                        var is_internetExplorer11 = navigator.userAgent.toLowerCase().indexOf('trident') > -1;\r\n                        var marker_url = (is_internetExplorer11) ? 'http:\/\/lilvic.com\/me\/wp-content\/themes\/pulse\/images\/gmaps\/cd-icon-location.png' : 'http:\/\/lilvic.com\/me\/wp-content\/themes\/pulse\/images\/gmaps\/cd-icon-location.svg';\r\n\r\n                        \/\/define the basic color of your map, plus a value for saturation and brightness\r\n                        var main_color = '#2d313f',\r\n                                saturation_value = -20,\r\n                                brightness_value = 5;\r\n\r\n                        \/\/we define here the style of the map\r\n                        var style = [{\r\n                                \"featureType\": \"landscape\",\r\n                                \"elementType\": \"labels\",\r\n                                \"stylers\": [{\r\n                                        \"visibility\": \"off\"\r\n                                    }]\r\n                            }, {\r\n                                \"featureType\": \"transit\",\r\n                                \"elementType\": \"labels\",\r\n                                \"stylers\": [{\r\n                                        \"visibility\": \"off\"\r\n                                    }]\r\n                            }, {\r\n                                \"featureType\": \"poi\",\r\n                                \"elementType\": \"labels\",\r\n                                \"stylers\": [{\r\n                                        \"visibility\": \"off\"\r\n                                    }]\r\n                            }, {\r\n                                \"featureType\": \"water\",\r\n                                \"elementType\": \"labels\",\r\n                                \"stylers\": [{\r\n                                        \"visibility\": \"off\"\r\n                                    }]\r\n                            }, {\r\n                                \"featureType\": \"road\",\r\n                                \"elementType\": \"labels.icon\",\r\n                                \"stylers\": [{\r\n                                        \"visibility\": \"off\"\r\n                                    }]\r\n                            }, {\r\n                                \"stylers\": [{\r\n                                        \"hue\": \"#00aaff\"\r\n                                    }, {\r\n                                        \"saturation\": -100\r\n                                    }, {\r\n                                        \"gamma\": 2.15\r\n                                    }, {\r\n                                        \"lightness\": 12\r\n                                    }]\r\n                            }, {\r\n                                \"featureType\": \"road\",\r\n                                \"elementType\": \"labels.text.fill\",\r\n                                \"stylers\": [{\r\n                                        \"visibility\": \"on\"\r\n                                    }, {\r\n                                        \"lightness\": 24\r\n                                    }]\r\n                            }, {\r\n                                \"featureType\": \"road\",\r\n                                \"elementType\": \"geometry\",\r\n                                \"stylers\": [{\r\n                                        \"lightness\": 57\r\n                                    }]\r\n                            }];\r\n\r\n                        \/\/set google map options\r\n                        var map_options = {\r\n                            center: new google.maps.LatLng(latitude, longitude),\r\n                            zoom: map_zoom,\r\n                            panControl: false,\r\n                            zoomControl: false,\r\n                            mapTypeControl: false,\r\n                            streetViewControl: false,\r\n                            mapTypeId: google.maps.MapTypeId.ROADMAP,\r\n                            scrollwheel: false,\r\n                            styles: style\r\n                        };\r\n                        \/\/inizialize the map\r\n                        var map = new google.maps.Map(document.getElementById('google-container'), map_options);\r\n                        \/\/add a custom marker to the map                \r\n                        var marker = new google.maps.Marker({\r\n                            position: new google.maps.LatLng(latitude, longitude),\r\n                            map: map,\r\n                            visible: true,\r\n                            icon: marker_url\r\n                        });\r\n\r\n                        \/\/add custom buttons for the zoom-in\/zoom-out on the map\r\n                        function CustomZoomControl(controlDiv, map) {\r\n                            \/\/grap the zoom elements from the DOM and insert them in the map \r\n                            var controlUIzoomIn = document.getElementById('cd-zoom-in'),\r\n                                    controlUIzoomOut = document.getElementById('cd-zoom-out');\r\n                            controlDiv.appendChild(controlUIzoomIn);\r\n                            controlDiv.appendChild(controlUIzoomOut);\r\n\r\n                            \/\/ Setup the click event listeners and zoom-in or out according to the clicked element\r\n                            google.maps.event.addDomListener(controlUIzoomIn, 'click', function () {\r\n                                map.setZoom(map.getZoom() + 1);\r\n                            });\r\n                            google.maps.event.addDomListener(controlUIzoomOut, 'click', function () {\r\n                                map.setZoom(map.getZoom() - 1);\r\n                            });\r\n                        }\r\n\r\n                        var zoomControlDiv = document.createElement('div');\r\n                        var zoomControl = new CustomZoomControl(zoomControlDiv, map);\r\n\r\n                        \/\/insert the zoom div on the top left of the map\r\n                        map.controls[google.maps.ControlPosition.LEFT_TOP].push(zoomControlDiv);\r\n                    });\r\n                    });\r\n\r\n        <\/script>\r\n       <!-- -->        <div class=\"about-card\">\r\n            <div class=\"face2 card-face\">\r\n                <div id=\"cd-google-map\">\r\n                    <div id=\"google-container\"><\/div>\r\n                    <div id=\"cd-zoom-in\"><\/div>\r\n                    <div id=\"cd-zoom-out\"><\/div>\r\n                    <address>3618 N 53rd St, Milwaukee, WI 53216<\/address>\r\n                    <div class=\"back-cover\" data-card-back=\"data-card-back\"><i class=\"fa fa-long-arrow-left\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"face1 card-face\">\r\n                <div class=\"about-cover card-face\">\r\n                                            <a class=\"map-location\" data-card-front=\"data-card-front\"><img src=\"http:\/\/lilvic.com\/me\/wp-content\/themes\/pulse\/images\/map-icon.png\" alt=\"mapiconimg\">\r\n                        <\/a>\r\n                                            <div class=\"about-details\">\r\n                                                    <div><span class=\"fa fa-inbox\"><\/span><span class=\"detail\">victorw@alum.mit.edu<\/span>\r\n                            <\/div>\r\n                                                    <\/div>\r\n\r\n                    <div class=\"cover-content-wrapper\">\r\n                                                    <span class=\"about-description\">Hey there. I&#039;m a computer scientist and computer graphics professional who applies my Ph.D. in Engineering to solve real world problems in medical visualization.<\/span>\r\n                                                <span class=\"status\"><span class=\"fa fa-circle\"><\/span><span class=\"text\">Available as <strong>freelance<\/strong><\/span><\/span>                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <\/div><div id=\"panel-97-0-0-2\" class=\"so-panel widget widget_pulse_side_tabs panel-last-child\" data-index=\"2\">        <div class=\"verticaltab\">\r\n\r\n\r\n            <ul class=\"nav nav-tabs nav-tabs-left nav-centered\" role=\"tablist\">\r\n                                                <li role=\"presentation\" class=\"active\">\r\n                    <a href=\"#BIO\" data-toggle=\"tab\" role=\"tab\">\r\n                        <span class=\"fa fa-user\"><\/span>\r\n                    <\/a>\r\n                <\/li>\r\n                                                                <li role=\"presentation\">\r\n                    <a href=\"#HOBBIES\" data-toggle=\"tab\" role=\"tab\">\r\n                        <span class=\"fa fa-heart-o\"><\/span>\r\n                    <\/a>\r\n                <\/li>\r\n                                                                    <li role=\"presentation\">\r\n                    <a href=\"#FACTS\" data-toggle=\"tab\" role=\"tab\">\r\n                        <span class=\"fa fa-thumbs-o-up\"><\/span>\r\n                    <\/a>\r\n                <\/li>\r\n                                                <\/ul>\r\n\r\n            <div id=\"my_side_tabs\" class=\"tab-content side-tabs side-tabs-left\">\r\n                                                <div class=\"tab-pane fade in active\" id=\"BIO\" role=\"tabpanel\">\r\n                    <h3 class=\"mytabtitle\">BIO<\/h3>\r\n                    <h4 class=\"mytabsubtitle\">ABOUT ME<\/h4>\r\n                    <div class=\"tabcon\"><p>Hello there, my name is Victor Williamson. You can call me Vic, Victor or Dr. Williamson. I'm a black scholar and computer graphics professional who brings computer graphics technology to the field of 2D\/3D medical visualization. I help to streamline existing medical protocols by integrating 3D modeling, digital painting and animation with mobile app development. I graduated with my Ph.D. in Engineering from UW-Milwaukee in the department of computer science with an emphasis in computer graphics August, 2020. My research interests include 3D modeling of human surface anatomy, machine learning techniques for wound recognition and classification, generating 3D models from an image and making scalable 2D animation software accessible. <\/p><\/div>\r\n\r\n                <\/div>\r\n                                                                <div class=\"tab-pane fade\" id=\"HOBBIES\" role=\"tabpanel\">\r\n                    <h3 class=\"mytabtitle\">HOBBIES<\/h3>\r\n                    <h4 class=\"mytabsubtitle\">INTERESTS<\/h4>\r\n                    <div class=\"tabcon\"><p>My hobbies include promoting blacks in computer graphics and engaging in diverse story telling with themes taken from African folktales. I investigate the intersection between computer graphics technology and 2D animation production with emphasis on increasing the accessibility of 2D animation software. I try to keep up to date with forums that serve to highlight and promote minority representation in computing such as Blacks in Technology, Blacks in Computing and the National Society of Blacks in Computing. <\/p><\/div>\r\n\r\n                <\/div>\r\n                                                                    <div class=\"tab-pane fade\" id=\"FACTS\" role=\"tabpanel\">\r\n                    <h3 class=\"mytabtitle\">FACTS<\/h3>\r\n                    <h4 class=\"mytabsubtitle\">FACTS ABOUT ME<\/h4>\r\n                    <div class=\"tabcon\"><p>I graduated from MIT with both my B.S. and M.E. in computer science. I\u2019m originally from Milwaukee, an African-American who likes fitness, weight lifting, digital story telling, yoru\u0300ba\u0301 language and animation. I\u2019m a GEM Fellow alum and an AOP Fellow alum, whose journey through computer science is as unorthodox as they come. First starting in architecture, and briefly foraying into civil engineering, management, physics and electrical engineering before choosing computer science as my forte. <\/p><\/div>\r\n\r\n                <\/div>\r\n                                                <\/div>\r\n\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>PERSONAL DETAILS 3618 N 53rd St, Milwaukee, WI 53216 victorw@alum.mit.edu Hey there. I&#039;m a computer scientist and computer graphics professional who applies my Ph.D. in Engineering to solve real world problems in medical visualization. Available as freelance BIO ABOUT ME Hello there, my name is Victor Williamson. You can call me Vic, Victor or Dr. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/lilvic.com\/me\/wp-json\/wp\/v2\/pages\/97"}],"collection":[{"href":"http:\/\/lilvic.com\/me\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/lilvic.com\/me\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/lilvic.com\/me\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/lilvic.com\/me\/wp-json\/wp\/v2\/comments?post=97"}],"version-history":[{"count":23,"href":"http:\/\/lilvic.com\/me\/wp-json\/wp\/v2\/pages\/97\/revisions"}],"predecessor-version":[{"id":145,"href":"http:\/\/lilvic.com\/me\/wp-json\/wp\/v2\/pages\/97\/revisions\/145"}],"wp:attachment":[{"href":"http:\/\/lilvic.com\/me\/wp-json\/wp\/v2\/media?parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}