Skip to content
This repository was archived by the owner on Sep 20, 2021. It is now read-only.

removed horizontal scroll #76

Open
ananya-mohanty wants to merge 8 commits into
base: master
Choose a base branch
from
Open

removed horizontal scroll #76

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
5ff44eb
Update index.html
ananya-mohanty Jan 26, 2020
67251b5
Merge remote-tracking branch 'upstream/master'
ananya-mohanty Jan 28, 2020
b06cfb9
removed horizontal scroll
ananya-mohanty Jan 28, 2020
a966a44
top5 changes
ananya-mohanty Jan 31, 2020
d89ab10
..
ananya-mohanty Jan 31, 2020
42ec009
..
ananya-mohanty Jan 31, 2020
9d0785b
..
ananya-mohanty Jan 31, 2020
9a8024a
..
ananya-mohanty Jan 31, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file modified .DS_Store
View file
Open in desktop
Binary file not shown.
17 changes: 17 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,3 +10,20 @@
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

html, body{
overflow-x: hidden;
align-items: center;
}
#fifth, #first, #second, #third, #fourth{
/* font-size: 30px; */
text-align : center;
/* font-size-adjust: initial; */
color: #000000;
font-family: Georgia, 'Times New Roman', Times, serif;
align-content: stretch;
}
#top5head{
background-color: #f0efc0;
align-content: center;
}

66 changes: 55 additions & 11 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,18 +49,62 @@
</center>


<div id="top5_leaders" >
<center>
<div id = "top5" class="row" >
<div id="first" class="col" style="padding: 10px;"></div>
<div id="second" class="col" style="padding: 10px;"></div>
<div id="third" class="col" style="padding: 10px;"></div>
<div id="fourth" class="col" style="padding: 10px;"></div>
<div id="fifth" class="col" style="padding: 10px;"></div>
</div>
</center>
<div class="jumbotron-fluid" id="top5head">
<div class="container d-flex align-content-stretch flex-wrap">


<!-- <divclass="d-flex align-content-stretch flex-wrap"> -->

<!-- <div class="row" id="top5" > -->
<!-- <div class="col-lg-2 col-sm-4 col-xs-6"> -->

<div id="first" style="padding: 10px;">
</div>

<!-- </div> -->
<!-- <div class="row-sm-2"> -->
<div id="second" style="padding: 10px;"></div>
<!-- </div> -->

<!-- <div class="row-sm-2"> -->
<div id="third" style="padding: 10px;"></div>
<!-- </div> -->
<!-- <div class="row-sm-2"> -->
<div id="fourth" style="padding: 10px;"></div>
<!-- </div> -->
<!-- <div class="row-sm-2"> -->
<div id="fifth" style="padding: 10px;"></div>
<!-- </div> -->



<!-- </div> -->
</div>
</div>






<!--

<div id="top5_leaders" class="d-flex align-content-stretch flex-wrap">

<div id = "top5" class="row" >
<div class="row row-lg-12 row-md-6 row-sm-3"> -->


<!-- <div class="row row-lg-3 " id="first" style="padding: 10px;"></div> -->
<!-- <div class="row row-lg-3 " id="second" style="padding: 10px;"></div>
<div class="row row-lg-3 " id="third" style="padding: 10px;"></div>
<div class="row row-lg-3 " id="fourth" style="padding: 10px;"></div>
<div class="row row-lg-3 " id="fifth" style="padding: 10px;"></div> -->
<!-- </div> -->
<!-- </div> -->
<!--
</div> -->
<div class="container d-flex align-content-stretch flex-wrap">
<center><div id="loader">
<img src="https://lingojam.com/img/loading_nice.gif" style="width: 15%;"/>
</div></center>
Expand All @@ -69,7 +113,7 @@

</table>
</div>

</div>
<script src="main.js"></script>
</body>
</html>
Expand Down
20 changes: 14 additions & 6 deletions main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,17 +48,18 @@ function addTop5images(arr){
arr.sort(sortByPoints());
var ids = ['first', 'second', 'third', 'fourth', 'fifth'];
var div = document.getElementById("top5");
div.className = "row table table-success table-bordered table-hover border border-dark rounded w-100";
div.style = "font-size: 0.8em; font-weight: bold; align-self: auto; column-width:auto; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px;"
// div.className = "row table table-success table-bordered table-hover border border-dark rounded w-100";
// div.style = "font-size: 10px; font-weight: bold; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px;"

for(var i=0;i<5;i++)
{
var div = document.getElementById(ids[i]);
div.innerHTML = '';
var img = document.createElement('img');
img.src = arr[i].img;
img.style.height = '5em';
img.style.height='5em'
img.style.width = '5em';
img.style.position ='center';
div.appendChild(img);
var breakl = document.createElement('br');
div.appendChild(breakl);
Expand All @@ -68,15 +69,22 @@ function addTop5images(arr){
div.append(markup);
var breakl2 = document.createElement('br');
div.appendChild(breakl2);

var markup2 = document.createElement('html');
markup2 = arr[i].username + " |" + arr[i].points + "|";
markup2 = arr[i].username;

div.append(markup2);
var breakl4 = document.createElement('br');
div.appendChild(breakl4);
var score= " |" + arr[i].points + "|";
div.append(score);
var link = document.createElement('a');
link.href = "search.html?q="+arr[i].username;
var imgd = document.createElement('img');
imgd.src = "./img/link.svg";
imgd.style.height = '1em';
imgd.style.width = '1em';
imgd.style.height = '0.5em';
imgd.style.width = '0.5em';

var breakl3 = document.createElement('br');
div.appendChild(breakl3);
link.appendChild(imgd);
Expand Down