Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit8982b4c

Browse files
committed
upgrade some part of code
1 parent305739f commit8982b4c

File tree

5 files changed

+80
-88
lines changed

5 files changed

+80
-88
lines changed

‎Details.txt

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
This file contain information about some file.
2+
3+
v2/public/assest/css/light_mode.css -> contain css code which lead to change color of page.
4+
v2/public/assest/css/index.css -> contain remaining css code of page.
5+
v2/public/assest/js/index.js -> contain js code for bottom right arrow button.
6+
v2/public/assest/js/change_mode.js -> contain js code to change mode.
7+
v2/public/assest/Images -> contain all images

‎index.html

Lines changed: 18 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@
22
<html>
33
<head>
44
<metacharset="utf-8">
5-
<!-- <meta http-equiv="refresh" content="2"> -->
65
<metaname="viewport"content="width=device-width, initial-scale=1">
76
<linkrel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
87
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
@@ -501,18 +500,32 @@ <h1 class="text-center section-heading">
501500
Connect with me
502501
</p>
503502
</div>
504-
<divclass="row justify-content-center">
505-
<ulclass="col-4">
506-
<liclass="github">
503+
<divclass="connect-me-inner-div">
504+
<ulclass="col">
505+
<liclass="github_account">
507506
<ahref="https://github.com/Pankajcoder1"title="Github account">
508507
<iclass="fa fa-github"></i>
509508
</a>
510509
</li>
511-
<liclass="col-4 linkedin">
510+
511+
<liclass="linkedin_account">
512512
<ahref="https://www.linkedin.com/in/pankaj-kumar-795b48198/"title="Linkedin account">
513513
<iclass="fa fa-linkedin"></i>
514514
</a>
515515
</li>
516+
517+
<liclass="instagram_account">
518+
<ahref="https://www.instagram.com/pankajcoder1/"title="Instagram account">
519+
<iclass="fa fa-instagram"></i>
520+
</a>
521+
</li>
522+
523+
<liclass="twitter_account">
524+
<ahref="https://twitter.com/PankajK66627177"title="Twitter account">
525+
<iclass="fa fa-twitter"></i>
526+
</a>
527+
</li>
528+
516529
</ul>
517530
</div>
518531
</div>

‎v2/public/assest/css/index.css

Lines changed: 25 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@
44
@importurl('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200&display=swap');
55

66
/*css start*/
7-
/* css to handle different media will later write */
87

98
body
109
{
@@ -56,7 +55,7 @@ nav li a
5655
}
5756
/* css for media query of navbar section*/
5857

59-
@media(max-width:992px)and (min-width:768px)
58+
@media(max-width:992px)and (min-width:767px)
6059
{
6160
nav .container
6261
{
@@ -69,7 +68,7 @@ nav li a
6968
}
7069
}
7170

