Skip to content

Commit dec4f4f

Browse files
javutojavuto
committed
Adding review for second book
1 parent f40c6e9 commit dec4f4f

File tree

2 files changed

+60
-95
lines changed

2 files changed

+60
-95
lines changed

‎assets/css/main.css‎

Lines changed: 18 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@
2626
--theme-five-more-pixs: #2f3963;
2727
--theme-five-more-pixs-light: #bcd8eb;
2828
--theme-call-me-gwapo-light: #a0c3a0;
29+
--theme-call-me-gwapo-lighter:rgb(189, 212, 189);
2930
--theme-call-me-gwapo: #a0c3a0;
3031
--theme-call-me-gwapo-dark: #317d32;
3132
--theme-teal: #0b485a;
@@ -162,53 +163,6 @@ a:hover {
162163
code {
163164
font-size: var(--font-size-code);
164165
}
165-
blockquote {
166-
font-style: italic;
167-
font-size: 18px;
168-
display: flex;
169-
flex-direction: row;
170-
justify-content: center;
171-
gap: 10px;
172-
align-items: center;
173-
background: #fff;
174-
padding: 20px 40px 20px 40px;
175-
margin: 0 auto 20px;
176-
position: relative;
177-
line-height: 1.2;
178-
color: #666;
179-
}
180-
leftquote {
181-
font-family: Georgia, serif;
182-
margin-bottom: auto;
183-
display: inline-block;
184-
font-size: 60px;
185-
font-weight: bold;
186-
color: #999;
187-
}
188-
leftquote:before {
189-
content: "\201C";
190-
}
191-
rightquote {
192-
font-family: Georgia, serif;
193-
margin-top: auto;
194-
display: inline-block;
195-
font-size: 60px;
196-
font-weight: bold;
197-
color: #999;
198-
}
199-
rightquote:before {
200-
content: "\201D";
201-
}
202-
blockquote a {
203-
text-decoration: none;
204-
background: #eee;
205-
cursor: pointer;
206-
padding: 0 3px;
207-
color: #c76c0c;
208-
}
209-
blockquote a:hover {
210-
color: #666;
211-
}
212166
.card {
213167
padding: 20px;
214168
border: 1px solid #7e776d;
@@ -747,15 +701,6 @@ html {
747701
#homepage-layout #about-muriel-wrap a {
748702
color: var(--theme-white);
749703
}
750-
751-
.theme-light-greenish-gray {
752-
background: var(--theme-light-greenish-gray);
753-
}
754-
.theme-light-greenish-gray .theme-light-greenish-gray-inner {
755-
background-color: rgba(255, 255, 255, 0.7);
756-
border-radius: 50px;
757-
padding: 20px 40px;
758-
}
759704
.slider-with-text-wrap .slide-inner {
760705
grid-template-columns: calc(50% - 20px) calc(50% - 20px);
761706
padding: 40px;
@@ -865,37 +810,9 @@ html {
865810
padding: unset;
866811
}
867812
}
868-
.testimonials-wrap {
869-
display: flex;
870-
flex-direction: row;
871-
flex-wrap: wrap;
872-
gap: 20px;
873-
width: 100%;
874-
margin-bottom: 80px;
875-
}
876-
.testimonials-wrap blockquote {
877-
min-width: 350px;
878-
width: 100%;
879-
margin-bottom: 0;
880-
}
881-
@media only screen and (min-width: 720px) {
882-
.testimonials-wrap blockquote {
883-
max-width: calc(50% - 10px);
884-
}
885-
}
886-
.testimonials-wrap quote {
887-
display: block;
888-
}
889-
.testimonials-wrap h1 {
890-
margin-bottom: 0;
891-
width: 100%;
892-
}
893813
.bookcollectionprev {
894814
padding: 40px 0;
895815
}
896-
.testimonials-wrap.bookscollection {
897-
margin-top: 20px;
898-
}
899816
*,
900817
*::before,
901818
*::after {
@@ -1134,12 +1051,18 @@ html {
11341051
}
11351052
}
11361053

1137-
.reviews-heading {
1054+
.reviews-heading-five {
11381055
text-align: center;
11391056
margin-bottom: 2rem;
11401057
color: var(--theme-white);
11411058
}
11421059

1060+
.reviews-heading-gwapo {
1061+
text-align: center;
1062+
margin-bottom: 2rem;
1063+
color: var(--theme-black);
1064+
}
1065+
11431066
.reviews-container {
11441067
display: flex;
11451068
flex-direction: column;
@@ -1149,7 +1072,7 @@ html {
11491072
padding: 1rem 0;
11501073
}
11511074

1152-
.review-item {
1075+
.review-item-five {
11531076
display: flex;
11541077
flex-direction: column;
11551078
background-color: var(--theme-five-more-pixs-light);
@@ -1158,6 +1081,15 @@ html {
11581081
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
11591082
}
11601083

1084+
.review-item-gwapo {
1085+
display: flex;
1086+
flex-direction: column;
1087+
background-color: var(--theme-call-me-gwapo-lighter);
1088+
border-radius: 8px;
1089+
padding: 1.5rem;
1090+
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
1091+
}
1092+
11611093
.review-quote {
11621094
position: relative;
11631095
padding: 0.5rem 1.5rem;

‎index.html‎

Lines changed: 42 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -192,10 +192,10 @@ <h1 class="fivemorepixs"><b>Five More Pixs</b></h1>
192192
<div class='controlHandler' id='controlHandle8'>
193193
<div class='control' id='control8'>
194194
<div class="cmscontent">
195-
<h1 class="reviews-heading">Reviews</h1>
195+
<h1 class="reviews-heading-five">Reviews</h1>
196196

197197
<div class="reviews-container">
198-
<div class="review-item">
198+
<div class="review-item review-item-five">
199199
<div class="review-quote">
200200
<i class="fa-solid fa-quote-left quote-icon"></i>
201201
<p class="quote-text">A superb dramatization of timely teen issues that will educate readers of all ages.</p>
@@ -209,29 +209,30 @@ <h1 class="reviews-heading">Reviews</h1>
209209

210210
<div class="review-divider"></div>
211211

212-
<div class="review-item">
212+
<div class="review-item review-item-five">
213213
<div class="review-quote">
214214
<i class="fa-solid fa-quote-left quote-icon"></i>
215-
<p class="quote-text">The social media interface was done incredibly well, and I absolutely appreciated how Tronc was able to weave messaging and the digital world into these girls&rsquo; real lives. Tronc took a considerable risk in writing this novel, and I must say that it paid off well. Overall, I&rsquo;m very much impressed by the concept, and I was thoroughly engaged from the beginning to the end.</p>
215+
<p class="quote-text">An important read for modern teenagers and their parents.</p>
216216
<i class="fa-solid fa-quote-right quote-icon"></i>
217217
</div>
218218
<div class="review-source">
219-
<p class="reviewer">Judge, 8th Annual Writer's Digest Self-Published eBook Awards</p>
219+
<p class="reviewer">Alex Stamos, Former Facebook Chief Security Officer</p>
220220
</div>
221221
</div>
222222

223223
<div class="review-divider"></div>
224224

225-
<div class="review-item">
225+
<div class="review-item review-item-five">
226226
<div class="review-quote">
227227
<i class="fa-solid fa-quote-left quote-icon"></i>
228-
<p class="quote-text">An important read for modern teenagers and their parents.</p>
228+
<p class="quote-text">The social media interface was done incredibly well, and I absolutely appreciated how Tronc was able to weave messaging and the digital world into these girls&rsquo; real lives. Tronc took a considerable risk in writing this novel, and I must say that it paid off well. Overall, I&rsquo;m very much impressed by the concept, and I was thoroughly engaged from the beginning to the end.</p>
229229
<i class="fa-solid fa-quote-right quote-icon"></i>
230230
</div>
231231
<div class="review-source">
232-
<p class="reviewer">Alex Stamos, Former Facebook Chief Security Officer</p>
232+
<p class="reviewer">Judge, 8th Annual Writer's Digest Self-Published eBook Awards</p>
233233
</div>
234234
</div>
235+
235236
</div>
236237

237238
</div>
@@ -278,7 +279,39 @@ <h1><b>Call Me Gwapo</b></h1>
278279
<div class="col-md-4">
279280
<img style="max-width:100%;" alt="" src="assets/img/COVER-call_me_gwapo.png">
280281
</div>
281-
</div>
282+
</div> <!-- end row -->
283+
<div class="row">
284+
<div class="theme-call-me-gwapo-light">
285+
<div id="book-cms-wrap">
286+
<div class="theme-call-me-gwapo-light">
287+
<div class='controlHandler' id='controlHandle9'>
288+
<div class='control' id='control9'>
289+
<div class="cmscontent">
290+
<h1 class="reviews-heading-gwapo">Reviews</h1>
291+
292+
<div class="reviews-container">
293+
<div class="review-item review-item-gwapo">
294+
<div class="review-quote">
295+
<i class="fa-solid fa-quote-left quote-icon"></i>
296+
<p class="quote-text">I would love to say that the experiences of the characters throughout this book are purely fictional, but having worked in the field of online safety for many years, I recognized far too much of the plot as things that unfortunately happen online to both minors and adults. I applaud Muriel for making it her mission to educate the reader as much as entertain, as there is so much here to learn from.</p>
297+
<i class="fa-solid fa-quote-right quote-icon"></i>
298+
</div>
299+
<div class="review-source">
300+
<p class="reviewer">Ryan Hoyt, Author of The Pierced Shadow Archive</p>
301+
</div>
302+
</div>
303+
304+
<div class="review-divider"></div>
305+
306+
</div>
307+
308+
</div>
309+
</div>
310+
</div>
311+
</div>
312+
</div>
313+
</div>
314+
</div> <!-- end row -->
282315
</div>
283316
</div>
284317
</div>

0 commit comments

Comments
 (0)