Skip to content

Commit 3d08290

Browse files
author
mhamzashakeel1
committed
Fixed UI issues.
1 parent f78611c commit 3d08290

18 files changed

+21302
-123
lines changed

‎contacts.html

Lines changed: 106 additions & 106 deletions
Original file line numberDiff line numberDiff line change
@@ -1,126 +1,126 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<title>Contact OpenWorm</title>
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<meta name="description" content="How to contact OpenWorm">
8-
9-
<!-- REPLICATE THIS IN ALL PAGES -->
10-
11-
<!-- Le styles -->
12-
<link href="css/bootstrap.css" rel="stylesheet">
13-
<link rel="stylesheet" href="css/font-awesome.css">
14-
<link href="css/bootstrap-responsive.css" rel="stylesheet">
15-
<link href="css/main.css" rel="stylesheet">
16-
<link href="css/docs.css" rel="stylesheet">
17-
18-
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
19-
<!--[if lt IE 9]>
20-
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
21-
<![endif]-->
22-
23-
<!-- Fav and touch icons - this code is outdated -->
24-
<link rel="shortcut icon" href="favicon.ico">
25-
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
26-
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
27-
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
28-
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
29-
30-
<div class="navbar navbar-inverse navbar-fixed-top">
31-
<div class="navbar-inner" id="head-nav">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Contact OpenWorm</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta name="description" content="How to contact OpenWorm">
8+
9+
<!-- REPLICATE THIS IN ALL PAGES -->
10+
11+
<!-- Le styles -->
12+
<link href="css/bootstrap.css" rel="stylesheet">
13+
<link rel="stylesheet" href="css/font-awesome.css">
14+
<link href="css/bootstrap-responsive.css" rel="stylesheet">
15+
<link href="css/main.css" rel="stylesheet">
16+
<link href="css/docs.css" rel="stylesheet">
17+
18+
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
19+
<!--[if lt IE 9]>
20+
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
21+
<![endif]-->
22+
23+
<!-- Fav and touch icons - this code is outdated -->
24+
<link rel="shortcut icon" href="favicon.ico">
25+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
26+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
27+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
28+
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
29+
30+
<div class="navbar navbar-inverse navbar-fixed-top">
31+
<div class="navbar-inner" id="head-nav">
32+
</div>
3233
</div>
33-
</div>
34-
<script src="js/jquery-3.6.0.js"></script>
35-
<script>
36-
// get head-nav and foot-nav with jquery (get is async)
37-
$.get('header-content.html', function(data) {
38-
$('#head-nav').html(data);
39-
})
40-
$.get('footer-content.html', function(data) {
41-
$('#foot-nav').html(data);
42-
})
43-
</script>
44-
</head>
45-
46-
<body>
47-
<div id="pjax-content">
48-
<!-- END REPEAT-->
49-
50-
<header class="jumbotron subhead" id="overview">
51-
<div class="container">
34+
<script src="js/jquery-3.6.0.js"></script>
35+
<script>
36+
// get head-nav and foot-nav with jquery (get is async)
37+
$.get('header-content.html', function(data) {
38+
$('#head-nav').html(data);
39+
})
40+
$.get('footer-content.html', function(data) {
41+
$('#foot-nav').html(data);
42+
})
43+
</script>
44+
</head>
45+
46+
<body>
47+
<div id="pjax-content">
48+
<!-- END REPEAT-->
49+
50+
<header class="jumbotron subhead" id="overview">
51+
<div class="container">
5252
<h1>Contact us</h1>
5353
<p class="lead">
54-
Have some feedback? Need some information? Want to join?<br/>
55-
We'd love to hear from you.
54+
Have some feedback? Need some information? Want to join?<br/>
55+
We'd love to hear from you.
5656
</p>
57-
</div>
58-
</header>
59-
60-
<div class="container">
61-
62-
<div class="page-header">
63-
<h1 style="float: left;">Join the discussion!</h1><i class="fa fa-slack fa-l" style="float: right;"></i>
64-
<div class="clearer"></div>
65-
</div>
66-
<p class="lead">
67-
We use Slack to communicate and coordinate our daily activities, you are welcome to join us! For an invitation, fill out <a href="https://goo.gl/3ncZWn" target="_blank">our volunteer application form</a>.
68-
</p>
69-
<div class="large-spacer"></div>
57+
</div>
58+
</header>
7059

