theme-sealicon-valley 0.1.4 → 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_includes/footer.html +31 -21
- data/_includes/head.html +0 -5
- data/_includes/header.html +163 -30
- data/_includes/header_bar.html +65 -79
- data/_includes/header_bar0.html +37 -0
- data/_includes/newheader.html +41 -0
- data/_layouts/about.html +19 -4
- data/_layouts/blog.html +11 -23
- data/_layouts/characters0.html +130 -120
- data/_layouts/home.html +11 -0
- data/_layouts/post.html +51 -12
- data/_layouts/thankyou.html +47 -0
- data/assets/800.css +314 -24
- data/assets/about.png +0 -0
- data/assets/allofus.png +0 -0
- data/assets/annmita.png +0 -0
- data/assets/banner_big.png +0 -0
- data/assets/banner_mobile.png +0 -0
- data/assets/banner_small.png +0 -0
- data/assets/blog.png +0 -0
- data/assets/blog_hello_world.png +0 -0
- data/assets/bubble_icon.png +0 -0
- data/assets/bubble_icon_power.png +0 -0
- data/assets/chars.png +0 -0
- data/assets/comic_bubble.png +0 -0
- data/assets/comic_dolphin.png +0 -0
- data/assets/comic_helloworld.png +0 -0
- data/assets/comic_helloworld_splash.png +0 -0
- data/assets/comic_narwhal.png +0 -0
- data/assets/comic_octopus.png +0 -0
- data/assets/comic_shark.png +0 -0
- data/assets/dolphin_icon.png +0 -0
- data/assets/dolphin_icon_power.png +0 -0
- data/assets/fb_icon.png +0 -0
- data/assets/fb_icon_blue.png +0 -0
- data/assets/fb_icon_grey.png +0 -0
- data/assets/home.png +0 -0
- data/assets/ig_icon.png +0 -0
- data/assets/ig_icon_blue.png +0 -0
- data/assets/ig_icon_grey.png +0 -0
- data/assets/main.css +310 -155
- data/assets/narwhal_icon.png +0 -0
- data/assets/narwhal_icon_power.png +0 -0
- data/assets/octopus_icon.png +0 -0
- data/assets/octopus_icon_power.png +0 -0
- data/assets/octopus_pro.png +0 -0
- data/assets/pink.png +0 -0
- data/assets/scrolltest.js +7 -23
- data/assets/shark_icon.png +0 -0
- data/assets/shark_icon_power.png +0 -0
- data/assets/snap_icon.png +0 -0
- data/assets/snap_icon_blue.png +0 -0
- data/assets/snap_icon_grey.png +0 -0
- data/assets/splash_bubble.png +0 -0
- data/assets/splash_dolphin.png +0 -0
- data/assets/splash_narwhal.png +0 -0
- data/assets/splash_octopus.png +0 -0
- data/assets/splash_shark.png +0 -0
- data/assets/tumblr_icon.png +0 -0
- data/assets/tumblr_icon_blue.png +0 -0
- data/assets/tumblr_icon_grey.png +0 -0
- data/assets/twitter_icon.png +0 -0
- data/assets/twitter_icon_blue.png +0 -0
- data/assets/twitter_icon_grey.png +0 -0
- metadata +52 -3
- data/assets/30134783_2014_03_03_15_17_49_f6bab.png +0 -0
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: cb7eef72f55386b21accadb6a3ec9e1ccde56077
|
|
4
|
+
data.tar.gz: 6c6ec295ce110cde6a2b69aa568d05eb2ced7ced
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 42bc92321658a4fca1d0aa719fc711da768ac8f3f73014252121279fcf88864f7c5a6bc407d6411576137f407a05e4e47bd63fbd62f4a63e0b4226534b39fbe9
|
|
7
|
+
data.tar.gz: 2f019197d3d38f3af5ff08f2d422d0f0f0cb78e1236446bbed37c9055ec8b055b5cc51a547b69746adb5ac395b32af77a1da1143954ed2a9742c3d852c7b621c
|
data/_includes/footer.html
CHANGED
|
@@ -1,21 +1,14 @@
|
|
|
1
1
|
{% include base.html %}
|
|
2
2
|
<head>
|
|
3
|
-
<script>
|
|
4
|
-
function subscribe() {
|
|
5
|
-
var email = document.getElementById('input_email').value;
|
|
6
|
-
console.log(email);
|
|
7
|
-
}
|
|
8
|
-
</script>
|
|
9
3
|
</head>
|
|
10
4
|
<div class="footer">
|
|
5
|
+
<form action="https://getsimpleform.com/messages?form_api_token=d9fbe3b05597de14b1e5cc7db2ceea84" method="post">
|
|
11
6
|
<div class="subscribe_container">
|
|
12
|
-
|
|
13
|
-
<
|
|
14
|
-
|
|
15
|
-
Subscribe
|
|
16
|
-
</span>
|
|
17
|
-
</div>
|
|
7
|
+
<input type='hidden' name='redirect_to' value='http://www.sealiconvalley.com/thankyou.html' />
|
|
8
|
+
<input type="text" name="email" class="subscribe_email" id="input_email" placeholder="Email Address"/>
|
|
9
|
+
<input class="subscribe_button" type='submit' value='Subscribe' />
|
|
18
10
|
</div>
|
|
11
|
+
</form>
|
|
19
12
|
|
|
20
13
|
<div class="footer_email">
|
|
21
14
|
SEALICONVALLEY@GMAIL.COM
|
|
@@ -26,35 +19,52 @@
|
|
|
26
19
|
</div>
|
|
27
20
|
|
|
28
21
|
</div>
|
|
29
|
-
|
|
22
|
+
<!--
|
|
30
23
|
<div class="bottom_tabs">
|
|
31
24
|
<a href="{{base}}">
|
|
32
25
|
<div class="bottom_tab_wrapper">
|
|
33
26
|
|
|
34
|
-
<div class="bottom_tab_img">
|
|
27
|
+
<div class="bottom_tab_img" style="background-image: url('{{base}}/assets/home.png');">
|
|
35
28
|
</div>
|
|
36
|
-
|
|
29
|
+
{% if page.url contains 'blog.html' or page.url contains 'characters.html' or page.url contains 'about.html' or page.url contains '/comic/' or page.url contains '/blog/' %}
|
|
30
|
+
<div class="menu_header_text">Comic</div>
|
|
31
|
+
{% else %}
|
|
32
|
+
<div class="menu_header_text_current">Comic</div>
|
|
33
|
+
{% endif %}
|
|
37
34
|
</div>
|
|
38
35
|
</a>
|
|
39
36
|
<a href="{{base}}/blog.html">
|
|
40
37
|
<div class="bottom_tab_wrapper">
|
|
41
|
-
<div class="bottom_tab_img">
|
|
38
|
+
<div class="bottom_tab_img" style="background-image: url('{{base}}/assets/blog.png');">
|
|
42
39
|
</div>
|
|
43
|
-
|
|
40
|
+
{% if page.url contains 'blog.html' %}
|
|
41
|
+
<div class="menu_header_text_current">Blog</div>
|
|
42
|
+
{% else %}
|
|
43
|
+
<div class="menu_header_text">Blog</div>
|
|
44
|
+
{% endif %}
|
|
44
45
|
</div>
|
|
45
46
|
</a>
|
|
46
47
|
<a href="{{base}}/characters.html">
|
|
47
48
|
<div class="bottom_tab_wrapper">
|
|
48
|
-
<div class="bottom_tab_img">
|
|
49
|
+
<div class="bottom_tab_img" style="background-image: url('{{base}}/assets/chars.png');">
|
|
49
50
|
</div>
|
|
50
|
-
|
|
51
|
+
{% if page.url contains 'characters.html' %}
|
|
52
|
+
<div class="menu_header_text_current">Characters</div>
|
|
53
|
+
{% else %}
|
|
54
|
+
<div class="menu_header_text">Characters</div>
|
|
55
|
+
{% endif %}
|
|
51
56
|
</div>
|
|
52
57
|
</a>
|
|
53
58
|
<a href="{{base}}/about.html">
|
|
54
59
|
<div class="bottom_tab_wrapper">
|
|
55
|
-
<div class="bottom_tab_img">
|
|
60
|
+
<div class="bottom_tab_img" style="background-image: url('{{base}}/assets/about.png');">
|
|
56
61
|
</div>
|
|
57
|
-
|
|
62
|
+
{% if page.url contains 'about.html' %}
|
|
63
|
+
<div class="menu_header_text_current">About</div>
|
|
64
|
+
{% else %}
|
|
65
|
+
<div class="menu_header_text">About</div>
|
|
66
|
+
{% endif %}
|
|
58
67
|
</div>
|
|
59
68
|
</a>
|
|
60
69
|
</div>
|
|
70
|
+
-->
|
data/_includes/head.html
CHANGED
|
@@ -21,9 +21,4 @@
|
|
|
21
21
|
<script src="{{base}}/assets/jquery.color.js"></script>
|
|
22
22
|
<script src="{{base}}/assets/scrolltest.js"></script>
|
|
23
23
|
<script src="{{base}}/assets/analytics.js"></script>
|
|
24
|
-
<script type="text/javascript">
|
|
25
|
-
var host = "sealiconvalley.com";
|
|
26
|
-
if ((host == window.location.host) && (window.location.protocol != "https:"))
|
|
27
|
-
window.location.protocol = "https";
|
|
28
|
-
</script>
|
|
29
24
|
</head>
|
data/_includes/header.html
CHANGED
|
@@ -4,53 +4,186 @@
|
|
|
4
4
|
<html lang="{{ page.lang | default: site.lang | default: " en " }}">
|
|
5
5
|
|
|
6
6
|
<head>
|
|
7
|
-
{% include head.html %}
|
|
7
|
+
<!--{% include head.html %}-->
|
|
8
|
+
|
|
9
|
+
<script>
|
|
10
|
+
function openNav() {
|
|
11
|
+
document.getElementById("mySidenav").style.width = "250px";
|
|
12
|
+
}
|
|
13
|
+
/* Set the width of the side navigation to 0 */
|
|
14
|
+
function closeNav() {
|
|
15
|
+
document.getElementById("mySidenav").style.width = "0";
|
|
16
|
+
}
|
|
17
|
+
</script>
|
|
18
|
+
|
|
19
|
+
<style>
|
|
20
|
+
/* The side navigation menu */
|
|
21
|
+
|
|
22
|
+
.sidenav {
|
|
23
|
+
height: 100%;
|
|
24
|
+
/* 100% Full-height */
|
|
25
|
+
width: 0;
|
|
26
|
+
/* 0 width - change this with JavaScript */
|
|
27
|
+
position: fixed;
|
|
28
|
+
/* Stay in place */
|
|
29
|
+
z-index: 100000000;
|
|
30
|
+
/* Stay on top */
|
|
31
|
+
top: 0;
|
|
32
|
+
right: 0;
|
|
33
|
+
overflow-x: hidden;
|
|
34
|
+
/* Disable horizontal scroll */
|
|
35
|
+
/* Place content 60px from the top */
|
|
36
|
+
transition: 0.2s;
|
|
37
|
+
/* 0.5 second transition effect to slide in the sidenav */
|
|
38
|
+
background-color: white;
|
|
39
|
+
display: flex;
|
|
40
|
+
flex-flow: column;
|
|
41
|
+
}
|
|
42
|
+
/* Position and style the close button (top right corner) */
|
|
43
|
+
|
|
44
|
+
.nav_item {
|
|
45
|
+
width: 100%;
|
|
46
|
+
height:40px;
|
|
47
|
+
display: flex;
|
|
48
|
+
align-items: center;
|
|
49
|
+
font-family: 'Open Sans', sans-serif;
|
|
50
|
+
|
|
51
|
+
font-weight: lighter;
|
|
52
|
+
font-size: 16px;
|
|
53
|
+
text-decoration: none;
|
|
54
|
+
color:black;
|
|
55
|
+
|
|
56
|
+
text-transform: uppercase;
|
|
57
|
+
letter-spacing: 2px;
|
|
58
|
+
justify-content: space-around;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.nav_item > img {
|
|
62
|
+
width: 30px;
|
|
63
|
+
height:30px;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.nav_item .nav_label {
|
|
67
|
+
width: 150px;
|
|
68
|
+
height:100%;
|
|
69
|
+
text-align: center;
|
|
70
|
+
display: flex;
|
|
71
|
+
align-items: center;
|
|
72
|
+
}
|
|
73
|
+
</style>
|
|
8
74
|
|
|
9
75
|
</head>
|
|
10
76
|
|
|
11
77
|
<body>
|
|
12
78
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
<
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
<a href="https://www.instagram.com/sealiconvalley/">
|
|
21
|
-
<div class="social_img">
|
|
22
|
-
</div>
|
|
23
|
-
</a>
|
|
24
|
-
<a href="https://www.facebook.com/sealiconvalley/">
|
|
25
|
-
<div class="social_img">
|
|
26
|
-
</div>
|
|
27
|
-
</a>
|
|
28
|
-
<div class="social_img">
|
|
29
|
-
</div>
|
|
30
|
-
<div class="social_img">
|
|
31
|
-
</div>
|
|
32
|
-
<div class="social_img">
|
|
33
|
-
</div>
|
|
34
|
-
</div>
|
|
35
|
-
<div class="layer1">
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
<div id="mySidenav" class="sidenav">
|
|
82
|
+
<a href="javascript:void(0)" onclick="closeNav()">
|
|
83
|
+
|
|
84
|
+
<div class="nav_item">
|
|
85
|
+
×
|
|
36
86
|
</div>
|
|
37
|
-
|
|
87
|
+
</a>
|
|
88
|
+
<a href="{{base}}">
|
|
89
|
+
<div class="nav_item">
|
|
90
|
+
<img src="{{base}}/assets/home.png" />
|
|
91
|
+
<div class="nav_label">
|
|
92
|
+
Comic
|
|
38
93
|
</div>
|
|
39
|
-
<div class="layer3">
|
|
40
94
|
</div>
|
|
41
|
-
|
|
95
|
+
</a>
|
|
96
|
+
<a href="{{base}}/blog.html">
|
|
97
|
+
<div class="nav_item">
|
|
98
|
+
<img src="{{base}}/assets/blog.png" />
|
|
99
|
+
<div class="nav_label">
|
|
100
|
+
Blog
|
|
42
101
|
</div>
|
|
43
|
-
|
|
102
|
+
</div
|
|
103
|
+
</a>
|
|
104
|
+
<a href="{{base}}/characters.html">
|
|
105
|
+
<div class="nav_item">
|
|
106
|
+
<img src="{{base}}/assets/chars.png" />
|
|
107
|
+
|
|
108
|
+
<div class="nav_label">
|
|
109
|
+
Characters
|
|
44
110
|
</div>
|
|
45
|
-
|
|
111
|
+
</div
|
|
112
|
+
</a>
|
|
113
|
+
<a href="{{base}}/about.html">
|
|
114
|
+
<div class="nav_item">
|
|
115
|
+
<img src="{{base}}/assets/about.png" />
|
|
116
|
+
<div class="nav_label">
|
|
117
|
+
About
|
|
46
118
|
</div>
|
|
119
|
+
</div
|
|
120
|
+
</a>
|
|
121
|
+
</div>
|
|
47
122
|
|
|
123
|
+
{% if page.url contains 'blog.html' or page.url contains 'characters.html' or page.url contains 'about.html' or page.url contains '/comic/' or page.url contains '/blog/' %}
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
<div class="header_box_small" id="other_page_header_box_small">
|
|
127
|
+
{% include header_bar.html %}
|
|
48
128
|
</div>
|
|
49
129
|
|
|
130
|
+
<div class="header_box_small" id="header_box_small_home">
|
|
131
|
+
<div class="mobile_header_bar">
|
|
132
|
+
<a href="{{base}}">
|
|
133
|
+
<div class="itemcenter">
|
|
134
|
+
<img class="logologo" src="{{base}}/assets/logo.png" />
|
|
135
|
+
</div>
|
|
136
|
+
</a>
|
|
137
|
+
<div class="itemright" onclick="openNav()">
|
|
138
|
+
<img class="burger" src="{{base}}/assets/burger.png" />
|
|
139
|
+
</div>
|
|
140
|
+
</div>
|
|
141
|
+
</div>
|
|
50
142
|
|
|
51
|
-
|
|
143
|
+
{% else %}
|
|
144
|
+
<div class="header_box">
|
|
52
145
|
{% include header_bar.html %}
|
|
146
|
+
<a href="{{base}}">
|
|
147
|
+
<div class="logo">
|
|
148
|
+
</div>
|
|
149
|
+
</a>
|
|
150
|
+
<div id="social_container">
|
|
151
|
+
<a href="https://www.instagram.com/sealiconvalley/" target="_blank">
|
|
152
|
+
<div class="social_img social_ig">
|
|
153
|
+
</div>
|
|
154
|
+
</a>
|
|
155
|
+
<a href="https://www.facebook.com/sealiconvalley/" target="_blank">
|
|
156
|
+
<div class="social_img social_fb">
|
|
157
|
+
</div>
|
|
158
|
+
</a>
|
|
159
|
+
<a href="https://twitter.com/sealiconvalley" target="_blank">
|
|
160
|
+
<div class="social_img social_twitter">
|
|
161
|
+
</div>
|
|
162
|
+
</a>
|
|
163
|
+
<a href="https://www.snapchat.com/add/sealiconvalley" target="_blank">
|
|
164
|
+
<div class="social_img social_snap">
|
|
165
|
+
</div>
|
|
166
|
+
</a>
|
|
167
|
+
<a href="http://sealiconvalley.tumblr.com/" target="_blank">
|
|
168
|
+
<div class="social_img social_tumblr">
|
|
169
|
+
</div>
|
|
170
|
+
</a>
|
|
171
|
+
</div>
|
|
172
|
+
|
|
173
|
+
</div>
|
|
174
|
+
<div class="header_box_small" id="header_box_small_home">
|
|
175
|
+
<div class="mobile_header_bar">
|
|
176
|
+
<a href="{{base}}">
|
|
177
|
+
<div class="itemcenter">
|
|
178
|
+
<img class="logologo" src="{{base}}/assets/logo.png" />
|
|
179
|
+
</div>
|
|
180
|
+
</a>
|
|
181
|
+
<div class="itemright" onclick="openNav()">
|
|
182
|
+
<img class="burger" src="{{base}}/assets/burger.png" />
|
|
183
|
+
</div>
|
|
184
|
+
</div>
|
|
53
185
|
</div>
|
|
186
|
+
{% endif %}
|
|
54
187
|
|
|
55
188
|
</body>
|
|
56
189
|
|
data/_includes/header_bar.html
CHANGED
|
@@ -4,124 +4,110 @@
|
|
|
4
4
|
<html lang="{{ page.lang | default: site.lang | default: " en " }}">
|
|
5
5
|
|
|
6
6
|
<head>
|
|
7
|
-
|
|
8
|
-
<script>
|
|
9
|
-
function openNav() {
|
|
10
|
-
document.getElementById("mySidenav").style.width = "250px";
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
/* Set the width of the side navigation to 0 */
|
|
14
|
-
function closeNav() {
|
|
15
|
-
document.getElementById("mySidenav").style.width = "0";
|
|
16
|
-
}
|
|
17
|
-
</script>
|
|
18
|
-
|
|
19
|
-
<style>
|
|
20
|
-
/* The side navigation menu */
|
|
21
|
-
.sidenav {
|
|
22
|
-
height: 100%; /* 100% Full-height */
|
|
23
|
-
width: 0; /* 0 width - change this with JavaScript */
|
|
24
|
-
position: fixed; /* Stay in place */
|
|
25
|
-
z-index: 10000; /* Stay on top */
|
|
26
|
-
top: 0;
|
|
27
|
-
right: 0;
|
|
28
|
-
background-color: #111; /* Black*/
|
|
29
|
-
overflow-x: hidden; /* Disable horizontal scroll */
|
|
30
|
-
padding-top: 60px; /* Place content 60px from the top */
|
|
31
|
-
transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
|
|
32
|
-
|
|
33
|
-
background-color: white;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/* The navigation menu links */
|
|
37
|
-
.sidenav a {
|
|
38
|
-
padding: 8px 8px 8px 32px;
|
|
39
|
-
text-decoration: none;
|
|
40
|
-
font-size: 25px;
|
|
41
|
-
color: #818181;
|
|
42
|
-
display: block;
|
|
43
|
-
transition: 0.3s
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
/* When you mouse over the navigation links, change their color */
|
|
47
|
-
.sidenav a:hover, .offcanvas a:focus{
|
|
48
|
-
color: #f1f1f1;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
/* Position and style the close button (top right corner) */
|
|
52
|
-
.sidenav .closebtn {
|
|
53
|
-
position: absolute;
|
|
54
|
-
top: 0;
|
|
55
|
-
right: 25px;
|
|
56
|
-
font-size: 36px;
|
|
57
|
-
margin-left: 50px;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
</style>
|
|
7
|
+
<!-- {% include head.html %}-->
|
|
61
8
|
</head>
|
|
62
9
|
|
|
63
10
|
<body>
|
|
64
11
|
|
|
65
|
-
<div id="mySidenav" class="sidenav">
|
|
66
|
-
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
|
|
67
|
-
<a href="{{base}}">Comic
|
|
68
|
-
</a>
|
|
69
|
-
<a href="{{base}}/blog.html">Blog
|
|
70
|
-
</a>
|
|
71
|
-
<a href="{{base}}/characters.html">Characters
|
|
72
|
-
</a>
|
|
73
|
-
<a href="{{base}}/about.html">About
|
|
74
|
-
</a>
|
|
75
|
-
</div>
|
|
76
|
-
|
|
77
12
|
<div class="header_bar_container">
|
|
78
13
|
<div class="header_bar">
|
|
14
|
+
{% if page.url contains 'blog.html' or page.url contains 'characters.html' or page.url contains 'about.html' or page.url contains '/comic/' or page.url contains '/blog/' %}
|
|
79
15
|
<div class="logo_header_bar">
|
|
80
|
-
|
|
81
|
-
|
|
16
|
+
<a href="{{base}}">
|
|
17
|
+
<div class="header_logo">
|
|
18
|
+
</div>
|
|
19
|
+
</a>
|
|
20
|
+
</div>
|
|
21
|
+
<div class="social_container_small">
|
|
22
|
+
<a href="https://www.instagram.com/sealiconvalley/" target="_blank">
|
|
23
|
+
<div class="social_img_small social_ig">
|
|
24
|
+
</div>
|
|
25
|
+
</a>
|
|
26
|
+
<a href="https://www.facebook.com/sealiconvalley/" target="_blank">
|
|
27
|
+
<div class="social_img_small social_fb">
|
|
28
|
+
</div>
|
|
29
|
+
</a>
|
|
30
|
+
<a href="https://twitter.com/sealiconvalley" target="_blank">
|
|
31
|
+
<div class="social_img_small social_twitter">
|
|
32
|
+
</div>
|
|
33
|
+
</a>
|
|
34
|
+
<a href="https://www.snapchat.com/add/sealiconvalley" target="_blank">
|
|
35
|
+
<div class="social_img_small social_snap">
|
|
82
36
|
</div>
|
|
83
37
|
</a>
|
|
38
|
+
<a href="http://sealiconvalley.tumblr.com/">
|
|
39
|
+
<div class="social_img_small social_tumblr" target="_blank">
|
|
40
|
+
</div>
|
|
41
|
+
</a>
|
|
42
|
+
</div>
|
|
43
|
+
{% else %}
|
|
44
|
+
<div class="logo_header_bar home_logo_header_bar">
|
|
45
|
+
<a href="{{base}}">
|
|
46
|
+
<div class="header_logo">
|
|
47
|
+
</div>
|
|
48
|
+
</a>
|
|
84
49
|
</div>
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
50
|
+
|
|
51
|
+
<div class="social_container_small home_social_container_small">
|
|
52
|
+
<a href="https://www.instagram.com/sealiconvalley/" target="_blank">
|
|
53
|
+
<div class="social_img_small social_ig">
|
|
88
54
|
</div>
|
|
89
55
|
</a>
|
|
90
|
-
<a href="https://www.facebook.com/sealiconvalley/">
|
|
91
|
-
<div class="social_img_small">
|
|
56
|
+
<a href="https://www.facebook.com/sealiconvalley/" target="_blank">
|
|
57
|
+
<div class="social_img_small social_fb">
|
|
92
58
|
</div>
|
|
93
59
|
</a>
|
|
94
|
-
<
|
|
60
|
+
<a href="https://twitter.com/sealiconvalley" target="_blank">
|
|
61
|
+
<div class="social_img_small social_twitter">
|
|
95
62
|
</div>
|
|
96
|
-
|
|
63
|
+
</a>
|
|
64
|
+
<a href="https://www.snapchat.com/add/sealiconvalley" target="_blank">
|
|
65
|
+
<div class="social_img_small social_snap">
|
|
97
66
|
</div>
|
|
98
|
-
|
|
67
|
+
</a>
|
|
68
|
+
<a href="http://sealiconvalley.tumblr.com/" target="_blank">
|
|
69
|
+
<div class="social_img_small social_tumblr">
|
|
99
70
|
</div>
|
|
71
|
+
</a>
|
|
100
72
|
</div>
|
|
73
|
+
{% endif %}
|
|
101
74
|
<div class="menu_header_bar">
|
|
102
75
|
<a href="{{base}}">
|
|
103
76
|
<div class="menu_header_text_wrapper">
|
|
77
|
+
{% if page.url contains 'blog.html' or page.url contains 'characters.html' or page.url contains 'about.html' %}
|
|
104
78
|
<div class="menu_header_text">Comic</div>
|
|
79
|
+
{% else %}
|
|
80
|
+
<div class="menu_header_text_current">Comic</div>
|
|
81
|
+
{% endif %}
|
|
105
82
|
</div>
|
|
106
83
|
</a>
|
|
107
84
|
<a href="{{base}}/blog.html">
|
|
108
85
|
<div class="menu_header_text_wrapper">
|
|
86
|
+
{% if page.url contains 'blog.html' %}
|
|
87
|
+
<div class="menu_header_text_current">Blog</div>
|
|
88
|
+
{% else %}
|
|
109
89
|
<div class="menu_header_text">Blog</div>
|
|
90
|
+
{% endif %}
|
|
110
91
|
</div>
|
|
111
92
|
</a>
|
|
112
93
|
<a href="{{base}}/characters.html">
|
|
113
94
|
<div class="menu_header_text_wrapper">
|
|
95
|
+
{% if page.url contains 'characters.html' %}
|
|
96
|
+
<div class="menu_header_text_current">Characters</div>
|
|
97
|
+
{% else %}
|
|
114
98
|
<div class="menu_header_text">Characters</div>
|
|
99
|
+
{% endif %}
|
|
115
100
|
</div>
|
|
116
101
|
</a>
|
|
117
102
|
<a href="{{base}}/about.html">
|
|
118
103
|
<div class="menu_header_text_wrapper">
|
|
104
|
+
{% if page.url contains 'about.html' %}
|
|
105
|
+
<div class="menu_header_text_current">About</div>
|
|
106
|
+
{% else %}
|
|
119
107
|
<div class="menu_header_text">About</div>
|
|
108
|
+
{% endif %}
|
|
120
109
|
</div>
|
|
121
110
|
</a>
|
|
122
|
-
<!--
|
|
123
|
-
<span class="burger" onclick="openNav()"></span>
|
|
124
|
-
-->
|
|
125
111
|
</div>
|
|
126
112
|
</div>
|
|
127
113
|
</div>
|