CVS edit link for acke

Hi!

I think the ease of use and simplicity are two key factors to improve Drupal. I am confident that I could help out with this.

I work at a web agency in Stockhom, Sweden called Happiness. Our mission is to provide web production based on drupal for companies and organizations. We produce websites, both the concept / strategy, design / interface and the development / code.

My main focus is user interface design and user experience. For this reason, I would like to contribute with themes I have developed. First up is a theme for Drupal 6.x, I have called "Simple Clean" because it is very simple and stripped clean. Currently, I look at a version for Drupal 7.x.

I have put a lot of work to fine-tune the theme to serve as a starting point when you want to set up a simple business website. For example, there is a built in subnavigation for primary links.

Look on the theme demo:
http://simpleclean.happiness.se

Download the source code:
https://github.com/mattiasaxelsson/simpleclean

All the best,

Mattias "Acke" Axelsson

Comments

acke’s picture

Status: Postponed (maintainer needs more info) » Needs review
StatusFileSize
new25.16 KB
avpaderno’s picture

Status: Needs review » Needs work
Issue tags: +Theme review

Hello, and thank you for applying for a CVS account.

As per requirements, the motivation needs to include the description of the theme features, a screenshot, and when possible a link to a demo site.

acke’s picture

Title: Simple Clean » acke [acke]
Project: Drupal.org security advisory coverage applications » Drupal.org CVS applications
Component: theme » Miscellaneous
Status: Reviewed & tested by the community » Needs review
Issue tags: -PAReview: Theme, -pdx-code-review
StatusFileSize
new230.07 KB
new154.31 KB
new300.97 KB
new14.14 KB

Ah, of course, here is my suggestion for the theme desciption with features etc:

---

The main purpose of Simple Clean is for it to be crazy simple to get a site up and running in no time. The look and feel of the theme is, as the name suggests, very simple and stripped clean.

Simple Clean is a two column fixed design (optimized for width 960px). The content column have width 610px and right column (sidebar) have width 260px.

Here you can try a live demo.

Features

  • 2 column layout
  • 5 regions
  • Tableless design
  • Include selectable subnavigation in right column for second level primary links
  • Search results with number of hits
  • Typography: Designed for high readability.
  • Primary links as horizontal top navigaion
  • Supports secondary links
  • Supports custom logo and favicon
  • Support features like site name, slogan, mission.
  • Supports user picture in profile, comments and post
  • Supports most major features
  • Cross-browser tested in IE6/7, Safari and Firefox

Screenshots

Developer

Simple Clean is designed and developed by acke (Mattias Axelsson) at Happiness Web Agency.

acke’s picture

Status: Needs work » Needs review
StatusFileSize
new27.04 KB

A minor update where i fixed the t() functions in my template.php so it should follow coding standards and some cleaning up.

acke’s picture

StatusFileSize
new27.09 KB

Also added $Id$ to all files. Browsing the cvs theme review cue is really a great way to learn how to avoid common mistakes. :)

acke’s picture

StatusFileSize
new27.11 KB

Also prefixed theme setting with theme name to avoid possible conflicts.

acke’s picture

StatusFileSize
new29.49 KB

I also reviewed the theme with Coder. First I didn't realise that Coder was a great tool for theme developers too. I corrected all the warnings that were found.

WebNewCastle’s picture

Hi,

This looks awesome. I'm volunteering here a bit and plan to post again tomorrow after I look at this some more. Before I do I was wondering where $splash comes from (in the page template) - I am not familiar with this.

Sincerely,

Matt Winters

acke’s picture

Cool Matt! I'm looking forward to your feedback. $splash is a custom region with full page width for example a big image below the header region. I probably change this to $highlighted wich is suggested for D7.

WebNewCastle’s picture

Oh sheesh. Sorry. I should have finished looking through everything first. I was busy wondering if there was some fancy new variable or something. :)

acke’s picture

