Skip to content
This repository was archived by the owner on Jan 11, 2020. It is now read-only.

Night mode and pagination issue fixes #299 #379

Open
wants to merge 13 commits into
base: master
Choose a base branch
from
Open

Night mode and pagination issue fixes #299 #379

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
b5fb9e1
Add hover effect to footer icon fixes #344
anupm12 Feb 2, 2019
20ee52d
Changed the hover effect also added it to the participant card
anupm12 Feb 2, 2019
fce6f5f
Merge branch 'master' into master
anupm12 Feb 3, 2019
acd9da3
Changed transition time and transition scale
anupm12 Feb 3, 2019
8189be3
Changed transition time and transition scale
anupm12 Feb 3, 2019
50fc389
Merge remote-tracking branch 'upstream/master'
anupm12 Feb 3, 2019
15ded72
Merge remote-tracking branch 'upstream/master'
anupm12 Feb 4, 2019
b2808ec
Merge remote-tracking branch 'upstream/master'
anupm12 Feb 4, 2019
9601cdb
Merge remote-tracking branch 'upstream/master'
anupm12 Feb 5, 2019
06c379b
Merge remote-tracking branch 'upstream/master'
anupm12 Feb 6, 2019
8beb2bc
Fixed night mode and pagination issue fixes #299
anupm12 Feb 8, 2019
987d25b
Solved problem with project name
anupm12 Feb 9, 2019
763ab8b
Merge branch 'master' into night-pagination
anupm12 Feb 10, 2019
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
2 changes: 1 addition & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@
</li>
<li class="nav-item dark-mode">
<label class="switch">
<input type="checkbox">
<input type="checkbox" id="checkbox">
<span class="slider round"></span>
</label>
</li>
Expand Down
81 changes: 56 additions & 25 deletions js/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -193,6 +193,9 @@ $(document).ready(function() {
$("#participants").empty();
participants = all_participants.slice((current_page-1)*per_page, (current_page-1)*per_page+per_page);
loadpage();
if($('#checkbox').is(':checked')){
$('.card').toggleClass('dark')
}
}
});

Expand All @@ -203,7 +206,10 @@ $(document).ready(function() {
$('.prev').removeClass('disabled');
$(this).removeClass('disabled');
participants = all_participants.slice((current_page-1)*per_page, (current_page-1)*per_page+per_page);
loadpage();
loadpage();
if($('#checkbox').is(':checked')){
$('.card').toggleClass('dark')
}
}
});

Expand All @@ -217,7 +223,10 @@ $(document).ready(function() {
$("#participants").empty();
participants = all_participants.slice((current_page-1)*per_page, (current_page-1)*per_page+per_page);
loadpage();
});
if($('#checkbox').is(':checked')){
$('.card').addClass('dark')
}
});

//this function load the data
function loadpage(){
Expand Down Expand Up @@ -330,26 +339,26 @@ $(document).ready(function() {
if(participantabout==="")
participantabout="Talk is cheap. Show me the code";
var participantDiv =
"<div class='col-lg-2 col-md-4 col-sm-6 text-center mb-4'>" +
"<div class='card participant-card' style='width: 18rem;'>" +
"<div class = 'side'>" +
"<img class='participant-img img-fluid card-img-top' src=" +
"<div class='p-card col-lg-2 col-md-4 col-sm-6 text-center mb-4'>" +
"<div class='p-card card participant-card' style='width: 18rem;'>" +
"<div class = 'side p-card'>" +
"<img class='p-card participant-img img-fluid card-img-top' src=" +
participant.imageurl +
" alt=''>" +
"<div class='card-body project-card-body'>" +
"<h4 class='card-title card-name'>" +
"<div class='p-card card-body project-card-body'>" +
"<h4 class='p-card card-title card-name'>" +
participant.name +
"</h4>" +
"<p class='card-text card-college'>" +
participant.college +
"</p>" +
"</div>"+
"</div>" +
"<div class='side back'>" +
"<div class='p-card side back'>" +
"<p class='card-about'>" +
participantabout +
"</p>" +
"<div class='social-media-links'>" +
"<div class='p-card social-media-links'>" +
"<a href=" +
participant.facebook +
"><i class='fab fa-facebook-f'></i></a>" +
Expand Down Expand Up @@ -412,6 +421,10 @@ $(document).ready(function() {
$("#projects").empty();
projects = all_projects.slice((current_page-1)*per_page, (current_page-1)*per_page+per_page);
loadpage();
if($('#checkbox').is(':checked')){
$('.card').addClass('dark')
$('.stack-ref').addClass('dark')
}
}
});

Expand All @@ -423,7 +436,11 @@ $(document).ready(function() {
$('.next-project').removeClass('disabled');
$("#projects").empty();
projects = all_projects.slice((current_page-1)*per_page, (current_page-1)*per_page+per_page);
loadpage();
loadpage();
if($('#checkbox').is(':checked')){
$('.card').addClass('dark')
$('.stack-ref').addClass('dark')
}
}
});

Expand All @@ -437,8 +454,12 @@ $(document).ready(function() {
$("#projects").empty();
projects = all_projects.slice((current_page-1)*per_page, (current_page-1)*per_page+per_page);
loadpage();
});

if($('#checkbox').is(':checked')){
$('.card').addClass('dark')
$('.stack-ref').addClass('dark')
}
});

