archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

Added twitter feed

Browse source
This commit is contained in:
Jake Howard 2015-11-21 23:22:15 +00:00
parent 90b46478f8
commit b2365f1299
2 changed files with 21 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
static/src/less/homepage.less
View file

@ -62,7 +62,20 @@
} }
.twitter-icon { .twitter-icon {
text-align: center; text-align: center;
font-size: 150px; font-size: 175px;
height: 80vh;
position: relative;
.icon {
position: absolute;
text-shadow: 4px 6px rgba(0,0,0,0.4);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.transition(color 0.6s);
&:hover {
color: #55ACEE;
}
}
} }
} }
} }

9
templates/index.html
View file

@ -24,12 +24,17 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-sm-6 col-xs-12 feed"> <div class="col-sm-6 col-xs-12 feed">
<p>Twitter feed goes here</p> <p><a class="twitter-timeline" data-dnt="true" href="https://twitter.com/RealOrangeOne" data-widget-id="600774030069760003">Tweets by @RealOrangeOne</a></p>
</div> </div>
<div class="col-sm-6 twitter-icon hidden-xs"> <div class="col-sm-6 twitter-icon hidden-xs">
<i class="icon ion-social-twitter"></i> <a href="https://twitter.com/RealOrangeOne" class="no-color-change">
<i class="icon ion-social-twitter"></i>
</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>
{% endblock %} {% endblock %}