Hey Matt! I'm so curious of what you think about the theme. Did you have the chance to check it out?

zzolo’s picture

Component: Miscellaneous » miscellaneous
Status: Needs review » Postponed

Hi. Please read all the following and the links provided as this is very important information about your CVS Application:

Drupal.org has moved from CVS to Git! This is a very significant change for the Drupal community and for your application. Please read the following documentation on how this affects and benefits you and the application process:
Migrating from CVS Applications to (Git) Full Project Applications

  • The status of this application will be put to "postponed" and by following the instructions in the above link, you will be able to reopen it.
  • Or if your application has been "needs work" for more than 5 weeks, your application will be marked as "closed (won't fix)". You can still reopen it, by reading the instructions above.
acke’s picture

Project: Drupal.org CVS applications » Drupal.org security advisory coverage applications
Status: Postponed » Needs review

I have created a sandbox project for this theme:
http://drupal.org/sandbox/acke/1088392

I removed the $id:s also.

acke’s picture

Component: miscellaneous » new project application

Changed the component also.

dave reid’s picture

Status: Needs review » Needs work

The following code in page.tpl.php is potentially vulnerable to XSS as it outputs direct link titles, rather than using the l() function which properly escapes link titles. This needs to be fixed prior to approving this Git application.

      $show_submenu = theme_get_setting('simpleclean_show_submenu');
      if ($show_submenu) {
        $tree = menu_tree_page_data('primary-links'); 
          foreach ($tree as $key => $mi) {
            if ($mi['link']['in_active_trail'] && $tree[$key]['below']) {    
              $menu = menu_tree_output($tree[$key]['below']);
              $menu = $menu . '</div>';
              $link = $mi['link']['link_path'];
              $title = $mi['link']['title'];
              print "<div class=\"submenu\"><h2 class=\"title-subnav\"><a href=\"/$link\">$title</a></h2>";
            }
          }
      print $menu;
      }

I'd also encourage you to avoid using logic in your templates like the above or the following code and put it into a template_preprocess_node() instead:

      <?php $account = user_load(array('uid' => $node->uid)); if (!empty($account->signature)) { ?>
        <p><?php print check_plain($account->signature); ?></p>
      <?php } ?>
acke’s picture

Status: Needs work » Needs review

Thanks for the review Dave! I added the l function to the link. I guess it's good practice to always use the l function for links. I also moved the logic into template.php. I didn't get my post footer to work with simpleclean_preprocess_node, but used simpleclean_preprocess instead.

sreynen’s picture

Issue tags: +PAReview: Theme

Trying to standardize tags in the review queue.

sreynen’s picture

Title: acke [acke] » Simple Clean
danmuzyka’s picture

Assigned: Unassigned » danmuzyka
Issue tags: +pdx-code-review

Beginning review of this theme as part of the Drupal PDX User Group code review sprint.

danmuzyka’s picture

Component: new project application » theme

Changing component to "theme."

acke’s picture

Hi Dan! Looking forward to the code review! I think it's pretty solid now. :)

danmuzyka’s picture

Status: Needs review » Reviewed & tested by the community

Hi acke!

This looks really good and, from what I can tell, meets the requirements for becoming a full project. I was going to test this multiple browsers today, but when I checked http://simpleaclean.happiness.se/ it looked as though your demo site was no longer online. Otherwise, I only saw minor issues with it, and definitely not big enough problems to prevent it from being promoted to full project at this point.

Here are a few observations.

Strong points:

  • Minimalism is a great design technique, thank you so much for contributing this type of design to the Drupal community! It is refreshing.
  • Lots of documentation at top of template files - this is EXTEREMELY helpful - thanks!
  • I like how you use clean font faces not only in the headers and body copy, but even in the text fields. The font face and rounded corners of the User Login fields are particularly fun. Have you thought about applying those settings more generically with classes rather than IDs, so that this effect applies to more parts of the site? Right now your CSS selector makes it very specifically styled for the login form:
    #sidebar #edit-pass, #sidebar #edit-name
  • I like how you used -moz-border-radius, -webkit-border-radius, and border-radius for maximum cross-browser compatibility, and to avoid unnecessary loading of images to create the rounded-corner effect.

