<?xml version="1.0" encoding="UTF-8" standalone="no"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" version="2.0">

<channel>
	<title>Fakultas Ekologi Manusia</title>
	<atom:link href="https://fema.ipb.ac.id/feed/" rel="self" type="application/rss+xml"/>
	<link>https://fema.ipb.ac.id</link>
	<description></description>
	<lastBuildDate>Wed, 13 May 2026 09:06:02 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://fema.ipb.ac.id/wp-content/uploads/2025/06/cropped-Logo-IPB-baru-768x768-1-32x32.png</url>
	<title>Fakultas Ekologi Manusia</title>
	<link>https://fema.ipb.ac.id</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Transformasi FISEMA</title>
		<link>https://fema.ipb.ac.id/rapat-transformasi-fisema/</link>
		
		
		<pubDate>Wed, 13 May 2026 08:30:14 +0000</pubDate>
				<category><![CDATA[FEMA]]></category>
		<guid isPermaLink="false">https://fema.ipb.ac.id/?p=6281</guid>

					<description><![CDATA[FEMA Transformasi FISEMA &#038; Pembahasan Strategi Kelulusan Tepat Waktu Oleh admin &#8226; 13 Mei 2026 Transformasi FISEMA &#038; Pembahasan Strategi Kelulusan Tepat Waktu 🎓 Fakultas Ekologi Manusia IPB University menyelenggarakan kegiatan Transformasi FISEMA dan Pembahasan Strategi Kelulusan Tepat Waktu sebagai upaya memperkuat sinergi, evaluasi, dan strategi dalam mendukung percepatan studi mahasiswa. Melalui forum diskusi ini, [&#8230;]]]></description>
										<content:encoded><![CDATA[
<style>
    /* --- SCOPED CSS KHUSUS ARTIKEL INI AGAR TIDAK BENTROK DENGAN TEMA WP --- */
    .wp-custom-article {
        --primary-color: #2563eb;
        --text-dark: #111827;     
        --text-body: #374151;     
        --bg-color: #ffffff;     
        --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        
        font-family: var(--font-main);
        background-color: var(--bg-color);
        color: var(--text-body);
        line-height: 1.8;
        max-width: 1000px;
        margin: 2rem auto;
        padding: 4rem;
        border: 1px solid #e5e7eb;
        border-radius: 20px;
        box-sizing: border-box;
    }

    .wp-custom-article * { box-sizing: border-box; }

    .wp-custom-article .article-header { margin-bottom: 3rem; text-align: center; }

    .wp-custom-article .category-badge {
        background-color: #eff6ff;
        color: var(--primary-color);
        padding: 8px 20px;
        border-radius: 50px;
        font-size: 1rem;
        font-weight: 700;
        display: inline-block;
        margin-bottom: 1.5rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .wp-custom-article .article-title {
        font-size: 3.5rem;
        color: var(--text-dark);
        font-weight: 800;
        line-height: 1.15;
        margin-bottom: 1.5rem;
        letter-spacing: -1px;
        margin-top: 0;
    }

    .wp-custom-article .article-meta { font-size: 1.2rem; color: #6b7280; }

    /* MODIFIKASI: MENENGAHKAN GAMBAR */
        .wp-custom-article .featured-image-container {
            width: 65%;
            height: 550px; 
            border-radius: 16px;
            overflow: hidden;
            margin-bottom: 3.5rem;
            /* margin: 0 auto membuat box berada di tengah horizontal */
            margin-left: auto;
            margin-right: auto;
        }

    .wp-custom-article .article-content { font-size: 1.47rem; color: #1f2937; }

    .wp-custom-article .article-content p { margin-bottom: 2rem; line-height: 1.8; }

    .wp-custom-article .article-content h2 {
        color: var(--text-dark);
        margin-top: 3.5rem;
        margin-bottom: 1.5rem;
        font-size: 2.5rem;
        font-weight: 800;
        line-height: 1.2;
    }

    .wp-custom-article .article-content ul { margin-bottom: 2.5rem; padding-left: 2.5rem; }
    .wp-custom-article .article-content li { margin-bottom: 1rem; }

    .wp-custom-article blockquote {
        border-left: 8px solid var(--primary-color);
        font-size: 1.6rem;
        font-weight: 500;
        font-style: italic;
        color: var(--text-dark);
        margin: 3rem 0;
        background: #f3f4f6;
        padding: 2.5rem;
        border-radius: 16px;
        line-height: 1.6;
    }

    /* --- RESPONSIVE UNTUK HP --- */
    @media (max-width: 768px) {
        .wp-custom-article {
            margin: 0;
            border: none;
            border-radius: 0;
            padding: 1.5rem 0; /* Padding kiri-kanan dikurangi agar pas di layar HP */
        }
        .wp-custom-article .article-title { font-size: 2.4rem; }
        .wp-custom-article .article-content { font-size: 1.2rem; }
        .wp-custom-article .featured-image { max-height: 300px; margin-bottom: 2rem; }
        .wp-custom-article blockquote { font-size: 1.3rem; padding: 1.5rem; margin: 2rem 0; }
    }
</style>

<div class="wp-custom-article">
    <article>
        <header class="article-header">
            <span class="category-badge">FEMA</span>
            <h1 class="article-title">Transformasi FISEMA &#038; Pembahasan Strategi Kelulusan Tepat Waktu</h1>
            <div class="article-meta">
                <span>Oleh <strong>admin</strong></span> &bull;
                <time>13 Mei 2026</time>
            </div>
        </header>

        <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/05/1.png" alt="Ilustrasi Transformasi FISEMA &#038; Pembahasan Strategi Kelulusan Tepat Waktu" class="featured-image">

        <div class="article-content">
                <p>Transformasi FISEMA &#038; Pembahasan Strategi Kelulusan Tepat Waktu <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f393.png" alt="🎓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
                <p>Fakultas Ekologi Manusia IPB University menyelenggarakan kegiatan Transformasi FISEMA dan Pembahasan Strategi Kelulusan Tepat Waktu sebagai upaya memperkuat sinergi, evaluasi, dan strategi dalam mendukung percepatan studi mahasiswa.</p>
                <p>Melalui forum diskusi ini, berbagai gagasan, masukan, dan langkah strategis dibahas bersama guna menciptakan sistem pendukung akademik yang lebih adaptif, efektif, dan berorientasi pada keberhasilan mahasiswa dalam menyelesaikan studi tepat waktu. <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
                <p>Semoga kolaborasi dan komitmen bersama ini dapat menjadi langkah nyata dalam meningkatkan kualitas layanan akademik dan mendukung terciptanya lulusan FEMA IPB yang unggul. <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f33f.png" alt="🌿" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
        </div>
    </article>
</div>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6281</post-id>	<dc:creator>mahmudisiwi@gmail.com (M4st3rfema)</dc:creator></item>
		<item>
		<title>Hari Pelepasan Wisudawan Tahap VII Mei 2026</title>
		<link>https://fema.ipb.ac.id/hari-pelepasan-wisudawan-tahap-vii-mei-2026/</link>
		
		
		<pubDate>Wed, 13 May 2026 06:47:59 +0000</pubDate>
				<category><![CDATA[FEMA]]></category>
		<category><![CDATA[Kemahasiswaan]]></category>
		<guid isPermaLink="false">https://fema.ipb.ac.id/?p=6233</guid>

					<description><![CDATA[HPS FEMA IPB Mei 2026 FEMA HPS Fakultas Ekologi Manusia IPB University Periode VII Mei 2026 Oleh admin &#8226; 13 Mei 2026 Hari Pelepasan Wisudawan Fakultas Ekologi Manusia IPB University Sebuah langkah telah dituntaskan, dan perjalanan baru siap dimulai. Selamat kepada para wisudawan dan wisudawati Fakultas Ekologi Manusia IPB University atas pencapaian yang membanggakan ini. [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HPS FEMA IPB Mei 2026</title>
    <style>
        /* --- SCOPED CSS KHUSUS ARTIKEL --- */
        .wp-custom-article {
            --primary-color: #2563eb;
            --text-dark: #111827;     
            --text-body: #374151;     
            --bg-color: #ffffff;     
            --font-main: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            
            font-family: var(--font-main);
            background-color: var(--bg-color);
            color: var(--text-body);
            line-height: 1.8;
            max-width: 1000px;
            margin: 2rem auto;
            padding: 4rem;
            border: 1px solid #e5e7eb;
            border-radius: 20px;
            box-sizing: border-box;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        }

        .wp-custom-article * { box-sizing: border-box; }

        .wp-custom-article .article-header { margin-bottom: 3rem; text-align: center; }

        .wp-custom-article .category-badge {
            background-color: #eff6ff;
            color: var(--primary-color);
            padding: 8px 20px;
            border-radius: 50px;
            font-size: 1rem;
            font-weight: 700;
            display: inline-block;
            margin-bottom: 1.5rem;
            text-transform: uppercase;
            letter-spacing: 1.5px;
        }

        .wp-custom-article .article-title {
            font-size: 3.5rem;
            color: var(--text-dark);
            font-weight: 800;
            line-height: 1.15;
            margin-bottom: 1.5rem;
            letter-spacing: -1px;
            margin-top: 0;
        }

        .wp-custom-article .article-meta { font-size: 1.2rem; color: #6b7280; }

        /* MODIFIKASI: MENENGAHKAN GAMBAR */
        .wp-custom-article .featured-image-container {
            width: 65%;
            height: 550px; 
            border-radius: 16px;
            overflow: hidden;
            margin-bottom: 3.5rem;
            /* margin: 0 auto membuat box berada di tengah horizontal */
            margin-left: auto;
            margin-right: auto;
        }

        .wp-custom-article .featured-image {
            width: 100%;
            height: 100%;
            object-fit: cover; 
            object-position: center; 
            display: block;
        }

        .wp-custom-article .article-content { font-size: 1.47rem; color: #1f2937; }
        .wp-custom-article .article-content p { margin-bottom: 2rem; line-height: 1.8; }

        /* --- RESPONSIVE UNTUK HP --- */
        @media (max-width: 768px) {
            .wp-custom-article {
                margin: 0;
                border: none;
                border-radius: 0;
                padding: 1.5rem; 
            }
            .wp-custom-article .article-title { font-size: 2.2rem; }
            .wp-custom-article .article-content { font-size: 1.15rem; }
            .wp-custom-article .featured-image-container { 
                width: 100%; /* Di HP sebaiknya full width agar enak dilihat */
                height: 300px; 
                margin-bottom: 2rem; 
            }
        }
    </style>
</head>
<body>

    <div class="wp-custom-article">
        <article>
            <header class="article-header">
                <span class="category-badge">FEMA</span>
                <h1 class="article-title">HPS Fakultas Ekologi Manusia IPB University <br> Periode VII Mei 2026</h1>
                <div class="article-meta">
                    <span>Oleh <strong>admin</strong></span> &bull;
                    <time datetime="2026-05-13">13 Mei 2026</time>
                </div>
            </header>

            <!-- Box Gambar Tengah -->
            <div class="featured-image-container">
                <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/05/HPS-tahap-7-mei-2026.jpeg" 
                     alt="Ilustrasi HPS Fakultas Ekologi Manusia IPB University Periode VII Mei 2026" 
                     class="featured-image">
            </div>

            <div class="article-content">
                <p><strong>Hari Pelepasan Wisudawan Fakultas Ekologi Manusia IPB University</strong></p>
                
                <p>Sebuah langkah telah dituntaskan, dan perjalanan baru siap dimulai. Selamat kepada para wisudawan dan wisudawati Fakultas Ekologi Manusia IPB University atas pencapaian yang membanggakan ini. Semoga ilmu, pengalaman, dan nilai yang telah diperoleh menjadi bekal untuk berkarya dan memberikan manfaat bagi masyarakat.</p>
                
                <p>Terima kasih kepada seluruh sivitas akademika, dosen, tenaga kependidikan, serta keluarga yang telah menjadi bagian dari perjalanan ini.</p>
                
                <p style="text-align: center; font-style: italic; font-weight: 600;">
                    &#8220;Melangkah dengan ilmu, tumbuh dengan makna, dan berkarya untuk masa depan.&#8221;
                </p>
            </div>
        </article>
    </div>

</body>
</html>



<!DOCTYPE html>
<html lang="id"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kolase Foto Mahasiswa</title>
    <style>
        body {
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            background-color: #f0f2f5;
            margin: 0;
            padding: 20px;
            color: #333;
        }

        .container {
            max-width: 1000px;
            margin: 0 auto;
        }

        /* Styling Panel Input */
        .input-panel {
            background: #ffffff;
            padding: 25px;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            margin-bottom: 30px;
        }

        .input-panel h2 {
            margin-top: 0;
            color: #1a73e8;
            font-size: 1.5rem;
        }

        .input-panel p {
            font-size: 0.9rem;
            color: #666;
            margin-bottom: 20px;
        }

        .grid-inputs {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 15px;
        }

        .input-group {
            display: flex;
            flex-direction: column;
        }

        .input-group label {
            font-weight: bold;
            margin-bottom: 5px;
            font-size: 0.85rem;
        }

        .input-group input {
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 6px;
            outline: none;
            transition: border-color 0.3s;
        }

        .input-group input:focus {
            border-color: #1a73e8;
        }

        .btn-apply {
            margin-top: 20px;
            background-color: #1a73e8;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 6px;
            cursor: pointer;
            font-weight: 600;
            width: 100%;
            transition: background 0.3s;
        }


        .btn-download {
            margin-top: 10px;
            background-color: #34a853;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 6px;
            cursor: pointer;
            font-weight: 600;
            width: 100%;
            transition: background 0.3s;
        }
        .btn-download:hover {
            background-color: #2d8e47;
        }

        .btn-apply:hover {
            background-color: #1557b0;
        }

        /* Styling Kolase */
        .collage-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .photo-card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            height: 300px;
            position: relative;
        }

        .photo-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.5s ease;
        }

        .photo-card:hover img {
            transform: scale(1.1);
        }

        .photo-card .overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(transparent, rgba(0,0,0,0.7));
            color: white;
            padding: 15px;
            font-size: 0.9rem;
            font-weight: 500;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .collage-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 480px) {
            .collage-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>

<div class="container">
    

    <div class="collage-grid">
        <div class="photo-card">
            <img decoding="async" src="https://lh3.googleusercontent.com/d/1ThspBwXAn9Z_wlp9voIxy28uTLj2eUi2" class="display-img">
            <div class="overlay">HPS VII Mei 2026</div>
        </div>
        <div class="photo-card">
            <img decoding="async" src="https://lh3.googleusercontent.com/d/1eYFtVEE4390y9hSI75-ShdJC3qAu3JEL" class="display-img">
            <div class="overlay">HPS VII Mei 2026</div>
        </div>
        <div class="photo-card">
            <img decoding="async" src="https://lh3.googleusercontent.com/d/1dCjVmlXCHT4kvmNgkyiBjlzRmzX95GoQ" class="display-img">
            <div class="overlay">HPS VII Mei 2026</div>
        </div>
        <div class="photo-card">
            <img decoding="async" src="https://lh3.googleusercontent.com/d/1rB-JKuOQueSwa5FohD2zImOP0P9IkG_I" class="display-img">
            <div class="overlay">HPS VII Mei 2026</div>
        </div>
        <div class="photo-card">
            <img decoding="async" src="https://lh3.googleusercontent.com/d/1-K2TAqhK-XHXMfasarJQWDIw38UemHRw" class="display-img">
            <div class="overlay">HPS VII Mei 2026</div>
        </div>
        <div class="photo-card">
            <img decoding="async" src="https://lh3.googleusercontent.com/d/1lxUN3rkHQqrKIH_Uknl_Zvj2iJIi-yWe" class="display-img">
            <div class="overlay">HPS VII Mei 2026</div>
        </div>
    </div>
</div>





</body></html>



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Animated CSS3 Buttons</title>
    <style>
        @import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css);
        @import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

        body {
            font-family: 'Lato', sans-serif;
            background: #353535;
            color: #FFF;
        }

        .jumbotron h1 {
            color: #353535;
        }

        footer {
            margin-bottom: 0 !important;
            margin-top: 80px;
        }

        footer p {
            margin: 0;
            padding: 0;
        }

        span.icon {
            margin: 0 5px;
            color: #D64541;
        }

        h2 {
            color: #BDC3C7;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .mrng-60-top {
            margin-top: 60px;
        }

        /* --- TAMBAHAN KHUSUS UNTUK CENTER --- */
        /* Menggunakan Flexbox untuk menengahkan kolom Bootstrap 3 */
        .row-centered {
            display: flex;
            justify-content: center;
            flex-wrap: wrap; /* Agar responsif di HP tetap turun ke bawah */
        }

        /* Global Button Styles */
        a.animated-button:link, a.animated-button:visited {
            position: relative;
            display: block;
            margin: 30px auto 0;
            padding: 14px 15px;
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            overflow: hidden;
            letter-spacing: .08em;
            border-radius: 0;
            text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease;
        }

        a.animated-button:link:after, a.animated-button:visited:after {
            content: "";
            position: absolute;
            height: 0%;
            left: 50%;
            top: 50%;
            width: 150%;
            z-index: -1;
            -webkit-transition: all 0.75s ease 0s;
            -moz-transition: all 0.75s ease 0s;
            -o-transition: all 0.75s ease 0s;
            transition: all 0.75s ease 0s;
        }

        a.animated-button:link:hover, a.animated-button:visited:hover {
            color: #FFF;
            text-shadow: none;
        }

        a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
            height: 450%;
        }

        /* Thar Buttons */
        a.animated-button.thar-one {
            color: #fff;
            cursor: pointer;
            display: block;
            position: relative;
            border: 2px solid #F7CA18;
            transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        }
        a.animated-button.thar-one:hover {
            color: #000 !important;
            background-color: transparent;
            text-shadow: none;
        }
        a.animated-button.thar-one:hover:before {
            bottom: 0%;
            top: auto;
            height: 100%;
        }
        a.animated-button.thar-one:before {
            display: block;
            position: absolute;
            left: 0px;
            top: 0px;
            height: 0px;
            width: 100%;
            z-index: -1;
            content: '';
            color: #000 !important;
            background: #F7CA18;
            transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        }

        a.animated-button.thar-two {
            color: #fff;
            cursor: pointer;
            display: block;
            position: relative;
            border: 2px solid #F7CA18;
            transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        }
        a.animated-button.thar-two:hover {
            color: #000 !important;
            background-color: transparent;
            text-shadow: none;
        }
        a.animated-button.thar-two:hover:before {
            top: 0%;
            bottom: auto;
            height: 100%;
        }
        a.animated-button.thar-two:before {
            display: block;
            position: absolute;
            left: 0px;
            bottom: 0px;
            height: 0px;
            width: 100%;
            z-index: -1;
            content: '';
            color: #000 !important;
            background: #F7CA18;
            transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        }

        a.animated-button.thar-three {
            color: #fff;
            cursor: pointer;
            display: block;
            position: relative;
            border: 2px solid #F7CA18;
            transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
        }
        a.animated-button.thar-three:hover {
            color: #000 !important;
            background-color: transparent;
            text-shadow: none;
        }
        a.animated-button.thar-three:hover:before {
            left: 0%;
            right: auto;
            width: 100%;
        }
        a.animated-button.thar-three:before {
            display: block;
            position: absolute;
            top: 0px;
            right: 0px;
            height: 100%;
            width: 0px;
            z-index: -1;
            content: '';
            color: #000 !important;
            background: #F7CA18;
            transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
        }

        a.animated-button.thar-four {
            color: #fff;
            cursor: pointer;
            display: block;
            position: relative;
            border: 2px solid #F7CA18;
            transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
        }
        a.animated-button.thar-four:hover {
            color: #000 !important;
            background-color: transparent;
            text-shadow: none;
        }
        a.animated-button.thar-four:hover:before {
            right: 0%;
            left: auto;
            width: 100%;
        }
        a.animated-button.thar-four:before {
            display: block;
            position: absolute;
            top: 0px;
            left: 0px;
            height: 100%;
            width: 0px;
            z-index: -1;
            content: '';
            color: #000 !important;
            background: #F7CA18;
            transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
        }
    </style>
</head>
<body>

    <div class="container"> 
        <div class="row">
            <div class="col-md-12 text-center">
                <h2 class="mrng-60-top">Kumpulan Galeri </h2>
            </div>
        </div>

        <div class="row row-centered">
            <div class="col-md-3 col-sm-3 col-xs-6"> <a href="https://ipb.link/hps-vii-fema-2026" class="btn btn-sm animated-button thar-one">Foto HPS</a> </div>
            <div class="col-md-3 col-sm-3 col-xs-6"> <a href="https://ipb.link/wisudamei2026" class="btn btn-sm animated-button thar-two">Youtube Wisuda </a> </div>
            <div class="col-md-3 col-sm-3 col-xs-6"> <a href="https://ipb.link/wisudaku-vii-2025-2026" class="btn btn-sm animated-button thar-three">WisudaKu</a> </div>
        </div>
    </div>

    

</body>
</html>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6233</post-id>	<dc:creator>mahmudisiwi@gmail.com (M4st3rfema)</dc:creator></item>
		<item>
		<title>Seminar Internasional “How to Understand Rural Transformation in China”</title>
		<link>https://fema.ipb.ac.id/seminar-internasional-how-to-understand-rural-transformation-in-china/</link>
		
		
		<pubDate>Tue, 05 May 2026 06:34:39 +0000</pubDate>
				<category><![CDATA[FEMA]]></category>
		<guid isPermaLink="false">https://fema.ipb.ac.id/?p=6101</guid>

					<description><![CDATA[Seminar Internasional Seminar Internasional “How to Understand Rural Transformation in China” Oleh FEMA &#8226; 27 April 2026 Fakultas Ekologi Manusia (FEMA) IPB University menggelar seminar internasional bertema “How to Understand Rural Transformation in China” di Ruang Kelas B1 FEMA, IPB, pada hari Senin, 27 April 2026. Kegiatan ini dihadiri oleh mahasiswa serta sivitas akademika IPB, [&#8230;]]]></description>
										<content:encoded><![CDATA[
<style>
    /* --- SCOPED CSS KHUSUS ARTIKEL INI AGAR TIDAK BENTROK DENGAN TEMA WP --- */
    .wp-custom-article {
        --primary-color: #2563eb;
        --text-dark: #111827;     
        --text-body: #374151;     
        --bg-color: #ffffff;     
        --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        
        font-family: var(--font-main);
        background-color: var(--bg-color);
        color: var(--text-body);
        line-height: 1.8;
        max-width: 1000px;
        margin: 2rem auto;
        padding: 4rem;
        border: 1px solid #e5e7eb;
        border-radius: 20px;
        box-sizing: border-box;
    }

    .wp-custom-article * { box-sizing: border-box; }

    .wp-custom-article .article-header { margin-bottom: 3rem; text-align: center; }

    .wp-custom-article .category-badge {
        background-color: #eff6ff;
        color: var(--primary-color);
        padding: 8px 20px;
        border-radius: 50px;
        font-size: 1rem;
        font-weight: 700;
        display: inline-block;
        margin-bottom: 1.5rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .wp-custom-article .article-title {
        font-size: 3.5rem;
        color: var(--text-dark);
        font-weight: 800;
        line-height: 1.15;
        margin-bottom: 1.5rem;
        letter-spacing: -1px;
        margin-top: 0;
    }

    .wp-custom-article .article-meta { font-size: 1.2rem; color: #6b7280; }

    .wp-custom-article .featured-image {
        width: 100%;
        height: auto;
        max-height: 550px;
        object-fit: cover;
        border-radius: 16px;
        margin-bottom: 3.5rem;
    }

    .wp-custom-article .article-content { font-size: 1.47rem; color: #1f2937; }

    .wp-custom-article .article-content p { margin-bottom: 2rem; line-height: 1.8; }

    .wp-custom-article .article-content h2 {
        color: var(--text-dark);
        margin-top: 3.5rem;
        margin-bottom: 1.5rem;
        font-size: 2.5rem;
        font-weight: 800;
        line-height: 1.2;
    }

    .wp-custom-article .article-content ul { margin-bottom: 2.5rem; padding-left: 2.5rem; }
    .wp-custom-article .article-content li { margin-bottom: 1rem; }

    .wp-custom-article blockquote {
        border-left: 8px solid var(--primary-color);
        font-size: 1.6rem;
        font-weight: 500;
        font-style: italic;
        color: var(--text-dark);
        margin: 3rem 0;
        background: #f3f4f6;
        padding: 2.5rem;
        border-radius: 16px;
        line-height: 1.6;
    }

    /* --- RESPONSIVE UNTUK HP --- */
    @media (max-width: 768px) {
        .wp-custom-article {
            margin: 0;
            border: none;
            border-radius: 0;
            padding: 1.5rem 0; /* Padding kiri-kanan dikurangi agar pas di layar HP */
        }
        .wp-custom-article .article-title { font-size: 2.4rem; }
        .wp-custom-article .article-content { font-size: 1.2rem; }
        .wp-custom-article .featured-image { max-height: 300px; margin-bottom: 2rem; }
        .wp-custom-article blockquote { font-size: 1.3rem; padding: 1.5rem; margin: 2rem 0; }
    }
</style>

<div class="wp-custom-article">
    <article>
        <header class="article-header">
            <span class="category-badge">Seminar Internasional</span>
            <h1 class="article-title">Seminar Internasional “How to Understand Rural Transformation in China”</h1>
            <div class="article-meta">
                <span>Oleh <strong>FEMA</strong></span> &bull;
                <time>27 April 2026</time>
            </div>
        </header>

        <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/05/e2b59553-6b4c-42da-9d1f-eb7df07b6a58.jpg" alt="Ilustrasi Seminar Internasional “How to Understand Rural Transformation in China”" class="featured-image">

        <div class="article-content">
                <p>Fakultas Ekologi Manusia (FEMA) IPB University menggelar seminar internasional bertema “How to Understand Rural Transformation in China” di Ruang Kelas B1 FEMA, IPB, pada hari Senin, 27 April 2026. Kegiatan ini dihadiri oleh mahasiswa serta sivitas akademika IPB, dan menghadirkan Prof. Tang Lixia dari China Agricultural University, Beijing, sebagai narasumber utama. Seminar ini juga melibatkan IPB Center of Excellence for China Rural Transformation Studies (IPB CHARTS) sebagai wadah diskusi akademik lintas negara. Dalam pemaparannya, Prof. Tang menjelaskan bahwa transformasi pedesaan di Tiongkok dimulai sejak 1978 melalui reformasi lahan, dilanjutkan dengan industrialisasi dan urbanisasi pada 1990-an, hingga integrasi desa dan kota sejak 2004 melalui investasi di sektor pertanian, infrastruktur, dan layanan publik.  Sementara itu, Prof. Dr. Ir. Rilus A Kinseng, MA selaku perwakilan IPB CHARTS menyampaikan bahwa pengalaman Tiongkok relevan bagi Indonesia yang sama-sama memiliki wilayah pedesaan yang dominan. Ia menambahkan bahwa melalui IPB CHARTS, kegiatan ini diharapkan memperkuat pertukaran pengetahuan dan menjadi referensi dalam pengembangan pembangunan desa di Indonesia. 

<blockquote style="
    border-left: 8px solid #2563eb; 
    font-size: 1.6rem; 
    font-weight: 500; 
    font-style: italic; 
    color: #111827; 
    margin: 3rem 0; 
    background: #f3f4f6; 
    padding: 2.5rem; 
    border-radius: 16px; 
    line-height: 1.6;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
    &#8220;pengalaman Tiongkok relevan bagi Indonesia yang sama-sama memiliki wilayah pedesaan yang dominan&#8221; Prof. Dr. Ir. Rilus A Kinseng, MA
</blockquote> <p>.</p>

Secara keseluruhan, transformasi tersebut telah mendorong modernisasi pertanian, meningkatkan pendapatan masyarakat, memperluas fungsi desa, serta menciptakan hubungan desa dan kota yang semakin terintegrasi dalam pembangunan nasional jangka panjang.</p>
        </div>
    </article>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Galeri Portofolio</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        body { font-family: 'Plus Jakarta Sans', sans-serif; background: #f8fafc; }
        #lightbox { display:none; position:fixed; z-index:99; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); align-items:center; justify-content:center; cursor:pointer; }
    </style>
</head>
<body class="py-16 px-6">
    <div id="lightbox" onclick="this.style.display='none'"><div id="lightbox-content" style="display:flex; justify-content:center;"></div></div>
    <div class="max-w-6xl mx-auto">
        <h1 class="text-4xl font-extrabold text-center text-slate-900 mb-12 uppercase tracking-tighter">Galeri Kegiatan</h1>
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10">
            
                        <div class="bg-white rounded-3xl overflow-hidden shadow-lg border border-slate-100 group transition hover:shadow-2xl">
                            <div class="overflow-hidden bg-slate-200">
                                <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/05/e2b59553-6b4c-42da-9d1f-eb7df07b6a58.jpg" onclick="openLightbox('https://fema.ipb.ac.id/wp-content/uploads/2026/05/e2b59553-6b4c-42da-9d1f-eb7df07b6a58.jpg', 'image')" class="w-full h-64 object-cover cursor-pointer hover:scale-105 transition duration-500" onerror="this.src='https://via.placeholder.com/600x400?text=Link+Error'">
                            </div>
                            <div class="p-6 text-slate-700 font-medium text-sm leading-relaxed"></div>
                        </div>
                        <div class="bg-white rounded-3xl overflow-hidden shadow-lg border border-slate-100 group transition hover:shadow-2xl">
                            <div class="overflow-hidden bg-slate-200">
                                <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/05/cd752c84-a412-43cd-b6c0-341b077c31de.jpg" onclick="openLightbox('https://fema.ipb.ac.id/wp-content/uploads/2026/05/cd752c84-a412-43cd-b6c0-341b077c31de.jpg', 'image')" class="w-full h-64 object-cover cursor-pointer hover:scale-105 transition duration-500" onerror="this.src='https://via.placeholder.com/600x400?text=Link+Error'">
                            </div>
                            <div class="p-6 text-slate-700 font-medium text-sm leading-relaxed"></div>
                        </div>
                        <div class="bg-white rounded-3xl overflow-hidden shadow-lg border border-slate-100 group transition hover:shadow-2xl">
                            <div class="overflow-hidden bg-slate-200">
                                <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/05/cbf65e22-0cc3-4709-99b6-97648cd429c6.jpg" onclick="openLightbox('https://fema.ipb.ac.id/wp-content/uploads/2026/05/cbf65e22-0cc3-4709-99b6-97648cd429c6.jpg', 'image')" class="w-full h-64 object-cover cursor-pointer hover:scale-105 transition duration-500" onerror="this.src='https://via.placeholder.com/600x400?text=Link+Error'">
                            </div>
                            <div class="p-6 text-slate-700 font-medium text-sm leading-relaxed"></div>
                        </div>
                        <div class="bg-white rounded-3xl overflow-hidden shadow-lg border border-slate-100 group transition hover:shadow-2xl">
                            <div class="overflow-hidden bg-slate-200">
                                <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/05/b5df8b3f-0f2c-486d-ac02-23ded2df0bb7.jpg" onclick="openLightbox('https://fema.ipb.ac.id/wp-content/uploads/2026/05/b5df8b3f-0f2c-486d-ac02-23ded2df0bb7.jpg', 'image')" class="w-full h-64 object-cover cursor-pointer hover:scale-105 transition duration-500" onerror="this.src='https://via.placeholder.com/600x400?text=Link+Error'">
                            </div>
                            <div class="p-6 text-slate-700 font-medium text-sm leading-relaxed"></div>
                        </div>
                        <div class="bg-white rounded-3xl overflow-hidden shadow-lg border border-slate-100 group transition hover:shadow-2xl">
                            <div class="overflow-hidden bg-slate-200">
                                <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/05/371b1df6-7e54-44ce-adca-2b087e368016.jpg" onclick="openLightbox('https://fema.ipb.ac.id/wp-content/uploads/2026/05/371b1df6-7e54-44ce-adca-2b087e368016.jpg', 'image')" class="w-full h-64 object-cover cursor-pointer hover:scale-105 transition duration-500" onerror="this.src='https://via.placeholder.com/600x400?text=Link+Error'">
                            </div>
                            <div class="p-6 text-slate-700 font-medium text-sm leading-relaxed"> </div>
                        </div>
                        <div class="bg-white rounded-3xl overflow-hidden shadow-lg border border-slate-100 group transition hover:shadow-2xl">
                            <div class="overflow-hidden bg-slate-200">
                                <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/05/4ef3bf13-02b8-4542-b61c-3fb76f39dab8.jpg" onclick="openLightbox('https://fema.ipb.ac.id/wp-content/uploads/2026/05/4ef3bf13-02b8-4542-b61c-3fb76f39dab8.jpg', 'image')" class="w-full h-64 object-cover cursor-pointer hover:scale-105 transition duration-500" onerror="this.src='https://via.placeholder.com/600x400?text=Link+Error'">
                            </div>
                            <div class="p-6 text-slate-700 font-medium text-sm leading-relaxed"></div>
                        </div>
        </div>
    </div>
    <script>
        function openLightbox(src, type) {
            const lb = document.getElementById('lightbox');
            const content = document.getElementById('lightbox-content');
            content.innerHTML = type === 'image' 
                ? '<img decoding="async" src="'+src+'" style="max-width:90%; max-height:80%; border-radius:8px;">'
                : '<video src="'+src+'" controls autoplay style="max-width:90%; max-height:80%; border-radius:8px;"></video>';
            lb.style.display = 'flex';
        }
    </script>
</body>
</html>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6101</post-id>	<dc:creator>mahmudisiwi@gmail.com (M4st3rfema)</dc:creator></item>
		<item>
		<title>Event FEMA</title>
		<link>https://fema.ipb.ac.id/event-fema/</link>
		
		
		<pubDate>Fri, 10 Apr 2026 09:15:23 +0000</pubDate>
				<category><![CDATA[FEMA]]></category>
		<guid isPermaLink="false">https://fema.ipb.ac.id/?p=5566</guid>

					<description><![CDATA[Semua Kegiatan Foto Video Halalbihalal 2026 Lihat Selengkapnya Buka Bersama Ramadhan FEMA 2026 Lihat Selengkapnya Gathering FEMA 2026 Lihat Selengkapnya Gathering FEMA 2026 Lihat Selengkapnya Seminar Internasional CAU Lihat Selengkapnya Hari Pelepasan Wisudawan Tahap VII Mei 2026 Lihat Selengkapnya Rapat Transformasi Fisema Lihat Selengkapnya &#215;]]></description>
										<content:encoded><![CDATA[
<style>
  /* --- STYLING WADAH & FILTER --- */
  .wadah-galeri {
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }

  .filter-galeri {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
  
  .btn-filter {
    padding: 8px 20px;
    background-color: #f1f5f9;
    color: #334155;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s ease;
  }
  
  .btn-filter:hover, .btn-filter.aktif {
    background-color: #2563eb;
    color: white;
    box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.2);
  }

  /* --- STYLING GRID & KARTU --- */
  .grid-galeri {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
  }

  .item-galeri {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .item-galeri:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  }

  /* --- AREA MEDIA (FOTO/VIDEO) --- */
  .area-media {
    position: relative;
    cursor: pointer;
    aspect-ratio: 4/3;
    overflow: hidden;
  }

  .area-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }

  .item-galeri:hover .area-media img {
    transform: scale(1.05);
  }

  .overlay-item {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .area-media:hover .overlay-item {
    opacity: 1;
  }

  .ikon-play {
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    font-size: 24px;
    padding-left: 5px;
  }

  /* --- AREA TEKS & TOMBOL LINK --- */
  .info-galeri {
    padding: 15px;
    text-align: center;
    border-top: 1px solid #f1f5f9;
  }

  .judul-kegiatan {
    margin: 0 0 12px 0;
    font-size: 16px;
    color: #1e293b;
    font-weight: 600;
  }

  .btn-detail {
    display: inline-block;
    padding: 8px 18px;
    background-color: #f8fafc;
    color: #2563eb;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
  }

  .btn-detail:hover {
    background-color: #2563eb;
    color: white;
    border-color: #2563eb;
  }

  /* --- STYLING LIGHTBOX (Pop-up) --- */
  .lightbox-galeri {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.9);
    align-items: center;
    justify-content: center;
  }

  .lightbox-galeri.tampil {
    display: flex;
  }

  .konten-lightbox {
    max-width: 90%;
    max-height: 90%;
    position: relative;
  }

  .konten-lightbox img, .konten-lightbox iframe {
    width: 100%;
    height: 100%;
    max-height: 80vh;
    border-radius: 8px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
  }

  .konten-lightbox iframe {
    width: 80vw;
    height: 45vw;
    max-width: 1000px;
    max-height: 562px;
  }

  .tombol-tutup {
    position: absolute;
    top: -40px;
    right: 0;
    color: white;
    font-size: 30px;
    cursor: pointer;
    background: none;
    border: none;
  }
</style>

<div class="wadah-galeri">
  
  <div class="filter-galeri">
    <button class="btn-filter aktif" data-filter="semua">Semua Kegiatan</button>
    <button class="btn-filter" data-filter="gambar">Foto</button>
    <button class="btn-filter" data-filter="video">Video</button>
  </div>

   <div class="grid-galeri">
    
    <div class="item-galeri" data-kategori="gambar">
      <div class="area-media" data-src="https://fema.ipb.ac.id/wp-content/uploads/2026/04/Halal-Bihalal-FEMA-2026.jpeg">
        <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/04/Halal-Bihalal-FEMA-2026.jpeg" alt="Kegiatan Halal Bi Halal">
      </div>
      <div class="info-galeri">
        <h4 class="judul-kegiatan">Halalbihalal  2026</h4>
        <a href="https://fema.ipb.ac.id/halalbihalal-fakultas-ekologi-manusia-femaipb-university/" class="btn-detail">Lihat Selengkapnya</a>
      </div>
    </div>

    <div class="item-galeri" data-kategori="gambar">
      <div class="area-media" data-src="https://fema.ipb.ac.id/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-09-at-11.37.55.jpeg">
        <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-09-at-11.37.55.jpeg" alt="Kegiatan Rapat">
      </div>
      <div class="info-galeri">
        <h4 class="judul-kegiatan">Buka Bersama Ramadhan FEMA 2026</h4>
        <a href="#" class="btn-detail">Lihat Selengkapnya</a>
      </div>
    </div>
<div class="item-galeri" data-kategori="gambar">
      <div class="area-media" data-src="https://fema.ipb.ac.id/wp-content/uploads/2026/02/WhatsApp-Image-2026-01-27-at-15.37.14.jpeg">
        <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/02/WhatsApp-Image-2026-01-27-at-15.37.14.jpeg" alt="Gathering FEMA">
      </div>
      <div class="info-galeri">
        <h4 class="judul-kegiatan">Gathering FEMA 2026</h4>
        <a href="#" class="btn-detail">Lihat Selengkapnya</a>
    
        </div>
   </div>
<div class="item-galeri" data-kategori="gambar">
      <div class="area-media" data-src="https://fema.ipb.ac.id/wp-content/uploads/2026/02/WhatsApp-Image-2026-01-27-at-15.37.14.jpeg">
        <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/02/WhatsApp-Image-2026-01-27-at-15.37.14.jpeg" alt="Gathering FEMA">
      </div>
      <div class="info-galeri">
        <h4 class="judul-kegiatan">Gathering FEMA 2026</h4>
        <a href="#" class="btn-detail">Lihat Selengkapnya</a>
    
        </div>
  </div>
<div class="item-galeri" data-kategori="gambar">
      <div class="area-media" data-src="https://fema.ipb.ac.id/wp-content/uploads/2026/05/371b1df6-7e54-44ce-adca-2b087e368016.jpg">
        <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/05/e2b59553-6b4c-42da-9d1f-eb7df07b6a58.jpg" alt="Gathering FEMA">
      </div>
      <div class="info-galeri">
        <h4 class="judul-kegiatan">Seminar Internasional CAU </h4>
        <a href="https://fema.ipb.ac.id/seminar-internasional-how-to-understand-rural-transformation-in-china/" class="btn-detail">Lihat Selengkapnya</a>
    
        </div>

</div>
<div class="item-galeri" data-kategori="gambar">
      <div class="area-media" data-src="https://fema.ipb.ac.id/wp-content/uploads/2026/05/2.png">
        <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/05/2.png" alt="Gathering FEMA">
      </div>
      <div class="info-galeri">
        <h4 class="judul-kegiatan">Hari Pelepasan Wisudawan Tahap VII Mei 2026</h4>
        <a href="https://fema.ipb.ac.id/hari-pelepasan-wisudawan-tahap-vii-mei-2026/" class="btn-detail">Lihat Selengkapnya</a>
    
        </div>

</div>
<div class="item-galeri" data-kategori="gambar">
  <div class="area-media" data-src="https://fema.ipb.ac.id/wp-content/uploads/2026/05/1.png" style="display: flex; justify-content: center; align-items: center;">
    <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/05/1.png" alt="Gathering FEMA" style="width: 65%; height: auto;">
  </div>
  <div class="info-galeri">
    <h4 class="judul-kegiatan">Rapat Transformasi Fisema </h4>
    <a href="https://fema.ipb.ac.id/rapat-transformasi-fisema/" class="btn-detail">Lihat Selengkapnya</a>
  </div>
</div>

 </div>

</div>

<div class="lightbox-galeri" id="lightbox">
  <div class="konten-lightbox">
    <button class="tombol-tutup" id="tutup-lightbox">&times;</button>
    <div id="media-lightbox"></div>
  </div>
</div>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    const tombolFilter = document.querySelectorAll('.btn-filter');
    const itemGaleri = document.querySelectorAll('.item-galeri');
    const areaMedia = document.querySelectorAll('.area-media');
    const lightbox = document.getElementById('lightbox');
    const mediaLightbox = document.getElementById('media-lightbox');
    const tutupLightbox = document.getElementById('tutup-lightbox');

    // 1. Logika Filter (Semua / Gambar / Video)
    tombolFilter.forEach(tombol => {
      tombol.addEventListener('click', function() {
        tombolFilter.forEach(t => t.classList.remove('aktif'));
        this.classList.add('aktif');

        const filter = this.getAttribute('data-filter');

        itemGaleri.forEach(item => {
          if (filter === 'semua' || item.getAttribute('data-kategori') === filter) {
            item.style.display = 'flex'; // Menggunakan flex agar struktur kartu tetap rapi
          } else {
            item.style.display = 'none';
          }
        });
      });
    });

    // 2. Logika Lightbox Pop-up (Sekarang hanya area gambar yang memicu pop-up)
    areaMedia.forEach(media => {
      media.addEventListener('click', function() {
        // Ambil kategori dari div induk (item-galeri)
        const parentItem = this.closest('.item-galeri');
        const kategori = parentItem.getAttribute('data-kategori');
        const srcMedia = this.getAttribute('data-src');

        mediaLightbox.innerHTML = ''; 

        if (kategori === 'gambar') {
          const img = document.createElement('img');
          img.src = srcMedia;
          mediaLightbox.appendChild(img);
        } else if (kategori === 'video') {
          const iframe = document.createElement('iframe');
          iframe.src = srcMedia + "?autoplay=1"; 
          iframe.setAttribute('frameborder', '0');
          iframe.setAttribute('allow', 'autoplay; encrypted-media');
          iframe.setAttribute('allowfullscreen', 'true');
          mediaLightbox.appendChild(iframe);
        }

        lightbox.classList.add('tampil');
      });
    });

    // 3. Logika Menutup Lightbox
    const tutupMedia = () => {
      lightbox.classList.remove('tampil');
      mediaLightbox.innerHTML = ''; 
    };

    tutupLightbox.addEventListener('click', tutupMedia);
    
    lightbox.addEventListener('click', function(e) {
      if (e.target === lightbox) {
         tutupMedia();
      }
    });
  });
</script>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5566</post-id>	<dc:creator>mahmudisiwi@gmail.com (M4st3rfema)</dc:creator></item>
		<item>
		<title>Halalbihalal Fakultas Ekologi Manusia (FEMA)IPB University</title>
		<link>https://fema.ipb.ac.id/halalbihalal-fakultas-ekologi-manusia-femaipb-university/</link>
		
		
		<pubDate>Fri, 10 Apr 2026 09:07:40 +0000</pubDate>
				<category><![CDATA[FEMA]]></category>
		<guid isPermaLink="false">https://fema.ipb.ac.id/?p=5554</guid>

					<description><![CDATA[FEMA Halalbihalal Fakultas Ekologi Manusia (FEMA) IPB University Oleh FEMA &#8226; 10 April 2026 Kegiatan Halalbihalal Fakultas Ekologi Manusia (FEMA) IPB University telah diselenggarakan pada hari Rabu, 08 April 2026 di Pelataran FEMA, sebagai momentum mempererat silaturahmi setelah perayaan Hari Raya Idul Fitri 1447 H. Acara yang berlangsung di lingkungan Fakultas Ekologi Manusia ini dihadiri [&#8230;]]]></description>
										<content:encoded><![CDATA[
<style>
    /* --- SCOPED CSS KHUSUS ARTIKEL INI AGAR TIDAK BENTROK DENGAN TEMA WP --- */
    .wp-custom-article {
        --primary-color: #2563eb;
        --text-dark: #111827;     
        --text-body: #374151;     
        --bg-color: #ffffff;     
        --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        
        font-family: var(--font-main);
        background-color: var(--bg-color);
        color: var(--text-body);
        line-height: 1.8;
        max-width: 1000px;
        margin: 2rem auto;
        padding: 4rem;
        border: 1px solid #e5e7eb;
        border-radius: 20px;
        box-sizing: border-box;
    }

    .wp-custom-article * { box-sizing: border-box; }

    .wp-custom-article .article-header { margin-bottom: 3rem; text-align: center; }

    .wp-custom-article .category-badge {
        background-color: #eff6ff;
        color: var(--primary-color);
        padding: 8px 20px;
        border-radius: 50px;
        font-size: 1rem;
        font-weight: 700;
        display: inline-block;
        margin-bottom: 1.5rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .wp-custom-article .article-title {
        font-size: 3.5rem;
        color: var(--text-dark);
        font-weight: 800;
        line-height: 1.15;
        margin-bottom: 1.5rem;
        letter-spacing: -1px;
        margin-top: 0;
    }

    .wp-custom-article .article-meta { font-size: 1.2rem; color: #6b7280; }

    .wp-custom-article .featured-image {
        width: 95%;
        height: auto;
        max-height: 550px;
        object-fit: cover;
        border-radius: 16px;
        margin-bottom: 3.5rem;
    }

    .wp-custom-article .article-content { font-size: 1.47rem; color: #1f2937; }

    .wp-custom-article .article-content p { margin-bottom: 2rem; line-height: 1.8; }

    .wp-custom-article .article-content h2 {
        color: var(--text-dark);
        margin-top: 3.5rem;
        margin-bottom: 1.5rem;
        font-size: 2.5rem;
        font-weight: 800;
        line-height: 1.2;
    }

    .wp-custom-article .article-content ul { margin-bottom: 2.5rem; padding-left: 2.5rem; }
    .wp-custom-article .article-content li { margin-bottom: 1rem; }

    .wp-custom-article blockquote {
        border-left: 8px solid var(--primary-color);
        font-size: 1.6rem;
        font-weight: 500;
        font-style: italic;
        color: var(--text-dark);
        margin: 3rem 0;
        background: #f3f4f6;
        padding: 2.5rem;
        border-radius: 16px;
        line-height: 1.6;
    }

    /* --- RESPONSIVE UNTUK HP --- */
    @media (max-width: 768px) {
        .wp-custom-article {
            margin: 0;
            border: none;
            border-radius: 0;
            padding: 1.5rem 0; /* Padding kiri-kanan dikurangi agar pas di layar HP */
        }
        .wp-custom-article .article-title { font-size: 2.4rem; }
        .wp-custom-article .article-content { font-size: 1.2rem; }
        .wp-custom-article .featured-image { max-height: 300px; margin-bottom: 2rem; }
        .wp-custom-article blockquote { font-size: 1.3rem; padding: 1.5rem; margin: 2rem 0; }
    }
</style>

<div class="wp-custom-article">
    <article>
        <header class="article-header">
            <span class="category-badge">FEMA</span>
            <h1 class="article-title">Halalbihalal Fakultas Ekologi Manusia (FEMA) <br>IPB University</br></h1>
            <div class="article-meta">
                <span>Oleh <strong>FEMA</strong></span> &bull;
                <time>10 April 2026</time>
            </div>
        </header>

        <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/04/Halal-Bihalal-FEMA-2026.jpeg" alt="Ilustrasi Halalbihalal Fakultas Ekologi Manusia (FEMA) IPB University" class="featured-image">

        <div class="article-content">
                <p>Kegiatan Halalbihalal Fakultas Ekologi Manusia (FEMA) IPB University telah diselenggarakan pada hari Rabu, 08 April 2026 di Pelataran FEMA, sebagai momentum mempererat silaturahmi setelah perayaan Hari Raya Idul Fitri 1447 H.</p>
                <p>Acara yang berlangsung di lingkungan Fakultas Ekologi Manusia ini dihadiri oleh Pimpinan IPB, Pimpinan Fakultas, dosen, tenaga kependidikan, mahasiswa, purnabakti serta perwakilan organisasi kemahasiswaan dalam suasana penuh kebersamaan dan kekeluargaan. Kegiatan diawali dengan pembukaan, pembacaan ayat suci Al-Qur’an, serta sambutan dari pimpinan sebagai bentuk refleksi spiritual dan penguatan nilai kebersamaan di lingkungan FEMA IPB.</p>
                <p>Pada kegiatan tersebut, ceramah Halalbihalal disampaikan oleh Prof. Dr. Ir. Hamim, M.Si yang mengangkat tema “Perkuat Ukhuwah, Persiapkan Diri di Tengah Ketidakpastian Dunia”. Dalam tausiyahnya, beliau mengajak seluruh peserta untuk memperkuat ukhuwah Islamiyah, meningkatkan rasa empati, serta membangun kesiapan mental dan spiritual dalam menghadapi berbagai perubahan dan tantangan global.</p>
<blockquote style="
    border-left: 8px solid #2563eb; 
    font-size: 1.6rem; 
    font-weight: 500; 
    font-style: italic; 
    color: #111827; 
    margin: 3rem 0; 
    background: #f3f4f6; 
    padding: 2.5rem; 
    border-radius: 16px; 
    line-height: 1.6;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
    “Perkuat Ukhuwah, Persiapkan Diri di Tengah Ketidakpastian Dunia”-Prof. Dr. Ir. Hamim, M.Si
</blockquote> 
                <p>Melalui ceramah, doa bersama, serta sesi saling bersalaman dan ramah tamah, seluruh peserta diajak untuk saling memaafkan dan memperbarui komitmen dalam menjalankan peran akademik, profesional, dan sosial secara harmonis guna mendukung kemajuan institusi dan masyarakat.</p>
        </div>
    </article>
</div>



<div class="fema-button-wrapper">
  <a href="http://fema.ipb.ac.id/halal-bihalal-fema-2026/" class="btn-fema-link">
    Lihat dokumentasi
    <svg class="icon-arrow" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  </a>
</div>

<style>
  /* Container untuk memposisikan ke tengah */
  .fema-button-wrapper {
    display: flex;
    justify-content: center; /* Mengetengahkan secara horizontal */
    align-items: center;     /* Mengetengahkan secara vertikal */
    padding: 20px 0;         /* Memberi jarak atas dan bawah */
    width: 100%;
  }

  .btn-fema-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 32px;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #27ae60;
    background-color: transparent;
    border: 2px solid #27ae60;
    border-radius: 50px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
  }

  .icon-arrow {
    transition: transform 0.3s ease;
  }

  .btn-fema-link:hover {
    color: #ffffff;
    background-color: #27ae60;
    box-shadow: 0 6px 20px rgba(39, 174, 96, 0.25);
    transform: translateY(-2px);
  }

  .btn-fema-link:hover .icon-arrow {
    transform: translateX(5px);
  }

  .btn-fema-link:active {
    transform: translateY(0);
  }
</style>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5554</post-id>	<dc:creator>mahmudisiwi@gmail.com (M4st3rfema)</dc:creator></item>
		<item>
		<title>Halalbihalal FEMA 2026</title>
		<link>https://fema.ipb.ac.id/halal-bihalal-fema-2026/</link>
		
		
		<pubDate>Thu, 09 Apr 2026 09:05:15 +0000</pubDate>
				<category><![CDATA[FEMA]]></category>
		<guid isPermaLink="false">https://fema.ipb.ac.id/?p=5491</guid>

					<description><![CDATA[Semua Kegiatan Foto Video ▶ &#215; Kumpulan dokumentasi]]></description>
										<content:encoded><![CDATA[
<style>
  /* --- STYLING GALERI --- */
  .wadah-galeri {
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }

  /* Tombol Filter */
  .filter-galeri {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
  
  .btn-filter {
    padding: 8px 20px;
    background-color: #f1f5f9;
    color: #334155;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s ease;
  }
  
  .btn-filter:hover, .btn-filter.aktif {
    background-color: #2563eb;
    color: white;
    box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.2);
  }

  /* Grid Galeri */
  .grid-galeri {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
  }

  /* Item Galeri */
  .item-galeri {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    aspect-ratio: 4/3;
  }

  .item-galeri:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  }

  .item-galeri img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }

  .item-galeri:hover img {
    transform: scale(1.05);
  }

  /* Overlay & Ikon Video */
  .overlay-item {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .item-galeri:hover .overlay-item {
    opacity: 1;
  }

  .ikon-play {
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    font-size: 24px;
    padding-left: 5px; /* Visual balance untuk tombol play */
  }

  /* --- STYLING LIGHTBOX (Pop-up) --- */
  .lightbox-galeri {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.9);
    align-items: center;
    justify-content: center;
  }

  .lightbox-galeri.tampil {
    display: flex;
  }

  .konten-lightbox {
    max-width: 90%;
    max-height: 90%;
    position: relative;
  }

  .konten-lightbox img, .konten-lightbox iframe {
    width: 100%;
    height: 100%;
    max-height: 80vh;
    border-radius: 8px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
  }

  .konten-lightbox iframe {
    width: 80vw;
    height: 45vw; /* Aspek rasio 16:9 */
    max-width: 1000px;
    max-height: 562px;
  }

  .tombol-tutup {
    position: absolute;
    top: -40px;
    right: 0;
    color: white;
    font-size: 30px;
    cursor: pointer;
    background: none;
    border: none;
  }
</style>

<div class="wadah-galeri">
  
  <div class="filter-galeri">
    <button class="btn-filter aktif" data-filter="semua">Semua Kegiatan</button>
    <button class="btn-filter" data-filter="gambar">Foto</button>
    <button class="btn-filter" data-filter="video">Video</button>
  </div>

  <div class="grid-galeri">
    
    <div class="item-galeri" data-kategori="gambar" data-src="https://fema.ipb.ac.id/wp-content/uploads/2026/04/WhatsApp-Image-2026-04-08-at-15.14.45-1.jpeg">
      <img src=https://fema.ipb.ac.id/wp-content/uploads/2026/04/WhatsApp-Image-2026-04-08-at-15.14.45-1.jpeg" alt="Kegiatan Seminar">
    </div>
<div class="item-galeri" data-kategori="gambar" data-src=https://fema.ipb.ac.id/wp-content/uploads/2026/04/IMG_1697-scaled.jpg">
  <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/04/IMG_1697-scaled.jpg" alt="Nama Kegiatan">
</div>

    <div class="item-galeri" data-kategori="gambar" data-src="https://fema.ipb.ac.id/wp-content/uploads/2026/04/WhatsApp-Image-2026-04-08-at-15.36.26-1.jpeg">
      <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/04/WhatsApp-Image-2026-04-08-at-15.36.26-1.jpeg" alt="Kegiatan Rapat">
    </div>

    <div class="item-galeri" data-kategori="video" data-src="https://fema.ipb.ac.id/wp-content/uploads/2026/04/Halal-Bi-halal-2026-Pimpinan.mp4">
      <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/04/WhatsApp-Image-2026-04-08-at-15.14.47.jpeg" alt="Video Dokumentasi">
      <div class="overlay-item">
        <div class="ikon-play"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/25b6.png" alt="▶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
      </div>
    </div>
    
    <div class="item-galeri" data-kategori="gambar" data-src="https://fema.ipb.ac.id/wp-content/uploads/2026/04/WhatsApp-Image-2026-04-08-at-15.36.28.jpeg">
      <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/04/WhatsApp-Image-2026-04-08-at-15.36.28.jpeg" alt="Kegiatan Kampus">
    </div>
<div class="item-galeri" data-kategori="gambar" data-src="https://fema.ipb.ac.id/wp-content/uploads/2026/04/WhatsApp-Image-2026-04-08-at-15.36.30-6.jpeg">
      <img decoding="async" src="https://fema.ipb.ac.id/wp-content/uploads/2026/04/WhatsApp-Image-2026-04-08-at-15.36.30-6.jpeg" alt="Kegiatan Kampus">
    </div>
  </div>
</div>

<div class="lightbox-galeri" id="lightbox">
  <div class="konten-lightbox">
    <button class="tombol-tutup" id="tutup-lightbox">&times;</button>
    <div id="media-lightbox"></div>
  </div>
</div>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    const tombolFilter = document.querySelectorAll('.btn-filter');
    const itemGaleri = document.querySelectorAll('.item-galeri');
    const lightbox = document.getElementById('lightbox');
    const mediaLightbox = document.getElementById('media-lightbox');
    const tutupLightbox = document.getElementById('tutup-lightbox');

    // 1. Logika Filter (Semua / Gambar / Video)
    tombolFilter.forEach(tombol => {
      tombol.addEventListener('click', function() {
        // Update status aktif pada tombol
        tombolFilter.forEach(t => t.classList.remove('aktif'));
        this.classList.add('aktif');

        const filter = this.getAttribute('data-filter');

        // Tampilkan/sembunyikan item sesuai kategori
        itemGaleri.forEach(item => {
          if (filter === 'semua' || item.getAttribute('data-kategori') === filter) {
            item.style.display = 'block';
          } else {
            item.style.display = 'none';
          }
        });
      });
    });

    // 2. Logika Lightbox Pop-up
    itemGaleri.forEach(item => {
      item.addEventListener('click', function() {
        const kategori = this.getAttribute('data-kategori');
        const srcMedia = this.getAttribute('data-src');

        mediaLightbox.innerHTML = ''; // Kosongkan media sebelumnya

        if (kategori === 'gambar') {
          const img = document.createElement('img');
          img.src = srcMedia;
          mediaLightbox.appendChild(img);
        } else if (kategori === 'video') {
          const iframe = document.createElement('iframe');
          iframe.src = srcMedia + "?autoplay=1"; // Auto play video saat pop-up terbuka
          iframe.setAttribute('frameborder', '0');
          iframe.setAttribute('allow', 'autoplay; encrypted-media');
          iframe.setAttribute('allowfullscreen', 'true');
          mediaLightbox.appendChild(iframe);
        }

        lightbox.classList.add('tampil');
      });
    });

    // 3. Logika Menutup Lightbox
    const tutupMedia = () => {
      lightbox.classList.remove('tampil');
      mediaLightbox.innerHTML = ''; // Matikan video saat ditutup
    };

    tutupLightbox.addEventListener('click', tutupMedia);
    
    // Tutup lightbox jika area luar media diklik
    lightbox.addEventListener('click', function(e) {
      if (e.target === lightbox) {
         tutupMedia();
      }
    });
  });
</script>



<div class="fema-button-wrapper">
  <a href="https://drive.google.com/drive/folders/1NxtK0hKB5JamVZACCmvT9uNFR3sEpfPl?usp=drive_link" class="btn-fema-link">
    Kumpulan dokumentasi
    <svg class="icon-arrow" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  </a>
</div>

<style>
  /* Container untuk memposisikan ke tengah */
  .fema-button-wrapper {
    display: flex;
    justify-content: center; /* Mengetengahkan secara horizontal */
    align-items: center;     /* Mengetengahkan secara vertikal */
    padding: 20px 0;         /* Memberi jarak atas dan bawah */
    width: 100%;
  }

  .btn-fema-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 32px;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #27ae60;
    background-color: transparent;
    border: 2px solid #27ae60;
    border-radius: 50px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
  }

  .icon-arrow {
    transition: transform 0.3s ease;
  }

  .btn-fema-link:hover {
    color: #ffffff;
    background-color: #27ae60;
    box-shadow: 0 6px 20px rgba(39, 174, 96, 0.25);
    transform: translateY(-2px);
  }

  .btn-fema-link:hover .icon-arrow {
    transform: translateX(5px);
  }

  .btn-fema-link:active {
    transform: translateY(0);
  }
</style>
]]></content:encoded>
					
		
		<enclosure length="10787251" type="video/mp4" url="https://fema.ipb.ac.id/wp-content/uploads/2026/04/Halal-Bi-halal-2026-Pimpinan.mp4"/>

		<post-id xmlns="com-wordpress:feed-additions:1">5491</post-id>	<dc:creator>mahmudisiwi@gmail.com (M4st3rfema)</dc:creator></item>
		<item>
		<title>Dr Susri Adeni: Ramadan Momentum Pererat Komunikasi dan Keharmonisan Keluarga</title>
		<link>https://fema.ipb.ac.id/dr-susri-adeni-ramadan-momentum-pererat-komunikasi-dan-keharmonisan-keluarga/</link>
		
		
		<pubDate>Mon, 06 Apr 2026 08:04:34 +0000</pubDate>
				<category><![CDATA[Artikel FEMA]]></category>
		<guid isPermaLink="false">https://fema.ipb.ac.id/?p=5449</guid>

					<description><![CDATA[Ilmu Keluarga Dr Susri Adeni: Ramadan Momentum Pererat Komunikasi dan Keharmonisan Keluarga Oleh Dr Susri Adeni &#8226; 18 Februari 2026 Bulan Ramadan tidak hanya menjadi waktu ibadah, tetapi juga momentum penting untuk menyembuhkan dan memperkuat komunikasi dalam keluarga. Hal ini disampaikan oleh Pakar Komunikasi Keluarga IPB University, Dr Susri Adeni yang menekankan bagaimana puasa dan [&#8230;]]]></description>
										<content:encoded><![CDATA[
<style>
    /* --- SCOPED CSS KHUSUS ARTIKEL INI AGAR TIDAK BENTROK DENGAN TEMA WP --- */
    .wp-custom-article {
        --primary-color: #2563eb;
        --text-dark: #111827;     
        --text-body: #374151;     
        --bg-color: #ffffff;     
        --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        
        font-family: var(--font-main);
        background-color: var(--bg-color);
        color: var(--text-body);
        line-height: 1.8;
        max-width: 1000px;
        margin: 2rem auto;
        padding: 4rem;
        border: 1px solid #e5e7eb;
        border-radius: 20px;
        box-sizing: border-box;
    }

    .wp-custom-article * { box-sizing: border-box; }

    .wp-custom-article .article-header { margin-bottom: 3rem; text-align: center; }

    .wp-custom-article .category-badge {
        background-color: #eff6ff;
        color: var(--primary-color);
        padding: 8px 20px;
        border-radius: 50px;
        font-size: 1rem;
        font-weight: 700;
        display: inline-block;
        margin-bottom: 1.5rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .wp-custom-article .article-title {
        font-size: 3.5rem;
        color: var(--text-dark);
        font-weight: 800;
        line-height: 1.15;
        margin-bottom: 1.5rem;
        letter-spacing: -1px;
        margin-top: 0;
    }

    .wp-custom-article .article-meta { font-size: 1.2rem; color: #6b7280; }

    .wp-custom-article .featured-image {
        width: 100%;
        height: auto;
        max-height: 550px;
        object-fit: cover;
        border-radius: 16px;
        margin-bottom: 3.5rem;
    }

    .wp-custom-article .article-content { font-size: 1.47rem; color: #1f2937; }

    .wp-custom-article .article-content p { margin-bottom: 2rem; line-height: 1.8; }

    .wp-custom-article .article-content h2 {
        color: var(--text-dark);
        margin-top: 3.5rem;
        margin-bottom: 1.5rem;
        font-size: 2.5rem;
        font-weight: 800;
        line-height: 1.2;
    }

    .wp-custom-article .article-content ul { margin-bottom: 2.5rem; padding-left: 2.5rem; }
    .wp-custom-article .article-content li { margin-bottom: 1rem; }

    .wp-custom-article blockquote {
        border-left: 8px solid var(--primary-color);
        font-size: 1.6rem;
        font-weight: 500;
        font-style: italic;
        color: var(--text-dark);
        margin: 3rem 0;
        background: #f3f4f6;
        padding: 2.5rem;
        border-radius: 16px;
        line-height: 1.6;
    }

    /* --- RESPONSIVE UNTUK HP --- */
    @media (max-width: 768px) {
        .wp-custom-article {
            margin: 0;
            border: none;
            border-radius: 0;
            padding: 1.5rem 0; /* Padding kiri-kanan dikurangi agar pas di layar HP */
        }
        .wp-custom-article .article-title { font-size: 2.4rem; }
        .wp-custom-article .article-content { font-size: 1.2rem; }
        .wp-custom-article .featured-image { max-height: 300px; margin-bottom: 2rem; }
        .wp-custom-article blockquote { font-size: 1.3rem; padding: 1.5rem; margin: 2rem 0; }
    }
</style>

<div class="wp-custom-article">
    <article>
        <header class="article-header">
            <span class="category-badge">Ilmu Keluarga</span>
            <h1 class="article-title">Dr Susri Adeni: Ramadan Momentum Pererat Komunikasi dan Keharmonisan Keluarga</h1>
            <div class="article-meta">
                <span>Oleh <strong>Dr Susri Adeni</strong></span> &bull;
                <time>18 Februari 2026</time>
            </div>
        </header>

        <img decoding="async" src="https://www.ipb.ac.id/wp-content/uploads/2026/02/dr-susri-adeni-ramadan-momentum-pererat-komunikasi-dan-keharmonisan-keluarga.jpg-770x400.jpeg" alt="Ilustrasi Dr Susri Adeni: Ramadan Momentum Pererat Komunikasi dan Keharmonisan Keluarga" class="featured-image">

        <div class="article-content">
                <p>Bulan Ramadan tidak hanya menjadi waktu ibadah, tetapi juga momentum penting untuk menyembuhkan dan memperkuat komunikasi dalam keluarga. Hal ini disampaikan oleh Pakar Komunikasi Keluarga IPB University, Dr Susri Adeni yang menekankan bagaimana puasa dan aktivitas Ramadan menjadi sarana membangun keharmonisan keluarga.</p>
                <p>Dr Susri menjelaskan bahwa Rasulullah Saw telah mencontohkan pentingnya memanfaatkan bulan suci ini sebagai kesempatan memperkuat hubungan keluarga.</p>
                <p>“Momentum Ramadan memberikan pahala berlimpah dan malam Lailatul Qadar yang nilainya seribu bulan. Rasulullah mencontohkan memberikan nafkah lebih untuk keluarga, membangunkan anggota keluarga untuk sholat malam, sahur, dan tadarus,” urainya.</p>
                <p>Kegiatan tersebut, simpulnya, menjadi sarana komunikasi yang lebih intens dan melambangkan keharmonisan keluarga.</p>
                <p><b>Sarana Empati dan Kesabaran</b></p>
                <p>Selain menjaga rasa lapar dan haus, Dr Susri mengatakan bahwa puasa mengajarkan anggota keluarga untuk menjaga emosi dan saling mengingatkan satu sama lain.</p>
                <p>“Hari demi hari selama sebulan, lisan dan perbuatan harus dijaga. Ini menumbuhkan empati dan kesabaran dalam keluarga, sehingga komunikasi tetap harmonis,” terang Dr Susri.</p>
                <p>Momen sahur dan buka puasa memiliki intensitas komunikasi yang berbeda dari hari-hari biasa. Ayah, ibu, dan anak menempati peran masing-masing. Ayah mencontohkan niat puasa dan waktu berbuka, ibu menyiapkan hidangan dengan bantuan anak, sementara anak belajar berpartisipasi dalam kegiatan keluarga.</p>
                <p>“Dalam sahur, ayah bisa menceritakan pengalaman berpuasa dahulu, ibu berbagi pengalaman menyiapkan makanan. Cerita-cerita ini menguatkan komunikasi dan menanamkan nilai religius pada anak,” tambahnya.</p>
                <p><b>Menghadapi Tantangan dan Perbedaan</b></p>
                <p>Tantangan muncul ketika anak belum mampu berpuasa penuh, atau ketika kondisi keuangan keluarga terbatas sehingga muncul perbedaan kebutuhan dan permintaan selama Ramadan.</p>
                <p>
<blockquote style="
    border-left: 8px solid #2563eb; 
    font-size: 1.6rem; 
    font-weight: 500; 
    font-style: italic; 
    color: #111827; 
    margin: 3rem 0; 
    background: #f3f4f6; 
    padding: 2.5rem; 
    border-radius: 16px; 
    line-height: 1.6;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
    &#8220;“Di sinilah pentingnya kedua orang tua kompak, menyampaikan pesan yang sejalan, dan berdiskusi dengan anak agar semua memahami prioritas dan makna Ramadan,” ujar Dr Susri.&#8221;
</blockquote></p>
                <p><b>Diskusi dan Keterlibatan Anak</b></p>
                <p>Komunikasi efektif dapat dilakukan dengan melibatkan anak dalam pengambilan keputusan, misalnya memilih menu buka puasa, menentukan kegiatan Hari Raya, atau menetapkan reward dan punishment selama Ramadan. Aktivitas berbagi kepada sesama, seperti menyediakan makanan dan minuman untuk orang lain, juga menjadi bagian penting dari pembelajaran empati.</p>
                <p>“Targetnya, hasil selama sebulan berpuasa sikap, emosi, kepedulian, perhatian, dan perbuatan baik dapat terus dipraktikkan setelah Ramadan. Dengan begitu, bulan puasa menjadi momentum yang relevan dan berkelanjutan untuk memperkuat komunikasi, keharmonisan, dan nilai-nilai keluarga Islami,” tutup Dr Susri.</p>
                <p>Sumber IPB Today</p>
        </div>
    </article>
</div>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5449</post-id>	<dc:creator>mahmudisiwi@gmail.com (M4st3rfema)</dc:creator></item>
		<item>
		<title>Pakar Perilaku Konsumen IPB University: Aturan Kuota Internet Hangus Setelah Masa Aktif Berakhir Bisa Melanggar UUPK</title>
		<link>https://fema.ipb.ac.id/pakar-perilaku-konsumen-ipb-university-aturan-kuota-internet-hangus-setelah-masa-aktif-berakhir-bisa-melanggar-uupk/</link>
		
		
		<pubDate>Mon, 06 Apr 2026 03:49:38 +0000</pubDate>
				<category><![CDATA[Artikel FEMA]]></category>
		<guid isPermaLink="false">https://fema.ipb.ac.id/?p=5423</guid>

					<description><![CDATA[Ilmu Konsumen Pakar Perilaku Konsumen IPB University: Aturan Kuota Internet Hangus Setelah Masa Aktif Berakhir Bisa Melanggar UUPK Oleh Prof Megawati Simanjuntak. &#8226; 19 Februari 2026 Praktik penghangusan kuota internet setelah berakhirnya masa aktif ikut disorot oleh Pakar Perilaku Konsumen dan Pemasaran IPB University, Prof Megawati Simanjuntak. Ia menilai, praktik tersebut merugikan konsumen dan berpotensi [&#8230;]]]></description>
										<content:encoded><![CDATA[
<style>
    /* --- SCOPED CSS KHUSUS ARTIKEL INI AGAR TIDAK BENTROK DENGAN TEMA WP --- */
    .wp-custom-article {
        --primary-color: #2563eb;
        --text-dark: #111827;     
        --text-body: #374151;     
        --bg-color: #ffffff;     
        --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        
        font-family: var(--font-main);
        background-color: var(--bg-color);
        color: var(--text-body);
        line-height: 1.8;
        max-width: 1000px;
        margin: 2rem auto;
        padding: 4rem;
        border: 1px solid #e5e7eb;
        border-radius: 20px;
        box-sizing: border-box;
    }

    .wp-custom-article * { box-sizing: border-box; }

    .wp-custom-article .article-header { margin-bottom: 3rem; text-align: center; }

    .wp-custom-article .category-badge {
        background-color: #eff6ff;
        color: var(--primary-color);
        padding: 8px 20px;
        border-radius: 50px;
        font-size: 1rem;
        font-weight: 700;
        display: inline-block;
        margin-bottom: 1.5rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .wp-custom-article .article-title {
        font-size: 3.5rem;
        color: var(--text-dark);
        font-weight: 800;
        line-height: 1.15;
        margin-bottom: 1.5rem;
        letter-spacing: -1px;
        margin-top: 0;
    }

    .wp-custom-article .article-meta { font-size: 1.2rem; color: #6b7280; }

    .wp-custom-article .featured-image {
        width: 100%;
        height: auto;
        max-height: 550px;
        object-fit: cover;
        border-radius: 16px;
        margin-bottom: 3.5rem;
    }

    .wp-custom-article .article-content { font-size: 1.47rem; color: #1f2937; }

    .wp-custom-article .article-content p { margin-bottom: 2rem; line-height: 1.8; }

    .wp-custom-article .article-content h2 {
        color: var(--text-dark);
        margin-top: 3.5rem;
        margin-bottom: 1.5rem;
        font-size: 2.5rem;
        font-weight: 800;
        line-height: 1.2;
    }

    .wp-custom-article .article-content ul { margin-bottom: 2.5rem; padding-left: 2.5rem; }
    .wp-custom-article .article-content li { margin-bottom: 1rem; }

    .wp-custom-article blockquote {
        border-left: 8px solid var(--primary-color);
        font-size: 1.6rem;
        font-weight: 500;
        font-style: italic;
        color: var(--text-dark);
        margin: 3rem 0;
        background: #f3f4f6;
        padding: 2.5rem;
        border-radius: 16px;
        line-height: 1.6;
    }

    /* --- RESPONSIVE UNTUK HP --- */
    @media (max-width: 768px) {
        .wp-custom-article {
            margin: 0;
            border: none;
            border-radius: 0;
            padding: 1.5rem 0; /* Padding kiri-kanan dikurangi agar pas di layar HP */
        }
        .wp-custom-article .article-title { font-size: 2.4rem; }
        .wp-custom-article .article-content { font-size: 1.2rem; }
        .wp-custom-article .featured-image { max-height: 300px; margin-bottom: 2rem; }
        .wp-custom-article blockquote { font-size: 1.3rem; padding: 1.5rem; margin: 2rem 0; }
    }
</style>

<div class="wp-custom-article">
    <article>
        <header class="article-header">
            <span class="category-badge">Ilmu Konsumen</span>
            <h1 class="article-title">Pakar Perilaku Konsumen IPB University: Aturan Kuota Internet Hangus Setelah Masa Aktif Berakhir Bisa Melanggar UUPK</h1>
            <div class="article-meta">
                <span>Oleh <strong>Prof Megawati Simanjuntak.</strong></span> &bull;
                <time>19 Februari 2026</time>
            </div>
        </header>

        <img decoding="async" src="https://www.ipb.ac.id/wp-content/uploads/2026/02/pakar-perilaku-konsumen-ipb-university-aturan-kuota-internet-hangus-setelah-masa-aktif-berakhir-bisa-melanggar-uupk.jpg-770x400.jpeg" alt="Ilustrasi Pakar Perilaku Konsumen IPB University: Aturan Kuota Internet Hangus Setelah Masa Aktif Berakhir Bisa Melanggar UUPK" class="featured-image">

        <div class="article-content">
                <p>Praktik penghangusan kuota internet setelah berakhirnya masa aktif ikut disorot oleh Pakar Perilaku Konsumen dan Pemasaran IPB University, Prof Megawati Simanjuntak.</p>
                <p>Ia menilai, praktik tersebut merugikan konsumen dan berpotensi melanggar prinsip keadilan dalam perlindungan konsumen.</p>
                <p>“Kalau kita lihat dari sisi perilaku dan perlindungan konsumen, kuota hangus tentu sangat merugikan. Konsumen merasa, ‘saya sudah bayar penuh, tapi mengapa barang saya bisa hilang begitu saja?’” ujarnya.</p>
                <p>Prof Mega menuturkan bahwa Undang-Undang Perlindungan Konsumen Nomor 8 Tahun 1999 menjamin hak konsumen untuk diperlakukan secara adil serta memperoleh informasi yang jujur.</p>
                <p>“Kalau sistem kuota hangus ini tidak dijelaskan secara sangat jelas sejak awal, atau terasa berat sebelah, itu sudah bertentangan dengan UUPK,” jelasnya.</p>
                <p>Kondisi tersebut, lanjut Prof Mega, berpotensi menurunkan kepercayaan konsumen terhadap operator telekomunikasi. Konsumen bisa merasa pelaku usaha tidak berpihak kepada mereka.</p>
                <p>Perbedaan Persepsi</p>
                <p>Menurut Prof Mega, persoalan kuota hangus juga dipicu oleh perbedaan cara pandang antara operator dan konsumen. Operator melihat kuota sebagai layanan berbasis waktu, sedangkan konsumen memandangnya sebagai barang yang telah dibeli.</p>
                <p>Konsumen menganggap kuota yang telah dibayar lunas sebagai aset digital bernilai ekonomi, sehingga tidak semestinya hilang hanya karena batas waktu tanpa kompensasi. Terlebih, perlakuan ini berbeda dengan sektor lain, seperti pembelian token listrik.</p>

<blockquote style="
    border-left: 8px solid #2563eb; 
    font-size: 1.6rem; 
    font-weight: 500; 
    font-style: italic; 
    color: #111827; 
    margin: 3rem 0; 
    background: #f3f4f6; 
    padding: 2.5rem; 
    border-radius: 16px; 
    line-height: 1.6;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
    &#8220;Begitu membayar, konsumen merasa barang tersebut sudah menjadi miliknya, sama seperti saat membeli token listrik. Kita tidak berharap sisa token hangus hanya karena melewati tanggal tertentu. Selama masih ada, tentu tetap bisa digunakan,&#8221;-Prof Megawati Simanjuntak
</blockquote> <p>.</p>
                
                <p>Perbedaan persepsi ini, menurutnya, memicu rasa kehilangan dan kekecewaan. Dalam jangka panjang, konsumen dapat merasa tertipu dan kehilangan kontrol.</p>
                <p>“Kalau ini terus terjadi, konsumen akan cenderung tidak loyal. Mereka dengan mudah akan pindah ke operator lain,” ujarnya. Ia menilai fenomena ini turut mendorong konsumen beralih ke layanan WiFi yang dianggap lebih tidak merugikan.</p>
                <p>Sebagai solusi, Prof Megawati menyarankan skema yang lebih berkeadilan, seperti rollover kuota terbatas ke bulan berikutnya. Ia juga menyoroti kejujuran dalam penetapan masa aktif paket.</p>
                <p>“Kalau disebut satu bulan, ya seharusnya benar-benar satu bulan, bukan 28 hari,” katanya. Selain itu, operator didorong menawarkan pilihan paket secara transparan agar konsumen dapat menentukan sesuai kebutuhannya.</p>
                <p>Sumber IPB Today</p>
        </div>
    </article>
</div>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5423</post-id>	<dc:creator>mahmudisiwi@gmail.com (M4st3rfema)</dc:creator></item>
		<item>
		<title>Artikel FEMA</title>
		<link>https://fema.ipb.ac.id/artikel-fema/</link>
		
		
		<pubDate>Thu, 02 Apr 2026 10:17:54 +0000</pubDate>
				<category><![CDATA[Artikel FEMA]]></category>
		<guid isPermaLink="false">https://fema.ipb.ac.id/?p=5405</guid>

					<description><![CDATA[Kumpulan Artikel Terbaru &#038; Inspiratif Temukan Beragam Info, Tips, dan Cerita Menarik dari Civitas FEMA Sosiologi Pedesaan Soroti Paradoks Pembangunan Desa, Dekan Fema IPB University Tawarkan Solusi Tata Kelola Berdasarkan Al-Quran Di tengah melimpahnya kekayaan sumber daya agromaritim, lebih dari 70 ribu desa di Indonesia dari Sabang sampai Merauke masih menghadapi berbagai paradoks pembangunan. Baca [&#8230;]]]></description>
										<content:encoded><![CDATA[
<style>
  /* --- Pengaturan Dasar --- */
  .blog-container {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    background-color: #f0fdf6; /* Latar belakang mint muda yang cerah */
    padding: 50px 20px;
    color: #333;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
    margin-bottom: 30px;
  }

  /* --- Bagian Header --- */
  .blog-header {
    text-align: center;
    margin-bottom: 50px;
  }
  .blog-header h2 {
    color: #0284c7; /* Biru cerah */
    font-size: 2.5em;
    font-weight: 800;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .blog-header p {
    color: #475569;
    font-size: 1.1em;
    margin-bottom: 30px;
  }
  
   /* --- Layout 3 Kolom --- */
  .article-grid {
    display: grid;
    /* Ini adalah kode utama untuk membuat persis 3 kolom dengan ukuran seimbang */
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
  }

  /* --- Desain Kartu Artikel --- */
  .article-card {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
  }
  .article-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  }
  .card-img-wrapper {
    width: 100%;
    height: 200px;
    overflow: hidden;
  }
  .card-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
  }
  .article-card:hover .card-img-wrapper img {
    transform: scale(1.08);
  }
  .card-content {
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  .category-badge {
    align-self: flex-start;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.75em;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  /* Warna Badge Kategori */
  .bg-blue { background-color: #3b82f6; }
  .bg-green { background-color: #10b981; }
  .bg-orange { background-color: #f59e0b; }
  .bg-purple { background-color: #8b5cf6; }
  .bg-pink { background-color: #ec4899; }
  .bg-teal { background-color: #14b8a6; }

  .card-content h3 {
    font-size: 1.3em;
    margin: 0 0 12px 0;
    color: #1e293b;
    line-height: 1.4;
    font-weight: 700;
  }
  .card-content p {
    font-size: 0.95em;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 25px;
    flex-grow: 1;
  }
  .btn-readmore {
    display: inline-block;
    background-color: #f97316; /* Oranye cerah */
    color: white !important;
    text-decoration: none;
    padding: 12px 20px;
    border-radius: 25px;
    font-size: 0.9em;
    font-weight: 600;
    text-align: center;
    transition: background-color 0.3s ease;
  }
  .btn-readmore:hover {
    background-color: #ea580c;
  }

  /* --- Responsivitas (Agar tidak rusak di HP/Tablet) --- */
  @media (max-width: 992px) {
    /* Berubah jadi 2 kolom di tablet */
    .article-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 768px) {
    /* Berubah jadi 1 kolom di HP */
    .article-grid {
      grid-template-columns: 1fr;
    }
    .blog-header h2 {
      font-size: 1.8em;
    }
  }
</style>

<div class="blog-container">
  
  <header class="blog-header">
    <h2>Kumpulan Artikel <br>Terbaru &#038; Inspiratif</h2>
    <p>Temukan Beragam Info, Tips, dan Cerita Menarik dari Civitas FEMA</p>
    
  </header>

  <main class="article-grid">
    
    <article class="article-card">
      <div class="card-img-wrapper">
        <img decoding="async" src="https://www.ipb.ac.id/wp-content/uploads/2026/02/soroti-paradoks-pembangunan-desa-dekan-fema-ipb-university-tawarkan-solusi-tata-kelola-berdasarkan-al-quran.jpg-770x400.jpeg" alt="Wisata Indonesia">
      </div>
      <div class="card-content">
        <span class="category-badge bg-blue">Sosiologi Pedesaan </span>
        <h3>Soroti Paradoks Pembangunan Desa, Dekan Fema IPB University Tawarkan Solusi Tata Kelola Berdasarkan Al-Quran</h3>
        <p>Di tengah melimpahnya kekayaan sumber daya agromaritim, lebih dari 70 ribu desa di Indonesia dari Sabang sampai Merauke masih menghadapi berbagai paradoks pembangunan.</p>
        <a href="#" class="btn-readmore">Baca Selengkapnya</a>
      </div>
    </article>

    <article class="article-card">
      <div class="card-img-wrapper">
        <img decoding="async" src="https://www.ipb.ac.id/wp-content/uploads/2026/02/pakar-perilaku-konsumen-ipb-university-aturan-kuota-internet-hangus-setelah-masa-aktif-berakhir-bisa-melanggar-uupk.jpg-770x400.jpeg" alt="Kuota internet">
      </div>
      <div class="card-content">
        <span class="category-badge bg-green">Ilmu Konsumen</span>
        <h3>Pakar Perilaku Konsumen IPB University: Aturan Kuota Internet Hangus Setelah Masa Aktif Berakhir Bisa Melanggar UUPK</h3>
        <p>Praktik penghangusan kuota internet setelah berakhirnya masa aktif ikut disorot oleh Pakar Perilaku Konsumen dan Pemasaran IPB University.</p>
       <a href="https://fema.ipb.ac.id/pakar-perilaku-konsumen-ipb-university-aturan-kuota-internet-hangus-setelah-masa-aktif-berakhir-bisa-melanggar-uupk/" class="btn-readmore" target="_blank" rel="noopener noreferrer">Baca Selengkapnya</a>
      </div>
    </article>

    <article class="article-card">
      <div class="card-img-wrapper">
        <img decoding="async" src="https://www.ipb.ac.id/wp-content/uploads/2026/02/dr-susri-adeni-ramadan-momentum-pererat-komunikasi-dan-keharmonisan-keluarga.jpg-770x400.jpeg" alt="Keluarga">
      </div>
      <div class="card-content">
        <span class="category-badge bg-purple">Ilmu Keluarga</span>
        <h3>Dr Susri Adeni: Ramadan Momentum Pererat Komunikasi dan Keharmonisan Keluarga
</h3>
        <p>Bulan Ramadan tidak hanya menjadi waktu ibadah, tetapi juga momentum penting untuk menyembuhkan dan memperkuat komunikasi dalam keluarga.</p>
        <a href="https://fema.ipb.ac.id/dr-susri-adeni-ramadan-momentum-pererat-komunikasi-dan-keharmonisan-keluarga/" class="btn-readmore" target="_blank" rel="noopener noreferrer">Baca Selengkapnya</a>
      </div>
    </article>

      </main>
</div>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5405</post-id>	<dc:creator>mahmudisiwi@gmail.com (M4st3rfema)</dc:creator></item>
		<item>
		<title>Soroti Paradoks Pembangunan Desa, Dekan Fema IPB University Tawarkan Solusi Tata Kelola Berdasarkan Al-Quran</title>
		<link>https://fema.ipb.ac.id/soroti-paradoks-pembangunan-desa-dekan-fema-ipb-university-tawarkan-solusi-tata-kelola-berdasarkan-al-quran/</link>
		
		
		<pubDate>Thu, 02 Apr 2026 10:12:20 +0000</pubDate>
				<category><![CDATA[Artikel FEMA]]></category>
		<guid isPermaLink="false">https://fema.ipb.ac.id/?p=5409</guid>

					<description><![CDATA[Sosiologi Pedesaan Soroti Paradoks Pembangunan Desa, Dekan Fema IPB University Tawarkan Solusi Tata Kelola Berdasarkan Al-Quran Oleh Prof Sofyan Sjaf &#8226; 27 Februari 2026 Di tengah melimpahnya kekayaan sumber daya agromaritim, lebih dari 70 ribu desa di Indonesia dari Sabang sampai Merauke masih menghadapi berbagai paradoks pembangunan. Negara dinilai belum sepenuhnya berhasil memberikan kedaulatan dan [&#8230;]]]></description>
										<content:encoded><![CDATA[
<style>
    /* --- SCOPED CSS KHUSUS ARTIKEL INI AGAR TIDAK BENTROK DENGAN TEMA WP --- */
    .wp-custom-article {
        --primary-color: #2563eb;
        --text-dark: #111827;     
        --text-body: #374151;     
        --bg-color: #ffffff;     
        --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        
        font-family: var(--font-main);
        background-color: var(--bg-color);
        color: var(--text-body);
        line-height: 1.8;
        max-width: 1000px;
        margin: 2rem auto;
        padding: 4rem;
        border: 1px solid #e5e7eb;
        border-radius: 20px;
        box-sizing: border-box;
    }

    .wp-custom-article * { box-sizing: border-box; }

    .wp-custom-article .article-header { margin-bottom: 3rem; text-align: center; }

    .wp-custom-article .category-badge {
        background-color: #eff6ff;
        color: var(--primary-color);
        padding: 8px 20px;
        border-radius: 50px;
        font-size: 1rem;
        font-weight: 700;
        display: inline-block;
        margin-bottom: 1.5rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .wp-custom-article .article-title {
        font-size: 3.5rem;
        color: var(--text-dark);
        font-weight: 800;
        line-height: 1.15;
        margin-bottom: 1.5rem;
        letter-spacing: -1px;
        margin-top: 0;
    }

    .wp-custom-article .article-meta { font-size: 1.2rem; color: #6b7280; }

    .wp-custom-article .featured-image {
        width: 100%;
        height: auto;
        max-height: 550px;
        object-fit: cover;
        border-radius: 16px;
        margin-bottom: 3.5rem;
    }

    .wp-custom-article .article-content { font-size: 1.47rem; color: #1f2937; }

    .wp-custom-article .article-content p { margin-bottom: 2rem; line-height: 1.8; }

    .wp-custom-article .article-content h2 {
        color: var(--text-dark);
        margin-top: 3.5rem;
        margin-bottom: 1.5rem;
        font-size: 2.5rem;
        font-weight: 800;
        line-height: 1.2;
    }

    .wp-custom-article .article-content ul { margin-bottom: 2.5rem; padding-left: 2.5rem; }
    .wp-custom-article .article-content li { margin-bottom: 1rem; }

    .wp-custom-article blockquote {
        border-left: 8px solid var(--primary-color);
        font-size: 1.6rem;
        font-weight: 500;
        font-style: italic;
        color: var(--text-dark);
        margin: 3rem 0;
        background: #f3f4f6;
        padding: 2.5rem;
        border-radius: 16px;
        line-height: 1.6;
    }

    /* --- RESPONSIVE UNTUK HP --- */
    @media (max-width: 768px) {
        .wp-custom-article {
            margin: 0;
            border: none;
            border-radius: 0;
            padding: 1.5rem 0; /* Padding kiri-kanan dikurangi agar pas di layar HP */
        }
        .wp-custom-article .article-title { font-size: 2.4rem; }
        .wp-custom-article .article-content { font-size: 1.2rem; }
        .wp-custom-article .featured-image { max-height: 300px; margin-bottom: 2rem; }
        .wp-custom-article blockquote { font-size: 1.3rem; padding: 1.5rem; margin: 2rem 0; }
    }
</style>

<div class="wp-custom-article">
    <article>
        <header class="article-header">
            <span class="category-badge">Sosiologi Pedesaan</span>
            <h1 class="article-title">Soroti Paradoks Pembangunan Desa, Dekan Fema IPB University Tawarkan Solusi Tata Kelola Berdasarkan Al-Quran</h1>
            <div class="article-meta">
                <span>Oleh <strong>Prof Sofyan Sjaf</strong></span> &bull;
                <time>27 Februari 2026</time>
            </div>
        </header>

        <img decoding="async" src="https://www.ipb.ac.id/wp-content/uploads/2026/02/soroti-paradoks-pembangunan-desa-dekan-fema-ipb-university-tawarkan-solusi-tata-kelola-berdasarkan-al-quran.jpg-770x400.jpeg" alt="Ilustrasi Soroti Paradoks Pembangunan Desa, Dekan Fema IPB University Tawarkan Solusi Tata Kelola Berdasarkan Al-Quran" class="featured-image">

        <div class="article-content">
                <p>Di tengah melimpahnya kekayaan sumber daya agromaritim, lebih dari 70 ribu desa di Indonesia dari Sabang sampai Merauke masih menghadapi berbagai paradoks pembangunan. Negara dinilai belum sepenuhnya berhasil memberikan kedaulatan dan kesejahteraan bagi rakyatnya sendiri di pedesaan.</p>
                <p>Hal tersebut ditegaskan oleh Dekan Fakultas Ekologi Manusia (Fema) IPB University, Prof Sofyan Sjaf dalam Kajian Kauniyah bertajuk “Desa sebagai Titik Temu Ekologi dan Ekonomi dalam Pembangunan Berbasis Ilmu” di Masjid Al Hurriyyah IPB University, Kamis (26/2).</p>
                <p>“Dari data Capaian Indeks Kesejahteraan Desa (IKD), didapatkan fakta bahwa banyak desa yang masih berada dalam zona menengah dan rendah. Artinya, banyak warga Indonesia di desa yang belum sejahtera,” ujarnya.</p>
                <p>Penulis buku Involusi Republik Merdeka tersebut menjelaskan, kondisi ini disinyalir terjadi akibat kesalahan arah pembangunan yang tidak menyentuh ranah proses pemakmuran bumi. Ia menawarkan solusi tata kelola desa dengan merujuk pada prinsip-prinsip dalam Al-Quran.</p>
                <p>“Ada dua istilah yang merujuk pada desa di dalam Al-Quran, yaitu qaryah atau komunitas sosial, dan balad yang berarti wilayah yang hidup. Jadi, desa adalah entitas moral sosial dan tidak terbatas pada geografi saja,” jelasnya.</p>
                <p>Menurutnya, ciri desa yang ideal adalah berbasis pada solidaritas dan berorientasi pada keadilan. Desa akan sangat rentan hancur apabila terdapat ketimpangan di dalamnya.</p>
                <p>Untuk itu, ia menekankan bahwa membangun desa yang merujuk pada Al-Quran sama dengan membangun ekologi. Alam harus dijadikan patokan. Ia adalah ayat kauniyah yang bersifat mizan atau seimbang.</p>
                <p>“Sudahi penebangan hutan dan pembuangan sampah sembarangan. Alam jangan dirusak (fasad) dan jangan dieksploitasi secara berlebihan (israf),” terangnya. Ia juga mengingatkan pesan dalam QS An-Nahl ayat 112, bahwa sebuah negeri yang makmur bisa runtuh akibat kufur sosial.</p>
                <p>Sebagai solusi, Prof Sofyan merumuskan tiga fondasi utama dalam membangun desa, yakni tauhid, khalifah (manusia sebagai pengelola, bukan pemilik mutlak), dan amanah. Ia juga menggarisbawahi tiga rumusan krusial yang wajib dihindari.</p>
                <p>“Ekonomi tanpa ekologi berujung pada eksploitasi. Ekologi tanpa keadilan memicu konflik. Dan desa tanpa tata kelola akan menghasilkan ketimpangan,” tegasnya.</p>
                <p>Melalui pendekatan tauhid dan ekologis ini, ia berharap ke depannya dapat terwujud ‘Desa Berkah’, yakni desa yang dicirikan dengan ekologi yang terjaga, distribusi ekonomi yang adil, solidaritas sosial yang kuat, serta tata kelola yang partisipatif.</p>
        </div>
    </article>
</div>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5409</post-id>	<dc:creator>mahmudisiwi@gmail.com (M4st3rfema)</dc:creator></item>
	</channel>
</rss>