//this function load the data
function loadpage(){
//show the active page
Expand All @@ -457,36 +478,37 @@ $(document).ready(function() {
}
$.each(projects, function(i, project) {
var projectDiv =
"<div class='col-lg-3 col-md-4 col-sm-6 4 d-flex align-items-stretch portfolio-item'>" +
"<div class='card h-100 project-card'>" +
"<div class='p-card col-lg-3 col-md-4 col-sm-6 4 d-flex align-items-stretch portfolio-item'>" +
"<div class='p-card card h-100'>" +
"<div class = 'side'>" +
"<a href=" +
project.github +
"><img class='card-img-top card-img-project' src=" +
"><img class='p-card card-img-top card-img-project' src=" +
project.imageurl +
" alt=''></a>" +
"<div class='card-body'>" +
"<div class='p-card card-body'>" +
"<h4 class='card-title'>" +
"<a href=" +
"<a class='card-title-text' href=" +
project.github +
">" +
project.name +
"</a>" +
"</h4>" +
"<p class='p-card card-text'>" +
project.about +
"</p>" +
"</div>"+
"<div class='p-card stack-ref card-footer card-footer-project'>"+
"</div>"+
"</div>"+
"<div class='side back'>" +
"<p class='card-text project-text'>" +
project.about +
"</p>" +
"<div class='card-footer card-footer-project'>"+
"<h5>"+
"Mentors" +
"</h5>"+
"<p>" +
project.mentors +
"</p>" +
"<h5>"+
"<h5 class='p-card stack-ref'>"+
"Tech Stack" +
"</h5>"+
"<p>" +
Expand Down Expand Up @@ -568,6 +590,7 @@ $(function(){
});

// dark mode
var i=1;
$(document).ready(function(){
$('.slider').click(function(){
$('body').toggleClass('dark')
Expand All @@ -576,13 +599,21 @@ $(document).ready(function(){
$('nav,div,footer').toggleClass('dark')
$('.countdownContainer,.info,.labels,.values,.labellings').toggleClass('dark',false)
$('.countdownContainer,.info,.labels,.values,.labellings').toggleClass('nightcountdown')
$('h2,h3,h5').toggleClass('dark')
$('h2,h3').toggleClass('dark')
$('span,img,ul,li').toggleClass('dark')
$('h1,h4,a').toggleClass('dark-landing-text')
$('h1,a').toggleClass('dark-landing-text')
$('footer').toggleClass('night-footer')
$('.footer_media').toggleClass('footer-dark')
$('.fab-night').toggleClass('footer-dark')
$('.night-footer-ref').toggleClass('footer-dark')
$('.issue-btn-section').toggleClass('dark')
$('.card-footer').toggleClass('dark')
$('.stack-ref').toggleClass('dark')
if($('#checkbox').is(':checked')){
$('.p-card').removeClass('dark');
$('.card-title-text').removeClass('dark-landing-text');
console.log(i++);
}
})
})

Expand Down