Minor syntax issues:

  • Inconsistency in format of if statements. Some use curly braces:
    if($var) {
    }
    Some use another syntax:
    if($var):
    endif;
    Might be easier to read if it were consistent. Also, some extra spaces in a few places, e.g. if ($logo) : - extra space between ($logo) and :.
  • Please remember to end lines of code with a semi-colon where appropriate, even in template files. For example:
    print $header;
    See Drupal coding standards for details.
  • Coder module suggests removing whitespace at the end of each line of code.
  • Secondary lines of comments should be indented one space. For example, in theme-settings.php, replace:
    /**
    * @file
    * Implementation of THEMEHOOK_settings() function.
    *
    * @param $saved_settings
    *   array An array of saved settings for this theme.
    * @return
    *   array A form array.
    */
    

    with:

    /**
     * @file
     * Implementation of THEMEHOOK_settings() function.
     *
     * @param $saved_settings
     *   array An array of saved settings for this theme.
     * @return
     *   array A form array.
     */
    

CSS notes:

  • For some reason, it appears you have set the background color of the search field itself (when it appears in the sidebar) to the same background color as the block, so that the field itself is not visible:
    #sidebar .block-search .form-text {
      background-color: #EEEEEE;
    }

    Would it make sense to make this more visible by setting it to white? Also, would it make sense to change the selector so that, if people choose to put this block into a different region of their pages, the styles still apply?

  • In general it looks as though most of the CSS selectors use IDs rather than classes, so any new blocks or other markup for which you have not specifically accounted will not be styled. Might make sense to switch to classes to provide greater flexibility in new content or when blocks are assigned to different regions.

Those are all of the major issues I noticed. Unless someone else in the community sees any issues, could someone with project promotion rights promote this to full project?

danmuzyka’s picture

Assigned: danmuzyka » Unassigned
acke’s picture

Title: acke [acke] » Simple Clean
Project: Drupal.org CVS applications » Drupal.org security advisory coverage applications
Component: Miscellaneous » theme
Status: Needs review » Reviewed & tested by the community
Issue tags: +PAReview: Theme, +pdx-code-review

Thanks for an excellent review! It's very inspiring to see your feedback. 

The broken link to the live demo is just a typo (http://simpleclean.happiness.se). It's already corrected at the project page and I edited the post with the link as well.

I will fix the minor syntax issues. Thanks for noticing!

I did style lot's of elements "forensic style" - right on the ID. But I tried to style on region/class for a basic style in most cases I think. It's a very good advise and I will remember to use region/class when possible.

I will fix the background-color for the search. I usually have the searchbox in the header region, thats probably the reason I missed to change it for the sidebar. 

Once again, thank you!

mlncn’s picture

Status: Reviewed & tested by the community » Fixed

Wow! Thank you Mattias for your work, thank you Dave Reid for your review, and thank you danmuzyka for your super review!

Mattias, you've been fixing things right along so i'm confident you will make danmuzyka's suggestions.

Please also note that all control structure statements, including if statements, should have a space both before and after their parenthetical condition:

if ($var) {

Congratulations! You can now promote sandbox projects to full status ones. When you would like further review for any theme or module please do ask at http://groups.drupal.org/peer-review/requests

Further cleanup issues introduced here and new ones can be filed on your project issue queue. Thank you for your contribution and i look forward to seeing its refinement and development and your continued involvement in Drupal!

benjamin, agaric

Status: Fixed » Closed (fixed)
Issue tags: -Theme review, -PAReview: Theme, -pdx-code-review

Automatically closed -- issue fixed for 2 weeks with no activity.

avpaderno’s picture

Issue summary: View changes
Issue tags: -Theme review, -, -