71-
72-
<div class="page-header">
73-
<h1 style="float: left;">Interact with us on social media!</h1><i class="fa fa-twitter fa-l" style="float: right;"></i>
74-
<div class="clearer"></div>
75-
</div>
76-
<p class="lead">
77-
For ongoing information about OpenWorm, please follow our <a href="http://blog.openworm.org/" target="_blank">blog</a> on tumblr.
60+
<div class="container">
61+
62+
<div class="page-header">
63+
<h1 style="float: left;">Join the discussion!</h1><i class="fa fa-slack fa-l" style="float: right;"></i>
64+
<div class="clearer"></div>
65+
</div>
66+
<p class="lead">
67+
We use Slack to communicate and coordinate our daily activities, you are welcome to join us! For an invitation, fill out <a href="https://goo.gl/3ncZWn" target="_blank">our volunteer application form</a>.
68+
</p>
69+
<div class="large-spacer"></div>
70+
71+
72+
<div class="page-header">
73+
<h1 style="float: left;">Interact with us on social media!</h1><i class="fa fa-twitter fa-l" style="float: right;"></i>
74+
<div class="clearer"></div>
75+
</div>
76+
<p class="lead">
77+
For ongoing information about OpenWorm, please follow our <a href="http://blog.openworm.org/" target="_blank">blog</a> on tumblr.
7878
You can also follow us and interact on <a href="https://twitter.com/OpenWorm" target="_blank">Twitter</a> and <a href="https://www.facebook.com/OpenWorm" target="_blank">Facebook</a> for more frequent updates.
79-
</p>
80-
<div class="large-spacer"></div>
81-
82-
83-
<div class="page-header">
84-
<h1 style="float: left;">Follow the code!</h1><i class="fa fa-github fa-l" style="float: right;"></i>
85-
<div class="clearer"></div>
86-
</div>
87-
<p class="lead">
88-
You can follow ongoing developments in the various software development projects of OpenWorm on <a href="https://github.com/openworm/OpenWorm/milestones" target="_blank">GitHub</a>.
89-
</p>
90-
<div class="large-spacer"></div>
91-
92-
93-
<div class="page-header">
79+
</p>
80+
<div class="large-spacer"></div>
81+
82+
83+
<div class="page-header">
84+
<h1 style="float: left;">Follow the code!</h1><i class="fa fa-github fa-l" style="float: right;"></i>
85+
<div class="clearer"></div>
86+
</div>
87+
<p class="lead">
88+
You can follow ongoing developments in the various software development projects of OpenWorm on <a href="https://github.com/openworm/OpenWorm/milestones" target="_blank">GitHub</a>.
89+
</p>
90+
<div class="large-spacer"></div>
91+
92+
93+
<div class="page-header">
9494
<h1 style="float: left;">Drop us a line!</h1><i class="fa fa-envelope fa-l" style="float: right;"></i>
9595
<div class="clearer"></div>
96-
</div>
97-
<p class="lead">We'd love to hear from you! You should feel free to contact us with feedback, questions, partnership proposals, or other inquiries at <a href="mailto:[email protected]">info<b>at</b>openworm.org</a>.
98-
</p>
96+
</div>
97+
<p class="lead">We'd love to hear from you! You should feel free to contact us with feedback, questions, partnership proposals, or other inquiries at <a href="mailto:[email protected]">info<b>at</b>openworm.org</a>.
98+
</p>
9999

100-
</div>
101-
<!-- FOOT: DUPLICATE THE FOLLOWING IN ALL PAGES -->
102-
</div><!-- end pjax content -->
100+
</div>
101+
<!-- FOOT: DUPLICATE THE FOLLOWING IN ALL PAGES -->
102+
</div><!-- end pjax content -->
103103

104104

105105

106-
<!-- footer
107-
================================================== -->
108-
<div id="foot-nav"></div>
109-
<!-- foot-nav is filled with script in head -->
106+
<!-- footer
107+
================================================== -->
108+
<div id="foot-nav"></div>
109+
<!-- foot-nav is filled with script in head -->
110110

111-
<!-- Le javascript
112-
================================================== -->
113-
<!-- at end of the document so the pages load faster -->
111+
<!-- Le javascript
112+
================================================== -->
113+
<!-- at end of the document so the pages load faster -->
114114

115-
<!-- load other resources asynchronously: -->
116-
<script src="js/bootstrap.js" async></script>
117-
<script src="js/jquery.parss.uncompressed.js" async></script>
118-
<script src="http://platform.twitter.com/widgets.js" async></script>
115+
<!-- load other resources asynchronously: -->
116+
<script src="js/bootstrap.js" async></script>
117+
<script src="js/jquery.parss.uncompressed.js" async></script>
118+
<script src="http://platform.twitter.com/widgets.js" async></script>
119119

