{"id":2046,"date":"2021-11-03T20:57:59","date_gmt":"2021-11-04T00:57:59","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/?p=2046"},"modified":"2021-12-20T02:14:09","modified_gmt":"2021-12-20T07:14:09","slug":"dingyus-personal-profolio","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/personal-project\/dingyus-personal-profolio\/","title":{"rendered":"Dingyu&#8217;s personal profolio"},"content":{"rendered":"\n<ul class=\"wp-block-list\"><li><strong>Title<\/strong>: \u00a0<strong>Web Site: Ding&#8217;s Site<\/strong><\/li><li><strong>Post Content<\/strong>: <ul><li><strong>Description<\/strong>:This project will show the design works of my school in these two semesters. And will post my personal drawing work. I will continue adding my future case study project.<\/li><li><strong>Technology and Skills Used<\/strong>: I use HTML as the the structure and frame of the page, CSS for styleing the page, JavaScript To make an animated menu. Use Github and Netlify to make my web pages browseable on the Internet by server. Also using Eleventy to let my web page be based on a self-defined template to make subsequent coding more convenient and efficient.<\/li><\/ul><ul><li> <strong>The process<\/strong>: The design of the website has undergone two major revisions. This is site map<\/li><li><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"814\" class=\"wp-image-2306\" style=\"width: 500px\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.05.22.png\" alt=\"\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.05.22.png 844w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.05.22-300x289.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.05.22-768x741.png 768w\" sizes=\"auto, (max-width: 844px) 100vw, 844px\" \/><\/li><li>In the design of the first edition, what I wanted to reflect was a page with a simple but avant-garde design. Therefore, I used to decorate and organize the page with many round-edged rectangular graphics, but the final effect was not satisfactory. <\/li><li><img loading=\"lazy\" decoding=\"async\" width=\"1048\" height=\"1100\" class=\"wp-image-2301\" style=\"width: 600px\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.59.51.png\" alt=\"\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.59.51.png 1048w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.59.51-286x300.png 286w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.59.51-976x1024.png 976w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.59.51-768x806.png 768w\" sizes=\"auto, (max-width: 1048px) 100vw, 1048px\" \/><\/li><li><img loading=\"lazy\" decoding=\"async\" width=\"1048\" height=\"886\" class=\"wp-image-2304\" style=\"width: 600px\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.01.27.png\" alt=\"\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.01.27.png 1048w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.01.27-300x254.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.01.27-1024x866.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.01.27-768x649.png 768w\" sizes=\"auto, (max-width: 1048px) 100vw, 1048px\" \/><img loading=\"lazy\" decoding=\"async\" width=\"644\" height=\"1252\" class=\"wp-image-2303\" style=\"width: 600px\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.01.36.png\" alt=\"\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.01.36.png 644w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.01.36-154x300.png 154w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.01.36-527x1024.png 527w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><\/li><li>Therefore, I made all design different from my secound version. I simplified the first self-introduction part of the homepage and added a background color.<img loading=\"lazy\" decoding=\"async\" width=\"822\" height=\"1164\" class=\"wp-image-2305\" style=\"width: 500px\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.03.19.png\" alt=\"\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.03.19.png 822w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.03.19-212x300.png 212w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.03.19-723x1024.png 723w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-02.03.19-768x1088.png 768w\" sizes=\"auto, (max-width: 822px) 100vw, 822px\" \/><\/li><\/ul><\/li><li><strong>Links<\/strong>: <a href=\"https:\/\/dingyufish.github.io\/MMP350\/\">https:\/\/dingyufish.github.io\/MMP350\/<\/a><\/li><li><strong>Netlify Link<\/strong>: <a href=\"https:\/\/app.netlify.com\/sites\/romantic-swirles-b96201\/overview\">https:\/\/app.netlify.com\/sites\/romantic-swirles-b96201\/overview<\/a><\/li><li><strong>Featured Image<\/strong>:<ul><li><img loading=\"lazy\" decoding=\"async\" width=\"764\" height=\"806\" class=\"wp-image-2299\" style=\"width: 600px\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.51.04.png\" alt=\"\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.51.04.png 764w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.51.04-284x300.png 284w\" sizes=\"auto, (max-width: 764px) 100vw, 764px\" \/><\/li><li><img loading=\"lazy\" decoding=\"async\" width=\"2004\" height=\"1202\" class=\"wp-image-2298\" style=\"width: 700px\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.48.16.png\" alt=\"\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.48.16.png 2004w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.48.16-300x180.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.48.16-1024x614.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.48.16-768x461.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.48.16-1536x921.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.48.16-1568x940.png 1568w\" sizes=\"auto, (max-width: 2004px) 100vw, 2004px\" \/><\/li><li><img loading=\"lazy\" decoding=\"async\" width=\"756\" height=\"820\" class=\"wp-image-2300\" style=\"width: 700px\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.52.15.png\" alt=\"\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.52.15.png 756w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/11\/\u622a\u5c4f2021-12-20-01.52.15-277x300.png 277w\" sizes=\"auto, (max-width: 756px) 100vw, 756px\" \/><\/li><\/ul><\/li><li><\/li><li><strong>Screenshot<\/strong>:\u00a0later in the class I will have you go back in and add screenshots when your project is complete. you may want to pull it up in a site like\u00a0<a rel=\"noreferrer noopener\" href=\"http:\/\/ami.responsivedesign.is\/\" target=\"_blank\">http:\/\/ami.responsivedesign.is\/<\/a>\u00a0so you can show how it is responsive.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Title: \u00a0Web Site: Ding&#8217;s Site Post Content: Description:This project will show the design works of my school in these two semesters. And will post my personal drawing work. I will continue adding my future case study project. Technology and Skills Used: I use HTML as the the structure and frame of the page, CSS for&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/personal-project\/dingyus-personal-profolio\/\">Continue reading <span class=\"screen-reader-text\">Dingyu&#8217;s personal profolio<\/span><\/a><\/p>\n","protected":false},"author":2951,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[162],"tags":[],"coauthors":[123],"class_list":["post-2046","post","type-post","status-publish","format-standard","hentry","category-personal-project","entry"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","gform-image-choice-sm":"","gform-image-choice-md":"","gform-image-choice-lg":""},"post_excerpt_stackable_v2":"<p>Title: \u00a0Web Site: Ding&#8217;s SitePost Content: Description:This project will show the design works of my school in these two semesters. And will post my personal drawing work. I will continue adding my future case study project.Technology and Skills Used: I use HTML as the the structure and frame of the page, CSS for styleing the page, JavaScript To make an animated menu. Use Github and Netlify to make my web pages browseable on the Internet by server. Also using Eleventy to let my web page be based on a self-defined template to make subsequent coding more convenient and efficient. The&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/category\/personal-project\/\" rel=\"category tag\">Personal Project<\/a>","author_info_v2":{"name":"dingyu wang","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/author\/dingyuwang\/"},"comments_num_v2":"0 comments","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false},"uagb_author_info":{"display_name":"dingyu wang","author_link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/author\/dingyuwang\/"},"uagb_comment_info":0,"uagb_excerpt":"Title: \u00a0Web Site: Ding&#8217;s Site Post Content: Description:This project will show the design works of my school in these two semesters. And will post my personal drawing work. I will continue adding my future case study project. Technology and Skills Used: I use HTML as the the structure and frame of the page, CSS for&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/2046","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/users\/2951"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/comments?post=2046"}],"version-history":[{"count":3,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/2046\/revisions"}],"predecessor-version":[{"id":2307,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/2046\/revisions\/2307"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/media?parent=2046"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/categories?post=2046"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/tags?post=2046"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/coauthors?post=2046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}