{"id":1890,"date":"2015-06-09T00:06:28","date_gmt":"2015-06-08T15:06:28","guid":{"rendered":"https:\/\/2015.kansai.wordcamp.org\/?p=1890"},"modified":"2015-07-02T13:24:36","modified_gmt":"2015-07-02T04:24:36","slug":"introducing-css-wapuu-and-its-github-repo","status":"publish","type":"post","link":"https:\/\/kansai.wordcamp.org\/2015\/introducing-css-wapuu-and-its-github-repo\/","title":{"rendered":"Introducing CSS Wapuu and its Github repo"},"content":{"rendered":"<p>One of the organizers, <a href=\"https:\/\/profiles.wordpress.org\/mismith227\" target=\"_blank\">mismith227<\/a> has created a css version of Wapuu. It&#8217;s not an image but drawn with HTML and CSS.<\/p>\n<div class=\"css-wapuu canvas\">\n<p><!-- \u3057\u3063\u307d\u30fb\u7dda\/\u5857\u308a --><\/p>\n<div class=\"line-tail1\"><\/div>\n<div class=\"line-tail2\"><\/div>\n<div class=\"tail1\"><\/div>\n<div class=\"tail2\"><\/div>\n<div class=\"tail3\"><\/div>\n<div class=\"tail4\"><\/div>\n<p><!-- \u7dda --><\/p>\n<div class=\"line1\"><\/div>\n<div class=\"line2\"><\/div>\n<p><!-- \u30dc\u30fc\u30eb\u30fbw\u3092\u56f2\u3080\u767d\u7dda --><\/p>\n<div class=\"ball\"><\/div>\n<div class=\"ball2\"><\/div>\n<div class=\"boll-light\"><\/div>\n<div class=\"w-circle\"><\/div>\n<div class=\"w-circle-inner\"><\/div>\n<p><!-- w\u306e\u5b57 --><\/p>\n<div class=\"w-1\"><\/div>\n<div class=\"w-2\"><\/div>\n<div class=\"w-3\"><\/div>\n<div class=\"w-4\"><\/div>\n<div class=\"w-5\"><\/div>\n<div class=\"w-6\"><\/div>\n<div class=\"w-7\"><\/div>\n<div class=\"w-8\"><\/div>\n<div class=\"w-9\"><\/div>\n<div class=\"w-10\"><\/div>\n<div class=\"w-11\"><\/div>\n<div class=\"w-12\"><\/div>\n<div class=\"w-13\"><\/div>\n<p><!-- \u9854\u30fb\u7dda --><\/p>\n<div class=\"line-face1\"><\/div>\n<div class=\"line-face2\"><\/div>\n<p><!-- \u4e21\u624b\u30fb\u7dda --><\/p>\n<div class=\"line-right-hand\"><\/div>\n<div class=\"line-left-hand\"><\/div>\n<p><!-- \u5de6\u811a\u30fb\u7dda --><\/p>\n<div class=\"line-left-leg\"><\/div>\n<p><!-- \u9854\u30fb\u5857\u308a --><\/p>\n<div class=\"face\"><\/div>\n<div class=\"neck\"><\/div>\n<p><!-- \u80f4\u30fb\u5857\u308a --><\/p>\n<div class=\"body\"><\/div>\n<div class=\"belly\"><\/div>\n<p><!-- \u8155\u30fb\u5857\u308a --><\/p>\n<div class=\"left-hand\"><\/div>\n<div class=\"right-hand\"><\/div>\n<div class=\"arm\"><\/div>\n<p><!-- \u53f3\u8db3\u30fb\u7dda\/\u5857\u308a --><\/p>\n<div class=\"line-right-foot\"><\/div>\n<div class=\"right-foot\"><\/div>\n<p><!-- \u5de6\u811a\u30fb\u5857\u308a --><\/p>\n<div class=\"left-leg\"><\/div>\n<p><!-- \u5de6\u8db3\u30fb\u7dda\/\u5857\u308a --><\/p>\n<div class=\"line-left-foot\"><\/div>\n<div class=\"left-foot\"><\/div>\n<div class=\"thenar\"><\/div>\n<p><!-- \u5de6\u8033\u30fb\u7dda\/\u5857\u308a --><\/p>\n<div class=\"line-left-ear\"><\/div>\n<div class=\"ear-left\"><\/div>\n<p><!-- \u53f3\u8033\u30fb\u5857\u308a --><\/p>\n<div class=\"ear-right\"><\/div>\n<p><!-- \u9854\u30d1\u30fc\u30c4 --><\/p>\n<div class=\"eye-rignt blink\"><\/div>\n<div class=\"eye-left blink\"><\/div>\n<div class=\"nose\"><\/div>\n<div class=\"mouth\"><\/div>\n<\/div>\n<p>His work is on <a href=\"https:\/\/github.com\/mismith0227\/csswapuu\" target=\"_blank\">Github ( https:\/\/github.com\/mismith0227\/csswapuu )<\/a> and he is waiting for your forks and pull requests. Try drawing your own local one!<br \/>\n<!--more--><\/p>\n<h2>About Wapuu<\/h2>\n<p>Wapuu is the mascot character of WordPress and you can <a href=\"http:\/\/jawordpressorg.github.io\/wapuu\/faq_en.html\">read more about him at Wapuu&#8217;s Q&amp;A page<\/a>. He was created by a Japanese creator <a href=\"http:\/\/blog.cgfm.jp\/mutsuki\/\">Kazuko Kaneuchi<\/a>, is distributed under GPL and has been forked as local versions in Japan and in the World. Read <a href=\"http:\/\/wptavern.com\/scott-evans-on-designing-the-punk-wapuu-for-wordcamp-london-2015\">this article about &#8220;Punk Wapuu&#8221;<\/a>, too \ud83d\ude42<\/p>\n<h2>IE 8<\/h2>\n<figure id=\"attachment_1866\" aria-describedby=\"caption-attachment-1866\" style=\"width: 291px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/2015.kansai.wordcamp.org\/files\/2015\/06\/csswapuu-ie8.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/2015.kansai.wordcamp.org\/files\/2015\/06\/csswapuu-ie8-291x300.png\" alt=\"csswapuu-ie8\" width=\"291\" height=\"300\" class=\"size-medium wp-image-1866\" srcset=\"https:\/\/kansai.wordcamp.org\/2015\/files\/2015\/06\/csswapuu-ie8-291x300.png 291w, https:\/\/kansai.wordcamp.org\/2015\/files\/2015\/06\/csswapuu-ie8.png 360w\" sizes=\"auto, (max-width: 291px) 100vw, 291px\" \/><\/a><figcaption id=\"caption-attachment-1866\" class=\"wp-caption-text\">IE 8 version :p<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>One of the organizers, mismith227 has created a css version of Wapuu. It&#8217;s not an image but drawn with H &hellip; <a href=\"https:\/\/kansai.wordcamp.org\/2015\/introducing-css-wapuu-and-its-github-repo\/\" class=\"more-link\">\u7d9a\u304d\u3092\u8aad\u3080 <span class=\"screen-reader-text\">Introducing CSS Wapuu and its Github repo<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":5697464,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-1890","post","type-post","status-publish","format-standard","hentry"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5A9VM-uu","_links":{"self":[{"href":"https:\/\/kansai.wordcamp.org\/2015\/wp-json\/wp\/v2\/posts\/1890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kansai.wordcamp.org\/2015\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kansai.wordcamp.org\/2015\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kansai.wordcamp.org\/2015\/wp-json\/wp\/v2\/users\/5697464"}],"replies":[{"embeddable":true,"href":"https:\/\/kansai.wordcamp.org\/2015\/wp-json\/wp\/v2\/comments?post=1890"}],"version-history":[{"count":12,"href":"https:\/\/kansai.wordcamp.org\/2015\/wp-json\/wp\/v2\/posts\/1890\/revisions"}],"predecessor-version":[{"id":2960,"href":"https:\/\/kansai.wordcamp.org\/2015\/wp-json\/wp\/v2\/posts\/1890\/revisions\/2960"}],"wp:attachment":[{"href":"https:\/\/kansai.wordcamp.org\/2015\/wp-json\/wp\/v2\/media?parent=1890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kansai.wordcamp.org\/2015\/wp-json\/wp\/v2\/categories?post=1890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kansai.wordcamp.org\/2015\/wp-json\/wp\/v2\/tags?post=1890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}