Menu
Logged-In As
ACCOUNTNot Logged In
Create Wordpress theme for BRL-CAD website #2BRL-CAD
Status: ClosedTime to complete:
72 hrs
Mentors: Sean
BRL-CAD's website was recently redesigned. The current website uses Drupal and Mediawiki. Our new website will be using Wordpress and Mediawiki.
This task involves creating a custom Wordpress theme based on our new website design.
References:
- http://cpp-tricks.com/brlcad/
Uploaded Work
| File name/URL | File size | Date submitted | |
|---|---|---|---|
| Front Page - Login.png | 52.8 KB | December 29 2013 05:09 UTC | |
| screenshots.zip | 5.4 MB | December 29 2013 05:11 UTC | |
| brlcad.zip | 9.0 MB | December 29 2013 05:11 UTC |
I would like to work on this task.
This task has been assigned to Jacob B. You have 72 hours to complete this task, good luck!
The claim on this task has been removed, someone else can claim it now.
I would like to work on this task.
The claim on this task has been removed, someone else can claim it now.
how is this different from http://www.google-melange.com/gci/task/view/google/gci2013/4671617942683648 should i not do it because i did the other one?
I would like to work on this task.
This task has been assigned to Olexander Dubenko. You have 72 hours to complete this task, good luck!
The claim on this task has been removed, someone else can claim it now.
I would like to work on this task.
This task has been assigned to Cameron. You have 72 hours to complete this task, good luck!
There is wordpress.com and wordpress.org, which one should I use.
The claim on this task has been removed, someone else can claim it now.
I would like to work on this task.
The claim on this task has been removed, someone else can claim it now.
Is it possible to create a statically designed website instead of a dynamic one?
I hope you are clear with the difference between static and dynamic website. In static website, all content is stored in source files whereas in dynamic one we use a database at backend. So, for BRL-CAD I think only dynamic website would be preferred.
Right, it's just that the website provided is actually statically designed. I can finish a static website in a day, but php is my weakpoint so it would have to take me much, much longer to complete. However I can still try; I'm interested in web development.
I would like to work on this task.
This task has been assigned to Anita Leung. You have 72 hours to complete this task, good luck!
Do you have any preference on how the other pages should be designed?
You can view screenshots of what I have so far from the front end and back:
https://www.dropbox.com/sh/0vtgo0eg7zqag5x/17LHpUlwdg/screenshots
What I want to work on:
So I think I will need atleast a few days to finish the site, can I get a time extension? To be honest, all I want to do on Christmas is eat and watch movies.
The deadline of the task has been extended with 2 days and 0 hours.
The work on this task is ready to be reviewed.
Melange has detected that the deadline has passed and no more work can be submitted. The submitted work should be reviewed.
To use this theme, put the brlcad folder in wp-content themes. Insert plugins into wp-content plugins. Make sure you activate the theme (appearance theme) and the plugins Advanced Custom Fields, bbPress, MaxGalleria Lite, Simple Page Ordering, Table of Contents Plus, and WP Image Slider with Lightbox. Unfortunately I didn't have enough time to submit the Wordpress content I used (yes, I did literally work up to the last minute) so... here's the dropbox link to download the xml file https://dl.dropboxusercontent.com/u/53837149/brl-cad.wordpress.2013-12-29.xml. To import this file, click tools import Wordpress, then choose the file and upload it. Delete the uneeded users, posts, pages, and categories. Go to Settings Reading and where it says "Front page displays," click on "a static page" and choose the Front page as Front Page and Posts page as blog. This basically makes Front Page become the home page and Blog become the page where all the posts are shown.
All the pages are responsive and dynamic. Most of everything I could think of was checked and styled. The only things that I didn't get to fixing was mozilla and ie that kept ignoring the max-width I put on the images for the front page, reordering the content shown on smaller screens, and I could have maybe designed the comments section differently. I also didn't have enough time to add special prefixed properties to my stylesheets and double check if I used best practices for my jquery and php.
My two most favorite things I got working was the front page fading effect on the pictures when the user hovers his/her mouse over them (by the way, make sure you only use two images for each about section -- one when the mouse isn't over the image and another when it is), and the awesome dropdown menu on the documentation page (which took a heck of lot of css and jquery to figure out). My other favorite part was designing the pages and reusing that branded pink color throughout the theme.
For the documentation pages, all you need to insert into the content editor is [toc] to add a table of contents. When you click on the links, the page will automatically scroll down to that corresponding section on the page. (I made it so that the plugin grabs h1 titles and insert them into the table but you can customize the plugin to grab h2's instead. This way you could make only h2's appear in the table of contents, and add an h1 anywhere and it wouldn't appear in the table.) To add pictures to the gallery, create a gallery, add pictures, and insert its shortcode onto the Gallery page. For the community page, just work with the bbPress forums options. on the Download and Front Page I created uses custom fields I made to let make it easy to edit the content.
Sometimes the page looks like it falls apart on refresh and then jumps back together - this, I found out, was made from the lightbox plugin needed to display the gallery pictures. I tried a million lightbox plugins and thought WP Image Slider with Lighbox as best, but you can try some more to see which lightbox plugin doesn't make the page do this at all.
If you'd like me to modify or fix anything, or you'd like me to help with configuring the site, please drop me a line. Also if you have any other tasks about web development/design, it would be great if I could help.
Congratulations, this task has been completed successfully.
Anita, this work is above and beyond what is expected for a GCI task, so sincere thank you for your time and efforts. We'll have to do some work to compare your theme with the other GCI participant, but our intention is to make this new theme go live before GCI is over. Please do join our brlcad-news mailing list where we'll announce the new website in the upcoming weeks (and we'll be crediting you by name if we use this theme or any portion thereof).
Excellent work.
We will undoubtedly have more web development/design tasks get posted, so keep checking back every day and/or send a message to devs@brlcad.org if YOU have something specific to suggest for the website that you could work on.
Thank you so much for your acknowledgements! I started the competition late so it feels really awesome to know I could still make an impression. I'm also really honored to know I have the privilege to suggest follow up tasks on the website. No concrete ideas come up from the top of my head at the moment other than checking browser compatability, redesigning the commenting section, and checking if I used best coding practices. I just subscribed myself to brl-cad news. Remember if there's any trouble with the site I would be really happy to help you guys! I really want to keep myself involved, so don't worry, I'll definitely be on the look out.