Brux – Every Body Walk site conversion noel saw Save to my account Report List April 29, 2014 Uncategorized Verified List (0 votes) Initial home page markup of how content is sourced: http://goo.gl/WCIYO7 2nd draft markup for PSDs: https://www.dropbox.com/s/n1rieukc48oan17/ebw-layouts-01-readonly-highquality.pdf List of PSDs here: http://goo.gl/LZXnaW First draft WP site of home page and 2 other page templates in 5 business days after PSDs are sent Basic mobile responsive layout Use CityWalkTelevision.com as code base to retain same work flow for Expert profiles and Episodes custom post types if possible - https://riglercreative.basecamphq.com/W5591671 Site map coming up Copy over enough basic content from current http://Everybodywalk.org site to make demo site - Pam will assist with bringing over more content later. Eric setting up http://dev.everybodywalk.com by Friday Noel - provide overview of functionality of modules on PSDs once received Brux - FTP / WP admin login ok Noel - need a "regular" version of the Avenir Next font for the post titles. Brux - Enter in Experts as WP users and Cities into Taxonomy from Previous sites "Watch" & "Short" Page PSD to WP + Post filtering for those categories "Documentary" page PSD to WP "Home" PSD to WP Brux - P1: hide 2nd sub navigation on smartphone view Pledge PSD - see Basecamp thread: http://goo.gl/V1Xkm1 Experts PSD - http://goo.gl/vbyMzA Read PSD - http://goo.gl/SiZdDn Static page PSD - http://goo.gl/ai5olL For Static page - please add right sidebar widget area template as 2nd option P1: Need to show drop down menus - see sitemap: http://goo.gl/3RxrKL P1: Right sidebar post widget - clickable and linked to posts P1: Make sure to drive "Experts" with WP Users & Bios database Home featured "expert" currently an "admin" instead of a "subscriber"/by Pam - http://goo.gl/Q5P5n0 Documentary page: Connect "Take Pledge" button to Pledge page Make "Experts" users as author level users - use email address format "firstname.lastname@example.org" with "expert" as prefix. Pam - test "Pledge" form and post results here as comments. Change "Blog" page and navigation to "Tumblr" and use iframe to this page: https://www.tumblr.com/register/follow/everybodywalk Experts page isn't showing 2nd test user "Test Expert" (author level) Documentary page - pledge button going to original site Pledge page Use videos from YouTube page: https://www.youtube.com/user/EveryBodyWalk/ Eric - Create htaccess password to authenticate users Read pages PSD - important read notes carefully: https://riglercreative.basecamphq.com/projects/11193700-every-body-walk/todo_items/184338443/comments/ Add new iframe embed code for "Pledge" page - see comments below Pam - convert 30 more posts (not blog) from old site by Wed morning LA time Pam - give estimate on how many minutes it takes to copy each post average including downloading/re-uploading images to media library Pam - convert that Google spreadsheet for sitemap using web drawing app - http://drive.draw.io Brux - "read more" button doesn't load correct fonts on new content - http://goo.gl/nrzhqc Brux - note the primary video platform will be YouTube - make sure we can show the thumbnails for smaller posts (not main post) if needed P2: Footer - horizontal rule is too long: https://dl.dropboxusercontent.com/s/1ykrrvnpa4y5900/2014-05-22%20at%2010.22%20AM.png Brux - Change "Blog" page title to "Tumblr" - I tried to do it but the page editor title didn't work. I already changed the menu builder. Brux - home page: too much space in top left images/videos area - screenshot: https://dl.dropboxusercontent.com/s/rk60rsk84r730h5/2014-05-22%20at%202.21%20PM.png Brux - overall navigation wrapping needs to be adjusted - even at 1050 pixels, the nav is wrapping to second line (should only be 1). Screenshot: https://dl.dropboxusercontent.com/s/cxvwyiwpu7zzeha/2014-05-22%20at%202.25%20PM.png Brux - Pledge page - form distorts on narrow window - alignment is lost: https://dl.dropboxusercontent.com/s/dmsdqasrfxl0u5v/2014-05-22%20at%203.08%20PM.png Brux - which FB API key needs to be generated for Pledge page? Brux - Pledge page - make right side headline, video, and text editable as part of page editor - https://dl.dropboxusercontent.com/s/dmsdqasrfxl0u5v/2014-05-22%20at%203.08%20PM.png Brux - Act page slice - PSD part of first set of ZIP files - just make checkmarks be HTML forms only - no code hookup Brux - cleanup Documentary page - match up to PSD for footer - bottom has redundant links: https://dl.dropboxusercontent.com/s/unptxlbfyg5eq6l/2014-05-22%20at%203.28%20PM.png Brux - hook up newsletter signup form to Mailchimp - see email or Rigler Creative basecamp for API key string Brux - Home page - add link for top Experts bio photo and text to profile page - screenshot: https://dl.dropboxusercontent.com/s/p315ivie504usoh/2014-05-22%20at%204.12%20PM.png Brux - per wireframe - featured "expert" user checkbox should show random expert on home page if multiple are selected "on" P1: Make current page/section indicator on navigation bar - look on PSDs or PDF: https://www.dropbox.com/s/ffnq1hody374lor/ebw-layouts-01.pdf Press page: Use same layout as "Read" pages but with "press" category posts. Allow Category pages to use user defined featured image - use "category" featured image in Category details editor - screenshot: https://dl.dropboxusercontent.com/s/odnya9jnszx3gwn/2014-05-23%20at%203.53%20PM.png Read -> "Article" category page should look like the parent "Read" category page but filtered by "Article" posts only Individual posts with "article" category should look like this: https://dl.dropboxusercontent.com/s/e9lvj91yvnw91s2/2014-05-23%20at%204.50%20PM.png P1: Make top left logo clickable to go to the "/" root URL PSD slice: Act -> Workplace - https://riglercreative.basecamphq.com/projects/11193700-every-body-walk/todo_items/184105577/comments#280731027 PSD slice: Watch -> Summit - https://riglercreative.basecamphq.com/projects/11193700-every-body-walk/todo_items/184105555/comments#281134440 Reuse page template: Read -> Salis - https://riglercreative.basecamphq.com/projects/11193700-every-body-walk/todo_items/184105657/comments Reuse page template: Read -> Health - https://riglercreative.basecamphq.com/projects/11193700-every-body-walk/todo_items/184105650/comments#280731191 Nav on narrow window is already collapsed and cannot be minimized. http://goo.gl/HLYcBC /pam noel saw says: May 5, 2014 at 11:11 pm Hi Brux, here’s the markup of the home page: http://goo.gl/LBNe80 I’ll add more note in the next few days. I am still thinking about whether or not we need the functionality in the CityWalk theme but for now can you assume we’re going to use it? Thanks! Noel Log in to Reply | noel saw says: May 5, 2014 at 11:18 pm Here’s a better one with footer widget area notes: http://goo.gl/WCIYO7 Log in to Reply | noel saw says: May 7, 2014 at 3:34 am Newest markup: https://www.dropbox.com/s/n1rieukc48oan17/ebw-layouts-01-readonly-highquality.pdf – I’ll keep adding more notes tomorrow. Log in to Reply | Brux Romuar says: May 7, 2014 at 9:38 am Hi Noel, Thanks for the markups & notes. Those will really help. Uploaded an early draft of the theme today, homepage is still rough but the documentary page is done now. I’m also gonna need a “regular” version of the Avenir Next font, we only have the semi-bold one. The regular one is used for post titles & sub-headers. I’ll add a task item above. Log in to Reply | noel saw says: May 8, 2014 at 10:29 pm Hi Brux, I’ll request copy of the Avenir Next tomorrow. How’s the rest of the PSDs going? Can we have more solid home page and “Watch” + “Shorts” page done by Monday morning please? Also can squeeze in a few StrataList updates too please 🙂 but for EBW is higher priority. Thanks! Noel Log in to Reply | Brux Romuar says: May 9, 2014 at 9:31 am Hi Noel, Thanks! Homepage is all good now: http://dev.everybodywalk.org, just the photo galleries missing because I may need to build the detail pages first so I know what to put in there. I hope that makes sense. I’ll try to squeeze in SL but I can’t promise noel, EBW eats too much time hehe. Thanks and have a good weekend. Brux Log in to Reply | noel saw says: May 9, 2014 at 5:01 pm Hi Brux, thanks for the update! Home page looks good. So I posted a to-do to enter in Expert bios as WP users subscriber level (like we do on DHCS) and enter in Cities into the Taxonomy for posts. Also how’s the “Watch” & “Shorts” WP page coding going please? Have a great weekend! Noel Log in to Reply | Brux Romuar says: May 12, 2014 at 2:22 am Hi Noel, Shorts is ready: http://dev.everybodywalk.org/shorts/. I’ll just add an initial 5 users & cities noel for demo since it’ll use up time when it should be for coding page & templates. I hope you understand. Brux Log in to Reply | Brux Romuar says: May 12, 2014 at 2:24 am Take you very much for the markups as well! I just saw them today, but I’ll update the templates to match the markups. Brux Log in to Reply | noel saw says: May 12, 2014 at 10:10 am Thanks Brux. I think you noticed the Watch page is using the same layout as “shorts”. So posts for “Watch” page should be “Watch” category. Posts for “Shorts” page = “Shorts” child category. Also please take a look at the new PSDs that Scott uploaded here: https://riglercreative.basecamphq.com/projects/11193700-every-body-walk/todo_lists/25654386#183798624 Log in to Reply | noel saw says: May 12, 2014 at 10:18 am Hi Brux, I created new to-do’s with each PSD as the last items on this list above 🙂 Could you try to get those done by Wed? I have a demo with them on Friday morning so I’d like to review Wed so you can polish up on Thursday 🙂 Thanks! Noel Log in to Reply | noel saw says: May 12, 2014 at 10:51 am Also here’s the site map with a column if PSD was received yet or not: https://docs.google.com/spreadsheets/d/146ObAupvJONP7WXPuuaMJUhpFrhe63isnBbVgukqaAM/edit#gid=0 Log in to Reply | Brux Romuar says: May 14, 2014 at 3:09 am Hi Noel, More pages: – Pledge http://dev.everybodywalk.org/pledge/ – Expert’s page http://dev.everybodywalk.org/author/admin – Read Page http://dev.everybodywalk.org/read – Static Page http://dev.everybodywalk.org/terms-of-use – Static Page with Sidebar http://dev.everybodywalk.org/terms-of-use Also noel any updates on the light version of Avenir? Thanks. Brux Log in to Reply | noel saw says: May 14, 2014 at 10:49 am Hi Brux,thanks for the pages! Client replied on their Basecamp the “regular” and “light” versions are now bought in the Linotype.com account now. I’ll post feedback shortly. Noel Log in to Reply | noel saw says: May 14, 2014 at 10:52 am Brux, can you start showing the drop down menus please? They were shown in the reference PDF and here’s the Google spreadsheet: http://goo.gl/3RxrKL Also please make sure there are two pages under “Watch”. Main “Watch” page (filtered for just posts with watch) and “Shorts” filtered to only show “Shorts” posts. Thanks! Log in to Reply | noel saw says: May 14, 2014 at 11:05 am Also when will the right sidebar for “Walk the Talk” be functional please? Please make sure to link up both thumbnail, headline, and text. Log in to Reply | noel saw says: May 14, 2014 at 11:10 am Sorry for multiple messages. For the right sidebar “Walk the Talk” posts please make individual posts and use the “Page Links To” plugin/metabox (already installed) to redirect them to the right URL. Thanks! Log in to Reply | Brux Romuar says: May 15, 2014 at 3:04 am Hi Noel, Updates are up. For some of the links & menus, I’m not quite sure where to link some items. If there’s something missing or wrong just let me know & I’ll update. One problem: Experts page. Currently experts are subscriber-level but on the experts page they should have posts which subscribers cannot do. Log in to Reply | noel saw says: May 15, 2014 at 11:28 am Hi Brux, for “Experts” feel free to bump them up to “author” level then. Log in to Reply | noel saw says: May 19, 2014 at 10:30 am Hi Brux, here’s the video embed code for the Pledge page: http://everybodywalk.org/pledge?Name=Value Log in to Reply | pamsy says: May 19, 2014 at 11:32 am re: Testing Pledge Form http://dev.everybodywalk.org/pledge/ Hi Noel, The pledge form worked fine.Observations: 1. A “Thank you for your pledge!” message appeared after pledge submission. 2. Haven’t received email notification or the like though I’ve checked the box for “I’d like to receive email updates from Every Body Walk!” – not sure if I should receive or not by doing so. Pam Log in to Reply | noel saw says: May 19, 2014 at 11:35 am Hi Pam, thanks! Also do you think you can copy over another 30 headline/news posts from the old site by Wed morning LA time? For the blog, we’re going to use create a new page with an iframe to the Tumblr page and actually rename “blog” to “Tumblr” so you don’t have to transfer those. Log in to Reply | pamsy says: May 20, 2014 at 10:36 pm Hi Noel, Done adding 20 articles and 10 latest news. http://dev.everybodywalk.org/ 1 post = 1 to 2 minutes. Pam Log in to Reply | Brux Romuar says: May 21, 2014 at 1:52 am Hi Noel, Sorry things had been crazy during the past few days. I already continued working on the next set of pages. Log in to Reply | Brux Romuar says: May 21, 2014 at 1:55 am Just to clarify noel, so Read > Blog will display an iframe to their tumblr? and #35 Read PSD will be the main/top Read page (Replacing the current one here http://dev.everybodywalk.org/read/) Log in to Reply | noel saw says: May 21, 2014 at 10:43 am Hi Brux, yes correct “Blog” will be renamed to “Tumblr” and use a format like this: http://citywalktelevision.com/tumblr/ Other than that the notes from the client for Read pages are here: Read (Main) PSD: https://riglercreative.basecamphq.com/projects/11193700-every-body-walk/todo_items/184338443/comments Read -> Article PSD: https://riglercreative.basecamphq.com/projects/11193700-every-body-walk/todo_items/184338446/comments Can you make a big push to have this section done by tomorrow morning LA time please? I need to show the client progress and haven’t had any updates in almost a week 🙂 Thanks! Log in to Reply | Brux Romuar says: May 22, 2014 at 3:15 am Hi Noel, Actually I’ve been writing the pages slowly during the past days, just didn’t upload them yet since some parts of the theme were buggy. http://dev.everybodywalk.org/read/ http://dev.everybodywalk.org/read/blog/ http://dev.everybodywalk.org/read/article/ Also updated the pledge and documentary page. Also noel, this may be a big request but it’ll help in the long run and make everything work smoothly: Updated site map & short descriptions about what each page is about. (example: http://www.ohio.edu/people/nh358706/EDCT531/Proposal_Site/images/sitemap.jpg) That will really help in organizing pages, their logic and how they relate to each other so we won’t be refactoring/reorganizing stuff always. Refactoring code takes so much time and bugs are likely to occur. Imagine always rearranging wires in a tangled clump, we’re bound to connect wrong wires to the wrong ports because they aren’t all labeled. I hope that makes sense. We used http://drive.draw.io (A google drive app) on my previous projects to easily create & share site maps. You can then easily revise the site map whenever you have updates so we’re all in the same page and then I’ll make sure the end result is what you and RC think the EBW will be. Thanks. Brux Log in to Reply | noel saw says: May 22, 2014 at 9:39 am Thanks Brux. I’ll ask Pam to convert the Google spreadsheet (link below) to a more visual sitemap. https://docs.google.com/spreadsheets/d/146ObAupvJONP7WXPuuaMJUhpFrhe63isnBbVgukqaAM/edit I noticed a bug with the “read more” button at the bottom of the pages. I am creating a to-do for it now. Pam, can you please convert that Google doc using that app Brux recommended? http://drive.draw.io Thanks Team! Noel Log in to Reply | noel saw says: May 22, 2014 at 10:17 am Hi Brux, the primary video platform will be YouTube. Can we make sure that we can pull in the thumbnails from YouTube automatically? Thanks! Noel Log in to Reply | noel saw says: May 22, 2014 at 3:27 pm Hey Brux, for the Pledge page “Login with Facebook” do they need to generate an FB API key? If so where’s the generator? https://developers.facebook.com/docs/graph-api Please supply specific URL with the form. Thanks! Noel Log in to Reply | Brux Romuar says: May 23, 2014 at 12:50 am Hi Noel, They can create an FB App here: https://developers.facebook.com/, login then App > Create in the top menu. Featured Expert: it’ll show the most recent user who has the featured checkbox selected. YouTube Thumbnails: Gotcha, I’ll whip up a function for that. Fonts on Read Page: Can you try clearing the cache or incognito mode? CSS works fine here. Brux Log in to Reply | noel saw says: May 23, 2014 at 10:00 am Thanks Brux for the info. For the “Featured Experts”, in my wireframe I had it commented so if multiple are selected with the checkmark = on, then a random expert gets shown. Screenshot: https://dl.dropboxusercontent.com/s/cinrfsn4i5rrux2/2014-05-23%20at%209.58%20AM.png Also did you see the new to-do fixes that I added starting at #48? Thanks a bunch! Hope you have a good weekend! Noel Noel Log in to Reply | pamsy says: May 28, 2014 at 2:34 am Hi Noel, For unknown reason, I can’t access this page http://drive.draw.io/ on my end. Not familiar with this too. Pam Log in to Reply | Brux Romuar says: May 28, 2014 at 5:04 am Updates are up on the dev site. Log in to Reply | noel saw says: May 28, 2014 at 9:37 am @Brux, thanks! @Pam, can you review please? @Pam, can you try using the Google Drive / Docs drawing tool then? https://support.google.com/docs/answer/179740?hl=en Or if you can use Adobe Illustrator? Thanks! Noel Log in to Reply | noel saw says: May 28, 2014 at 4:40 pm Hi Brux, thanks for fixing most of the client issues. FYI – Matt is going through and creating to-do’s based on Lindsay’s feedback. He’s closing them or asking for further clarifications. Also I noticed that issue #59 – linking the logo to root isn’t done yet? Also did you see these new pages to slice (or re-use a template below)? https://riglercreative.basecamphq.com/projects/11193700-every-body-walk/todo_items/184105555/comments#281134440 https://riglercreative.basecamphq.com/projects/11193700-every-body-walk/todo_items/184105577/comments#280731027 Reuse page template https://riglercreative.basecamphq.com/projects/11193700-every-body-walk/todo_items/184105657/comments https://riglercreative.basecamphq.com/projects/11193700-every-body-walk/todo_items/184105650/comments#280731191 Log in to Reply | pamsy says: May 31, 2014 at 7:14 am Hi Noel, #39 — I shared the sitemap link to your gmail and transferred its ownership. Pam Log in to Reply | Leave a Comment Cancel ReplyYou must be logged in to post a comment.