word-games-theme 2.1.2 → 2.1.4
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/_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
|
+
}
|