120-
<!-- execute main (initialize resources above + carousel/donate controls -->
121-
<script src="js/jquery.pjax.js"></script>
122-
<script src="js/main.js" defer></script>
120+
<!-- execute main (initialize resources above + carousel/donate controls -->
121+
<script src="js/jquery.pjax.js"></script>
122+
<script src="js/main.js" defer></script>
123123

124-
</body>
124+
</body>
125125

126126
</html>

‎css/main.css

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,17 @@
3333
color: inherit;
3434
text-decoration: none;
3535
}
36+
/****/
37+
.carousel-inner > .item > img{
38+
object-fit: cover;
39+
}
40+
.donate_btn{
41+
padding: 11px 19px;
42+
font-size: 17.5px;
43+
-webkit-border-radius: 6px;
44+
-moz-border-radius: 6px;
45+
border-radius: 6px;
46+
}
3647
@media
3748
(-webkit-min-device-pixel-ratio: 2),
3849
(min-resolution: 192dpi) {
@@ -875,3 +886,39 @@ dd {
875886
.clearer {
876887
clear: both;
877888
}
889+
@media (max-width: 979px){
890+
button.btn.btn-navbar {
891+
display: flex;
892+
flex-flow: column;
893+
}
894+
span.fa.fa-bar {
895+
background: white !important;
896+
height: 2px;
897+
width: 18px;
898+
margin-bottom: 1px;
899+
margin-top: 2px;
900+
}
901+
.jumbotron{
902+
margin-top: 0px !important;
903+
}
904+
.carousel-control {
905+
z-index: 9999;
906+
}
907+
}
908+
@media (max-width: 767px){
909+
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
910+
margin-right: 0px;
911+
}
912+
.subhead {
913+
padding-left: 15px !important;
914+
padding-right: 15px !important;
915+
}
916+
/* #myCarousel .carousel-caption {
917+
margin: 0 auto;
918+
text-align: center;
919+
} */
920+
/* #myCarousel .item{
921+
display: flex;
922+
align-items: center;
923+
} */
924+
}

‎donate.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131
<div class="navbar-inner" id="head-nav">
3232
</div>
3333
</div>
34-
<script src="js/jquery-3.2.1.js"></script>
34+
<script src="js/jquery-3.6.0.js"></script>
3535
<script>
3636
// get head-nav and foot-nav with jquery (get is async)
3737
$.get('header-content.html', function(data) {
@@ -96,7 +96,7 @@ <h1>How can I contribute?</h1>
9696
<input type="hidden" name="cpp_header_image" value="http://www.openworm.org/img/OpenWormLogoS.png">
9797
<input type="hidden" name="cmd" value="_donations">
9898
<input id="amountSent" type="hidden" name="amount" value="50">
99-
<input type="submit" class="btn btn-danger btn-large" name="submit" value="Donate now">
99+
<input type="submit" class="btn btn-danger donate_btn" name="submit" value="Donate now">
100100
<input type="hidden" name="business" value="[email protected]">
101101
<input type="hidden" name="item_name" value="OpenWorm donation">
102102
<input type="hidden" name="currency_code" value="USD">

‎downloads.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131
<div class="navbar-inner" id="head-nav">
3232
</div>
3333
</div>
34-
<script src="js/jquery-3.2.1.js"></script>
34+
<script src="js/jquery-3.6.0.js"></script>
3535
<script>
3636
// get head-nav and foot-nav with jquery (get is async)
3737
$.get('header-content.html', function(data) {

‎educators.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
<div class="navbar-inner" id="head-nav">
3131
</div>
3232
</div>
33-
<script src="js/jquery-3.2.1.js"></script>
33+
<script src="js/jquery-3.6.0.js"></script>
3434
<script>
3535
// get head-nav and foot-nav with jquery (get is async)
3636
$.get('header-content.html', function(data) {

‎events.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
<div class="navbar-inner" id="head-nav">
3333
</div>
3434
</div>
35-
<script src="js/jquery-3.2.1.js"></script>
35+
<script src="js/jquery-3.6.0.js"></script>
3636
<script>
3737
// get head-nav and foot-nav with jquery (get is async)
3838
$.get('header-content.html', function(data) {

‎get_involved.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
<div class="navbar-inner" id="head-nav">
3131
</div>
3232
</div>
33-
<script src="js/jquery-3.2.1.js"></script>
33+
<script src="js/jquery-3.6.0.js"></script>
3434
<script>
3535
// get head-nav and foot-nav with jquery (get is async)
3636
$.get('header-content.html', function(data) {

‎getting_started.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131
<div class="navbar-inner" id="head-nav">
3232
</div>
3333
</div>
34-
<script src="js/jquery-3.2.1.js"></script>
34+
<script src="js/jquery-3.6.0.js"></script>
3535
<script>
3636
// get head-nav and foot-nav with jquery (get is async)
3737
$.get('header-content.html', function(data) {

‎index.html

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131
<div class="navbar-inner" id="head-nav">
3232
</div>
3333
</div>
34-
<script src="js/jquery-3.2.1.js"></script>
34+
<script src="js/jquery-3.6.0.js"></script>
3535
<script>
3636
// get head-nav and foot-nav with jquery (get is async)
3737
$.get('header-content.html', function(data) {
@@ -46,14 +46,12 @@
4646
<body>
4747
<div id="pjax-content">
4848
<!-- END REPEAT-->
49-
5049
<!-- sb: this allows FB to reload when user returns to home page
5150
it is very slow though...i think there is a better way but requires app id -->
5251
<div id="fb-root"></div>
5352
<div class="marketing-byline pagination-centered">
5453
<br/>
5554
<i class="fa fa-heart-o fa-l donate"></i>
56-
5755
<h3>
5856
<a href="./donate.html">Contribute today</a> to OpenWorm. <strong class="donate">Thank you!</strong>
5957
</h3>

0 commit comments

Comments
 (0)