Skip to content

Commit 52c9fb2

Browse files
shortsandsshortsands
committed
started adding pjax to other pages, alphabetically as far as people.html which needs a lot of work.
1 parent cbd4183 commit 52c9fb2

File tree

7 files changed

+995
-1709
lines changed

7 files changed

+995
-1709
lines changed

‎war/contacts.html

Lines changed: 65 additions & 186 deletions
Original file line numberDiff line numberDiff line change
@@ -5,229 +5,108 @@
55
<title>Contact OpenWorm</title>
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<meta name="description" content="">
8-
<meta name="author" content="">
8+
9+
<!-- REPLICATE THIS IN ALL PAGES -->
910

1011
<!-- Le styles -->
1112
<link href="css/bootstrap.css" rel="stylesheet">
12-
<style>
13-
body {
14-
padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
15-
}
16-
</style>
17-
<link href="css/bootstrap-responsive.css" rel="stylesheet">
1813
<link rel="stylesheet" href="css/font-awesome.css">
14+
<link href="css/bootstrap-responsive.css" rel="stylesheet">
1915
<link href="css/main.css" rel="stylesheet">
2016
<link href="css/docs.css" rel="stylesheet">
2117

22-
2318
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
2419
<!--[if lt IE 9]>
25-
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
20+
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
2621
<![endif]-->
2722

28-
<!-- Fav and touch icons -->
23+
<!-- Fav and touch icons - this code is outdated -->
2924
<link rel="shortcut icon" href="favicon.ico">
3025
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
3126
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
3227
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
3328
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
34-
</head>
35-
36-
<body>
37-
29+
3830
<div class="navbar navbar-inverse navbar-fixed-top">
39-
<div class="navbar-inner">
40-
<div class="container">
41-
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
42-
<span class="fa fa-bar"></span>
43-
<span class="fa fa-bar"></span>
44-
<span class="fa fa-bar"></span>
45-
</button>
46-
<div class="nav-collapse collapse">
47-
<ul class="nav">
48-
<li>
49-
<a href="./index.html">Home</a>
50-
</li>
51-
<li>
52-
<a href="./getting_started.html">Get Started</a>
53-
</li>
54-
<li>
55-
<a href="./get_involved.html">Get Involved</a>
56-
</li>
57-
<li>
58-
<a href="./downloads.html">Downloads</a>
59-
</li>
60-
<li>
61-
<a href="./supporters.html">Supporters</a>
62-
</li>
63-
<li>
64-
<a href="./media.html">Media</a>
65-
</li>
66-
<li>
67-
<a href="./science.html">Science</a>
68-
</li>
69-
<li>
70-
<a class="donatecolor" href="./donate.html">Donate</a>
71-
</li>
72-
</ul>
73-
<ul class="nav pull-right">
74-
<li><a class="fa fa-github fa-15x" href="http://docs.openworm.org/en/0.9/Community/github/" target="_blank"></a>
75-
<li><a class="minilogo" rel="tooltip" data-placement="right" data-original-title='"What I cannot create, I do not understand" - R. Feynman' ></a><li>
76-
<li><a href="http://browser.openworm.org" target="wormbrowser"> Explore the Worm</a></li>
77-
</ul>
78-
</div><!--/.nav-collapse -->
79-
</div>
80-
</div>
31+
<div class="navbar-inner" id="head-nav">
32+
</div>
8133
</div>
34+
<script src="js/jquery-3.2.1.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-->
8249

8350
<header class="jumbotron subhead" id="overview">
84-
<div class="container">
85-
<h1>Contact us</h1>
86-
<p class="lead">
87-
Have some feedback? Need some information? Want to join?<br/>
88-
We'd love to hear from you.
89-
</p>
90-
</div>
51+
<div class="container">
52+
<h1>Contact us</h1>
53+
<p class="lead">
54+
Have some feedback? Need some information? Want to join?<br/>
55+
We'd love to hear from you.
56+
</p>
57+
</div>
9158
</header>
9259

9360
<div class="container">
94-
<div class="page-header">
61+
<div class="page-header">
9562
<h1 style="float: left;">Join the discussion!</h1><i class="fa fa-edit fa-l" style="float: right;"></i>
9663
<div class="clearer"></div>
97-
</div>
98-
<p class="lead">
99-
The easiest way to follow our day-to-day activities is to join our <a href="https://groups.google.com/forum/#!forum/openworm-discuss" target="_blank">high volume mailing list</a> that we use as a way to keep our communications in the open.
100-
We also have a <a href="https://groups.google.com/forum/#!forum/openworm" target="_blank">lower volume mailing list</a> we use for announcements and general discussion and inquiries.
101-
</p>
102-
<div class="large-spacer"></div>
103-
<div class="page-header">
64+
</div>
65+
<p class="lead">
66+
The easiest way to follow our day-to-day activities is to join our <a href="https://groups.google.com/forum/#!forum/openworm-discuss" target="_blank">high volume mailing list</a> that we use as a way to keep our communications in the open.
67+
We also have a <a href="https://groups.google.com/forum/#!forum/openworm" target="_blank">lower volume mailing list</a> we use for announcements and general discussion and inquiries.
68+
</p>
69+
<div class="large-spacer"></div>
70+
<div class="page-header">
10471
<h1 style="float: left;">Interact with us on social media!</h1><i class="fa fa-twitter fa-l" style="float: right;"></i>
10572
<div class="clearer"></div>
106-
</div>
107-
<p class="lead">
73+
</div>
74+
<p class="lead">
10875
For ongoing information about OpenWorm, please follow our <a href="http://blog.openworm.org/" target="_blank">blog</a> on tumblr.
10976
You can also follow us and interact on <a href="https://twitter.com/OpenWorm" target="_blank">twitter</a>, <a href="https://plus.google.com/117948341754627144949/posts" target="_blank">Google+</a> and <a href="https://www.facebook.com/OpenWorm" target="_blank">Facebook</a> for more frequent updates.
110-
</p>
111-
<div class="large-spacer"></div>
112-
<div class="page-header">
113-
<h1 style="float: left;">Drop us a line!</h1><i class="fa fa-envelope fa-l" style="float: right;"></i>
114-
<div class="clearer"></div>
115-
</div>
116-
<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>.
117-
</p>
77+
</p>
78+
<div class="large-spacer"></div>
79+
<div class="page-header">
80+
<h1 style="float: left;">Drop us a line!</h1><i class="fa fa-envelope fa-l" style="float: right;"></i>
81+
<div class="clearer"></div>
82+
</div>
83+
<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>.
84+
</p>
11885

