Skip to content

Commit

Permalink
[FIX pythonindia#23] changed layout and fixed responsiveness
Browse files Browse the repository at this point in the history
  • Loading branch information
@amitsin6h
amitsin6h committed Aug 3, 2017
1 parent 705ece8 commit 2b689c5
Show file tree
Hide file tree
Showing 4 changed files with 34 additions and 168 deletions.
27 changes: 27 additions & 0 deletions css/twitter-post-fetcher.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -352,6 +352,32 @@ opacity: 1;
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.timeline-gallery > ul > li > a:before {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
content: "";
height: 90%;
left: 5%;
opacity: 0;
position: absolute;
top: 5%;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 90%;

}
.timeline-gallery > ul > li > a:before {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
Expand Down Expand Up @@ -389,6 +415,7 @@ width: 90%;
right: 15px;
}
}

@media (max-width: 768px) {
.btn-responsive {
padding:2px 4px;
Expand Down
84 changes: 0 additions & 84 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2603,90 +2603,6 @@ <h3>Latest Tweets</h3>
<div class="col-sm-12 col-md-12 col-lg-12">
<div id="pyconindiaTweets"></div>
</div>
<!--<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<article class="tg-post tg-themepost">
<figure>
<span class="tg-timetag">June 27, 2016</span>
<img src="images/articles/img-01.jpg" alt="image description">
</figure>
<div class="tg-postcontent">
<div class="tg-posthead">
<ul class="tg-tags">
<li><a href="#">Lifestyle, </a></li>
<li><a href="#">Business</a></li>
</ul>
<ul class="tg-matadata tg-postmatadata">
<li>
<i class="icon-bubble"></i>
<span><a href="#">3205</a></span>
</li>
</ul>
</div>
<div class="tg-posttitle">
<h3><a href="">Penny Smart, Dollar Foolish</a></h3>
</div>
<div class="tg-description">
<p>Consectetur adipisicing elit sed eiusmod tempor inciunt labore dolore magna aliqua enim.</p>
</div>
</div>
</article>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<article class="tg-post tg-themepost">
<figure>
<span class="tg-timetag">June 27, 2016</span>
<img src="images/articles/img-02.jpg" alt="image description">
</figure>
<div class="tg-postcontent">
<div class="tg-posthead">
<ul class="tg-tags">
<li><a href="#">Law and Finance</a></li>
</ul>
<ul class="tg-matadata tg-postmatadata">
<li>
<i class="icon-bubble"></i>
<span><a href="#">3205</a></span>
</li>
</ul>
</div>
<div class="tg-posttitle">
<h3><a href="">All That Glitters Is Not Gold</a></h3>
</div>
<div class="tg-description">
<p>Consectetur adipisicing elit sed eiusmod tempor inciunt labore dolore magna aliqua enim.</p>
</div>
</div>
</article>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<article class="tg-post tg-themepost">
<figure>
<span class="tg-timetag">June 27, 2016</span>
<img src="images/articles/img-03.jpg" alt="image description">
</figure>
<div class="tg-postcontent">
<div class="tg-posthead">
<ul class="tg-tags">
<li><a href="#">Lifestyle, </a></li>
<li><a href="#">Business</a></li>
<li><a href="#">Law and Fina...</a></li>
</ul>
<ul class="tg-matadata tg-postmatadata">
<li>
<i class="icon-bubble"></i>
<span><a href="#">3205</a></span>
</li>
</ul>
</div>
<div class="tg-posttitle">
<h3><a href="">Gonna Make You An Offer You Can’t Refuse</a></h3>
</div>
<div class="tg-description">
<p>Consectetur adipisicing elit sed eiusmod tempor inciunt labore dolore magna aliqua enim.</p>
</div>
</div>
</article>
</div>-->
</div>
</div>
</div>
Expand Down
7 changes: 7 additions & 0 deletions js/vendor/twitter-post-fetcher.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,8 @@
var html = '<div class="col-md-12">'+
'<div class="widget no-padding blank">'+
'<div class="timeline-sec">'+
'<div class="widget no-padding blank">'+
'<div class="timeline-sec">'+
'<ul>';
while(n < x) {
html += '<li><div class="timeline">' + tweets[n] + '</div></li>';
Expand Down Expand Up @@ -365,6 +367,11 @@
'<span>'+strip(authors[n].getElementsByTagName("span")[2].innerHTML)+'</span></h3>'+
'<span class="date"><i class="fa fa-clock-o"></i>'+ times[n].textContent+'</span>'+
'</div>';
'<h3>'+ strip(authors[n].getElementsByTagName("span")[1].innerHTML)+
'<br>'+
'<span>'+strip(authors[n].getElementsByTagName("span")[2].innerHTML)+'</span></h3>'+
'<span class="date"><i class="fa fa-clock-o"></i>'+ times[n].textContent+'</span>'+
'</div>';
}
op += '<div class="timeline-content">'+
'<p class="tweet">' + strip(tweets[n].innerHTML) + '</p>';
Expand Down
84 changes: 0 additions & 84 deletions templates/sections/_tweets.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,90 +19,6 @@ <h3>Latest Tweets</h3>
<div class="col-sm-12 col-md-12 col-lg-12">
<div id="pyconindiaTweets"></div>
</div>
<!--<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<article class="tg-post tg-themepost">
<figure>
<span class="tg-timetag">June 27, 2016</span>
<img src="images/articles/img-01.jpg" alt="image description">
</figure>
<div class="tg-postcontent">
<div class="tg-posthead">
<ul class="tg-tags">
<li><a href="#">Lifestyle, </a></li>
<li><a href="#">Business</a></li>
</ul>
<ul class="tg-matadata tg-postmatadata">
<li>
<i class="icon-bubble"></i>
<span><a href="#">3205</a></span>
</li>
</ul>
</div>
<div class="tg-posttitle">
<h3><a href="">Penny Smart, Dollar Foolish</a></h3>
</div>
<div class="tg-description">
<p>Consectetur adipisicing elit sed eiusmod tempor inciunt labore dolore magna aliqua enim.</p>
</div>
</div>
</article>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<article class="tg-post tg-themepost">
<figure>
<span class="tg-timetag">June 27, 2016</span>
<img src="images/articles/img-02.jpg" alt="image description">
</figure>
<div class="tg-postcontent">
<div class="tg-posthead">
<ul class="tg-tags">
<li><a href="#">Law and Finance</a></li>
</ul>
<ul class="tg-matadata tg-postmatadata">
<li>
<i class="icon-bubble"></i>
<span><a href="#">3205</a></span>
</li>
</ul>
</div>
<div class="tg-posttitle">
<h3><a href="">All That Glitters Is Not Gold</a></h3>
</div>
<div class="tg-description">
<p>Consectetur adipisicing elit sed eiusmod tempor inciunt labore dolore magna aliqua enim.</p>
</div>
</div>
</article>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<article class="tg-post tg-themepost">
<figure>
<span class="tg-timetag">June 27, 2016</span>
<img src="images/articles/img-03.jpg" alt="image description">
</figure>
<div class="tg-postcontent">
<div class="tg-posthead">
<ul class="tg-tags">
<li><a href="#">Lifestyle, </a></li>
<li><a href="#">Business</a></li>
<li><a href="#">Law and Fina...</a></li>
</ul>
<ul class="tg-matadata tg-postmatadata">
<li>
<i class="icon-bubble"></i>
<span><a href="#">3205</a></span>
</li>
</ul>
</div>
<div class="tg-posttitle">
<h3><a href="">Gonna Make You An Offer You Can’t Refuse</a></h3>
</div>
<div class="tg-description">
<p>Consectetur adipisicing elit sed eiusmod tempor inciunt labore dolore magna aliqua enim.</p>
</div>
</div>
</article>
</div>-->
</div>
</div>
</div>
Expand Down

0 comments on commit 2b689c5

Please sign in to comment.