← Back to branch summary

~mhall119/ubuntu-accomplishments-web/fix-description-width

« back to all changes in this revision

Viewing changes to gallery/templates/gallery/opportunities/details.html

recent collectors bugfixes and other minor improvements

Show diffs side-by-side

added added

removed removed

Lines of Context:
gallery/templates/gallery/opportunities/details.html
8
8
 
9
9
{% block content %}
10
10
 
 
11
<div class="row-fluid" id="header">
 
12
  <h2>{{ data.accomplishment.title }}</h2>
 
13
  {% block trophyinfo %}{% endblock %}
 
14
</div>
 
15
 
 
16
<div class="row-fluid">
 
17
    <div id="accomplishment-wrapper" class="span8">
 
18
        <div id="accomplishment">
 
19
            <div id="accomplishment-badge" class="row-fluid">
 
20
                <div class="span2">
 
21
                    <img class="icon" src="{{ STATIC_URL }}images/trophies/{{ data.accomplishment.accomplishment.collection.descriptor }}/{{ data.accomplishment.accomplishment.icon.filename }}"/>
 
22
                </div>
 
23
                <div class="span5">
 
24
                  <h5>Trophy Information:</h5>
 
25
                  <ul class="none">
 
26
                      <li>{{ data.accomplishment.description }}</li>
 
27
                  </ul>
 
28
                </div>
 
29
                <div class="span5">
 
30
                  <h5>Getting Help:</h5>
 
31
                  <ul class="none">
 
32
                      <li>{{ data.accomplishment.helpres|safe }}</li>
 
33
                  </ul>
 
34
                </div>
 
35
            </div>
 
36
 
 
37
            <!-- TODO!
 
38
            <div id="accomplishment-conditions" class="span8">
 
39
              <ul class="none">
 
40
              <li><i class="icon-key icon-large"></i>This is locked. You need to complete <strong>Approved Ubuntu Member</strong> from <strong>Ubuntu Community</strong> first.</li>
 
41
              <li><i class="icon-trophy icon-large"></i>This accomplishment requires verification</li>
 
42
              </ul>
 
43
            </div>
 
44
            -->
 
45
        </div>
 
46
 
 
47
        <div class="row-fluid">
 
48
            <div id="accomplishment-info">
 
49
                {{ data.accomplishment.summary|paragraphs|safe }}
 
50
            </div>
 
51
        </div>
 
52
 
 
53
        <div class="row-fluid" id="accomplishment-more">
 
54
            <!-- any section inside accomplisments-more should be optional -->
 
55
            
 
56
            <div id="howto" class="row-fluid">
 
57
                <i class="icon-list"></i>
 
58
                <h3>How to achieve this trophy</h3>
 
59
                <ol>
 
60
                    {{ data.accomplishment.steps|list_items:"icon-pushpin"|safe }}
 
61
                </ol>
 
62
            </div>
 
63
 
 
64
            {% if data.accomplishment.tips or data.accomplishment.pitfalls %}
 
65
            <div id='tipspitfalls' class="row-fluid">
 
66
                {% if data.accomplishment.tips %}
 
67
                <div class="span6" id="tips">
 
68
                    <h3>Tips and Tricks:</h3>
 
69
                    <ul>
 
70
                        {{ data.accomplishment.tips|list_items:"icon-ok"|safe }}
 
71
                    </ul>
 
72
                </div>
 
73
                {% endif %}
 
74
                
 
75
                {% if data.accomplishment.pitfalls %}
 
76
                <div class="span6">
 
77
                    {% if data.accomplishment.tips %}
 
78
                    <div class="left" id="divider"> </div>
 
79
                    {% endif %}
 
80
                    <div id="pitfalls">
 
81
                        <h3>Pitfalls To Avoid:</h3>
 
82
                        <ul>
 
83
                            {{ data.accomplishment.pitfalls|list_items:"icon-remove"|safe }}
 
84
                        </ul>
 
85
                    </div>
 
86
                </div>
 
87
                {% endif %}
 
88
            </div>
 
89
            {% endif %}
 
90
            
 
91
            {% if data.accomplishment.links %}
 
92
            <div id="furtherreading" class="row-fluid">
 
93
                <h3>Further Reading</h3>
 
94
                <ul class="none link-list">
 
95
                    {{ data.accomplishment.links|urlize|list_items:"icon-external-link"|safe }}
 
96
                </ul>
 
97
            </div>
 
98
            {% endif %}
 
99
        </div>
 
100
    </div>
 
101
 
11
102
{% if data.recent_collectors %}
12
 
<div class="box box-collectors">
13
 
  <p class="title">Recent Collectors Of This Trophy</p>
14
 
  <ul class="collectors">
15
 
    {% for collector in data.recent_collectors %}
16
 
    <li>
