word-games-theme 2.3.9 → 2.4.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4e193b50c0938504865fc9b4efadb0bbefdea432f439708884622f2a7840ca30
4
- data.tar.gz: b657a97db383fc3415a79762e2f0292cd70281eaac0b91dda28caa0e30650f4f
3
+ metadata.gz: 841c45ec4730be1f7eddf4d7891f620c2ee37b5fe9309c1005927f4cc9adac3e
4
+ data.tar.gz: d9235a83c4a7c7d0e127f9ec07c4d53633bd2b2574de9cbe2dc650bb4d9b214e
5
5
  SHA512:
6
- metadata.gz: f68a57132bd71984cde9c7fd869d3eb4528175eddb0a1ab53928428adb90604dffae56d5a26a020f7dc7db7e879d9f9274333996c49eacc58effb3cc53f9a8f6
7
- data.tar.gz: 15547231cc4554e5a0240224c40c8c9da826de811e186b471b3b26f1437fa23b7c7bf2da0f8da00f66311fc5c1af9f75049726fefd05f6cb99d14a69f4650b27
6
+ metadata.gz: f960da4eafb0e8645fdb93c2979a61e9adec7a46d6c341971149ea5992349ee8753d5b1d264a14ad845a426752d4722f3f0f22ec6022079a6ac6e95e95a8a752
7
+ data.tar.gz: 48aed3e33cc1fd176b08676c9908a4a642e6aa970837f724353adb77d9900309f8ce8c653ca08ce41e9543caf138f4c04a6f0ea4e547d950b8d072845217c542
@@ -72,5 +72,13 @@
72
72
  "Question": "What this Lexical word finder actually is?",
73
73
  "Answer": "Lexical Word Finder is a very cool tool that can assist you breeze through any word recreation in opposition to your friends or the computer. With the lexical word finder tool, winning becomes a lot simpler."
74
74
  }
75
- ]
75
+ ],
76
+ "contributors": [
77
+ {
78
+ "name": "RK Shree"
79
+ },
80
+ {
81
+ "name": "Taufik Ali"
82
+ }
83
+ ],
76
84
  }
@@ -226,7 +226,7 @@
226
226
  }
227
227
  ],
228
228
  "HOW_TO_CONTENT": {
229
- "YoutubeVideoUrl": "https://www.youtube.com/watch?v=qv7lH5Cxu1g",
229
+ "YoutubeVideoUrl": "https://www.youtube.com/watch?v=c6-66XRSN_4&t=1s&ab_channel=Safezipkit",
230
230
  "heading": "How to set alarm for $variable minutes:",
231
231
  "steps": [
232
232
  "Click on set alarm ",
@@ -427,6 +427,13 @@
427
427
  ],
428
428
  "categories": [
429
429
 
430
+ ],
431
+ "author": "Keshav Agarwal",
432
+ "contributors": [
433
+ { "name": "udit" },
434
+ { "name": "balark" },
435
+ { "name": "pallavi" },
436
+ { "name": "Nikita" }
430
437
  ]
431
438
  }
432
439
 
@@ -48,7 +48,7 @@ profound ability to stay up to date with latest industry trends.&&N/A" | split:
48
48
  pursuing my master's. I am very passionate about writing because it shapes my personality and connects me with
49
49
  world.&&N/A" | split:
50
50
  '&&' %}
