From a48bb51a74f2916e5dfac1499c3af18fed5f023f Mon Sep 17 00:00:00 2001 From: Yogesh Sharma <51679200+YogeshSharma01@users.noreply.github.com> Date: Thu, 11 Mar 2021 21:01:29 +0530 Subject: [PATCH] Language section added to home page (#422) * 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 --- examples/demo.css | 46 +++++++++++++++++++++++++++++- examples/demo.js | 27 ++++++++++++++++++ index.html | 71 +++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 143 insertions(+), 1 deletion(-) diff --git a/examples/demo.css b/examples/demo.css index 98caa63c..741096f5 100644 --- a/examples/demo.css +++ b/examples/demo.css @@ -15,8 +15,9 @@ body { } /* Navbar CSS */ - + nav { + background: #f8f8fa; z-index: 100; } @@ -36,6 +37,7 @@ nav ul { nav ul li { display: inline-block; + background: #f8f8fa; margin: 0 5px; } @@ -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; } @@ -104,6 +111,8 @@ nav ul ul li a { } /* Navbar ends */ + + /* dependency chart */ #dependency-div{ text-align: center; @@ -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 */ diff --git a/examples/demo.js b/examples/demo.js index b34a4e7a..68fa79fd 100644 --- a/examples/demo.js +++ b/examples/demo.js @@ -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 += '
'; + statusHTML += '
' + status.name + '
'; + if(status.language == null){ + statusHTML += '' + 'N/A' + ''; + }else{ + statusHTML += '' + status.language + ''; + } + statusHTML += '
'; + }); + $('#tbody').html(statusHTML); + } + + request.send(); + + /* langauge section ends */ + + + /*Scroll to top when arrow up clicked BEGIN*/ $(window).scroll(function() { let height = $(window).scrollTop(); diff --git a/index.html b/index.html index 429341c9..0b685096 100644 --- a/index.html +++ b/index.html @@ -31,6 +31,9 @@ + @@ -42,6 +45,57 @@ + + + +
Fork me on GitHub @@ -192,9 +246,14 @@

3.
Create a welcoming issue for someone else


+ + + +

first timers only issues

first timers only issues

+

Here are a selection of issues we've made especially for first-timers. We're here to help, so just ask if one looks interesting, by leaving a comment!

@@ -311,7 +370,11 @@

Recent Contributors

+ +

Contributors

+

Contributors

+

This project was made possible by many contributors, including the following GitHub users:

@@ -321,12 +384,20 @@

Contributors

+ + +

Languages Used

+

This is the section of all the repositories of PUBLIC LAB we've made especially for first-timers. We're here to help, so just click on it if one looks interesting.

+
+ +
dependency-chart
+

Connect with us