theme-sealicon-valley 0.1.7 → 0.1.8

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 3af0d085527ea505580b6cfc174828b1e0bde4b7
4
- data.tar.gz: 271637bcad8e5356ad58ea88293596a04198e94d
3
+ metadata.gz: 37e25ed1b72e5497ed3b4f08c8a2387718177e7f
4
+ data.tar.gz: 7201573fd6e59d0854ad612b48c6196b520276de
5
5
  SHA512:
6
- metadata.gz: ca9bf1941f1aefa73774b77c6d7b83c5c69486671f9cc9efbe07822d7da2c75ccd14b305e367b9afabdf8853d94df94646de2ac940f0a45dc1d9a85ccfcb0357
7
- data.tar.gz: 731b73cbfe6f0b5dbc76120cfd2bf958e25bdcfe9120798001ec5880b68188c97168a09bd911f5a0af27077977d060a13a8828aed93c32d626000d2c6bd93810
6
+ metadata.gz: d23bbd54c980d98fa6a70fe53aa06032964f7f3f5b690dfb4b7aa9e3114d1206763cbdf3bdf0308084343c6c17141ac104d16bfd8e32b35f4a01cdb893bc433d
7
+ data.tar.gz: 6fd79a985e5c84b1eb52360abe08537b25525fb24bddf0b986ddae5cdc52ee8f594ec88baaeee1f02b9d395705756e37bbfe01c7dfcb7d2a614976aceb50bcc1
@@ -1,6 +1,4 @@
1
1
  {% include base.html %}
2
- <head>
3
- </head>
4
2
  <div class="footer">
5
3
  <form action="https://getsimpleform.com/messages?form_api_token=d9fbe3b05597de14b1e5cc7db2ceea84" method="post">
6
4
  <div class="subscribe_container">
@@ -3,76 +3,6 @@
3
3
  <!DOCTYPE html>
4
4
  <html lang="{{ page.lang | default: site.lang | default: " en " }}">
5
5
 
6
- <head>
7
-
8
- <script>
9
- function openNav() {
10
- document.getElementById("mySidenav").style.width = "250px";
11
- }
12
- /* Set the width of the side navigation to 0 */
13
- function closeNav() {
14
- document.getElementById("mySidenav").style.width = "0";
15
- }
16
- </script>
17
-
18
- <style>
19
- /* The side navigation menu */
20
-
21
- .sidenav {
22
- height: 100%;
23
- /* 100% Full-height */
24
- width: 0;
25
- /* 0 width - change this with JavaScript */
26
- position: fixed;
27
- /* Stay in place */
28
- z-index: 100000000;
29
- /* Stay on top */
30
- top: 0;
31
- right: 0;
32
- overflow-x: hidden;
33
- /* Disable horizontal scroll */
34
- /* Place content 60px from the top */
35
- transition: 0.2s;
36
- /* 0.5 second transition effect to slide in the sidenav */
37
- background-color: white;
38
- display: flex;
39
- flex-flow: column;
40
- }
41
- /* Position and style the close button (top right corner) */
42
-
43
- .nav_item {
44
- width: 100%;
45
- height:40px;
46
- display: flex;
47
- align-items: center;
48
- font-family: 'Open Sans', sans-serif;
49
-
50
- font-weight: lighter;
51
- font-size: 16px;
52
- text-decoration: none;
53
- color:black;
54
-
55
- text-transform: uppercase;
56
- letter-spacing: 2px;
57
- justify-content: space-around;
58
- }
59
-
60
- .nav_item > img {
61
- width: 30px;
62
- height:30px;
63
- }
64
-
65
- .nav_item .nav_label {
66
- width: 150px;
67
- height:100%;
68
- text-align: center;
69
- display: flex;
70
- align-items: center;
71
- }
72
- </style>
73
-
74
- </head>
75
-
76
6
  <body>
77
7
 
78
8
 
@@ -17,8 +17,6 @@
17
17
  </div>
18
18
 
19
19
  <div class="banner_container">
20
- <!-- <img src="{{base}}/assets/banner_big.png" style="display:hidden;" /> -->
21
- <!-- <div> -->
22
20
  <div class="logo_container">
