Skip to content

Commit

Permalink
Language section added to home page (publiclab#422)
Browse files Browse the repository at this point in the history 
* New Navbar added with the logo of PublicLab

* New language section added

* Fix the mobile view issue in Language section

* Fix the mobile view hover issue in Language section

* jQuery CDN removed

* Badge used in language section

* set the null values as N/A

* Set the language section below Contributors
  • Loading branch information
@YogeshSharma01 @TildaDares
YogeshSharma01 authored and TildaDares committed Apr 28, 2021
1 parent 1120b2d commit a48bb51
Show file tree
Hide file tree
Showing 3 changed files with 143 additions and 1 deletion.
46 changes: 45 additions & 1 deletion examples/demo.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,8 +15,9 @@ body {
}

/* Navbar CSS */

nav {
background: #f8f8fa;
z-index: 100;
}

Expand All @@ -36,6 +37,7 @@ nav ul {

nav ul li {
display: inline-block;
background: #f8f8fa;
margin: 0 5px;
}

Expand All @@ -54,12 +56,17 @@ nav ul li a:hover {
0 0 5px #669dc9;
}


nav ul ul li a:hover {
color: #669dc9;

nav ul ul li{
background-color: #f8f8fa;
}

nav ul ul li a:hover {
color: #34A7C1;

box-shadow: none;
}

Expand Down Expand Up @@ -104,6 +111,8 @@ nav ul ul li a {
}
/* Navbar ends */



/* dependency chart */
#dependency-div{
text-align: center;
Expand Down Expand Up @@ -354,6 +363,41 @@ h1, h2, .section h3 {
overflow: scroll;
max-height: 1000px;
}
/* Languages list */
.language{
margin-bottom: 20px;
padding: 10px;
background-color: rgba(221, 221, 221, 0.493);
border-radius: 10px;
overflow: scroll;
max-height: 1000px;
display: flex;
flex-wrap: wrap;
}

.conatiner-language{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
padding: 27px;
background-color: white;
margin-bottom: 20px;
overflow: scroll;
font-size: 15px;
width: 33%;
position: relative;
display: block;
}
.repo-name{
width: 76%;
}

.badge{
border-radius: 5px;
}

/* language section ends */

/*First Timers Issues List */

Expand Down
27 changes: 27 additions & 0 deletions examples/demo.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,33 @@ document.addEventListener('DOMContentLoaded', function () {
});


/* language section */
var request = new XMLHttpRequest()

request.open('GET', 'https://api.github.com/users/publiclab/repos', true);

request.onload = function () {
var data = JSON.parse(this.response);
var statusHTML = '';
$.each(data, function (i, status) {
statusHTML += '<div class="conatiner-language">';
statusHTML += '<div class="repo-name"><a href="' + status.html_url + '">' + status.name + '</a></div>';
if(status.language == null){
statusHTML += '<span class="badge">' + 'N/A' + '</span>';
}else{
statusHTML += '<span class="badge">' + status.language + '</span>';
}
statusHTML += '</div>';
});
$('#tbody').html(statusHTML);
}

request.send();

/* langauge section ends */



/*Scroll to top when arrow up clicked BEGIN*/
$(window).scroll(function() {
let height = $(window).scrollTop();
Expand Down
71 changes: 71 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,9 @@
<script src="examples/themes.js"></script>
<script src="src/scripts/configure.js"></script>
<script src="examples/copyToClipboard.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"
integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg=="
crossorigin="anonymous"></script>

</head>

Expand All @@ -42,6 +45,57 @@
<link rel="stylesheet" href="examples/demo.css">
<link rel="stylesheet" href="examples/themes.css">
<!-- Navbar start -->

<nav class="navbar">
<img id="logo-img" src="./images/Boots-ground-02.png" alt="publiclab-logo">
<ul>
<li>
<a href="#">LEARN</a>
<ul>
<li><a class="line" href="https://github.com/publiclab/plots2/blob/master/README.md">Get Started</a>
</li>
<li><a class="line" href="https://github.com/publiclab/plots2/labels/support'">Assist Someone</a>
</li>
<li><a class="line"
href="https://publiclab.org/notes/warren/10-31-2016/create-a-welcoming-first-timers-only-issue-to-invite-new-software-contributors">Create
Your FTO Issue</a></li>
</ul>
</li>
<li>
<a href="#">ISSUES</a>
<ul>
<li><a class="line" href="#fto-issue-D">FTO Issues</a></li>
<li><a class="line" href="#stale-head">Stale Issues</a></li>
</ul>
</li>
<li>
<a href="#">PARTICIPANTS</a>
<ul>
<li><a class="line" href="#candidate">Candidates</a></li>
<li><a class="line" href="#fto-author">FTO Authors</a></li>
<li><a class="line" href="#contributor">Contributors</a></li>
</ul>
</li>
<li><a class="line" href="https://publiclab.org/chat">CHATROOM</a></li>
<li>
<a class="line" href="#">MORE</a>
<ul>
<li><a class="line" href="https://github.com/publiclab/community-toolbox">Source Code</a></li>
<li><a class="line" href="https://publiclab.org/conduct">Conduct</a></li>
<li><a class="line" href="https://guides.github.com/activities/hello-world/">New To GitHub?</a></li>
<li><a class="line" href="https://github.com/publiclab/plots2/labels/first-timers-only">Selection of
Issues</a></li>
<li><a class="line"
href="https://publiclab.org/notes/warren/11-08-2016/help-public-lab-s-software-grow-by-joining-a-supportive-team">Support</a>
</li>
<li><a class="line" href="https://github.com/publiclab/plots2/labels/help-wanted">Challenges</a>
</li>
</ul>
</li>
</ul>
</nav>
<!-- Navbar ends -->

<div id='container'>
<div id='forkMe-ribbon'><a href="https://github.com/publiclab/community-toolbox" >
<img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"alt="Fork me on GitHub"></a>
Expand Down Expand Up @@ -192,9 +246,14 @@ <h3>3.<br />Create a welcoming issue for someone else</h3>
</div>

<br />



<h2><span class=" newcomer-issues" id="fto-issue-D">first timers only</span> issues</h2>

<h2><span class=" newcomer-issues" id="fto-issue">first timers only</span> issues</h2>


<p>Here are <a id="newcomer-issues-link" href="https://github.com/publiclab/plots2/labels/first-timers-only">a selection</a> of issues we've <a class=" guidelines-link" href="https://publiclab.org/n/13667">made especially for first-timers</a>. We're here to help, so just ask if one looks interesting, by leaving a comment!</p>

<div class="row first-timers-only"></div>
Expand Down Expand Up @@ -311,7 +370,11 @@ <h2 class="recent-contributors-head">Recent Contributors</h2>
</div>
</div>


<h2 class="contributors-head" id="contributor">Contributors</h2>

<h2 class="contributors-head" id="contributer">Contributors</h2>

<div class="contribs">
<div style="display: flex; justify-content: space-between">
<p>This project was made possible by many contributors, including the following GitHub users:</p>
Expand All @@ -321,12 +384,20 @@ <h2 class="contributors-head" id="contributer">Contributors</h2>
<div class="well contributors"><div id="spinner-icon" style="text-align: center;"><i class="fa fa-spinner fa-spin"></i></div><p class="usernames"></p><hr /><p class="avatars text-center"></p></div>
</div>


<!-- Langauge section -->
<h2><span id="fto-issue">Languages</span> Used</h2>
<p>This is the section of all the repositories of <a href="https://github.com/publiclab">PUBLIC LAB</a> we've made especially for first-timers. We're here to help, so just click on it if one looks interesting.</p>
<div id="tbody" class="row language "></div>
<!-- langauge section ends -->

<!-- Dependency chart -->
<div id="dependency-div">
<img class="dependency-chart" src="./images/dependency-chart.webp" alt="dependency-chart">
</div>
<!-- Dependency chart end -->


<div class="row" id="connectwithus">
<h2 class="text-center d-block">Connect with us</h2>
<!-- <p>You can connect with us on any of these platforms:</p> -->
Expand Down

0 comments on commit a48bb51

Please sign in to comment.