Changeset 988

Show
Ignore:
Timestamp:
11/19/08 15:07:33 (7 weeks ago)
Author:
lucy
Message:

newer intro. not done

Location:
huginmunin/trunk/web/hm/app
Files:
8 added
6 modified

Legend:

Unmodified
Added
Removed

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

    r986 r988  
    100100} 
    101101 
     102.small_how_to_circle { 
     103        width: 5.2em; 
     104        padding: .4em; 
     105        z-index: 2; 
     106        float:left; 
     107        display: inline; 
     108}        
     109 
    102110.small_intro_circle { 
    103111        width: 8em; 

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

    r986 r988  
    1414<div> 
    1515        <a href="{% url intro part="learn_portfolio" %}">                        
    16                 <img alt="" class="small_intro_circle" src="/Main/media/img/screenshots/Circle_Quick_Rate_1.png"></a>    
     16                <img alt="" class="small_intro_circle" src="/Main/media/img/screenshots/Circle_My_Portfolio.png"></a>    
    1717</div> 
    1818<div class="intro_paragraph_area">               
    19         <h2>Your <a href="{% url intro part="learn_portfolio" %}">Portfolio</a></h2> 
    20                 <h3>customize bilumi scores based on your specific ethical interests.</h3>       
     19        <h2><a href="{% url intro part="learn_portfolio" %}">Portfolio</a> Customization</h2> 
     20                <h3>will allow our system to show you product scores based on your specific ethical interests.</h3>      
    2121</div>           
    2222 
    … …  
    3535</div> 
    3636<div class="intro_paragraph_area">                       
    37         <h2>Try a <a href="{% url intro part="learn_text" %}">Text Message</a></h2> 
    38                 <h3>demo to access our database with a normal cellphone.</h3> 
     37        <h2><a href="{% url intro part="learn_text" %}">Text Messages</a> Access</h2> 
     38                <h3>will allow you to score products with a normal cellphone while you shop.</h3> 
    3939</div> 
    4040 

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

    r985 r988  
     1{% extends "intro_extension.html" %} 
     2 
     3{% block big_box %} 
     4 
     5        <h1>About our Organization 
     6        </h1>  
     7        <h3>Our Mission: "To provide access to collaborative tools for educational discovery and communication about the real world impact of product supply chains." 
     8        </h3> 
     9 
     10<div class="spacer"> 
     11</div> 
     12         
     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> 
     20                <h3>entries cover topics as diverse as education and technology.  Occasional polls help steer the organization.</h3>     
     21        </td>            
     22        </tr> 
     23 
     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> 
     29                <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> 
     40                <h3>utilizes grassroots collaborative learning to leverage specifically targeted corporate reform.</h3> 
     41        </td>    
     42        </tr> 
     43         
     44        <tr><td> 
     45                <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> 
     53 
     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>                    
     63 
     64</table> 
     65 
     66{% endblock %} 

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

    r985 r988  
     1{% extends "intro_extension.html" %} 
     2 
     3{% block big_box %} 
     4 
     5        <h1>Browsing Companies, Products, and other Listings 
     6        </h1>  
     7        <h3>is a convenient way to find information about different items.  Currently our information is focused on the chocolate industry. 
     8        </h3> 
     9 
     10<div class="spacer"> 
     11</div> 
     12         
     13<table>  
     14        <tr> 
     15                <td>    <a href="{% url browse %}">                      
     16                        <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_Browse_1.png"></a>       
     17                </td> 
     18                <td>             
     19                        <h2>Click on <A HREF="{% url browse %}">Browse</a></h2> 
     20                        <h3>in the left menu bar.</h3>   
     21                </td>            
     22        </tr> 
     23        <tr> 
     24                <td> 
     25                        <a href="{% url browse %}">                      
     26                        <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_Browse_2.png"></a> 
     27                </td>            
     28                <td>                     
     29                        <h2>Enter keywords</h2> 
     30                        <h3>for whatever you are looking for in the keyword search box.</h3> 
     31                </td>            
     32        </tr> 
     33         
     34        <tr> 
     35                <td> 
     36                        <a href="{% url browse %}">                      
     37                        <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_Browse_3.png"></a> 
     38                </td>    
     39                <td>                     
     40                        <h2>Click on Browse Options</h2> 
     41                        <h3>for more advanced ways to find what you're looking for.</h3> 
     42                </td>    
     43        </tr> 
     44                 
     45        <tr> 
     46                <td> 
     47                        <a href="{% url browse %}">                      
     48                        <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_Browse_4.png"></a> 
     49                </td>            
     50                <td>                     
     51                        <h2>Try selecting</h2> 
     52                        <h3>the first letter of the item you are looking in the advanced browse header.   
     53                                You can also limit the displayed results by selecting a type, interest, or tag.   
     54                                Careful, the more selections you make the smaller the set of results will be.</h3> 
     55                </td>    
     56        </tr> 
     57         
     58        <tr> 
     59                <td> 
     60                        <a href="{% url browse %}">                      
     61                        <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_Browse_5.png"></a> 
     62                </td>    
     63                <td>                     
     64                        <h2>Select the item</h2> 
     65                        <h3>that you are interested in once you have found it on the list.</h3> 
     66                </td>    
     67        </tr> 
     68         
     69        <tr> 
     70                <td> 
     71                        <a href="{% url browse %}">                      
     72                        <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_Browse_2.png"></a> 
     73                </td>    
     74                <td>                     
     75                        <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> 
     79                </td> 
     80        </tr>    
     81</table> 
     82         
     83{% endblock %} 

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

    r985 r988  
     1{% extends "intro_extension.html" %} 
     2 
     3{% block big_box %} 
     4 
     5        <h1>Editing Your Portfolio: 
     6        </h1>  
     7        <h3>A default portfolio has equal concern for all consumer interests.  Here is how to customize yours. 
     8        </h3> 
     9 
     10<div class="spacer"> 
     11</div> 
     12 
     13<table>  
     14        <tr><td> 
     15                <a href="">                      
     16                <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_My_Stuff.png"></a>       
     17        </td> 
     18        <td>             
     19                <h2>Open your <A HREF="">My Stuff </a>page</h2> 
     20                <h3>which will appear in the left sidebar once you are logged in.  Click on it.</h3>     
     21        </td>            
     22        </tr> 
     23         
     24        <tr><td> 
     25                <a href="">                      
     26                <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_My_Portfolio.png"></a> 
     27        </td>    
     28        <td>                     
     29                <h2>Open your <a href="">Portfolio</a></h2> 
     30                <h3>to view your current portfolio settings.</h3> 
     31        </td>    
     32        </tr> 
     33 
     34        <tr><td> 
     35                <a href="">                      
     36                <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_Edit_Portfolio.png"></a> 
     37        </td> 
     38        <td>                     
     39                <h2>Click the Edit button</h2> 
     40                <h3>to open the portfolio editing page.</h3> 
     41        </td> 
     42        </tr> 
     43 
     44        <tr><td> 
     45                <a>                      
     46                <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_Portfolio_Edit2.png"></a> 
     47        </td> 
     48        <td>                     
     49                <h2>Adjust your interest percentages</h2> 
     50                <h3>by typing numbers in the boxes next to each interest. If only broad categories are shown, you may want to click on them to view more specific interests.</h3>        
     51        </td></tr> 
     52 
     53        <tr><td> 
     54                <a>                      
     55                <img alt="" class="small_how_to_circle" src="/Main/media/img/screenshots/Circle_Portfolio_Submit.png"></a> 
     56        </td> 
     57        <td>                     
     58                <h2>Click the Submit button</h2> 
     59                <h3>to save your changes.  Click the Cancel button to remove your changes.</h3>  
     60        </td> 
     61        </tr> 
     62</table>                 
     63{% endblock %}