51
- {% assign karuna = "Karuna Shree&&/assets/images/karuna.jpeg&&RK Shree - A science enthusiast with a poetic flair,
51
+ {% assign rk = "RK Shree&&/assets/images/karuna.jpeg&&RK Shree - A science enthusiast with a poetic flair,
52
52
  and possesses an insatiable desire to explore diverse fields seeking new knowledge and experiences.
53
53
  My work ethic is highly disciplined and dedicated. I take pleasure in pursuing creative endeavors that captivate me.
54
54
  &&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&' %}
@@ -1,107 +1,98 @@
1
- <style>
2
- .authors-list {
3
- border-top: 1px solid rgb(224, 224, 224);
4
- margin-top: 100px;
5
- padding: 100px;
6
- }
7
-
8
- .featurePageAuthor {
9
- display: flex;
10
- flex-direction: column;
11
- width: 100%;
12
- justify-content: center;
13
- }
14
-
15
- .featurePageAuthor .author-meta {
16
- width: 500px;
17
- margin: 0 auto;
18
- padding-bottom: 5rem;
19
- }
20
-
21
- .featurePageAuthor .author-meta .authorName {
22
- font-size: 20px;
23
- padding: 1rem 0px;
24
- font-weight: 900;
25
- }
26
-
27
- .featurePageAuthor .author-img {
28
- width: 100px;
29
- height: 100px;
30
- border-radius: 100%;
31
- }
32
-
33
- .featurePageAuthor .author_bio {
34
- font-size: 16px;
35
- }
36
- </style>
37
1
  {% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
38
- = page.folderName %} {% assign featureData= site.data[folder][lang][file] %}
39
- <section class="authors-list">
40
- <div class="container">
2
+ = page.folderName %} {% assign featureData= site.data[folder][lang][file] %}
3
+ <section class="authors-list mt-5">
4
+ <div class="container">
41
5
  <div class="row">
42
- <div class="col-md-12">
43
- {%- if featureData.author -%}
44
- <h1 class="mb-4 text-center authors-heading font-weight-bolder">About The Author</h1>
45
- {%- endif -%}
46
- <div class="row">
47
- {% assign posts = site.posts | where_exp:"post","post.url != page.url" %}
48
- {% assign seen_authors = '' %}
49
- {% for post in site.posts %}
50
- {% unless seen_authors contains post.author %}
51
- {% assign seen_authors = seen_authors | append: post.author | append: ',' %}
52
- {% assign featureAuthor = featureData.author | downcase %}
53
- {%- include /authors/authors.html -%}
54
- {%- assign name = authorName | downcase -%}
55
- {%- if name contains featureAuthor -%}
56
- <div class="featurePageAuthor">
57
- <a href="/authors/{{authorName | downcase | replace: ' ' , '-'' }}" class="author_image">
58
- <img class="author-img" loading="lazy" src="{{ image }}" height="35px" width="35px"
59
- alt="{{ authorName}}" id="author_img" {%- if site.crossorigin -%} crossorigin {%- endif
60
- -%} />
61
- </a>
62
- <div class="author-meta">
63
- <p class="mb-0 authorName">
64
- <a target="_blank" href="/authors/{{authorName | downcase | replace: ' ' , '-'' }}">
65
- {{authorName}}
66
- </a>
67
- </p>
68
- <p class="author_bio mb-0">{{bio}}</p>
69
- </div>
70
- </div>
71
- {%- endif -%}
72
- {% endunless %}
73
- {% endfor %}
74
-
75
- {%- if featureData.contributors -%}
76
- <h2 class="mb-4 w-100 text-center authors-heading font-weight-bolder">Contributors</h2>
77
- {%- endif -%}
78
-
79
- <div class="d-flex justify-content-center w-100" style="gap:10px">
80
- {% assign posts = site.posts | where_exp:"post","post.url != page.url" %}
81
- {% assign seen_authors = '' %}
82
- {% for post in site.posts %}
83
- {% unless seen_authors contains post.author %}
84
- {% assign seen_authors = seen_authors | append: post.author | append: ',' %}
85
- {% for contributor in featureData.contributors %}
86
- {%- assign contributorAuthor = contributor.name | downcase -%}
87
- {%- include /authors/authors.html -%}
88
- {%- assign name = authorName | downcase -%}
89
-
90
- {%- if name contains contributorAuthor -%}
91
-
92
- <a href="/authors/{{authorName | downcase | replace: ' ' , '-'' }}" class="author_image">
93
- <img loading="lazy" src="{{ image }}" alt="{{ authorName}}"
94
- style="border-radius:100%; width: 50px; height: 50px;" />
95
- </a>
96
-
97
- {%- endif -%}
98
- {% endfor %}
99
- {% endunless %}
100
- {% endfor %}
101
- </div>
102
-
6
+ <div class="col-md-12">
7
+ {%- if featureData.author -%}
8
+ <h4 class="mb-4 text-center authors-heading font-weight-bolder">
9
+ About The Author
10
+ </h4>
11
+ {%- endif -%}
12
+ <div class="row">
13
+ {%- if featureData.author -%} {%- include authors/authors.html -%} {%-
14
+ assign featureAuthor = featureData.author | split: " " -%} {%- assign
15
+ author = featureAuthor.first | downcase -%} {%- assign collection =
16
+ [author] -%} {%- for item in collection -%} {%- if forloop.index==1
17
+ -%} {%- assign featureAuthorName = item -%} {%- endif -%} {%- if
18
+ forloop.index==2 -%} {%- assign featureAuthorImage = item -%} {%-
19
+ endif -%} {%- if forloop.index==3 -%} {%- assign featureAuthorBio =
20
+ item -%} {%- endif %} {%- endfor %}
21
+
22
+ <div class="featurePageAuthor">
23
+ <a
24
+ href="/authors/{{featureData.author | downcase | replace: ' ' , '-'' }}"
25
+ class="author_image"
26
+ >
27
+ <img
28
+ class="author-img"
29
+ loading="lazy"
30
+ src="{{ featureAuthorImage }}"
31
+ height="35px"
32
+ width="35px"
33
+ alt="{{ featureAuthor}}"
34
+ id="author_img"
35
+ {%-
36
+ if
37
+ site.crossorigin
38
+ -%}
39
+ crossorigin
40
+ {%-
41
+ endif
42
+ -%}
43
+ />
44
+ </a>
45
+ <div class="author-meta">
46
+ <p class="mb-0 authorName text-capitalize">
47
+ <a
48
+ target="_blank"
49
+ href="/authors/{{featureData.author | downcase | replace: ' ' , '-'' }}"
50
+ >
51
+ {{featureAuthor}}
52
+ </a>
53
+ </p>
54
+ <p class="author_bio mb-0">{{featureAuthorBio}}</p>
103
55
  </div>
56
+ </div>
57
+ {%- endif %} {%- assign contributors = featureData.contributors |
58
+ uniq: 'name' -%} {%- if contributors.size > 0 -%}
59
+ <h4 class="mb-4 w-100 text-center authors-heading font-weight-bolder">
60
+ Contributors
61
+ </h4>
62
+ <div class="d-flex justify-content-center w-100" style="gap: 10px">
63
+ {%- for contributor in contributors -%} {%- assign
64
+ featureContributorData = contributor.name | split: " " -%} {%-
65
+ assign featureContributorData = featureContributorData.first |
66
+ downcase -%} {%- assign collectionData = [featureContributorData]
67
+ -%} {%- for item in collectionData -%} {%- if forloop.index == 1 -%}
68
+ {%- assign featureContributorDataName = item -%} {%- endif -%} {%-
69
+ if forloop.index == 2 -%} {%- assign featureContributorDataImage =
70
+ item -%} {%- endif -%} {%- if forloop.index == 3 -%} {%- assign
71
+ featureContributorDataBio = item -%} {%- endif -%} {%- if
72
+ forloop.index == 4 -%} {%- assign featureContributorDataTwitter =
73
+ item -%} {%- endif -%} {%- endfor -%} {%- if
74
+ featureContributorDataName -%}
75
+ <a
76
+ href="/authors/{{featureContributorDataName | downcase | replace: ' ' , '-'' }}"
77
+ class="contributor"
78
+ >
79
+ <img
80
+ loading="lazy"
81
+ src="{{ featureContributorDataImage }}"
82
+ alt="{{ featureContributorDataName}}"
83
+ style="border-radius: 100%; width: 50px; height: 50px"
84
+ />
85
+ <div class="contributor-name pt-2">
86
+ {{ featureContributorDataName }}
87
+ </div>
88
+ </a>
89
+ {%- assign featureContributorDataName = false -%} {%- else -%} {%-
90
+ endif -%} {%- endfor -%}
91
+ </div>
92
+ {%- endif -%}
104
93
  </div>
94
+ </div>
105
95
  </div>
106
- </div>
107
- </section>
96
+ </div>
97
+ </section>
98
+
@@ -10,6 +10,11 @@
10
10
 
11
11
  <link rel="shortcut icon" href="{{favicon}}" />
12
12
 
13
+ {%- if page.noindex -%}
14
+ <meta name="robots" content="noindex" />
15
+ {%- endif -%}
16
+
17
+
13
18
  {% include seo.html %}
14
19
  <link rel="canonical" href="{{site.url | append: page.url}}">
15
20
  {%- if site.keyboard -%}
@@ -4,7 +4,7 @@
4
4
 
5
5
  {%- if dataToShow.featureList.first.feature_heading !='' -%}
6
6
 
7
- <div class="container mt-4">
7
+ <div class="container" style="margin-top:7rem;">
8
8
  <div class="row">
9
9
  <div class="ads_layout feature w-100">
10
10
  <div class="col-lg-4 col-md-6 my-3">
@@ -56,7 +56,7 @@
56
56
  {% endfor %}
57
57
 
58
58
  {% for entry in dataToShow.featureList %}
59
- <div class="col-lg-4 col-md-6 my-3">
59
+ <div class="col-lg-4 pl-0 col-md-6 my-3">
60
60
  <div class="card-body h-100">
61
61
  <!-- <img src="{{ entry.fa_class }}" loading="lazy" height="25px" width="25px"
62
62
  alt="{{entry.feature_heading}}"></img> -->
@@ -28,6 +28,11 @@
28
28
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
29
29
  <link rel="shortcut icon" href="{{favicon}}" />
30
30
 
31
+ {%- if page.noindex -%}
32
+ <meta name="robots" content="noindex" />
33
+ {%- endif -%}
34
+
35
+
31
36
  <title>{{ newtitle }}</title>
32
37
 
33
38
  {% include wordgames/seo/seo.html %}
@@ -43,6 +48,11 @@
43
48
  <link rel="stylesheet" href="/assets/css/wordgames-theme.css" />
44
49
  <link rel="stylesheet" href="/assets/css/wordgames-home.css" />
45
50
 
51
+
52
+ {%- if page.noResultPage -%}
53
+ <link rel="stylesheet" href="/assets/css/wordgames-result.css" />
54
+ {%- endif -%}
55
+
46
56
  {%- if page.layout == "wordgames-result" -%}
47
57
  <link rel="stylesheet" href="/assets/css/wordgames-result.css" />
48
58
  {%- endif -%}
@@ -1,3 +1,53 @@
1
+ {%- if page.noResultPage -%}
2
+ <div class="serachSection">
3
+ <div class="position-relative serachBox">
4
+ <form id='form' method="GET">
5
+ <div class="container-fluid" id="containerWd">
6
+ <div class="txt-box-container" style="position: relative;">
7
+ <input type="text"
8
+ placeholder="{% if page.size > 15 %}Enter up to {{page.size}} letters?{% else %}Enter up to 15 letters?{% endif %}"
9
+ class="txtBox" value='' name="search"
10
+ maxlength="{% if page.size > 15 %}{{page.size}}{% else %}15?{% endif %}" required
11
+ autocomplete="off">
12
+ <div class="letter-close-button">
13
+ <svg width="40px" height="40px" viewBox="0 0 24 24" fill="none"
14
+ xmlns="http://www.w3.org/2000/svg">
15
+ <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
16
+ <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
17
+ <g id="SVGRepo_iconCarrier">
18
+ <path
19
+ d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z"
20
+ fill="#292D32"></path>
21
+ </g>
22
+ </svg>
23
+ </div>
24
+ </div>
25
+ <input style="background-color: {{CustomColor.inputButtonBg}};" type="submit" class="serachBtn"
26
+ id="serach">
27
+ <div class="dictonaryDropdown">
28
+ <select class="form-select select_dropDown2" name="dictionary" aria-label="Default select example">
29
+ <option value="Dictionary">Dictionary</option>
30
+ <option value="twl06" id="twl06">TWL06 (US, Canada, Thailand)</option>
31
+ <option selected value="sowpods" id="sowpods">SOWPODS (Uk and Others)</option>
32
+ <option value="wwf" id="wwf">Enable (Words With Friends)</option>
33
+ </select>
34
+ </div>
35
+ </div>
36
+ <div class="container" id="result-page-data">
37
+ {%- include wordgames/advanced-filter/advanced-filter.html -%}
38
+ </div>
39
+
40
+ {%- if page.wordle == 'solver' -%}
41
+ <div class="d-flex w-100 justify-content-center m-0 mt-5 text-center" style="font-size:16px">
42
+ <a onclick="gtag('event', 'click', {'event_category': 'Link click', 'event_label': 'Try Wordle Solver'});"
43
+ class="trywordle" href="/wordle-solver">Try Wordle Solver</a>
44
+ </div>
45
+ {%- endif -%}
46
+ </form>
47
+ </div>
48
+ </div>
49
+
50
+ {%- else -%}
1
51
  <div class="container-fluid" id="containerWd">
2
52
  <div class="serachSection">
3
53
  <div class="position-relative serachBox">
@@ -46,4 +96,12 @@
46
96
  </form>
47
97
  </div>
48
98
  </div>
49
- </div>
99
+ </div>
100
+ {%- endif -%}
101
+
102
+
103
+ {%- if page.noResultPage -%}
104
+ <div class="container" id="containerWd">
105
+ {% include wordgames/words-data/words-data.html %}
106
+ </div>
107
+ {%- endif -%}
@@ -31,7 +31,7 @@
31
31
  <input type="button" name="" id="next" class="next tabsBg noOutline cursorPointer" value=" " style="display: none;">
32
32
  </div>
33
33
  </div>
34
- <div class="wrapper_dropDown mt-3 d-flex justify-content-end" style="gap:10px;">
34
+ <div class="sortingFilters wrapper_dropDown mt-3 justify-content-end" style="gap:10px; display: none;">
35
35
 
36
36
  {%- if page.letter == nil -%}
37
37
  <div class="letter-length">
@@ -2,6 +2,19 @@
2
2
  <html lang="en">
3
3
 
4
4
  {%- include wordgames/head/head.html -%}
5
+
6
+ {%- if page.noResultPage -%}
7
+ <style>
8
+
9
+ .main-header {
10
+ height: auto !important;
11
+ padding-top: 25vh;
12
+ padding-bottom: 25vh;
13
+ background-color: unset !important;
14
+ }
15
+ </style>
16
+ {%- endif -%}
17
+
5
18
  <body>
6
19
  {%- include wordgames/header/header.html -%}
7
20
 
@@ -10,9 +23,19 @@
10
23
  <div class="wordgametheme-sidebar-right"></div>
11
24
  {%- endif -%}
12
25
 
26
+
27
+
13
28
  <div class="main-header">
14
-
15
- <!-- <img id="header-img" src="/assets/images/background.svg" alt="background.svg"> -->
29
+ {%- if page.noResultPage -%}
30
+ <div class="d-none overlay">
31
+ <img width="100%" height="100%" id="header-img" src="/assets/images/background.svg" alt="background.svg">
32
+ </div>
33
+ {%- else -%}
34
+ <div class="overlay">
35
+ <img width="100%" height="100%" id="header-img" src="/assets/images/background.svg" alt="background.svg">
36
+ </div>
37
+ {%- endif -%}
38
+
16
39
  {% include wordgames/headings/headings.html %}
17
40
  {% include wordgames/search-box/search-box.html %}
18
41
  </div>
@@ -58,6 +81,10 @@
58
81
  {%- include wordgames/recent-posts/recent-posts.html -%}
59
82
  {% endif %}
60
83
 
84
+ {%- if dataToShow.author.size > 0 -%}
85
+ {% include featurePageAuthors/featurePageAuthors.html %}
86
+ {%- endif -%}
87
+
61
88
  {%- include wordgames/footer/footer.html -%}
62
89
 
63
90
  {%- include wordgames/scripts/scripts.html -%}
@@ -72,7 +99,12 @@
72
99
  </script>
73
100
  {%- endif -%}
74
101
  <script defer src="/assets/js/theme.js"></script>
102
+
103
+ {%- if page.noResultPage -%}
104
+ <script defer src="/assets/js/wordfinder-home.js"></script>
105
+ {%- else -%}
75
106
  <script defer src="/assets/js/wordgames-home.js"></script>
107
+ {%- endif -%}
76
108
 
77
109
  </body>
78
110
 
data/assets/css/style.css CHANGED
@@ -933,6 +933,7 @@ header {
933
933
 
934
934
  .pageHeading h1 {
935
935
  font-size: 2rem;
936
+ line-height: normal;
936
937
  }
937
938
 
938
939
  .pageHeading>h2 {
@@ -37,17 +37,18 @@ input[type="number"] {
37
37
  }
38
38
 
39
39
 
40
- #header-img{
40
+ .overlay{
41
41
  position: absolute;
42
42
  width: 100%;
43
43
  top:0px;
44
44
  }
45
+ #header-img{
46
+ width: 100%;
47
+ }
45
48
  /* headings css */
46
49
  .main-header {
47
- background: url(/assets/images/background.svg) no-repeat;
48
- background-size: cover;
49
- width: 100%;
50
50
  height: 90vh;
51
+ width: 100%;
51
52
  display: flex;
52
53
  flex-direction: column;
53
54
  justify-content: center;
@@ -774,11 +775,6 @@ summary::-webkit-details-marker {
774
775
  padding: 0 1rem;
775
776
  }
776
777
 
777
- .main-header {
778
- background: var(--primary-color);
779
- height: auto !important;
780
- }
781
-
782
778
  .fillterWrapper input {
783
779
  width: 150px;
784
780
  font-size: 12px;
@@ -796,6 +792,7 @@ summary::-webkit-details-marker {
796
792
 
797
793
  .pageHeading h1 {
798
794
  font-size: 2.1875rem;
795
+ line-height: normal;
799
796
  }
800
797
 
801
798
  .pageHeading>h2 {
@@ -1025,6 +1022,16 @@ summary::-webkit-details-marker {
1025
1022
  }
1026
1023
  }
1027
1024
 
1025
+ @media (max-width:1024px) {
1026
+ .overlay{
1027
+ display: none;
1028
+ }
1029
+ .main-header {
1030
+ background: var(--primary-color);
1031
+ height: auto !important;
1032
+ }
1033
+
1034
+ }
1028
1035
 
1029
1036
  @media screen and (min-width: 1450px) {
1030
1037
  .wordgametheme-sidebar-left {
@@ -54,7 +54,7 @@
54
54
  }
55
55
 
56
56
  .fillterWrapper .filter-tooltip{
57
- top: 10px !important
57
+ top: 8px !important
58
58
  }
59
59
  .result_navbar_section #open_list_bar {
60
60
  position: fixed;
@@ -408,7 +408,7 @@
408
408
  .result_navbar_section .mobile_bars {
409
409
  display: block;
410
410
  position: absolute;
411
- top: 30px;
411
+ top: 0px;
412
412
  margin: 0;
413
413
  left: 30px;
414
414
  z-index: 99;
@@ -18,6 +18,56 @@ body {
18
18
  overflow-x: hidden !important;
19
19
  }
20
20
 
21
+ /* placeholder loader css */
22
+
23
+ .placeholder-loader{
24
+ display: flex;
25
+ justify-content: center;
26
+ }
27
+
28
+ .skeleton-box {
29
+ display: inline-block;
30
+ height: 1em;
31
+ position: relative;
32
+ overflow: hidden;
33
+ background-color: #DDDBDD;
34
+ }
35
+
36
+ .skeleton-box::after {
37
+ position: absolute;
38
+ top: 0;
39
+ right: 0;
40
+ bottom: 0;
41
+ left: 0;
42
+ transform: translateX(-100%);
43
+ background-image: linear-gradient(90deg,
44
+ rgba(255, 255, 255, 0) 0,
45
+ rgba(255, 255, 255, 0.2) 20%,
46
+ rgba(255, 255, 255, 0.5) 60%,
47
+ rgba(255, 255, 255, 0));
48
+ animation: shimmer 5s infinite;
49
+ content: '';
50
+ }
51
+
52
+ @keyframes shimmer {
53
+ 100% {
54
+ transform: translateX(100%);
55
+ }
56
+ }
57
+
58
+ .o-media {
59
+ display: flex;
60
+ }
61
+
62
+ .o-media__body {
63
+ flex-grow: 1;
64
+ }
65
+
66
+ .o-vertical-spacing>*+* {
67
+ margin-top: 0.75em;
68
+ }
69
+
70
+
21
71
  /* header && navbar css */
22
72
  header {
23
73
  width: 100%;
@@ -87,6 +137,45 @@ header {
87
137
  }
88
138
 
89
139
 
140
+ /* authors contributorss css */
141
+ .featurePageAuthor {
142
+ display: flex;
143
+ flex-direction: column;
144
+ width: 100%;
145
+ justify-content: center;
146
+ align-items: center;
147
+ }
148
+ .authors-list a {
149
+ color: #4d4d4d;
150
+ }
151
+ .featurePageAuthor .author-meta {
152
+ width: 500px;
153
+ margin: 0 auto;
154
+ padding-bottom: 5rem;
155
+ }
156
+ .featurePageAuthor .author-img{
157
+ width: 100px;
158
+ height: 100px;
159
+ border-radius: 100%;
160
+ }
161
+ .featurePageAuthor .author_bio {
162
+ font-size: 16px;
163
+ }
164
+ .featurePageAuthor .author-meta .authorName {
165
+ font-size: 20px;
166
+ padding: 1rem 0px;
167
+ font-weight: 900;
168
+ text-align: center;
169
+ }
170
+ .authors-heading{
171
+ font-size: 30px;
172
+ }
173
+ .contributor {
174
+ width: 100px;
175
+ }
176
+
177
+
178
+
90
179
  /* Footer design css */
91
180
  .footer-section {
92
181
  padding: 20px 0px;
@@ -245,5 +334,11 @@ header {
245
334
  .top-banner-ad,.bottom-banner-ad{
246
335
  display: block;
247
336
  }
337
+ .authors-list {
338
+ padding: 25px;
339
+ }
340
+ .featurePageAuthor .author-meta {
341
+ width: 100%;
342
+ }
248
343
 
249
344
  }