Skip to content

Commit fc61339

Browse files
adeen-sadeen-s
committed
Implement header and footer as include files
1 parent f8f89c0 commit fc61339

File tree

4 files changed

+80
-154
lines changed

4 files changed

+80
-154
lines changed

‎_includes/footer.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<div class="push"></div>
2+
3+
<footer class="footer">
4+
<div class="content has-text-centered">
5+
<p>
6+
<strong>codeIndore( )</strong>
7+
<br /> The source code is released under
8+
<a target="_blank" href="https://github.com/codeIndore/codeIndore.github.io/blob/master/LICENSE">the MIT license</a>.
9+
</p>
10+
</div>
11+
</footer>
12+
13+
<script src="/js/main.js" charset="utf-8"></script>
14+
</body>
15+
</html>

‎_includes/header.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<!DOCTYPE html>
2+
<html lang="en" dir="ltr">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>codeIndore( )</title>
7+
8+
<!-- Add Favicons -->
9+
<link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-icon-57x57.png">
10+
<link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-icon-60x60.png">
11+
<link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-icon-72x72.png">
12+
<link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-icon-76x76.png">
13+
<link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-icon-114x114.png">
14+
<link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-icon-120x120.png">
15+
<link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-icon-144x144.png">
16+
<link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-icon-152x152.png">
17+
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-icon-180x180.png">
18+
<link rel="icon" type="image/png" sizes="192x192" href="/favicons/android-icon-192x192.png">
19+
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
20+
<link rel="icon" type="image/png" sizes="96x96" href="/favicons/favicon-96x96.png">
21+
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
22+
<link rel="manifest" href="/favicons/manifest.json">
23+
<meta name="msapplication-TileColor" content="#ffffff">
24+
<meta name="msapplication-TileImage" content="/favicons/ms-icon-144x144.png">
25+
<meta name="theme-color" content="#ffffff">
26+
27+
<link href="https://fonts.googleapis.com/css?family=Cantarell" rel="stylesheet">
28+
<link rel="stylesheet" href="/css/bulma.css">
29+
<script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
30+
<link rel="stylesheet" href="/css/main.css">
31+
</head>
32+
<body class="has-navbar-fixed-top">
33+
<nav class="navbar is-spaced is-fixed-top" role="navigation" aria-label="main navigation">
34+
<div class="is-hidden-desktop">
35+
<br>
36+
</div>
37+
<div class="navbar-brand">
38+
<h1 class="title">
39+
<span class="has-background-dark has-text-white">code</span>Indore( )
40+
</h1>
41+
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="nav-menu">
42+
<span></span>
43+
<span></span>
44+
<span></span>
45+
</a>
46+
</div>
47+
<div class="navbar-menu" id="nav-menu">
48+
<div class="navbar-end">
49+
<a class="navbar-item" href="/">Home</a>
50+
<a class="navbar-item" href="/events">Events</a>
51+
<a class="navbar-item" href="/coc">Code of Conduct</a>
52+
<a class="navbar-item" href="https://github.com/codeIndore" target="_blank">GitHub</a>
53+
<a class="navbar-item" href="/blog">Blog</a>
54+
<a class="navbar-item" href="/about">About</a>
55+
<a class="navbar-item" href="/connect">Connect</a>
56+
</div>
57+
</div>
58+
</nav>

‎_layouts/default.html‎

Lines changed: 5 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -1,78 +1,5 @@
1-
<!DOCTYPE html>
2-
<html lang="en" dir="ltr">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<title>codeIndore( )</title>
7-
8-
<!-- Add Favicons -->
9-
<link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-icon-57x57.png">
10-
<link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-icon-60x60.png">
11-
<link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-icon-72x72.png">
12-
<link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-icon-76x76.png">
13-
<link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-icon-114x114.png">
14-
<link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-icon-120x120.png">
15-
<link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-icon-144x144.png">
16-
<link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-icon-152x152.png">
17-
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-icon-180x180.png">
18-
<link rel="icon" type="image/png" sizes="192x192" href="/favicons/android-icon-192x192.png">
19-
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
20-
<link rel="icon" type="image/png" sizes="96x96" href="/favicons/favicon-96x96.png">
21-
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
22-
<link rel="manifest" href="/favicons/manifest.json">
23-
<meta name="msapplication-TileColor" content="#ffffff">
24-
<meta name="msapplication-TileImage" content="/favicons/ms-icon-144x144.png">
25-
<meta name="theme-color" content="#ffffff">
26-
27-
<link href="https://fonts.googleapis.com/css?family=Cantarell" rel="stylesheet">
28-
<link rel="stylesheet" href="/css/bulma.css">
29-
<script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
30-
<link rel="stylesheet" href="/css/main.css">
31-
</head>
32-
<body class="has-navbar-fixed-top">
33-
<nav class="navbar is-spaced is-fixed-top" role="navigation" aria-label="main navigation">
34-
<div class="is-hidden-desktop">
35-
<br>
36-
</div>
37-
<div class="navbar-brand">
38-
<h1 class="title">
39-
<span class="has-background-dark has-text-white">code</span>Indore( )
40-
</h1>
41-
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="nav-menu">
42-
<span></span>
43-
<span></span>
44-
<span></span>
45-
</a>
46-
</div>
47-
<div class="navbar-menu" id="nav-menu">
48-
<div class="navbar-end">
49-
<a class="navbar-item" href="/">Home</a>
50-
<a class="navbar-item" href="/events">Events</a>
51-
<a class="navbar-item" href="/coc">Code of Conduct</a>
52-
<a class="navbar-item" href="https://github.com/codeIndore" target="_blank">GitHub</a>
53-
<a class="navbar-item" href="/blog">Blog</a>
54-
<a class="navbar-item" href="/about">About</a>
55-
<a class="navbar-item" href="/connect">Connect</a>
56-
</div>
57-
</div>
58-
</nav>
59-
60-
<div class="container content">
61-
{{ content }}
62-
</div>
63-
64-
<div class="push"></div>
65-
66-
<footer class="footer">
67-
<div class="content has-text-centered">
68-
<p>
69-
<strong>codeIndore( )</strong>
70-
<br /> The source code is released under
71-
<a target="_blank" href="https://github.com/codeIndore/codeIndore.github.io/blob/master/LICENSE">the MIT license</a>.
72-
</p>
73-
</div>
74-
</footer>
75-
76-
<script src="/js/main.js" charset="utf-8"></script>
77-
</body>
78-
</html>
1+
{% include header.html %}
2+
<div class="container content">
3+
{{ content }}
4+
</div>
5+
{% include footer.html %}