23
21
  <img src="{{base}}/assets/logo.png" />
24
22
  <div>
@@ -29,7 +27,6 @@
29
27
  <img src="{{base}}/assets/circle.png" />
30
28
  </div>
31
29
  </div>
32
- <!-- </div> -->
33
30
  </div>
34
31
 
35
32
  </body>
data/assets/main.css CHANGED
@@ -140,7 +140,6 @@ body {
140
140
  padding: 2px;
141
141
  margin: 0 0 30px;
142
142
  width: 100%;
143
-
144
143
  /* animation: item_animation 10s ease-in-out infinite; */
145
144
  }
146
145
 
@@ -163,9 +162,9 @@ body {
163
162
  column-count: 1;
164
163
  }
165
164
  #related_posts_masonry {
166
- -moz-column-count: 1;
167
- -webkit-column-count: 1;
168
- column-count: 1;
165
+ -moz-column-count: 1;
166
+ -webkit-column-count: 1;
167
+ column-count: 1;
169
168
  }
170
169
  }
171
170
 
@@ -176,9 +175,9 @@ body {
176
175
  column-count: 1;
177
176
  }
178
177
  #related_posts_masonry {
179
- -moz-column-count: 1;
180
- -webkit-column-count: 1;
181
- column-count: 1;
178
+ -moz-column-count: 1;
179
+ -webkit-column-count: 1;
180
+ column-count: 1;
182
181
  }
183
182
  }
184
183
 
@@ -189,9 +188,9 @@ body {
189
188
  column-count: 2;
190
189
  }
191
190
  #related_posts_masonry {
192
- -moz-column-count: 3;
193
- -webkit-column-count: 3;
194
- column-count: 3;
191
+ -moz-column-count: 3;
192
+ -webkit-column-count: 3;
193
+ column-count: 3;
195
194
  }
196
195
  }
197
196
 
@@ -202,9 +201,9 @@ body {
202
201
  column-count: 2;
203
202
  }
204
203
  #related_posts_masonry {
205
- -moz-column-count: 3;
206
- -webkit-column-count: 3;
207
- column-count: 3;
204
+ -moz-column-count: 3;
205
+ -webkit-column-count: 3;
206
+ column-count: 3;
208
207
  }
209
208
  }
210
209
 
@@ -215,13 +214,13 @@ body {
215
214
  }
216
215
 
217
216
  .excerpt_container {
218
-
219
- border: 1px solid #fff;
220
- -webkit-border-radius: 8px;
221
- -moz-border-radius: 8px;
222
- border-radius: 8px;
223
- overflow: hidden;
217
+ border: 1px solid #fff;
218
+ -webkit-border-radius: 8px;
219
+ -moz-border-radius: 8px;
220
+ border-radius: 8px;
221
+ overflow: hidden;
224
222
  }
223
+
225
224
  .excerpt_container img {
226
225
  width: 100%;
227
226
  }
