@@ -12,43 +12,49 @@ <h1>Outreach</h1>
12
12
< p > Social reach determined by Klout score.</ p >
13
13
< h2 > Klout</ h2 >
14
14
15
- < div class ="row ">
16
- <!-- /.col-lg-4 -->
17
- < div class ="col-lg-4 ">
18
- < div class ="panel panel-default ">
19
- < div class ="panel-heading ">
20
- Klout Score
21
- </ div >
22
- <!-- /.panel-heading -->
23
- < div class ="panel-body ">
24
- < p >
25
- {{ '%0.1f' % klout_score |float }}
26
- </ p >
27
- <!-- /.panel-body -->
28
- </ div >
29
- <!-- /.panel -->
30
- </ div >
15
+ < div class ="row ">
16
+ < div class ="col-lg-3 col-md-6 ">
17
+ < div class ="panel panel-yellow ">
18
+ < div class ="panel-heading ">
19
+ < div class ="row ">
20
+ < div class ="col-xs-3 ">
21
+ <!-- Status icon -->
22
+ < i class ="fa fa-exclamation-circle fa-5x "> </ i >
23
+ </ div >
24
+ < div class ="col-xs-9 text-right ">
25
+ < div class ="huge "> {{ '%0.0f' % klout_score |float }}/100</ div >
26
+ < div > Klout Score</ div >
27
+ </ div >
28
+ </ div >
29
+ </ div >
30
+ <!-- <a href="/social">
31
+ <div class="panel-footer">
32
+ <span class="pull-left">View Details</span>
33
+ <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
34
+ <div class="clearfix"></div>
35
+ </div>
36
+ </a> -->
37
+ </ div >
31
38
</ div >
32
- </ div >
39
+ </ div >
33
40
34
41
35
42
< h2 > Tweets</ h2 >
36
- < p > Recent Developer Program tweets.</ p >
43
+ < p > Recent < a href =" https://www.twitter.com/geekshe " > @geekshe </ a > tweets.</ p >
37
44
{% for tweet in my_tweets %}
38
45
< div class ="row ">
39
46
<!-- /.col-lg-4 -->
40
47
< div class ="col-lg-4 ">
41
48
< div class ="panel panel-default ">
42
49
< div class ="panel-heading ">
43
- Tweet ID: {% if tweet is defined %}{{tweet.id}}{% endif %}
50
+ {% if tweet is defined %}< a href =" https://www.twitter.com/ {{tweet.user.screen_name}}/status/{{tweet. id}}" > {{tweet.id}} </ a > {% endif %}
44
51
</ div >
45
52
<!-- /.panel-heading -->
46
53
< div class ="panel-body ">
47
54
< p >
48
55
{{ tweet.text }}
49
56
< br >
50
- < strong > @{{ tweet.user.screen_name }}</ strong >
51
- | < a href ="https://www.twitter.com/{{tweet.user.screen_name}}/status/{{tweet.id}} "> link</ a >
57
+ < strong > < a href ="https://www.twitter.com/{{tweet.user.screen_name}} "> @{{ tweet.user.screen_name }}</ a > </ strong >
52
58
< br >
53
59
{{tweet.created_at|strftime}}
54
60
</ p >
0 commit comments