17
 
    <p class="name">{{ collector.profile.get_full_name }}</p>
18
 
    <p class="on-date">on {{ collector.trophy.date_accomplished }}</p>
19
 
    </li>
20
 
    {% endfor %}
21
 
  </ul>
22
 
</div>
 
103
    <div class="span3 box box-collectors">
 
104
        <p class="title">Recent Collectors</p>
 
105
        <ul class="collectors">
 
106
          {% for collector in data.recent_collectors %}
 
107
          <li>
 
108
          <p class="name">{{ collector.profile.get_full_name }}</p>
 
109
          <p class="on-date">on {{ collector.trophy.date_accomplished }}</p>
 
110
          </li>
 
111
          {% endfor %}
 
112
        </ul>
 
113
    </div>
23
114
{% endif %}
24
 
 
25
 
<div class="container_8">
26
 
 
27
 
<div id="header" class="grid_8">
28
 
  <h2>{{ data.accomplishment.title }}</h2>
29
 
  {% block trophyinfo %}{% endblock %}
30
 
</div>
31
 
 
32
 
<div id="accomplishment" class="grid_8 clearfix">
33
 
<div id="accomplishment-badge" class="grid_8 clearfix">
34
 
  <img class="icon" src="{{ STATIC_URL }}images/trophies/{{ data.accomplishment.accomplishment.collection.descriptor }}/{{ data.accomplishment.accomplishment.icon.filename }}"/>
35
 
  <div class="grid_3 block">
36
 
    <h5>Trophy Information:</h5>
37
 
    <ul class="none">
38
 
        <li>{{ data.accomplishment.description }}</li>
39
 
    </ul>
40
 
  </div>
41
 
  <div class="grid_3 block">
42
 
    <h5>Getting Help:</h5>
43
 
    <ul class="none">
44
 
        <li>{{ data.accomplishment.helpres|safe }}</li>
45
 
    </ul>
46
 
  </div>
47
 
</div>
48
 
 
49
 
<!-- TODO!
50
 
<div id="accomplishment-conditions" class="grid_8">
51
 
  <ul class="none">
52
 
  <li><i class="icon-key icon-large"></i>This is locked. You need to complete <strong>Approved Ubuntu Member</strong> from <strong>Ubuntu Community</strong> first.</li>
53
 
  <li><i class="icon-trophy icon-large"></i>This accomplishment requires verification</li>
54
 
  </ul>
55
 
</div>
56
 
-->
57
 
</div>
58
 
 
59
 
<div id="accomplishment-info" class="grid_8">
60
 
    {{ data.accomplishment.summary|paragraphs|safe }}
61
 
</div>
62
 
 
63
 
<div id="accomplishment-more"  class="grid_8">
64
 
  <!-- any section inside accomplisments-more should be optional -->
65
 
 
66
 
   <div id="howto" class="grid_8">
67
 
    <i class="icon-list"></i>
68
 
    <h3>How to achieve this trophy</h3>
69
 
    <ol>
70
 
      {{ data.accomplishment.steps|list_items:"icon-pushpin"|safe }}
71
 
  </ol>
72
 
  </div>
73
 
 
74
 
  {% if data.accomplishment.tips or data.accomplishment.pitfalls %}
75
 
  <div id='tipspitfalls' class="grid_8 clearfix">
76
 
    {% if data.accomplishment.tips %}
77
 
    <div class="grid_4 block left" id="tips">
78
 
      <h3>Tips and Tricks:</h3>
79
 
      <ul>
80
 
      {{ data.accomplishment.tips|list_items:"icon-ok"|safe }}
81
 
      </ul>
82
 
    </div>
83
 
    {% endif %}
84
 
 
85
 
    {% if data.accomplishment.tips and data.accomplishment.pitfalls %}
86
 
    <div id="divider" class="left"> </div>
87
 
    {% endif %}
88
 
 
89
 
    {% if data.accomplishment.pitfalls %}
90
 
    <div class="grid_3 block left" id="pitfals">
91
 
      <h3>Pitfalls To Avoid:</h3>
92
 
      <ul>
93
 
      {{ data.accomplishment.pitfalls|list_items:"icon-remove"|safe }}
94
 
      </ul>
95
 
    </div>
96
 
    {% endif %}
97
 
  </div>
98
 
  {% endif %}
99
 
 
100
 
  {% if data.accomplishment.links %}
101
 
  <div id="furtherreading" class="grid_8">
102
 
    <h3>Further Reading</h3>
103
 
    <ul class="none link-list">
104
 
      {{ data.accomplishment.links|urlize|list_items:"icon-external-link"|safe }}
105
 
    </ul>
106
 
  </div>
107
 
  {% endif %}
108
 
</div>
109
 
 
110
115
</div>
111
116
 
112
117
{% endblock %}