@@ -235,9 +234,8 @@ body {
235
234
  padding-bottom: 20px;
236
235
  background-color: #49545e;
237
236
  color: white;
238
- padding-left:10px;
239
- padding-right:10px;
240
-
237
+ padding-left: 10px;
238
+ padding-right: 10px;
241
239
  box-sizing: border-box;
242
240
  /** add this **/
243
241
  -moz-box-sizing: border-box;
@@ -357,8 +355,6 @@ body {
357
355
  top: 50%;
358
356
  transform: translateY(-50%);
359
357
  text-align: center;
360
-
361
-
362
358
  box-sizing: border-box;
363
359
  /** add this **/
364
360
  -moz-box-sizing: border-box;
@@ -374,7 +370,7 @@ body {
374
370
  height: 35px;
375
371
  text-align: center;
376
372
  font-size: 16px;
377
- color:white;
373
+ color: white;
378
374
  text-transform: uppercase;
379
375
  border: 1px solid #41b0f7;
380
376
  -webkit-border-radius: 4px;
@@ -390,8 +386,6 @@ body {
390
386
  top: 50%;
391
387
  transform: translateY(-50%);
392
388
  display: table;
393
-
394
-
395
389
  box-sizing: border-box;
396
390
  /** add this **/
397
391
  -moz-box-sizing: border-box;
@@ -503,7 +497,6 @@ body {
503
497
  max-height: 100%;
504
498
  margin-top: 20px;
505
499
  margin-bottom: 20px;
506
-
507
500
  border: 1px solid #FFF;
508
501
  -webkit-border-radius: 4px;
509
502
  -moz-border-radius: 4px;
@@ -772,43 +765,45 @@ body {
772
765
  }
773
766
 
774
767
  .about_container {
775
- width: 100%;
776
- max-width: 900px;
777
- display: block;
778
- margin:0 auto;
779
- padding-left: 20px;
780
- padding-right: 20px;
781
- text-align: center;
782
- box-sizing: border-box;
783
- -moz-box-sizing: border-box;
784
- -webkit-box-sizing: border-box;
785
- -ms-box-sizing: border-box;
768
+ width: 100%;
769
+ max-width: 900px;
770
+ display: block;
771
+ margin: 0 auto;
772
+ padding-left: 20px;
773
+ padding-right: 20px;
774
+ text-align: center;
775
+ box-sizing: border-box;
776
+ -moz-box-sizing: border-box;
777
+ -webkit-box-sizing: border-box;
778
+ -ms-box-sizing: border-box;
786
779
  }
787
780
 
788
781
  .about_pic {
789
- width: 80%;
782
+ width: 80%;
790
783
  }
791
784
 
792
785
  .about_pic.thankyou {
793
- width: 100%;
794
- margin-bottom: 20px;
786
+ width: 100%;
787
+ margin-bottom: 20px;
795
788
  }
796
789
 
797
790
  .about_text {
798
- color: #636263;
799
- text-align: left;
800
- margin-bottom: 30px;
801
- padding-left: 20px;
802
- padding-right: 20px;
803
- box-sizing: border-box;
804
- -moz-box-sizing: border-box;
805
- -webkit-box-sizing: border-box;
806
- -ms-box-sizing: border-box;
791
+ color: #636263;
792
+ text-align: left;
793
+ margin-bottom: 30px;
794
+ padding-left: 20px;
795
+ padding-right: 20px;
796
+ box-sizing: border-box;
797
+ -moz-box-sizing: border-box;
798
+ -webkit-box-sizing: border-box;
799
+ -ms-box-sizing: border-box;
807
800
  }
808
801
 
809
802
  .about_text.thankyou {
810
- text-align: center;
803
+ text-align: center;
811
804
  }
805
+
806
+
812
807
  /*
813
808
  .about_container {
814
809
  width: 100%;
@@ -853,10 +848,11 @@ body {
853
848
  */
854
849
 
855
850
  .characters_container {
856
- margin-bottom: 0px;
851
+ margin-bottom: 0px;
857
852
  }
853
+
858
854
  @media screen and (max-width: 800px) {
859
- /*
855
+ /*
860
856
  .about_pic {
861
857
  width: 100%;
862
858
  float: none;
@@ -882,7 +878,6 @@ body {
882
878
  */
883
879
  }
884
880
 
885
-
886
881
  .about_title {
887
882
  font-weight: bold;
888
883
  font-size: 30px;
@@ -902,110 +897,111 @@ body {
902
897
  }
903
898
 
904
899
  .fish_ll {
905
- position: relative;
906
- text-align: center;
907
- margin: 0 auto;
908
- margin-bottom: 150px;
909
- width: 100%;
910
- max-width: 800px;
900
+ position: relative;
901
+ text-align: center;
902
+ margin: 0 auto;
903
+ margin-bottom: 150px;
904
+ width: 100%;
905
+ max-width: 800px;
911
906
  }
912
907
 
913
908
  .image_circle {
914
- width: 200px;
915
- height: 200px;
916
- border-radius: 50%;
917
- border: 4px solid rgb(65, 176, 247);;
909
+ width: 200px;
910
+ height: 200px;
911
+ border-radius: 50%;
912
+ border: 4px solid rgb(65, 176, 247);
913
+ ;
918
914
  }
919
915
 
920
916
  .rounded_image_container {
921
- width: 100%;
922
- position: absolute;
923
- top: -100px;
924
- text-align: center;
917
+ width: 100%;
918
+ position: absolute;
919
+ top: -100px;
920
+ text-align: center;
925
921
  }
926
- .rounded_image {
927
- width: 200px;
928
- height: 200px;
929
- border-radius: 50%;
930
- background-repeat: no-repeat;
931
- margin: 0 auto;
932
-
933
922
 
934
- box-sizing: border-box;
935
- /** add this **/
936
- -moz-box-sizing: border-box;
937
- /** add this **/
938
- -webkit-box-sizing: border-box;
939
- /** add this **/
940
- -ms-box-sizing: border-box;
941
- /** add this **/
923
+ .rounded_image {
924
+ width: 200px;
925
+ height: 200px;
926
+ border-radius: 50%;
927
+ background-repeat: no-repeat;
928
+ margin: 0 auto;
929
+ box-sizing: border-box;
930
+ /** add this **/
931
+ -moz-box-sizing: border-box;
932
+ /** add this **/
933
+ -webkit-box-sizing: border-box;
934
+ /** add this **/
935
+ -ms-box-sizing: border-box;
936
+ /** add this **/
942
937
  }
943
938
 
944
939
  #rounded_octopus {
945
- background-image: url("splash_octopus.png");
946
- border: 8px solid #fce4d9;
947
- background-size: cover;
940
+ background-image: url("splash_octopus.png");
941
+ border: 8px solid #fce4d9;
942
+ background-size: cover;
948
943
  }
949
944
 
950
945
  #rounded_octopus_back {
951
- background-image: url("octopus_icon_power.png");
952
- border: 8px solid #fce4d9;
953
- background-size: cover;
946
+ background-image: url("octopus_icon_power.png");
947
+ border: 8px solid #fce4d9;
948
+ background-size: cover;
954
949
  }
955
950
 
956
951
  #rounded_dolphin {
957
- background-image: url("splash_dolphin.png");
958
- border: 8px solid #c3dbea;
959
- background-size: cover;
952
+ background-image: url("splash_dolphin.png");
953
+ border: 8px solid #c3dbea;
954
+ background-size: cover;
960
955
  }
961
956
 
962
957
  #rounded_dolphin_back {
963
- background-image: url("dolphin_icon_power.png");
964
- border: 8px solid #c3dbea;
965
- background-size: cover;
958
+ background-image: url("dolphin_icon_power.png");
959
+ border: 8px solid #c3dbea;
960
+ background-size: cover;
966
961
  }
967
962
 
968
963
  #rounded_narwhal {
969
- background-image: url("splash_narwhal.png");
970
- border: 8px solid #f9b9c8;
971
- background-size: cover;
964
+ background-image: url("splash_narwhal.png");
965
+ border: 8px solid #f9b9c8;
966
+ background-size: cover;
972
967
  }
973
968
 
974
969
  #rounded_narwhal_back {
975
- background-image: url("narwhal_icon_power.png");
976
- border: 8px solid #f9b9c8;
977
- background-size: cover;
970
+ background-image: url("narwhal_icon_power.png");
971
+ border: 8px solid #f9b9c8;
972
+ background-size: cover;
978
973
  }
979
974
 
980
975
  #rounded_bubble {
981
- background-image: url("splash_bubble.png");
982
- border: 8px solid #bccdef;
983
- background-size: cover;
976
+ background-image: url("splash_bubble.png");
977
+ border: 8px solid #bccdef;
978
+ background-size: cover;
984
979
  }
