Artikel Inspirasi
12 September 2019
Share This Article :
Siapa tak berseri-seri bila dipuji berwajah segar dan terlihat awet muda? Ternyata rahasianya cukup mudah dan enak untuk dilakukan lho. Cukupkan pola makan dengan makanan segar, berkomposisi nutrisi seimbang dan lengkap.
Kini makin banyak produk multivitamin yang dirancang untuk mencegah penuaan dini. Menurut dr. Elia Indrianingsih SpGk dari Eka Hospital, jika asupan makan tercukupi dan seimbang (buah, sayur), serta lengkap vitamin mineral, maka tanpa suplemen multivitamin pun tidak masalah. Nah, sebelum berfikir untuk mengkonsumsi suplemen pencegah penuan dini, melakukan perawatan yang mahal hingga operasi, simak dulu yuk cara mudah dan enak buat diri lebih segar dan awet muda berikut ini:
Dimulai dengan vitamin C
Vitamin C adalah “kuntji” awet muda. Berfungsi sebagai antioksidan, vitamin C akan memperkuat daya tahan tubuh untuk melawan radikal bebas penyebab kerusakan kulit dan penuaan dini. Dalam jumlah kecil, vitamin C dapat melindungi molekul penting dalam tubuh, seperti protein, lipid (lemak), karbohidrat, dan asam nukleat (DNA dan RNA) dari kerusakan yang diakibatkan radikal bebas, racun, ataupun polusi.
Alami lebih baik
Makanan sehat pasti dibuat dengan bahan-bahan segar, sebisa mungkin hindari bumbu siap saji. Misalnya saat menumis cepat, gunakan minyak zaitun dan agar lebih harum dan menggunggah selera gunakan bawang putih. Karena si allium sativum tersebut dapat meningkatkan sistem kekebalan tubuh, mengurangi kolesterol, dan bahkan mencegah kanker.
Jadi balita lagi
Bersih, satu hal yang pastinya harus diperhatikan untuk menjaga makanan balita agar tumbuh sehat. Jadi tak ada salahnya kan ikuti pola makan balita, bersih dan padat gizi. Selain itu, ikuti juga pola makan dan beristirahat secara teratur. Mulai dari mulai untuk tidak lagi meremehkan sarapan di pagi hari, batasi makanan yang digoreng di siang hari dan perbanyak sayuran di malam hari serta usahakan rutin mengganti cemilan kripik dan sejenisnya dengan buah.
Tahan nafsu
Apapun yang dikonsumsi berlebihan pastinya tak baik untuk kesehatan. Sayangnya, makanan lezat yang umumnya mengandung minyak, kolesterol, lemak, dan gula tinggi memang mengundang nafsu dan sulit dihindari.
Solusinya, cobalah berpuasa atau lakukan diet yang direkomendasikan ahli dan pastinya mampu dijalani. Masalah pencernaan, seperti sembelit ataupun wasir, pun tak akan menggangu hidup Anda. Saran dr. Elia, “Agar pencernaan terjaga, hindari makan cara buffet atau makan sepuasnya. Itu membuat Anda makan lebih banyak dari biasa.”
Ganti wadah
Ganti wadah atau toples yang berisi kripik dengan wadah yang berisi buah segar atau salad. Buah segar bukan hanya kaya serat dan vitamin tetapi sahabat untuk keremajaan kulit.
Banyak minum
Sebelum memilih minuman sehat sebagai seperti teh hijau, yogurt, rebusan jahe, kunyit, atau temulawak, usahakan pilih air putih setiap kali makan.
Pastikan juga cukup minum air putih setiap hari agar tidak dehidrasi, manfaatnya kulit tidak kering dan sirkulasi darah ke otak lancar sehingga otak bisa bekerja optimal.
Bergembira saat makan
Setiap kali makan, nikmati dan rasakan makanan. Syukuri hidangan yang masuk ke mulut Anda. Makan bersama orang-orang tercinta harusnya menimbulkan emosi positif dan bahagia. Dan akan membuat Anda lebih awet muda. Salah satu cara untuk makan enak adalah menjauhi kondisi stres. Dengan hati yang tenang, semua makanan bisa terasa lezat.
Gairah tak boleh padam
“Kesehatan seksual merupakan cerminan dari kondisi kesehatan fisik dan psikologis seseorang,” ujar Ian Kerner, konselor seks di New York, AS, dan penulis buku She Comes First. “Jika Anda kehilangan gairah seksual, bisa jadi itu merupakan tanda adanya masalah kesehatan lain, bisa depresi, kurang asupan nutrisi, atau mengidap penyakit tertentu,” lanjutnya. Jangan abaikan kehidupan seks yang meredup. Karena, kehidupan seksual yang sehat berpengaruh positif pada kesehatan Anda.
Rutin olahraga
Bergerak aktif dengan rutin berolah raga mampu olahraga mampu menjaga sirkulasi darah dan metabolisme tubuh tetap teratur. Sehingga kesehatan organ tubuh seperti jantung, otak, otot dan tulang tetap terjaga. Alhasil membantu menangkal penyakit kronis, seperti kanker, diabetes, sakit jantung, hingga depresi.
Persiapkan menopause
Khusus untuk wanita, menjelang menopause (perimenopause), wanita mengalami kemerosotan produksi hormon estrogen. Kondisi ini mengakibatkan gangguan fisik dan mental. Seperti mudah lelah, berat badan naik, sulit tidur, timbul rasa panas di dada (hot flash), perasaan tidak nyaman, mudah marah, atau depresi ringan. Nah,beberapa jenis sayuran, biji-bijian (kenari, almon), dan kacang-kacangan (terutama kedelai) kaya akan fitoestrogen (hormon estrogen alami) dapat membantu kestabilan kadar hormon wanita jelang menopause tersebut.
The following has evaluated to null or missing: ==> dynamicElement.element("dynamic-content") [in template "1415598#1415646#1876017277" at line 30, column 39] ---- Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: #assign Category = dynamicElement.ele... [in template "1415598#1415646#1876017277" at line 30, column 19] ----
1<#assign base_url = "/web/amfs/" />
2
3<section class="slider-section CX-main CX-card-media-new media simple">
4 <div class="container CX-wrapper">
5 <div class="box-title">
6 <h3 class="font-publico">Pilih Artikel Terkait</h3>
7 </div>
8 <div class="media-slider" aria-label="Media carousel">
9 <#if entries?has_content>
10 <#assign no = 0 />
11 <#list entries as curEntry>
12 <#assign no = no + 1 />
13 <#assign renderer = curEntry.getAssetRenderer() />
14 <#assign className = renderer.getClassName() />
15
16 <#if className == "com.liferay.journal.model.JournalArticle">
17 <#assign journalArticle = renderer.getArticle() />
18 <#assign document = saxReaderUtil.read(journalArticle.getContentByLocale(locale.toString())) />
19 <#assign rootElement = document.getRootElement() />
20
21 <#assign date = journalArticle.getDisplayDate() />
22 <#assign displayDate = dateUtil.getDate(date, "dd MMM yyyy", locale) />
23 <#assign displayTime = dateUtil.getDate(date?time, "HH:mm", locale) />
24
25 <#-- Ambil Category & ImageBackground -->
26 <#assign Category = "" />
27 <#assign ImageBackground = "" />
28 <#list rootElement.elements() as dynamicElement>
29 <#if "Category" == dynamicElement.attributeValue("field-reference")>
30 <#assign Category = dynamicElement.element("dynamic-content").getText() />
31 </#if>
32 <#if "ImageBackground" == dynamicElement.attributeValue("field-reference")>
33 <#assign ImageBackground = dynamicElement.element("dynamic-content").getStringValue() />
34 </#if>
35 </#list>
36
37 <#assign catSlug = stringUtil.replace(Category?lower_case, " ", "-") />
38
39 <div class="box-card-outer vp-fadeinup delayp${no} <#if Category?has_content>tag-${catSlug}</#if>">
40 <div class="box-card-inner">
41
42 <#-- Gambar background -->
43 <#if ImageBackground?has_content>
44 <#assign image_json = jsonFactoryUtil.createJSONObject(ImageBackground) />
45 <#assign path_image = "/documents/" />
46 <#assign image_groupid = image_json.getString("groupId") + "/" />
47 <#assign image_fileEntryId = image_json.getString("fileEntryId") + "/" />
48 <#assign image_name = stringUtil.replace(image_json.getString("name"), " ", "%20") />
49 <#assign image_uuid = "/" + image_json.getString("uuid") + "/" />
50 <#assign full_image = path_image + image_groupid + image_fileEntryId + image_name + image_uuid />
51
52 <a href="${assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, curEntry, true)}" data-senna-off="true">
53 <div class="img-background" style="background-image:url(${full_image});"></div>
54 </a>
55 </#if>
56
57 <#-- Konten card versi sederhana -->
58 <div class="box-card-item">
59 <#-- Tag kategori -->
60 <#if Category?has_content>
61 <div class="box-tag-media font-opensans"><p>${Category}</p></div>
62 </#if>
63 <div class="text">
64 <h4 class="font-publico">
65 <a href="${assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, curEntry, true)}" data-senna-off="true">${curEntry.getTitle(locale)}</a></h4>
66 <#list rootElement.elements() as dynamicElement>
67 <#if "ShortDescription" == dynamicElement.attributeValue("field-reference")>
68 <#assign ShortDescription = dynamicElement.element("dynamic-content").getText() />
69 <p class="font-opensans">${ShortDescription}</p>
70 </#if>
71 </#list>
72 <div class="date">
73 <span>${displayDate}</span>
74 </div>
75 </div>
76 </div>
77 </div>
78 </div>
79 </#if>
80 </#list>
81 </#if>
82 </div>
83 </div>
84</section>
85
86<style lang="scss">
87
88 .slider-section.CX-main.CX-card-media-new.media.simple {
89 background: #E2EFFF;
90 }
91
92.container.CX-wrapper {
93 position: relative;
94}
95
96 .box-title {
97 h3 {
98 font-size: 28px;
99 text-align: center;
100 color: #00008F;
101 font-weight: 700;
102 padding-top: 20px;
103 margin-bottom: 25px;
104 }
105}
106
107.media-slider {
108 position: relative;
109
110 .slick-list {
111 width: 1100px;
112 margin: 0 auto;
113 margin-bottom: 40px;
114
115 .slick-track {
116 opacity: 1;
117 width: 4037px;
118 transform: translate3d(-1101px, 0px, 0px);
119 margin-bottom: 50px;
120
121 .box-card-outer {
122 width: 383px;
123 height: 480px;
124 transition: opacity 0.3s ease;
125
126 .box-card-inner {
127 text-align: left;
128 transition: transform 0.3s ease;
129 margin: 10px;
130 min-width: 280px;
131 position: relative;
132 //display: flex;
133 //flex-direction: column;
134 align-items: stretch;
135
136 &:hover {
137 transform: translateY(-4px);
138 }
139
140 .img-background {
141 //width: 100%;
142 padding-top: 56.25%;
143 background-size: cover;
144 background-position: center right;
145 border-radius: 8px;
146 width: 320px;
147 height: 256.79px;
148
149 }
150
151 .media-body,
152 .box-card-item {
153 //padding: 15px;
154
155 h3,
156 h4 {
157 font-weight: 700;
158 font-size: 18px;
159 margin: 10px 0;
160 color: #00008F;
161 transition: color 0.3s ease;
162
163 a {
164 color: inherit;
165 text-decoration: none;
166
167 &:hover {
168 color: #FCB600;
169 text-decoration: underline;
170 }
171 }
172 }
173
174 .box-tag-media {
175 border: 1px solid;
176 margin-top: 10px;
177 border-radius: 16px;
178 background: #FCB501;
179 color: #FCB501;
180 display: inline-block;
181 padding: 4px 12px;
182
183 p {
184 align-items: center;
185 margin: 0 auto;
186 text-align: center;
187 font-size: 15px;
188 color: #000;
189 }
190 }
191
192 .text {
193 a {
194 font-size: 16px;
195 -webkit-line-clamp: 2;
196 -webkit-box-orient: vertical;
197 overflow: hidden;
198 text-overflow: ellipsis;
199 white-space: normal;
200 word-break: break-word;
201 max-height: calc(1.3em * 2);
202 display: -webkit-box;
203 }
204 }
205
206 p {
207 color: #353535;
208 font-size: 14px;
209 margin: 6px 0;
210 -webkit-line-clamp: 2;
211 -webkit-box-orient: vertical;
212 overflow: hidden;
213 text-overflow: ellipsis;
214 white-space: normal;
215 word-break: break-word;
216 max-height: calc(1.3em * 2);
217 display: -webkit-box;
218 }
219
220 .date {
221 span {
222 font-size: 12px;
223 color: #000;
224 font-weight: 600;
225 }
226 }
227 }
228 }
229 }
230
231 }
232 }
233
234 .slick-slide {
235 padding: 10px;
236 }
237
238 .slick-prev,
239 .slick-next {
240 z-index: 99;
241 height: 36px;
242 width: 36px;
243 background-color: #00008F;
244 border-radius: 50%;
245 opacity: .25;
246 transition: background-color .3s ease, opacity .3s ease;
247
248 &:before {
249 font-family: "Font Awesome\ 5 Pro";
250 font-size: 15px;
251 color: #FFFFFF;
252 position: relative;
253 }
254
255 &:hover {
256 background-color: #FCB600;
257 opacity: 1;
258 }
259 }
260
261 .slick-prev {
262 left: 5px;
263
264 &:before {
265 content: '\f053';
266 }
267 }
268
269 .slick-next {
270 right: 5px;
271
272 &:before {
273 content: '\f054';
274 }
275 }
276
277 .slick-dots {
278 display: flex !important;
279 justify-content: center;
280 gap: 6px;
281 align-items: center;
282 margin-top: 18px;
283
284 li {
285 margin: 0;
286 width: 16px;
287 transition: width 0.3s ease;
288
289 button {
290 width: 100%;
291 height: 5px;
292 background-color: transparent;
293 border: 1px solid #00008F;
294 border-radius: 5px;
295 padding: 0;
296 cursor: pointer;
297 transition: background-color 0.3s ease;
298
299 &::before {
300 content: "";
301 }
302
303 &:hover {
304 background-color: #a9a9a9;
305 }
306 }
307
308 &.slick-active {
309 width: 36px;
310
311 button {
312 background-color: #00008F;
313 }
314 }
315 }
316 }
317
318 &.no-fade .slick-slide {
319 opacity: 1 !important;
320 }
321}
322
323@media (max-width: 1024px) {
324 .media-slider {
325 .slick-prev {
326 display: none !important;
327 }
328 }
329
330 .media-slider {
331 .slick-next {
332 display: none !important;
333 }
334 }
335}
336
337@media (max-width: 768px) {
338 .CX-main.CX-card-media-new.media {
339 padding: 0 !important;
340 }
341
342 .box-title {
343 h3 {
344 font-size: 24px;
345 margin-bottom: 30px;
346 }
347 }
348 .media-slider {
349 .slick-prev {
350 display: none !important;
351 }
352 .slick-next {
353 display: none !important;
354 }
355 .slick-slide {
356 padding: 0;
357 }
358
359 .slick-list {
360 .slick-track {
361 .box-card-outer {
362 width: 320px;
363 height: 360px;
364 .box-card-inner {
365 width: 287px;
366
367 .img-background {
368 width: 100%;
369 height: 192px;
370 padding: 0;
371 }
372
373 .media-body {
374 h3 {
375 font-size: 16px;
376 }
377 h4 {
378 font-size: 16px;
379 }
380 }
381
382 .box-card-item {
383 .text {
384 width: 100%;
385 h4 {
386 font-size: 16px;
387 }
388 }
389
390 .box-tag-media {
391 p {
392 font-size: 12px;
393 }
394
395 .date {
396 span {
397 font-size: 11px;
398 }
399 }
400 }
401 }
402 }
403 }
404 }
405 }
406 }
407}
408
409.slider-section.CX-main.CX-card-media-new.media.simple {
410 position: relative;
411}
412
413</style>
414
415<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
416<script>
417 $(function () {
418 const $slider = $('.media-slider');
419
420 // Inisialisasi Slick
421 $slider.slick({
422 slidesToShow: 3,
423 dots: true,
424 arrows: true,
425 infinite: true,
426 centerMode: false,
427 centerPadding: '0px',
428 lazyLoad: 'ondemand',
429 responsive: [
430 {
431 breakpoint: 1024,
432 settings: {
433 slidesToShow: 2,
434 centerMode: false,
435 centerPadding: '0px'
436 }
437 },
438 {
439 breakpoint: 768,
440 settings: {
441 slidesToShow: 1,
442 centerMode: true,
443 centerPadding: '50px'
444 }
445 },
446 {
447 breakpoint: 400,
448 settings: {
449 slidesToShow: 1,
450 centerMode: true,
451 centerPadding: '25px'
452 }
453 },
454 {
455 breakpoint: 375,
456 settings: {
457 slidesToShow: 1,
458 centerMode: true,
459 centerPadding: '0px'
460 }
461 }
462 ]
463 });
464
465 function fixSlickOpacity() {
466 const totalSlides = $slider.find('.slick-slide').not('.slick-cloned').length;
467 const slick = $slider.slick('getSlick');
468 const currentShow = slick.options.slidesToShow || 1;
469
470 if (totalSlides <= currentShow) {
471 $slider.addClass('no-fade');
472 } else {
473 $slider.removeClass('no-fade');
474 }
475 }
476
477 setTimeout(fixSlickOpacity, 100);
478 $slider.on('setPosition afterChange breakpoint', fixSlickOpacity);
479 });
480</script>