72-
@media(max-width:768px)
71+
@media(max-width:767px)
7372
{
7473
nav .container
7574
{
@@ -167,7 +166,7 @@ nav li a
167166
}
168167

169168
/*css for media query for main section*/
170-
@media(max-width:992px)and (min-width:768px)
169+
@media(max-width:992px)and (min-width:767px)
171170
{
172171
.rowdivimg
173172
{
@@ -297,7 +296,7 @@ nav li a
297296
{
298297
font-size:15px;
299298
}
300-
@media (max-width:768px)
299+
@media (max-width:767px)
301300
{
302301
.project-section
303302
{
@@ -361,7 +360,7 @@ nav li a
361360
text-transform: capitalize;
362361
}
363362

364-
@media (max-width:768px)
363+
@media (max-width:767px)
365364
{
366365
.experience_section{
367366
min-height:100px;
@@ -411,53 +410,35 @@ nav li a
411410
/* css for contact me section end here */
412411

413412
/* css start for connect me section*/
414-
.connect-me
415-
{
416-
padding-top:10px;
417-
min-height:200px;
413+
414+
.connect-me-inner-div{
415+
min-height:100px;
416+
padding-top:15px;
418417
}
419-
.connect-mediv .rowulli
420-
{
418+
.connect-me-inner-divul{
421419
list-style-type: none;
420+
text-align: center;
422421
}
423-
.connect-mediv .rowulliai,img
424-
{
425-
height:60px;
426-
padding-top:20px;
427-
font-size:30px;
422+
.connect-me-inner-divulli{
423+
display: inline;
424+
margin-right:30px;
428425
}
429-
430-
.connect-mediv .rowulli
431-
{
432-
float: left;
433-
margin-left:22%;
426+
.connect-me-inner-divulliai{
427+
font-size:30px;
428+
color:#000;
434429
}
435-
@media (max-width:576px)
436-
{
437-
.connect-mediv .rowulli
438-
{
439-
float: left;
440-
margin-left:0%;
441-
}
442-
.connect-mediv .rowulliai
443-
{
444-
height:30px;
445-
width:30px;
446-
}
430+
.connect-me-inner-divulli:hoveri{
431+
color:#7456c6;
447432
}
448-
@media(max-width:300px)
449-
{
450-
.connect-mediv .rowulli
451-
{
452-
padding-top:30px;
453-
float: left;
454-
display: block;
433+
@media(max-width:575px){
434+
.connect-me-inner-divulliai{
435+
font-size:28px;
455436
}
456-
.github
457-
{
458-
margin-left:50%;
437+
.connect-me-inner-divulli{
438+
margin-right:28px;
459439
}
460440
}
441+
461442
/* css for connect me section end here */
462443

463444
/* css for footer section */

‎v2/public/assest/css/light_mode.css

Lines changed: 0 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -15,15 +15,6 @@ nav li a
1515
{
1616
background-color:#7456c6;
1717
}
18-
.navbar:hover
19-
{
20-
/*background-color: #f8f9fa;*/
21-
}
22-
.navbar:hover .nav-item>a
23-
{
24-
/*color: #7456c6;*/
25-
}
26-
2718
.nav-link:hover
2819
{
2920
color:#000;

‎v2/public/assest/js/change_mode.js

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
varfull_screen=document.getElementsByTagName("body");
22

3-
3+
// for dark mode
44
functionchange_light_mode()
55
{
66
// js for main section start
@@ -45,28 +45,23 @@ function change_light_mode()
4545

4646
// js for contact me section end
4747

48-
// js for experience section start
49-
50-
// var logo_background = document.getElementsByClassName("company_logo")[0];
51-
// logo_background.style.backgroundColor="white";
52-
53-
// var column=document.querySelectorAll(".table2 tbody tr");
54-
// for(var i=0;i<column.length;i+=2)
55-
// column[i].style.backgroundColor="#141414";
56-
57-
// js for experience section end
58-
5948
// js for connect me section start
60-
vargithub=document.querySelectorAll(".github a i")[0];
49+
vargithub=document.querySelectorAll(".github_account a i")[0];
6150
github.style.color="white";
62-
varlinkedin=document.querySelectorAll(".linkedin a i")[0];
63-
linkedin.style.color="white";
51+
varlinkedin=document.querySelectorAll(".linkedin_account a i")[0];
52+
linkedin.style.color="white";
53+
varinstagram=document.querySelectorAll(".instagram_account a i")[0];
54+
instagram.style.color="white";
55+
vartwitter=document.querySelectorAll(".twitter_account a i")[0];
56+
twitter.style.color="white";
57+
6458

6559
// js for connect me section end
6660

6761
}
6862

6963

64+
// light mode
7065
functionchange_dark_mode()
7166
{
7267
// js for main section start
@@ -100,29 +95,22 @@ function change_dark_mode()
10095
for(vari=0;i<list.length;i++)
10196
list[i].style.color="black";
10297

103-
10498
// js for project section end
105-
// js for experience section start
106-
107-
// var logo_background = document.getElementsByClassName("company_logo")[0];
108-
// logo_background.style.backgroundColor="transparent";
109-
110-
// var column=document.querySelectorAll(".table2 tbody tr");
111-
// for(var i=0;i<column.length;i+=2)
112-
// column[i].style.backgroundColor="rgba(0,0,0,0.05)";
113-
114-
// js for experience section end
11599

116100
// js for contact me section start
117101
varlist=document.querySelectorAll(".contact div .row");
118102
list[0].style.backgroundColor="white";
119103
// js for contact me section end
120104

121105

122-
vargithub=document.querySelectorAll(".github a i")[0];
123-
github.style.color="black";
124-
varlinkedin=document.querySelectorAll(".linkedin a i")[0];
125-
linkedin.style.color="black";
106+
vargithub=document.querySelectorAll(".github_account a i")[0];
107+
github.style.color="black";
108+
varlinkedin=document.querySelectorAll(".linkedin_account a i")[0];
109+
linkedin.style.color="black";
110+
varinstagram=document.querySelectorAll(".instagram_account a i")[0];
111+
instagram.style.color="black";
112+
vartwitter=document.querySelectorAll(".twitter_account a i")[0];
113+
twitter.style.color="black";
126114
$(document).ready(function()
127115
{
128116
$(github).hover(function()
@@ -141,6 +129,18 @@ function change_dark_mode()
141129
{
142130
$(this).css("color","black");
143131
});
132+
$(instagram).hover(function(){
133+
$(this).css("color","#7456c6");
134+
},
135+
function(){
136+
$(this).css("color","black");
137+
});
138+
$(twitter).hover(function(){
139+
$(this).css("color","#7456c6");
140+
},
141+
function(){
142+
$(this).css("color","black");
143+
});
144144
});
145145

146146
// js for connect me section end

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp