Changeset 990

Show
Ignore:
Timestamp:
11/20/08 18:50:29 (7 weeks ago)
Author:
lucy
Message:

quickrate star images plus intro stuff

Location:
huginmunin/trunk/web/hm/app
Files:
19 added
14 modified

Legend:

Unmodified
Added
Removed

  • huginmunin/trunk/web/hm/app/media/css/general.css

    r989 r990  
    2929peach highlight: fff9ce 
    3030cornmeal highlight: fffdc7 
     31background text warm quickrate: fffffd 
     32 
    3133*/ 
    3234 
    … …  
    101103 
    102104.small_how_to_circle { 
    103         width: 5.2em; 
     105        width: 5.8em; 
    104106        padding: .4em; 
    105107        z-index: 2; 
    … …  
    392394} 
    393395 
    394 /* h4 is used for spelling out details */ 
     396/* h4 is used for spelling out details or titling form readouts */ 
    395397h4{ 
    396398        font-family:"Lucida Grande",Tahoma;      
    397         padding: 0em .2em 0em .8em; 
     399        padding: .3em .2em .3em .8em; 
    398400        text-transform: uppercase; 
    399401        color:#097A21; 

  • huginmunin/trunk/web/hm/app/media/css/quickrate.css

    r985 r990  
    33/************* divs ****************/ 
    44 
    5 .title_interest { padding: .2em; background-color: #fffef9; border: medium double rgb(251,250,233);  margin: auto; overflow: auto;} 
     5.title_interest { padding: .2em; background-color: #fffffd; border: medium double rgb(251,250,233);  margin: auto; overflow: auto;} 
    66 
    77.review {padding: 0 5.8em; color: #4e5377;} 
    88 
    99.review_description { 
    10         color: 000000; background-color: #fffef9; 
    11         width:80%; max-height:28%;  
     10        color: 000000; background-color: #fffffd; 
    1211        padding: 1.1em;  
    1312        overflow: auto;  
    … …  
    1817.helper_instructions { 
    1918        padding: 2em 0em 1em 4em; 
    20         font: 90% Verdana,sans-serif; 
    2119        } 
    2220 
    2321.interests { 
    24         /* padding: .08em 6em 9em .58em;  doesn't do anything since only contains floats */  
    2522        margin: auto; 
    2623        clear: both; 

  • huginmunin/trunk/web/hm/app/media/js/blocks.js

    r934 r990  
    6161 
    6262        // add tag edit in place 
    63         $(".edit").editable( function(value, settings) { 
    64                 var id = $(this).attr("id"); 
    65                 $.post("/Main/save_text/",  { 'oid': 'ADDTAG', 'text': value, 'node_id': id }, 
    66                            function() { 
    67                                    $(".edit").removeClass("edit"); 
    68                                    // err, need to then apply editable. loop. 
    69                                    //.after("<li class='edit cursor link' id=\'id\'>add tag</li>"); 
    70                            }); 
    71                 return(value); 
    72         }, 
    73                                                  {  
    74                                                          type    : 'textarea', 
    75                                                          tooltip : 'Click to edit', 
    76                                                          indicator : 'Saving...', 
    77                                                          submit : 'save', 
    78                                                          cancel : 'cancel', 
    79                                                          style: 'inherit', 
    80                                                  }); 
    81          
     63/*      $(".edit").editable( 
     64                function(value, settings) { 
     65                        var id = $(this).attr("id"); 
     66                        $.post("/Main/save_text/",  { 'oid': 'ADDTAG', 'text': value, 'node_id': id }, 
     67                                   function() { 
     68                                           $(".edit").removeClass("edit"); 
     69                                           // err, need to then apply editable. loop. 
     70                                           //.after("<li class='edit cursor link' id=\'id\'>add tag</li>"); 
     71                        }); 
     72                        return(value); 
     73                }, 
     74                {  
     75                         type    : 'textarea', 
     76                         tooltip : 'Click to edit', 
     77                         indicator : 'Saving...', 
     78                         submit : 'save', 
     79                         cancel : 'cancel', 
     80                         style: 'inherit', 
     81                } 
     82         ); 
     83*/       
    8284}); 
    8385 

  • huginmunin/trunk/web/hm/app/templates/intro/learn_1.html

    r985 r990  
    1 {% extends "browse_extension.html" %} 
     1{% extends "intro_extension.html" %} 
    22 
    33{% block big_box %} 

  • huginmunin/trunk/web/hm/app/templates/intro/learn_2.html

    r988 r990  
    66        </h1>  
    77        <h3>Perhaps you need quick product scores to help you buy responsibly.   
    8                 <br>Or perhaps you are interested in the supply chain discussion behind the scores... 
     8                <br>Are you interested in the supply chain discussion behind the scores? 
    99        </h3> 
    1010 

  • huginmunin/trunk/web/hm/app/templates/intro/learn_about.html

    r988 r990  
    1111</div> 
    1212         
    13 <table> 
    14         <tr><td> 
    15                 <a href="http://bilumi.org/blog">                        
    16                 <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_Blog.png"></a>   
    17         </td> 
    18         <td>             
    19                 <h2>Our <A HREF="http://bilumi.org/blog">Blog</a></h2> 
     13<div> 
     14        <a href="http://bilumi.org/blog">                        
     15                <img alt="" class="small_intro_circle" src="/Main/media/img/screenshots/Circle_Blog.png"></a>            
     16</div> 
     17<div class="intro_paragraph_area">               
     18        <h2>Our <A HREF="http://bilumi.org/blog">Blog</a></h2> 
    2019                <h3>entries cover topics as diverse as education and technology.  Occasional polls help steer the organization.</h3>     
    21         </td>            
    22         </tr> 
     20</div>           
    2321 
    24         <tr><td> 
    25                 <a href="http://bilumi.org/blog/about/">                         
    26                 <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_About_Page.png"></a> 
    27         </td>    
    28         <td> 
     22<div class="intro_paragraph_area">                       
    2923                <h2>Our <a href="http://bilumi.org/blog/about/">About</a></h2> 
    30                 <h3>page has more organizational information.</h3> 
    31         </td> 
    32         </tr>    
    33          
    34         <tr><td> 
    35                 <a href="http://bilumi.org/blog/strategy/">                      
    36                 <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_Strategy.png"></a> 
    37         </td>    
    38         <td>                     
    39                 <h2>Our <a href="http://bilumi.org/blog/strategy/">Strategy</a></h2> 
     24                <h3>page has more information about our team and its mission.</h3> 
     25</div>   
     26<div> 
     27        <a href="http://bilumi.org/blog/about/">                         
     28                <img alt="" class="small_intro_circle" src="/Main/media/img/screenshots/Circle_About_Page.png"></a> 
     29</div>           
     30 
     31<div> 
     32        <a href="http://bilumi.org/blog/strategy/">                      
     33                <img alt="" class="small_intro_circle" src="/Main/media/img/screenshots/Circle_Strategy.png"></a> 
     34</div> 
     35<div class="intro_paragraph_area">               
     36        <h2>Our <a href="http://bilumi.org/blog/strategy/">Strategy</a></h2> 
    4037                <h3>utilizes grassroots collaborative learning to leverage specifically targeted corporate reform.</h3> 
    41         </td>    
    42         </tr> 
    43          
    44         <tr><td> 
     38</div>           
     39 
     40<div class="intro_paragraph_area">                       
     41        <h2>Our <a href="http://bilumi.org/blog/demo/">System</a></h2> 
     42                <h3>uses collaborative effort to trace the supply chain practices of goods and services.  The result is a single digit product score.   
     43                </h3> 
     44</div>   
     45<div> 
    4546                <a href="http://bilumi.org/blog/demo/">                  
    46                 <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_System.png"></a> 
    47         </td>    
    48         <td>                     
    49                 <h2>Our <a href="http://bilumi.org/blog/demo/">System</a></h2> 
    50                 <h3>uses collaborative online effort to trace the supply chain practices of goods and services.  The diagram seems complex, but the result is a single digit product score that is free and easily accessible.</h3> 
    51         </td>                    
    52         </tr> 
     47                <img alt="" class="small_intro_circle" src="/Main/media/img/screenshots/Circle_System.png"></a> 
     48</div>   
    5349 
    54         <tr><td> 
    55                 <a href="/blog/wp-content/uploads/ravenheraldmarch08.pdf">                       
    56                 <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_System.png"></a> 
    57         </td>    
    58         <td>                     
    59                 <h2>Our <a href="/blog/wp-content/uploads/ravenheraldmarch08.pdf">Newsletter</a></h2> 
    60                 <h3>updates the community about our service and progress twice a year.</h3> 
    61         </td> 
    62         </tr>                    
     50<div> 
     51        <a href="/blog/wp-content/uploads/ravenheraldmarch08.pdf">                       
     52                <img alt="" class="small_intro_circle" src="/Main/media/img/screenshots/Circle_Newsletter.png"></a> 
     53</div> 
     54<div class="intro_paragraph_area">               
     55                <h2>Our <a href="http://bilumi.org/blog/wp-content/uploads/ravenheraldmarch08.pdf">Newsletter</a></h2> 
     56                <h3>updates the community about our progress twice a year.</h3> 
     57</div>   
    6358 
    64 </table> 
    6559 
    6660{% endblock %} 

  • huginmunin/trunk/web/hm/app/templates/intro/learn_browse.html

    r988 r990  
    5050                <td>                     
    5151                        <h2>Try selecting</h2> 
    52                         <h3>the first letter of the item you are looking in the advanced browse header.   
     52                        <h3>the first letter of the item you are looking for by clicking in the advanced browse area.   
    5353                                You can also limit the displayed results by selecting a type, interest, or tag.   
    5454                                Careful, the more selections you make the smaller the set of results will be.</h3> 
    … …  
    7070                <td> 
    7171                        <a href="{% url browse %}">                      
    72                         <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_Browse_2.png"></a> 
     72                        <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_Browse_6.png"></a> 
    7373                </td>    
    7474                <td>                     
    7575                        <h2>The Full Selection</h2> 
    76                         <h3>of an item is now displayed.  From here you can see customized scores and the full list of tags and relationships.   
    77                                 Every review about this item is accessible from this page.   
    78                                 You can add your own reviews and directly respond to the views of others.</h3> 
     76                        <h3>of an item is now displayed.  From here you can see customized scores, the full list of tags and relationships, and reviews about the item.   
     77                                Click on the number of stars that you think the item deserves based on each review (the rating guide will help). 
     78                                You can also add new reviews or respond to the ones that you find on the site.  
     79                                </h3> 
    7980                </td> 
    8081        </tr>    

  • huginmunin/trunk/web/hm/app/templates/intro/learn_text.html

    r986 r990  
    1717</div> 
    1818<div>            
    19         <h2>This <a href="http://bilumi.org/blog/2008/05/30/text-message-us/">                   
    20 demo</a> currently only works for this particular chocolate bar.</h2> 
    21                 <h3>Want product and company information while in the store? Text messaging this product's barcode - 18675309 - to 
    22                         <b>score@bilumi.org</b> to find out what our database has to say. 
    23  
    24 <br><p>Development on the SMS service has only just started.  We need to finish hooking up a UPC database to make it work for every product.</p>         
     19        <h2>Text message or email a chocolate company's name or a product's barcode number to 
     20                        <b>score@bilumi.org</b></h2> 
     21                        <h3>to find out what our community has to say about it.</h3> 
     22                <p>You should receive a reply in a matter of seconds.  
     23                        This demo will only work for the 300 or so chocolate companies that our community has been reviewing. 
     24                </p> 
    2525</div>           
    2626 

  • huginmunin/trunk/web/hm/app/templates/intro/support_1.html

    r986 r990  
    1 {% extends "browse_extension.html" %} 
     1{% extends "intro_extension.html" %} 
    22 
    33{% block big_box %} 

  • huginmunin/trunk/web/hm/app/templates/left_menu.html

    r985 r990  
    55                <li> <A HREF="{% url browse %}">Browse</A></li> 
    66                <li> <a href="{% url coming_soon %}">Projects</A> <span class="coming_soon">(coming soon)</span></li> 
    7                 {% if user.is_authenticated %}<li> <A HREF="{% url profile user.id %}"> My Stuff</A> </li>{% endif %}  
     7                {% if user.is_authenticated %} 
     8                        <li> <A HREF="{% url profile user.id %}"> My Stuff</A> </li> 
     9                {% else %} 
     10                        <li><A HREF="{% url login %}">Login</A></li> 
     11                {% endif %}  
    812                <li> <a href="{% url coming_soon %}">Community</A> <span class="coming_soon">(coming soon)</span></li> 
    913                <li> <a href="{% url intro "intro_paths" %}">Intro</a></li> 

  • huginmunin/trunk/web/hm/app/templates/quickrate/quickrate_extension.html

    r985 r990  
    1414 
    1515<h1> 
    16         {% block title %}{% endblock %} 
     16        Quick Rate 
    1717</h1> 
    1818 
    19 {% block top_box_title %}{% endblock %} 
     19<h3> 
     20        {% block title %}{% endblock %} 
     21</h3> 
    2022 
    2123<div class="review"> 
    … …  
    4244<div class="menu_overall"> 
    4345        <ul> 
    44                 <li> <a href="{% url coming_soon %}">Respond <small style="font-size:.65em;">(coming soon)</small></a> 
     46                <li> <a href="{% url coming_soon %}">Respond <span class="coming_soon">(coming soon)</span></a> 
    4547        </li> 
    4648                <li> <a href="{% url flag review.id %}">Flag</a></li> 

  • huginmunin/trunk/web/hm/app/templates/quickrate/rate_review.html

    r989 r990  
    33{% block title %} 
    44        Rate the 
    5         <span class="title_interest">{{ review.dimension.label }}<small><a href="{% url select_interest review.id %}"> (change)</a></small></span> 
     5        {{ review.dimension.label }} 
    66        practices of 
    77        <a href="{% url node review.node.id %}">{{ review.node.label }}</a> 
    … …  
    1010 
    1111{% block helper_question %} 
    12         Based on the above review, how positive or negative is {{ review.node.label }}'s reputation in {{ review.dimension.label }}? 
     12        <p>Please select the rating that best describes the <b>{{ review.dimension.label }}</b> practices of <b>{{ review.node.label }}</b> based on this review:</p> 
    1313{% endblock %} 
    1414 

  • huginmunin/trunk/web/hm/app/templates/quickrate/review.html

    r980 r990  
    1 <h2>{{ review.label|capfirst }}</h2> 
    2 <div class="review_description"> 
     1<h4>Title: {{ review.label|capfirst }}</h4> 
     2<h4>Subject:<span class="title_interest">{{ review.dimension.label }} 
     3                                <small><a href="{% url select_interest review.id %}"> (change)</a></small></span> 
     4                                practices of 
     5                                <a href="{% url node review.node.id %}">{{ review.node.label }}</a></h4> 
     6<p class="review_description"> 
    37        {{ review.description|safe }} 
    4 </div> 
     8</p> 

  • huginmunin/trunk/web/hm/app/templates/quickrate/select_interest.html

    r980 r990  
    66 
    77{% block helper_question %} 
    8         Click on the interest below that best matches the above review{#   -  Your opinion counts! #} 
     8        <p>Click below and select the interest that best matches this review</p> 
    99{% endblock %} 
    1010