11986
</div>
87+
<!-- FOOT: DUPLICATE THE FOLLOWING IN ALL PAGES -->
88+
</div><!-- end pjax content -->
12089

121-
<!-- Footer
122-
================================================== -->
123-
<footer class="footer">
124-
<div class="container">
125-
<ul class="footer-links">
126-
<li>
127-
<a href="http://blog.openworm.org">Blog</a>
128-
</li>
129-
<li class="muted">
130-
&middot;
131-
</li>
132-
<li>
133-
<a href="./about.html">About</a>
134-
</li>
135-
<li class="muted">
136-
&middot;
137-
</li>
138-
<li>
139-
<a href="http://docs.openworm.org/en/0.9/faq/" target="_blank">FAQ</a>
140-
</li>
141-
<li class="muted">
142-
&middot;
143-
</li>
144-
<li>
145-
<a href="./people.html">People</a>
146-
</li>
147-
<li class="muted">
148-
&middot;
149-
</li><li>
150-
<a href="./events.html">Events</a>
151-
</li>
15290

153-
<li class="muted">
154-
&middot;
155-
</li><li>
156-
<a href="./media.html">Media</a>
157-
</li>
15891

159-
<li class="muted">
160-
&middot;
161-
</li>
92+
<!-- footer
93+
================================================== -->
94+
<div id="foot-nav"></div>
95+
<!-- foot-nav is filled with script in head -->
16296

163-
<li>
164-
<a href="http://docs.openworm.org/en/0.9/projects/" target="_blank">Projects</a>
165-
</li>
97+
<!-- Le javascript
98+
================================================== -->
99+
<!-- at end of the document so the pages load faster -->
166100

167-
<li class="muted">
168-
&middot;
169-
</li>
170-
<li>
171-
<a href="./publications.html">Publications</a>
172-
</li>
173-
<li class="muted">
174-
&middot;
175-
</li>
176-
<li>
177-
<a href="https://github.com/openworm/OpenWorm/milestones" target="_blank">Milestones & Issues</a>
178-
</li>
179-
<li class="muted">
180-
&middot;
181-
</li>
182-
<li>
183-
<a href="http://docs.openworm.org/en/0.9/modeling/" target="_blank">Roadmap</a>
184-
</li>
185-
<li class="muted">
186-
&middot;
187-
</li>
188-
<li>
189-
<a href="./contacts.html">Contacts</a>
190-
</li>
191-
</ul>
192-
<p class="pull-right">
193-
<a href="#">Back to top</a>
194-
</p>
195-
<p>
196-
© 2011-2017 OpenWorm - All rights reserved.
197-
</p>
198-
<p>
199-
OpenWorm Foundation is a Delaware not-for-profit Corporation <a target="_blank" href="/assets/OpenWormFoundationIncorporationCertificate.pdf">#5787527</a>, incorporated in July 2015.
200-
</p>
201-
<p>
202-
Code licensed under <a href="http://opensource.org/licenses/MIT" target="_blank">MIT</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>.
203-
</p>
204-
<p>
205-
<a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">Font Awesome by Dave Gandy</a>
206-
</p>
207-
</div>
208-
</footer>
209-
<!-- Le javascript
210-
================================================== -->
211-
<!-- Placed at the end of the document so the pages load faster -->
212-
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
213-
<script src="js/jquery-1.8.3.min.js"></script>
214-
<script src="js/bootstrap.js"></script>
215-
<script type="text/javascript" src="js/jquery.parss.uncompressed.js"></script>
216-
<script src="js/main.js"></script>
217-
<script type="text/javascript">
218-
var _gaq = _gaq || [];
219-
_gaq.push(['_setAccount', 'UA-29668455-1']);
220-
_gaq.push(['_trackPageview']);
101+
<!-- load other resources asynchronously: -->
102+
<script src="js/bootstrap.js" async></script>
103+
<script src="js/jquery.parss.uncompressed.js" async></script>
104+
<script src="http://platform.twitter.com/widgets.js" async></script>
105+
106+
<!-- execute main (initialize resources above + carousel/donate controls -->
107+
<script src="js/jquery.pjax.js"></script>
108+
<script src="js/main.js" defer></script>
221109

222-
(function() {
223-
var ga = document.createElement('script');
224-
ga.type = 'text/javascript';
225-
ga.async = true;
226-
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
227-
var s = document.getElementsByTagName('script')[0];
228-
s.parentNode.insertBefore(ga, s);
229-
})();
230-
</script>
231110
</body>
232111

233112
</html>

0 commit comments

Comments
 (0)