word-games-theme 2.1.2 → 2.1.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_data/wordgames/en/root.json +0 -8
- data/_includes/infographics/infographics.html +0 -115
- data/assets/css/style.css +134 -10
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: f1cbb8a2cfafdf5269c9b68a00aa9699e9986477404e9fb2144864ecc59badfc
|
4
|
+
data.tar.gz: f3a5d09d12824c6dd3260ed82f0cb7a8a106a4dac2f8185f1c2e17e393cee6b9
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: e1fe5ba47af0cdedba285e5295d9e01b3750661f690f531659698d6454427fb59367cdcef3420e92453140c8764fe947d0025e47335b3d1e98c9ba0236ac9632
|
7
|
+
data.tar.gz: 64c011253df5c0490bad5b253dc03b55dbae3b5031f100f273b76f6302e1a3aa4c84e154823c5649ba17120043f4204205735b2d63d168eab4620a1b3d9e15c9
|
@@ -23,14 +23,6 @@
|
|
23
23
|
"image": "/assets/images/2.png",
|
24
24
|
"description": "5 benefits of using wake me up at 4:45 am tool"
|
25
25
|
},
|
26
|
-
{
|
27
|
-
"image": "/assets/images/3.png",
|
28
|
-
"description": "Additional features of wake me up at 4:45 am tool"
|
29
|
-
},
|
30
|
-
{
|
31
|
-
"image": "/assets/images/3.png",
|
32
|
-
"description": "Additional features of wake me up at 4:45 am tool"
|
33
|
-
},
|
34
26
|
{
|
35
27
|
"image": "/assets/images/3.png",
|
36
28
|
"description": "Additional features of wake me up at 4:45 am tool"
|
@@ -1,119 +1,4 @@
|
|
1
1
|
|
2
|
-
<style>
|
3
|
-
.inforgraphics_section {
|
4
|
-
width: 100%;
|
5
|
-
padding: 50px 0px 50px 0px;
|
6
|
-
border-top: 1px solid rgb(224, 224, 224);
|
7
|
-
display: flex;
|
8
|
-
flex-direction: column;
|
9
|
-
align-items: center;
|
10
|
-
}
|
11
|
-
|
12
|
-
.inforgraphics_section .wrapper {
|
13
|
-
display: flex;
|
14
|
-
max-width: 700px;
|
15
|
-
position: relative;
|
16
|
-
}
|
17
|
-
|
18
|
-
.inforgraphics_section .wrapper svg {
|
19
|
-
top: 50%;
|
20
|
-
height: 44px;
|
21
|
-
width: 44px;
|
22
|
-
color: #343F4F;
|
23
|
-
cursor: pointer;
|
24
|
-
font-size: 1.15rem;
|
25
|
-
position: absolute;
|
26
|
-
text-align: center;
|
27
|
-
line-height: 44px;
|
28
|
-
background: #eee;
|
29
|
-
border-radius: 50%;
|
30
|
-
transform: translateY(-50%);
|
31
|
-
transition: transform 0.1s linear;
|
32
|
-
}
|
33
|
-
|
34
|
-
.inforgraphics_section .wrapper svg:active {
|
35
|
-
transform: translateY(-50%) scale(0.9);
|
36
|
-
}
|
37
|
-
|
38
|
-
.inforgraphics_section .wrapper svg:hover {
|
39
|
-
background: #f2f2f2;
|
40
|
-
}
|
41
|
-
|
42
|
-
.inforgraphics_section .wrapper svg:first-child {
|
43
|
-
left: 0px;
|
44
|
-
display: none;
|
45
|
-
z-index: 999;
|
46
|
-
}
|
47
|
-
|
48
|
-
.inforgraphics_section .wrapper svg:last-child {
|
49
|
-
right: 0px;
|
50
|
-
}
|
51
|
-
|
52
|
-
.carousel {
|
53
|
-
display: flex;
|
54
|
-
max-width: 700px;
|
55
|
-
overflow-x: scroll;
|
56
|
-
scroll-snap-type: x mandatory;
|
57
|
-
scroll-behavior: smooth;
|
58
|
-
}
|
59
|
-
|
60
|
-
.carousel-inner {
|
61
|
-
display: flex;
|
62
|
-
flex-wrap: nowrap;
|
63
|
-
}
|
64
|
-
|
65
|
-
.slide {
|
66
|
-
flex: 0 0 calc(100% / 3);
|
67
|
-
scroll-snap-align: start;
|
68
|
-
padding: 20px;
|
69
|
-
}
|
70
|
-
|
71
|
-
.carousel img {
|
72
|
-
width: 100%;
|
73
|
-
object-fit: contain;
|
74
|
-
max-width: 100%;
|
75
|
-
height: auto;
|
76
|
-
border-radius: 8px;
|
77
|
-
}
|
78
|
-
|
79
|
-
.carousel-inner p {
|
80
|
-
text-align: center;
|
81
|
-
margin: 10px 0;
|
82
|
-
font-size: 14px;
|
83
|
-
white-space: normal;
|
84
|
-
word-wrap: break-word;
|
85
|
-
}
|
86
|
-
|
87
|
-
@media screen and (max-width: 768px) {
|
88
|
-
.inforgraphics_section .wrapper {
|
89
|
-
max-width: 100%;
|
90
|
-
}
|
91
|
-
|
92
|
-
.carousel-inner p {
|
93
|
-
font-size: 20px;
|
94
|
-
}
|
95
|
-
|
96
|
-
.inforgraphics_section .wrapper i:first-child {
|
97
|
-
left: 0;
|
98
|
-
/* margin-left: 14px; */
|
99
|
-
z-index: 99;
|
100
|
-
}
|
101
|
-
|
102
|
-
.inforgraphics_section .wrapper i:last-child {
|
103
|
-
right: 0;
|
104
|
-
z-index: 99;
|
105
|
-
display: block !important;
|
106
|
-
}
|
107
|
-
|
108
|
-
.carousel {
|
109
|
-
overflow-x: hidden;
|
110
|
-
}
|
111
|
-
.slide {
|
112
|
-
flex: 0 0 100%;
|
113
|
-
margin-right: 0;
|
114
|
-
}
|
115
|
-
}
|
116
|
-
</style>
|
117
2
|
|
118
3
|
<div class="inforgraphics_section">
|
119
4
|
<h3 class="text-center w-100 mb-5" style="font-size:22px"><b>Other useful information</b></h3>
|
data/assets/css/style.css
CHANGED
@@ -32,9 +32,11 @@ body {
|
|
32
32
|
top: 65px;
|
33
33
|
position: fixed;
|
34
34
|
}
|
35
|
+
|
35
36
|
.wordgametheme-sidebar-left {
|
36
37
|
left: 75px;
|
37
38
|
}
|
39
|
+
|
38
40
|
.wordgametheme-sidebar-right {
|
39
41
|
right: 75px;
|
40
42
|
}
|
@@ -102,9 +104,10 @@ header {
|
|
102
104
|
transition: all 0.2s linear;
|
103
105
|
}
|
104
106
|
|
105
|
-
.show{
|
106
|
-
display: grid
|
107
|
+
.show {
|
108
|
+
display: grid;
|
107
109
|
}
|
110
|
+
|
108
111
|
.top_tool_bar {
|
109
112
|
height: 540px;
|
110
113
|
overflow-x: hidden;
|
@@ -317,6 +320,7 @@ header {
|
|
317
320
|
font-style: normal;
|
318
321
|
outline: none;
|
319
322
|
}
|
323
|
+
|
320
324
|
.angle-arrow2 {
|
321
325
|
background: url(/assets/images/angle-arrow-down.svg) no-repeat center center;
|
322
326
|
background-size: contain;
|
@@ -616,6 +620,92 @@ header {
|
|
616
620
|
padding: 6px;
|
617
621
|
}
|
618
622
|
|
623
|
+
/* infographicss css */
|
624
|
+
|
625
|
+
.inforgraphics_section {
|
626
|
+
width: 100%;
|
627
|
+
padding: 50px 0px 50px 0px;
|
628
|
+
/* border-top: 1px solid rgb(224, 224, 224); */
|
629
|
+
display: flex;
|
630
|
+
flex-direction: column;
|
631
|
+
align-items: center;
|
632
|
+
}
|
633
|
+
|
634
|
+
.inforgraphics_section .wrapper {
|
635
|
+
display: flex;
|
636
|
+
max-width: 700px;
|
637
|
+
position: relative;
|
638
|
+
}
|
639
|
+
|
640
|
+
.inforgraphics_section .wrapper svg {
|
641
|
+
top: 50%;
|
642
|
+
height: 44px;
|
643
|
+
width: 44px;
|
644
|
+
color: #343F4F;
|
645
|
+
cursor: pointer;
|
646
|
+
font-size: 1.15rem;
|
647
|
+
position: absolute;
|
648
|
+
text-align: center;
|
649
|
+
line-height: 44px;
|
650
|
+
background: #eee;
|
651
|
+
border-radius: 50%;
|
652
|
+
transform: translateY(-50%);
|
653
|
+
transition: transform 0.1s linear;
|
654
|
+
}
|
655
|
+
|
656
|
+
.inforgraphics_section .wrapper svg:active {
|
657
|
+
transform: translateY(-50%) scale(0.9);
|
658
|
+
}
|
659
|
+
|
660
|
+
.inforgraphics_section .wrapper svg:hover {
|
661
|
+
background: #f2f2f2;
|
662
|
+
}
|
663
|
+
|
664
|
+
.inforgraphics_section .wrapper svg:first-child {
|
665
|
+
left: 0px;
|
666
|
+
display: none;
|
667
|
+
z-index: 999;
|
668
|
+
}
|
669
|
+
|
670
|
+
.inforgraphics_section .wrapper svg:last-child {
|
671
|
+
right: 0px;
|
672
|
+
}
|
673
|
+
|
674
|
+
.carousel {
|
675
|
+
display: flex;
|
676
|
+
max-width: 700px;
|
677
|
+
overflow-x: scroll;
|
678
|
+
scroll-snap-type: x mandatory;
|
679
|
+
scroll-behavior: smooth;
|
680
|
+
}
|
681
|
+
|
682
|
+
.carousel-inner {
|
683
|
+
display: flex;
|
684
|
+
flex-wrap: nowrap;
|
685
|
+
}
|
686
|
+
|
687
|
+
.slide {
|
688
|
+
flex: 0 0 calc(100% / 3);
|
689
|
+
scroll-snap-align: start;
|
690
|
+
padding: 20px;
|
691
|
+
}
|
692
|
+
|
693
|
+
.carousel img {
|
694
|
+
width: 100%;
|
695
|
+
object-fit: contain;
|
696
|
+
max-width: 100%;
|
697
|
+
height: auto;
|
698
|
+
border-radius: 8px;
|
699
|
+
}
|
700
|
+
|
701
|
+
.carousel-inner p {
|
702
|
+
text-align: center;
|
703
|
+
margin: 10px 0;
|
704
|
+
font-size: 14px;
|
705
|
+
white-space: normal;
|
706
|
+
word-wrap: break-word;
|
707
|
+
}
|
708
|
+
|
619
709
|
/* social icons css */
|
620
710
|
.social-icons {
|
621
711
|
position: fixed;
|
@@ -942,7 +1032,36 @@ header {
|
|
942
1032
|
/* youtube video how css */
|
943
1033
|
.how-to-video-wrapper .youtubeVideoPlayer {
|
944
1034
|
width: 100%;
|
945
|
-
}
|
1035
|
+
}
|
1036
|
+
|
1037
|
+
/* infographics css */
|
1038
|
+
.inforgraphics_section .wrapper {
|
1039
|
+
max-width: 100%;
|
1040
|
+
}
|
1041
|
+
.carousel-inner p {
|
1042
|
+
font-size: 20px;
|
1043
|
+
}
|
1044
|
+
.inforgraphics_section .wrapper svg:first-child {
|
1045
|
+
left: 0;
|
1046
|
+
z-index: 99;
|
1047
|
+
}
|
1048
|
+
.inforgraphics_section .wrapper svg:last-child {
|
1049
|
+
right: 0;
|
1050
|
+
z-index: 99;
|
1051
|
+
display: block !important;
|
1052
|
+
}
|
1053
|
+
|
1054
|
+
.carousel {
|
1055
|
+
overflow-x: hidden;
|
1056
|
+
}
|
1057
|
+
.carousel img{
|
1058
|
+
height: 600px;
|
1059
|
+
}
|
1060
|
+
|
1061
|
+
.slide {
|
1062
|
+
flex: 0 0 100%;
|
1063
|
+
margin-right: 0;
|
1064
|
+
}
|
946
1065
|
|
947
1066
|
/* footer css for mobile */
|
948
1067
|
.footer-section .language-drop-down-item {
|
@@ -955,10 +1074,12 @@ header {
|
|
955
1074
|
}
|
956
1075
|
|
957
1076
|
@media (max-width: 992px) {
|
1077
|
+
|
958
1078
|
.wordgametheme-sidebar-right,
|
959
1079
|
.wordgametheme-sidebar-left {
|
960
1080
|
display: none;
|
961
1081
|
}
|
1082
|
+
|
962
1083
|
.navbar-nav {
|
963
1084
|
margin-left: 0rem;
|
964
1085
|
}
|
@@ -974,19 +1095,22 @@ header {
|
|
974
1095
|
}
|
975
1096
|
|
976
1097
|
|
977
|
-
@media screen and (min-width: 1450px){
|
978
|
-
.wordgametheme-sidebar-left{
|
1098
|
+
@media screen and (min-width: 1450px) {
|
1099
|
+
.wordgametheme-sidebar-left {
|
979
1100
|
left: 194px !important;
|
980
1101
|
}
|
981
|
-
|
1102
|
+
|
1103
|
+
.wordgametheme-sidebar-right {
|
982
1104
|
right: 194px !important;
|
983
1105
|
}
|
984
1106
|
}
|
985
|
-
|
986
|
-
|
1107
|
+
|
1108
|
+
@media screen and (min-width: 1920px) {
|
1109
|
+
.wordgametheme-sidebar-left {
|
987
1110
|
left: 313px !important;
|
988
1111
|
}
|
989
|
-
|
1112
|
+
|
1113
|
+
.wordgametheme-sidebar-right {
|
990
1114
|
right: 313px !important;
|
991
1115
|
}
|
992
|
-
}
|
1116
|
+
}
|