985
980
 
986
981
  #rounded_bubble_back {
987
- background-image: url("bubble_icon_power.png");
988
- border: 8px solid #bccdef;
989
- background-size: cover;
982
+ background-image: url("bubble_icon_power.png");
983
+ border: 8px solid #bccdef;
984
+ background-size: cover;
990
985
  }
991
986
 
992
987
  #rounded_shark {
993
- background-image: url("splash_shark.png");
994
- background-size: cover;
995
- border: 8px solid #abb6d9;
988
+ background-image: url("splash_shark.png");
989
+ background-size: cover;
990
+ border: 8px solid #abb6d9;
996
991
  }
997
992
 
998
993
  #rounded_shark_back {
999
- background-image: url("shark_icon_power.png");
1000
- background-size: cover;
1001
- border: 8px solid #abb6d9;
994
+ background-image: url("shark_icon_power.png");
995
+ background-size: cover;
996
+ border: 8px solid #abb6d9;
1002
997
  }
998
+
1003
999
  .fish_text {
1004
- width: 100%;
1005
- border: 1px solid #e8ecef;
1006
- border-radius: 2px;
1007
- box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.2);
1008
- padding-top: 130px;
1000
+ width: 100%;
1001
+ border: 1px solid #e8ecef;
1002
+ border-radius: 2px;
1003
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 3px rgba(0, 0, 0, .2);
1004
+ padding-top: 130px;
1009
1005
  }
1010
1006
 
1011
1007
  .fish_name_2 {
@@ -1031,76 +1027,129 @@ border: 8px solid #abb6d9;
1031
1027
  }
1032
1028
 
1033
1029
  .fish_desc_3 {
1034
- color: #8e8e8e;
1030
+ color: #8e8e8e;
1035
1031
  margin-top: 10px;
1036
1032
  display: block;
1037
1033
  width: 100%;
1038
1034
  letter-spacing: 1px;
1039
1035
  }
1040
1036
 
1037
+ .flipped {
1038
+ -webkit-transform: rotateY(180deg);
1039
+ -moz-transform: rotateY(180deg);
1040
+ -ms-transform: rotateY(180deg);
1041
+ -o-transform: rotateY(180deg);
1042
+ transform: rotateY(180deg);
1043
+ }
1044
+
1045
+ .flipper {
1046
+ /*transition*/
1047
+ -webkit-transition: 0.6s;
1048
+ -moz-transition: 0.6s;
1049
+ -o-transition: 0.6s;
1050
+ transition: 0.6s;
1051
+ /*transform-style*/
1052
+ -webkit-transform-style: preserve-3d;
1053
+ -moz-transform-style: preserve-3d;
1054
+ -ms-transform-style: preserve-3d;
1055
+ -o-transform-style: preserve-3d;
1056
+ transform-style: preserve-3d;
1057
+ position: relative;
1058
+ -webkit-tap-highlight-color: transparent;
1059
+ }
1060
+
1041
1061
 
1042
- .flipped {
1043
- -webkit-transform: rotateY(180deg);
1044
- -moz-transform: rotateY(180deg);
1045
- -ms-transform: rotateY(180deg);
1046
- -o-transform: rotateY(180deg);
1047
- transform: rotateY(180deg);
1048
- }
1062
+ /* front pane, placed above back */
1049
1063
 
1050
- .flipper {
1051
- /*transition*/
1052
- -webkit-transition: 0.6s;
1053
- -moz-transition: 0.6s;
1054
- -o-transition: 0.6s;
1055
- transition: 0.6s;
1056
- /*transform-style*/
1057
- -webkit-transform-style: preserve-3d;
1058
- -moz-transform-style: preserve-3d;
1059
- -ms-transform-style: preserve-3d;
1060
- -o-transform-style: preserve-3d;
1061
- transform-style: preserve-3d;
1062
- position: relative;
1063
- -webkit-tap-highlight-color: transparent;
1064
- }
1065
- /* front pane, placed above back */
1064
+ .front {
1065
+ z-index: 2;
1066
+ }
1066
1067
 
1067
- .front {
1068
- z-index: 2;
1069
- }
1070
- /* back, initially hidden pane */
1071
-
1072
- .back {
1073
- /*transform*/
1074
- -webkit-transform: rotateY(180deg);
1075
- -moz-transform: rotateY(180deg);
1076
- -ms-transform: rotateY(180deg);
1077
- -o-transform: rotateY(180deg);
1078
- transform: rotateY(180deg);
1079
- }
1080
- /* hide back of pane during swap */
1081
-
1082
- .front,
1083
- .back {
1084
- /*backface-visibility*/
1085
- -webkit-backface-visibility: hidden;
1086
- -moz-backface-visibility: hidden;
1087
- -ms-backface-visibility: hidden;
1088
- -o-backface-visibility: hidden;
1089
- backface-visibility: hidden;
1090
- position: absolute;
1091
- top: 0;
1092
- left: 0;
1093
- }
1094
1068
 
1095
- .flip-container,
1096
- .front,
1097
- .back,
1098
- .flipper {
1099
- width: 200px;
1100
- height: 200px;
1101
- }
1069
+ /* back, initially hidden pane */
1102
1070
 
1103
- .flip-container {
1104
- text-align: center;
1105
- margin: 0 auto;
1106
- }
1071
+ .back {
1072
+ /*transform*/
1073
+ -webkit-transform: rotateY(180deg);
1074
+ -moz-transform: rotateY(180deg);
1075
+ -ms-transform: rotateY(180deg);
1076
+ -o-transform: rotateY(180deg);
1077
+ transform: rotateY(180deg);
1078
+ }
1079
+
1080
+
1081
+ /* hide back of pane during swap */
1082
+
1083
+ .front, .back {
1084
+ /*backface-visibility*/
1085
+ -webkit-backface-visibility: hidden;
1086
+ -moz-backface-visibility: hidden;
1087
+ -ms-backface-visibility: hidden;
1088
+ -o-backface-visibility: hidden;
1089
+ backface-visibility: hidden;
1090
+ position: absolute;
1091
+ top: 0;
1092
+ left: 0;
1093
+ }
1094
+
1095
+ .flip-container, .front, .back, .flipper {
1096
+ width: 200px;
1097
+ height: 200px;
1098
+ }
1099
+
1100
+ .flip-container {
1101
+ text-align: center;
1102
+ margin: 0 auto;
1103
+ }
1104
+
1105
+ .sidenav {
1106
+ height: 100%;
1107
+ /* 100% Full-height */
1108
+ width: 0;
1109
+ /* 0 width - change this with JavaScript */
1110
+ position: fixed;
1111
+ /* Stay in place */
1112
+ z-index: 100000000;
1113
+ /* Stay on top */
1114
+ top: 0;
1115
+ right: 0;
1116
+ overflow-x: hidden;
1117
+ /* Disable horizontal scroll */
1118
+ /* Place content 60px from the top */
1119
+ transition: 0.2s;
1120
+ /* 0.5 second transition effect to slide in the sidenav */
1121
+ background-color: white;
1122
+ display: flex;
1123
+ flex-flow: column;
1124
+ }
1125
+
1126
+
1127
+ /* Position and style the close button (top right corner) */
1128
+
1129
+ .nav_item {
1130
+ width: 100%;
1131
+ height: 40px;
1132
+ display: flex;
1133
+ align-items: center;
1134
+ font-family: 'Open Sans', sans-serif;
1135
+ font-weight: lighter;
1136
+ font-size: 16px;
1137
+ text-decoration: none;
1138
+ color: black;
1139
+ text-transform: uppercase;
1140
+ letter-spacing: 2px;
1141
+ justify-content: space-around;
1142
+ }
1143
+
1144
+ .nav_item>img {
1145
+ width: 30px;
1146
+ height: 30px;
1147
+ }
1148
+
1149
+ .nav_item .nav_label {
1150
+ width: 150px;
1151
+ height: 100%;
1152
+ text-align: center;
1153
+ display: flex;
1154
+ align-items: center;
1155
+ }
data/assets/scrolltest.js CHANGED
@@ -1,5 +1,13 @@
1
1
  var homeBig = false;
2
2
  var base = ''
3
+
4
+ function openNav() {
5
+ document.getElementById("mySidenav").style.width = "250px";
6
+ }
7
+ /* Set the width of the side navigation to 0 */
8
+ function closeNav() {
9
+ document.getElementById("mySidenav").style.width = "0";
10
+ }
3
11
  $(document).ready(function() {
4
12
 
5
13
  var url = document.URL;
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: theme-sealicon-valley
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.7
4
+ version: 0.1.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - Mita Yun