‎_layouts/landing.html‎

Lines changed: 2 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -1,62 +1,4 @@
1-
<!DOCTYPE html>
2-
<html>
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<title>codeIndore( )</title>
7-
8-
<!-- Add Favicons -->
9-
<link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-icon-57x57.png">
10-
<link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-icon-60x60.png">
11-
<link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-icon-72x72.png">
12-
<link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-icon-76x76.png">
13-
<link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-icon-114x114.png">
14-
<link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-icon-120x120.png">
15-
<link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-icon-144x144.png">
16-
<link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-icon-152x152.png">
17-
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-icon-180x180.png">
18-
<link rel="icon" type="image/png" sizes="192x192" href="/favicons/android-icon-192x192.png">
19-
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
20-
<link rel="icon" type="image/png" sizes="96x96" href="/favicons/favicon-96x96.png">
21-
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
22-
<link rel="manifest" href="/favicons/manifest.json">
23-
<meta name="msapplication-TileColor" content="#ffffff">
24-
<meta name="msapplication-TileImage" content="/favicons/ms-icon-144x144.png">
25-
<meta name="theme-color" content="#ffffff">
26-
27-
<link href="https://fonts.googleapis.com/css?family=Cantarell" rel="stylesheet">
28-
<link rel="stylesheet" href="/css/bulma.css">
29-
<script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
30-
<link rel="stylesheet" href="/css/main.css">
31-
</head>
32-
<body class="has-navbar-fixed-top">
33-
<nav class="navbar is-spaced is-fixed-top" role="navigation" aria-label="main navigation">
34-
<div class="is-hidden-desktop">
35-
<br>
36-
</div>
37-
<div class="navbar-brand">
38-
<h1 class="title">
39-
<span class="has-background-dark has-text-white">code</span>Indore( )
40-
</h1>
41-
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="nav-menu">
42-
<span></span>
43-
<span></span>
44-
<span></span>
45-
</a>
46-
</div>
47-
<div class="navbar-menu" id="nav-menu">
48-
<div class="navbar-end">
49-
<a class="navbar-item" href="/">Home</a>
50-
<a class="navbar-item" href="/events">Events</a>
51-
<a class="navbar-item" href="/coc">Code of Conduct</a>
52-
<a class="navbar-item" href="https://github.com/codeIndore" target="_blank">GitHub</a>
53-
<a class="navbar-item" href="/blog">Blog</a>
54-
<a class="navbar-item" href="/about">About</a>
55-
<a class="navbar-item" href="/connect">Connect</a>
56-
</div>
57-
</div>
58-
</nav>
59-
1+
{% include header.html %}
602
<div class="parallax"></div>
613
<div class="is-desktop is-vcentered text-box text-center">
624
<p class="subtitle has-text-centered container content">
@@ -79,20 +21,4 @@ <h1 class="title">
7921
</div>
8022
</div>
8123
</div>
82-
83-
84-
<div class="push"></div>
85-
86-
<footer class="footer">
87-
<div class="content has-text-centered">
88-
<p>
89-
<strong>codeIndore( )</strong>
90-
<br /> The source code is released under
91-
<a target="_blank" href="https://github.com/codeIndore/codeIndore.github.io/blob/master/LICENSE">the MIT license</a>.
92-
</p>
93-
</div>
94-
</footer>
95-
96-
<script src="/js/main.js" charset="utf-8"></script>
97-
</body>
98-
</html>
24+
{% include footer.html%}

0 commit comments

Comments
 (0)