Created
December 5, 2016 10:03
-
-
Save DCMS-Insight/cf01fd49e0c8ac90506fd659b7ad3488 to your computer and use it in GitHub Desktop.
Twitter Dashboard 1
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<STYLE type="text/css"> | |
@import "compass/css3"; | |
html, body{ | |
height: 100%; | |
} | |
h1 { | |
height: inherit; | |
vertical-align: bottom; | |
text-align: right; | |
margin: 0 0 0 0; | |
display: table-cell; | |
display:inline; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 40px; | |
} | |
h2 { | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 18px; | |
margin: 0 0 0 0; | |
} | |
p { | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 16px; | |
margin: 0 0 0 0; | |
} | |
p.b { | |
font-weight: 900; | |
color: rgba(208,0,111,1); | |
} | |
li { | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 16px; | |
margin-left:2px; | |
} | |
ol{ | |
margin-left:20px; | |
padding-left: 0px; | |
} | |
div { | |
} | |
div.header { | |
display: table; | |
width: 100% | |
} | |
div.line { | |
height: 5px; | |
width 100%; | |
background-color: rgba(208,0,111,1); | |
margin-top: 2px; | |
} | |
div.tweet { | |
width: 98%; | |
background-color: rgba(208,0,111,0.3); | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 16px; | |
margin:2px; | |
border-radius:6px; | |
padding:4px; | |
display: -webkit-flex; | |
-webkit-flex-direction: row; | |
display: flex; | |
flex-direction: row; | |
align-items: center; | |
} | |
img.header { | |
vertical-align: bottom; | |
display: table-cell; | |
max-height: 20% | |
} | |
img.wc { | |
display: table-cell; | |
max-width: 100% | |
} | |
img.pic { | |
display: table-cell; | |
max-width: 100%; | |
max-height: 20%; | |
margin-left: auto; | |
margin-right: auto | |
} | |
span.header { | |
vertical-align: bottom; | |
text-align: right; | |
display: table-cell | |
} | |
div.numberCircle { | |
border-radius: 50%; | |
width: 18px; | |
height: 18px; | |
padding: 4px; | |
background: #fff; | |
border: 2px solid rgba(208,0,111,1); | |
color: rgba(208,0,111,1); | |
text-align: center; | |
font: 16px Arial, sans-serif; | |
font-weight: bold; | |
order:1; | |
flex-shrink: 0; | |
} | |
div.tweetext { | |
order:2; | |
margin:3px; | |
} | |
</STYLE> | |
<title>Twitter Dashboard</title> | |
</head> | |
<body> | |
<!---<h1>My First Heading</h1>---> | |
<!---<p>My first paragraph.</p>---> | |
<div class="header"> | |
<span class="header"><img class="header" src="https://upload.wikimedia.org/wikipedia/en/thumb/6/6f/Department_for_Culture,_Media_and_Sport_logo.svg/800px-Department_for_Culture,_Media_and_Sport_logo.svg.png" /></span> | |
<span class="header"><h1>Twitter Dashboard<h1/></span> | |
<p>172,075 followers, 21,230 tweets</p> | |
<p>22 November 2016 - 01 December 2016</p> | |
</div> | |
<div class="line"></div> | |
<div style="width: 100%;"> | |
<div style="float:left; width: 48%;"> | |
<h2>37 tweets from DCMS:</h2> | |
<div style="float:left; width: 48%;"> | |
<img class="wc" src="02-12-2016-09-54-53-main-wc.png"/> | |
</div> | |
<div style="width: 22%; float:left; margin-left:0%;"> | |
<p><b>Most Used Hashtags</b></p> | |
<ol> | |
<li>autumnstatement</li> | |
<li>givingtuesday</li> | |
<li>localcharitiesday</li> | |
<li>lancashireday</li> | |
<li>heritage</li> | |
</ol> | |
</div> | |
<div style="float:right; width: 24%;"> | |
<p><b>Most Mentioned Users</b></p> | |
<ol> | |
<li>robwilson_rdg</li> | |
<li>matthancockmp</li> | |
<li>minforcivsoc</li> | |
<li>thunderclapit</li> | |
<li>tracey_crouch</li> | |
</ol> | |
</div> | |
<div style="clear:both"> | |
</div> | |
<div class="line"></div> | |
<h2>Most popular tweet:</h2> | |
<div class="tweet"><div class="numberCircle">/</div><div class="tweetext"><p>Over 10million to support #culture and #heritage projects across the country also revealed in the #AutumnStatement: https://t.co/7wkxdnTiwB https://t.co/dFzyGNTEW7</p> | |
<p><b>45</b> likes, <b>52</b> retweets - <a href="https://twitter.com/statuses/801439658722885632">14:57 23 November 2016</a></p></div></div> | |
<div style="float:left; width: 48%;"> | |
<div class="line"></div> | |
<h2>Most popular media:</h2> | |
<div style="float:left; width: 48%;"> | |
<a href="https://twitter.com/statuses/801439658722885632"><img class="pic" src="http://pbs.twimg.com/media/Cx9JCS-XUAA-jB6.jpg"/><a> | |
</div> | |
<div style="float:right; width: 48%;"> | |
<a href="https://twitter.com/statuses/801436248653070336"><img class="pic" src="http://pbs.twimg.com/media/Cx9Fm-9WEAA8JRs.jpg"/><a> </div> | |
</div> | |
<div style="float:right; width: 48%;"> | |
<div class="line"></div> | |
<h2>DCMS retweets</h2> | |
<p>DCMS retweeted</p><p class="b">47 tweets</p> <p>from <p class="b">29 users</p></p> | |
</div> | |
<div style="float:left; width: 100%;"> | |
<div class="line"></div> | |
<h2>Engagement:</h2> | |
<div style="float:left; width: 33.2%;"> | |
<img class="wc" src="02-12-2016-09-54-53-rts-time.png"/> | |
</div> | |
<div style="float:left; width: 33.2%;"> | |
<img class="wc" src="02-12-2016-09-54-53-favs-time.png"/> | |
</div> | |
<div style="float:right; width: 33.2%;"> | |
<img class="wc" src="02-12-2016-09-54-53-replies-time.png"/> | |
</div> | |
<div style="clear:both"></div> | |
</div> | |
</div> | |
<div style="float:right; width: 48%;"> | |
<h2>408 tweets mentioning DCMS:</h2> | |
<div style="float:left; width: 48%;"> | |
<img class="wc" src="02-12-2016-09-54-53-all-wc.png"/> | |
</div> | |
<div style="width: 22%; float:left; margin-left:4%;"> | |
<p><b>Most Used Hashtags</b></p> | |
<ol> | |
<li>euromillions</li> | |
<li>localcharitiesday</li> | |
<li>heritageday</li> | |
<li>techliteracy</li> | |
<li>webinars</li> | |
</ol> | |
</div> | |
<div style="float:right; width: 23%;"> | |
<p><b>Most Engaged Users</b></p> | |
<ol> | |
<li>daylight1791</li> | |
<li>xb6702</li> | |
<li>rubymalvolio</li> | |
<li>simonbg12</li> | |
<li>grobykid</li> | |
</ol> | |
</div> | |
</div> | |
<div style="float:right; width: 48%;"> | |
<div style="float:left; width: 48%;"> | |
<div class="line"></div> | |
<h2>61 positive DCMS mentions:</h2> | |
<img class="wc" src="02-12-2016-09-54-53-pos-wc.png"/> | |
</div> | |
<div style="float:right; width: 48%;"> | |
<div class="line"></div> | |
<h2>247 negative DCMS mentions:</h2> | |
<img class="wc" src="02-12-2016-09-54-53-neg-wc.png"/> | |
</div> | |
<div style="float:right; width: 100%;"> | |
<div class="line"></div> | |
<h2>Popular tweets</h2> | |
<div class="tweet"><div class="numberCircle">/</div><div class="tweetext"><p>"Britain's digital economy can be the envy of the world," writes @DCMS secretary Karen Bradley https://t.co/fFVwVPCxBA https://t.co/0OzCePGO0j</p> | |
<p><b>22</b> likes, <b>35</b> retweets - <a href="https://twitter.com/statuses/803190314286649344">Date</a></p></div></div> | |
<div class="tweet"><div class="numberCircle">-</div><div class="tweetext"><p>Finding from new #evidence review: #singing helps marginalised ppl feel part of #community https://t.co/UfveCHBcH1 @dcms @ace_national https://t.co/q1FRXQxa6A</p> | |
<p><b>19</b> likes, <b>20</b> retweets - <a href="https://twitter.com/statuses/801345071853473792">Date</a></p></div></div> | |
<div style="clear:both"></div> | |
</div> | |
<div style="clear:both"></div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment