{"id":478,"date":"2013-11-02T19:13:24","date_gmt":"2013-11-02T18:13:24","guid":{"rendered":"http:\/\/www.dereckson.be\/blog\/?p=478"},"modified":"2015-03-26T20:19:59","modified_gmt":"2015-03-26T19:19:59","slug":"kiba-one-a-responsive-design-for-wolfplex","status":"publish","type":"post","link":"https:\/\/www.dereckson.be\/blog\/2013\/11\/02\/kiba-one-a-responsive-design-for-wolfplex\/","title":{"rendered":"Kiba One : a responsive design for Wolfplex"},"content":{"rendered":"<p>I&#8217;m preparing a design for a social and technological alternative cultural center. The design should be able to be declined for several sites, with several accent colors.<\/p>\n<p>It must stay sober but should allow more vivid stuff.<\/p>\n<p>Constraints: a Neuropol text logo, and to reuse a tunnel photo, the two being printed on A3 posters for 3 years, but not really used on the web.<\/p>\n<figure id=\"attachment_482\" aria-describedby=\"caption-attachment-482\" style=\"width: 1280px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/02-VideoLab.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-482 size-full\" src=\"https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/02-VideoLab.jpg\" alt=\"\" width=\"1280\" height=\"1829\" srcset=\"https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/02-VideoLab.jpg 1280w, https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/02-VideoLab-210x300.jpg 210w, https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/02-VideoLab-717x1024.jpg 717w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/a><figcaption id=\"caption-attachment-482\" class=\"wp-caption-text\">Wolfplex Video Lab. A sample of how to decline the design for a project more visitors-oriented. Camera photos by David Ritter.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_481\" aria-describedby=\"caption-attachment-481\" style=\"width: 1280px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/01-MediaWikiSkin.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-481 size-full\" src=\"https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/01-MediaWikiSkin.png\" alt=\"\" width=\"1280\" height=\"1514\" srcset=\"https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/01-MediaWikiSkin.png 1280w, https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/01-MediaWikiSkin-254x300.png 254w, https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/01-MediaWikiSkin-866x1024.png 866w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/a><figcaption id=\"caption-attachment-481\" class=\"wp-caption-text\">We keep the same footer, but with another color for the wiki (MediaWiki as engine). This color is repeated on the topmost 4px line, and then for the site actions (search, login, language selection). To quit the flat 2013 parading, we combine the flat approach with a drop shadow and a BeOS tab for the infobox.<\/figcaption><\/figure>\n<figure id=\"attachment_480\" aria-describedby=\"caption-attachment-480\" style=\"width: 1280px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/03-BlackContent.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-480 size-full\" src=\"https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/03-BlackContent.jpg\" alt=\"\" width=\"1280\" height=\"1455\" srcset=\"https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/03-BlackContent.jpg 1280w, https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/03-BlackContent-264x300.jpg 264w, https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/03-BlackContent-901x1024.jpg 901w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/a><figcaption id=\"caption-attachment-480\" class=\"wp-caption-text\">This design can used to show black content too.<\/figcaption><\/figure>\n<figure id=\"attachment_479\" aria-describedby=\"caption-attachment-479\" style=\"width: 1280px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/04-Invitation.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-479 size-full\" src=\"https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/04-Invitation.jpg\" alt=\"\" width=\"1280\" height=\"1179\" srcset=\"https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/04-Invitation.jpg 1280w, https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/04-Invitation-300x276.jpg 300w, https:\/\/www.dereckson.be\/blog\/wp-content\/uploads\/2015\/03\/04-Invitation-1024x943.jpg 1024w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/a><figcaption id=\"caption-attachment-479\" class=\"wp-caption-text\">And it allows personnalization, like here a sample of an invitation for a cooking event. Spices photos by Zsuzsanna Kilian.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p><em>This post has\u00a0initially been posted to Forrst.<\/em><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;m preparing a design for a social and technological alternative cultural center. The design should be able to be declined for several sites, with several accent colors. It must stay sober but should allow more vivid stuff. Constraints: a Neuropol text logo, and to reuse a tunnel photo, the two being printed on A3 posters [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[230],"tags":[82,244],"class_list":["post-478","post","type-post","status-publish","format-standard","hentry","category-webdesign","tag-design","tag-wolfplex"],"_links":{"self":[{"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/posts\/478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/comments?post=478"}],"version-history":[{"count":1,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/posts\/478\/revisions"}],"predecessor-version":[{"id":483,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/posts\/478\/revisions\/483"}],"wp:attachment":[{"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/media?parent=478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/categories?post=478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/tags?post=478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}