{"id":4977,"date":"2026-06-08T01:11:38","date_gmt":"2026-06-08T01:11:38","guid":{"rendered":"https:\/\/moralitycentral.com\/?page_id=4977"},"modified":"2026-06-08T01:39:32","modified_gmt":"2026-06-08T01:39:32","slug":"mc-magazines","status":"publish","type":"page","link":"https:\/\/moralitycentral.com\/?page_id=4977","title":{"rendered":"MC Magazines"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4977\" class=\"elementor elementor-4977\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-62a5583 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"62a5583\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c7df593\" data-id=\"c7df593\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-597a85b elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"597a85b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>MC Magazines - Morality Central<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,700&family=Cinzel:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        brand: {\n                            gold: '#C5A880',\n                            goldHover: '#B2936B',\n                            goldLight: '#E8DCC4',\n                            navy: '#0B0F19',\n                            navyLight: '#161F30',\n                            charcoal: '#121824',\n                            ivory: '#FAF9F6'\n                        }\n                    },\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                        serif: ['Playfair Display', 'serif'],\n                        display: ['Cinzel', 'serif']\n                    }\n                }\n            }\n        }\n    <\/script>\n    \n    <style>\n        body {\n            background-color: #05070c;\n        }\n        \n        \/* Custom scrollbar adjustments *\/\n        .custom-scrollbar::-webkit-scrollbar {\n            width: 6px;\n            height: 6px;\n        }\n        .custom-scrollbar::-webkit-scrollbar-track {\n            background: #080c14;\n        }\n        .custom-scrollbar::-webkit-scrollbar-thumb {\n            background: #c5a880;\n            border-radius: 3px;\n        }\n        .custom-scrollbar::-webkit-scrollbar-thumb:hover {\n            background: #b2936b;\n        }\n        .text-justified {\n            text-align: justify;\n            text-justify: inter-word;\n        }\n        \n        \/* Shelf card hover effect *\/\n        .magazine-shelf-card {\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n        .magazine-shelf-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 12px 24px -10px rgba(197, 168, 128, 0.25);\n        }\n\n        \/* \n           SPECIFICITY SHIELD FOR ELEMENTOR OVERRIDES:\n           These rules target elements nested inside '#mc-magazines-portal' \n           to guarantee that Elementor's stylesheet does not break typography.\n        *\/\n        #mc-magazines-portal h1.mc-title-override {\n            font-family: 'Playfair Display', Georgia, Cambria, \"Times New Roman\", Times, serif !important;\n            font-weight: 700 !important;\n            color: #ffffff !important;\n            letter-spacing: -0.025em !important;\n            line-height: 1.2 !important;\n        }\n        \n        #mc-magazines-portal h2.mc-subtitle-override {\n            font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\n            font-size: 0.75rem !important; \/* text-xs equivalent *\/\n            text-transform: uppercase !important;\n            letter-spacing: 0.2em !important;\n            font-weight: 700 !important;\n            color: #C5A880 !important; \/* brand-gold *\/\n            line-height: 1.5 !important;\n        }\n\n        \/* SPECIFICITY SHIELD FOR DOWNLOAD BUTTONS AGAINST ELEMENTOR (PRIMARY SOLID) *\/\n        #mc-magazines-portal a.mc-btn-download-override,\n        #reader-overlay a.mc-btn-download-override {\n            background: linear-gradient(135deg, #C5A880 0%, #B2936B 100%) !important;\n            color: #05070c !important;\n            font-family: 'Inter', sans-serif !important;\n            font-weight: 700 !important;\n            font-size: 0.8125rem !important; \/* ~13px scale *\/\n            text-transform: uppercase !important;\n            letter-spacing: 0.15em !important;\n            padding: 1rem 2.25rem !important;\n            border-radius: 9999px !important; \/* Premium Pill Shape *\/\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            text-decoration: none !important;\n            box-shadow: 0 8px 24px -4px rgba(197, 168, 128, 0.4), \n                        0 4px 12px -2px rgba(197, 168, 128, 0.2), \n                        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;\n            cursor: pointer !important;\n        }\n\n        #mc-magazines-portal a.mc-btn-download-override:hover,\n        #reader-overlay a.mc-btn-download-override:hover {\n            background: linear-gradient(135deg, #FAF9F6 0%, #E8DCC4 100%) !important;\n            color: #05070c !important;\n            border-color: #FAF9F6 !important;\n            transform: translateY(-2px) scale(1.02) !important;\n            box-shadow: 0 12px 28px -4px rgba(197, 168, 128, 0.65), \n                        0 6px 16px -2px rgba(197, 168, 128, 0.3) !important;\n        }\n\n        #mc-magazines-portal a.mc-btn-download-override:active,\n        #reader-overlay a.mc-btn-download-override:active {\n            transform: translateY(1px) scale(0.98) !important;\n            box-shadow: 0 4px 12px -4px rgba(197, 168, 128, 0.4) !important;\n        }\n\n        \/* SPECIFICITY SHIELD FOR DOWNLOAD BUTTONS AGAINST ELEMENTOR (OUTLINE STYLE) *\/\n        #mc-magazines-portal a.mc-btn-download-outline-override,\n        #reader-overlay a.mc-btn-download-outline-override {\n            background-color: rgba(197, 168, 128, 0.05) !important;\n            color: #C5A880 !important;\n            border: 2px solid #C5A880 !important;\n            font-family: 'Inter', sans-serif !important;\n            font-weight: 700 !important;\n            font-size: 0.75rem !important; \/* ~12px scale *\/\n            text-transform: uppercase !important;\n            letter-spacing: 0.12em !important;\n            padding: 0.75rem 1.75rem !important;\n            border-radius: 9999px !important; \/* Premium Pill Shape *\/\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;\n            text-decoration: none !important;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;\n            cursor: pointer !important;\n        }\n\n        #mc-magazines-portal a.mc-btn-download-outline-override:hover,\n        #reader-overlay a.mc-btn-download-outline-override:hover {\n            background: #C5A880 !important;\n            color: #05070c !important;\n            border-color: #C5A880 !important;\n            transform: translateY(-2px) !important;\n            box-shadow: 0 8px 20px -4px rgba(197, 168, 128, 0.5) !important;\n        }\n\n        #mc-magazines-portal a.mc-btn-download-outline-override:active,\n        #reader-overlay a.mc-btn-download-outline-override:active {\n            transform: translateY(1px) !important;\n        }\n\n        \/* Responsive sizing overrides for H1 to counter Elementor *\/\n        @media (min-width: 640px) {\n            #mc-magazines-portal h1.mc-title-override {\n                font-size: 2.25rem !important; \/* text-4xl equivalent *\/\n            }\n        }\n        @media (min-width: 1024px) {\n            #mc-magazines-portal h1.mc-title-override {\n                font-size: 3rem !important; \/* text-5xl equivalent *\/\n            }\n        }\n    <\/style>\n<\/head>\n<body class=\"text-slate-200 min-h-screen font-sans antialiased custom-scrollbar\">\n\n    <!-- ================= HIGH SPECIFICITY WRAPPER (SHIELDS FROM ELEMENTOR) ================= -->\n    <div id=\"mc-magazines-portal\" class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12\">\n        \n        <!-- VIEW 1: THE DYNAMIC HUB & DIRECTORY -->\n        <section id=\"view-hub\" class=\"space-y-12 transition-all duration-300\">\n            \n            <!-- Dynamic Introduction -->\n            <div class=\"max-w-3xl space-y-4\">\n                <span class=\"text-xs tracking-[0.3em] font-mono text-brand-gold uppercase font-semibold\">Publications<\/span>\n                <h1 class=\"mc-title-override text-3xl sm:text-4xl lg:text-5xl font-serif font-bold text-white tracking-tight\">\n                    MC Magazines Portal\n                <\/h1>\n                <p class=\"text-slate-400 text-sm sm:text-base leading-relaxed font-light\">\n                    Morality Central is a student-run initiative aiming to connect individuals with Islam and build an upright society in accordance with the tenets of faith. Our periodic magazines represent a collective intellectual revival\u2014addressing foundational structures of morality, family values, scientific reasoning, and prophetic ethics.\n                <\/p>\n            <\/div>\n\n            <!-- Number-wise Catalogue Shelf -->\n            <div class=\"border-t border-slate-900 pt-8\">\n                <div class=\"flex items-center justify-between mb-8\">\n                    <h2 class=\"mc-subtitle-override text-xs uppercase tracking-[0.2em] font-bold text-brand-gold font-mono\">\n                        Published Volumes\n                    <\/h2>\n                    <span class=\"text-xs text-slate-500 font-mono\">Sorted: Issue Number<\/span>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                    \n                    <!-- ISSUE 01 -->\n                    <div onclick=\"navigateToIssue(1)\" class=\"magazine-shelf-card bg-brand-navy\/60 border border-slate-900 rounded-xl overflow-hidden cursor-pointer group flex flex-col h-full\">\n                        <div class=\"aspect-[4\/5] w-full bg-slate-950 overflow-hidden relative\">\n                            <img decoding=\"async\" \n                                src=\"https:\/\/moralitycentral.com\/wp-content\/uploads\/2026\/06\/MC-Magazine-Issue-01.png\" \n                                alt=\"MC Magazine Issue 01 Cover\" \n                                class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\"\n                                onerror=\"this.src='https:\/\/placehold.co\/420x525\/0b0f19\/c5a880?text=CONSCIOUS+GENERATION'\"\n                            \/>\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950 via-transparent to-transparent opacity-60\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-gold text-slate-950 text-[10px] font-mono font-bold uppercase px-2.5 py-1 rounded tracking-wider shadow-lg\">\n                                Issue 01\n                            <\/div>\n                        <\/div>\n                        <div class=\"p-6 flex flex-col flex-grow space-y-3\">\n                            <span class=\"text-[10px] text-brand-gold font-mono tracking-widest uppercase\">JANUARY 2026<\/span>\n                            <h3 class=\"text-xl font-serif font-bold text-white group-hover:text-brand-gold transition duration-200\">\n                                CONSCIOUS GENERATION\n                            <\/h3>\n                            <p class=\"text-slate-400 text-xs line-clamp-3 leading-relaxed font-light\">\n                                Highlighting the spiritual core of our values through extensive analyses on Consent, Education, Desensitisation, and prophetic models.\n                            <\/p>\n                            <div class=\"pt-4 mt-auto border-t border-slate-900 flex items-center justify-between text-xs text-brand-gold font-mono\">\n                                <span>13 Articles inside<\/span>\n                                <span class=\"group-hover:translate-x-1 transition-transform duration-200\">View Issue <i class=\"fas fa-arrow-right ml-1\"><\/i><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- ISSUE 02 PLACEHOLDER -->\n                    <div class=\"bg-brand-navy\/20 border border-slate-900\/40 rounded-xl overflow-hidden relative flex flex-col h-full opacity-70\">\n                        <div class=\"aspect-[4\/5] w-full bg-slate-950\/40 flex items-center justify-center p-8 border-b border-slate-900\/35 relative\">\n                            <div class=\"text-center space-y-2\">\n                                <i class=\"fas fa-lock text-slate-700 text-3xl\"><\/i>\n                                <span class=\"block text-xs font-mono text-slate-500 uppercase tracking-widest\">In Development<\/span>\n                            <\/div>\n                            <div class=\"absolute top-4 left-4 bg-slate-800 text-slate-400 text-[10px] font-mono font-bold uppercase px-2.5 py-1 rounded tracking-wider\">\n                                Issue 02\n                            <\/div>\n                        <\/div>\n                        <div class=\"p-6 flex flex-col flex-grow space-y-3\">\n                            <span class=\"text-[10px] text-slate-600 font-mono tracking-widest uppercase\">UPCOMING RELEASE<\/span>\n                            <h3 class=\"text-xl font-serif font-bold text-slate-500\">\n                                Volume 02\n                            <\/h3>\n                            <p class=\"text-slate-600 text-xs leading-relaxed font-light\">\n                                Further explorations into moral constructs, theological philosophy, and countering modern societal decay.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- ISSUE 03 PLACEHOLDER -->\n                    <div class=\"bg-brand-navy\/20 border border-slate-900\/40 rounded-xl overflow-hidden relative flex flex-col h-full opacity-70\">\n                        <div class=\"aspect-[4\/5] w-full bg-slate-950\/40 flex items-center justify-center p-8 border-b border-slate-900\/35 relative\">\n                            <div class=\"text-center space-y-2\">\n                                <i class=\"fas fa-lock text-slate-700 text-3xl\"><\/i>\n                                <span class=\"block text-xs font-mono text-slate-500 uppercase tracking-widest\">Planned<\/span>\n                            <\/div>\n                            <div class=\"absolute top-4 left-4 bg-slate-800 text-slate-400 text-[10px] font-mono font-bold uppercase px-2.5 py-1 rounded tracking-wider\">\n                                Issue 03\n                            <\/div>\n                        <\/div>\n                        <div class=\"p-6 flex flex-col flex-grow space-y-3\">\n                            <span class=\"text-[10px] text-slate-600 font-mono tracking-widest uppercase\">FUTURE PLAN<\/span>\n                            <h3 class=\"text-xl font-serif font-bold text-slate-500\">\n                                Volume 03\n                            <\/h3>\n                            <p class=\"text-slate-600 text-xs leading-relaxed font-light\">\n                                Continuing the mission to construct robust Islamic alternatives and pathways for our generations.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n        <\/section>\n\n        <!-- VIEW 2: DEDICATED ISSUE 1 WORKSPACE -->\n        <section id=\"view-issue-1\" class=\"space-y-12 hidden transition-all duration-300\">\n            \n            <!-- Navigation Back Control -->\n            <div>\n                <button onclick=\"navigateToHub()\" class=\"inline-flex items-center space-x-2 text-xs font-mono text-brand-gold hover:text-white transition duration-200\">\n                    <i class=\"fas fa-arrow-left\"><\/i>\n                    <span>Back to Publications Hub<\/span>\n                <\/button>\n            <\/div>\n\n            <!-- Showcase Deck -->\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-start\">\n                \n                <!-- Cover Presentation Area -->\n                <div class=\"lg:col-span-5 flex flex-col items-center\">\n                    <div class=\"relative group w-full max-w-[420px] rounded-lg overflow-hidden shadow-2xl border border-brand-gold\/20 transition-all duration-300\">\n                        <img decoding=\"async\" \n                            src=\"https:\/\/moralitycentral.com\/wp-content\/uploads\/2026\/06\/MC-Magazine-Issue-01.png\" \n                            alt=\"MC Magazine Issue 01 - Conscious Generation Cover\" \n                            class=\"w-full h-auto object-cover transform group-hover:scale-[1.01] transition duration-500\"\n                            onerror=\"this.src='https:\/\/placehold.co\/420x600\/0b0f19\/c5a880?text=CONSCIOUS+GENERATION'\"\n                        \/>\n                        <div class=\"absolute inset-0 ring-1 ring-inset ring-brand-gold\/10 pointer-events-none\"><\/div>\n                    <\/div>\n                    \n                    <p class=\"text-[11px] font-mono text-slate-500 mt-4 tracking-wider text-center\">\n                        ARCHIVED REFERENCE: <span class=\"text-brand-gold\">12Jan2026 MC Inaugural Magazine.pdf<\/span>\n                    <\/p>\n                <\/div>\n\n                <!-- Showcase Text and Download Callouts -->\n                <div class=\"lg:col-span-7 space-y-8\">\n                    \n                    <div class=\"space-y-4\">\n                        <div class=\"flex flex-wrap items-center gap-3\">\n                            <span class=\"px-3 py-1 rounded bg-brand-gold\/10 text-brand-gold border border-brand-gold\/20 text-xs font-semibold tracking-widest uppercase font-mono\">\n                                Issue 01 (Inaugural)\n                            <\/span>\n                            <span class=\"text-xs text-slate-400 font-mono\">JANUARY 2026<\/span>\n                        <\/div>\n                        \n                        <h2 class=\"mc-subtitle-override text-4xl sm:text-5xl font-serif font-bold text-white tracking-tight leading-tight\">\n                            CONSCIOUS GENERATION\n                        <\/h2>\n                        \n                        <p class=\"text-lg italic font-serif text-brand-gold\/90 border-l-2 border-brand-gold\/40 pl-4 py-1\">\n                            \"So Where Are You Going?\"\n                            <span class=\"block text-xs font-sans tracking-widest text-slate-400 mt-1 uppercase font-normal\">QUR'AN [SURAH TAKWIR:26]<\/span>\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"space-y-4 text-slate-300 text-sm leading-relaxed text-justified font-light bg-brand-navyLight\/20 p-6 rounded-lg border border-slate-900\">\n                        <p>\n                            Our inaugural issue defines the foundational structures of morality, justice, and community empathy in a changing post-industrial era. Highlighting the spiritual core of our values through extensive analyses on Consent, Education, and prophetic models.\n                        <\/p>\n                        <div class=\"border-t border-slate-800\/60 pt-4 mt-4\">\n                            <span class=\"text-[10px] uppercase tracking-widest font-bold text-brand-gold block mb-1\">Opening Dedication<\/span>\n                            <p class=\"text-xs italic text-slate-400 font-serif\">\n                                \u201cLet there be a group among you who call others to goodness, encourage what is good, and forbid what is evil it is they who will be successful.\u201d \u2014 QUR'AN [SURAH AAL-I-IMRAAN: 104]\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- PDF Action Button referencing the verbatim file name -->\n                    <div class=\"pt-2\">\n                        <a \n                            href=\"https:\/\/moralitycentral.com\/wp-content\/uploads\/2026\/06\/12Jan2026-MC-Inaugural-Magazine.pdf\" \n                            target=\"_blank\" \n                            class=\"mc-btn-download-override inline-flex items-center justify-center space-x-3 w-full sm:w-auto\"\n                        >\n                            <i class=\"fas fa-file-pdf text-[14px] mr-2\"><\/i>\n                            <span>Download Full PDF Issue<\/span>\n                        <\/a>\n                        <p class=\"text-[11px] text-slate-500 mt-2 italic pl-1\">\n                            Direct reference file: \"12Jan2026 MC Inaugural Magazine.pdf\"\n                        <\/p>\n                    <\/div>\n\n                    <!-- About Morality Central Card -->\n                    <div class=\"bg-slate-950\/80 p-5 rounded-lg border border-slate-900 text-xs text-slate-400 space-y-2\">\n                        <strong class=\"text-slate-200 block uppercase tracking-wider font-semibold font-serif\">About Morality Central<\/strong>\n                        <p class=\"leading-relaxed text-justified\">\n                            Morality Central is a student-run initiative aiming to connect individuals with Islam. Our aim is to build a society which is upright in accordance with tenets of faith. The modern material world's focus on matter has disconnected people from their very spiritual existence and purpose. We intend to emphasise the relationship of man with his creator in order that the society as a collective whole, is able to tackle the ills of the society.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- Table of Contents and Article Indexing -->\n            <div class=\"space-y-6 pt-6 border-t border-slate-900\">\n                <div class=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4 pb-2 border-b border-slate-900\">\n                    <div>\n                        <h3 class=\"text-xs uppercase tracking-[0.25em] font-bold text-brand-gold\">Table of Contents &amp; Digital Index<\/h3>\n                        <p class=\"text-[11px] text-slate-500 mt-1\">Select any entry below to expand and read its full transcript inline.<\/p>\n                    <\/div>\n                    <div class=\"flex items-center gap-2 text-xs text-slate-400 font-mono bg-slate-950 px-3 py-1.5 rounded border border-slate-900 w-fit\">\n                        <i class=\"fas fa-book-open text-brand-gold\"><\/i>\n                        <span>13 Published Works Inside<\/span>\n                    <\/div>\n                <\/div>\n\n                <div id=\"articles-wrapper\" class=\"space-y-4\">\n                    <!-- Loaded dynamically via javascript -->\n                <\/div>\n            <\/div>\n\n        <\/section>\n\n    <\/div>\n\n    <!-- ================= LONG-FORM DIGITAL READER OVERLAY ================= -->\n    <div id=\"reader-overlay\" class=\"fixed inset-0 bg-slate-950\/95 backdrop-blur-md z-50 flex items-center justify-center p-4 hidden\">\n        <div class=\"bg-brand-charcoal border border-slate-800 rounded-lg w-full max-w-4xl max-h-[90vh] overflow-y-auto shadow-2xl p-6 sm:p-10 relative custom-scrollbar\">\n            \n            <button onclick=\"closeReader()\" class=\"absolute top-6 right-6 text-slate-400 hover:text-white transition-colors duration-200 focus:outline-none\">\n                <i class=\"fas fa-times text-2xl\"><\/i>\n            <\/button>\n\n            <!-- Metadata header of article reader -->\n            <div class=\"border-b border-slate-800 pb-6 mb-8 space-y-2\">\n                <div class=\"flex items-center gap-3\">\n                    <span id=\"reader-category\" class=\"text-[10px] uppercase tracking-widest font-mono text-brand-gold bg-brand-gold\/5 px-2.5 py-0.5 rounded border border-brand-gold\/15\">\n                        Category\n                    <\/span>\n                    <span id=\"reader-pages\" class=\"text-xs text-slate-500 font-mono\">Pages X-Y<\/span>\n                <\/div>\n                <h3 id=\"reader-title\" class=\"text-2xl sm:text-3xl font-serif font-bold text-white tracking-tight\">\n                    Article Title\n                <\/h3>\n                <p id=\"reader-author\" class=\"text-xs text-brand-gold font-mono\">\n                    By Author Name\n                <\/p>\n            <\/div>\n\n            <!-- Content Area inside digital view -->\n            <div id=\"reader-content\" class=\"text-slate-300 text-sm sm:text-base leading-relaxed space-y-6 text-justified font-light max-w-none prose prose-invert\">\n                <!-- Injected Text -->\n            <\/div>\n\n            <!-- Download and citation reference footer inside reader -->\n            <div class=\"border-t border-slate-800 mt-10 pt-6 flex flex-col sm:flex-row items-center justify-between gap-4\">\n                <span class=\"text-xs text-slate-400 italic font-mono\">Reference PDF: <strong class=\"text-brand-gold font-serif\">12Jan2026 MC Inaugural Magazine.pdf<\/strong><\/span>\n                <a href=\"https:\/\/moralitycentral.com\/wp-content\/uploads\/2026\/06\/12Jan2026-MC-Inaugural-Magazine.pdf\" target=\"_blank\" class=\"mc-btn-download-outline-override\">\n                    <i class=\"fas fa-file-pdf mr-2 text-[13px]\"><\/i> Download Full Issue\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <!-- ================= DATA & NAVIGATION SCRIPT ================= -->\n    <script>\n        const issueData = {\n            number: 1,\n            title: \"CONSCIOUS GENERATION\",\n            monthYear: \"JANUARY 2026\",\n            pdfUrl: \"https:\/\/moralitycentral.com\/wp-content\/uploads\/2026\/06\/12Jan2026-MC-Inaugural-Magazine.pdf\",\n            articles: [\n                {\n                    category: \"UNCHECKED REASON\",\n                    title: \"Consent: Whether A Supreme Arbiter of Morality?\",\n                    author: \"Azaa Junaid\",\n                    pages: \"1-4\",\n                    text: `\n                        <p class=\"font-serif text-lg text-brand-gold italic mb-6\">\"In law and moral philosophy, consent is not a single idea, it has several layers.\"<\/p>\n                        <p>Contemporary legal discourse often considers consent as the final moral arbiter. This paradigmatic and normative stance in secular law eliminates culpability from certain immoral acts on the premise of informed consent, particularly adultery, homosexuality, and prostitution, and attests no harm to them. In contrast, Islamic law considers such acts as inherently immoral, hence, they remain penal in nature and employ no weightage to consent, resulting in reproach for the supposed barbarity it sanctions against the principle of respect for an individual's autonomy. Yet the same secular legal philosophy, sociology, and public policy routinely regulate consensual acts, when their repercussions are social harm, structural exploitation, or institutional deterioration. This article argues that consent only removes duress, not necessarily guilt. It highlights the need for sexual ethics that societies apply to regulate sexual anarchic behavior without theological premises.<\/p>\n                        \n                        <h4 class=\"text-white font-serif text-lg mt-6 mb-2\">1. Consent Removes Coercion, Not Necessarily the Guilt<\/h4>\n                        <p>Consent refers to the doing of an act with reason and deliberation. A person possesses and exercises sufficient mental capacity to make an intelligent decision and reflects consent by performing an act recommended by another. It supposes three things, a physical power, a mental power, and a free and serious use of them. Under the dominance of contemporary jurisprudence, immoral acts generally escape legal liability, if carried out with one's consent. Interestingly, such justifications and exemptions are increasingly being endorsed with honor, particularly in acts paving the way to sexual anarchy. Nevertheless, this anarchy has a moral trump card of consent in modern discourse. This card is, however, not absolute from religious as well as secular paradigms.<\/p>\n                        <p>Consent only answers one question, \"Did he act under duress?\", but it fails to answer \"Whether the act is harmful?\", \"Is it socially degenerative?\" \"Does it cause social decay?\" or \"Does it exploit the vulnerable?\" Consent determines whether something is rape, but disregards whether something is wise, moral, or socially constructive. It advocates for bodily autonomy but overlooks exploitative relationships, destabilized commitments, harm to family structure, fracturing of social trust, and emotional damage. These harms operate independently of consent.<\/p>\n                        <p>Based on these foundations, not only the religious dictates but also the secular postulates reject the notion of consent being the supreme principle to gauge morality and legality of an act, for every society tends to fortify its social fabric. What delineates the two is that while the Islamic law functions on coherent principles, the secular law operates on incoherent principles, bringing about jurisprudential dissonance and disparity.<\/p>\n\n                        <h4 class=\"text-white font-serif text-lg mt-6 mb-2\">2. The Harm Principle Beyond Individual Autonomy<\/h4>\n                        <p>The harm principle propounds that the only valid ground for coercing an individual is to prevent harm to others. An individual's autonomy cannot be curtailed except to protect public order and individual interests like life, bodily integrity, and property. The secular law refuses to treat consent as a licence for acts that cause serious harm or that undermine core social interests; such acts remain punishable. It still regulates consensual acts, which appear to be non-injurious to society. It recognizes collateral or derivative effects inter alia, stability of the institution of marriage, public health, preserving lineage, and social trust.<\/p>\n                        \n                        <h5 class=\"text-slate-200 font-semibold mt-4\">2.1. Jurisprudential Foundations in Secular Law<\/h5>\n                        <p>A significant number of proponents of modern jurisprudence, social scientists did not consider consent as the supreme moral arbiter, nor did they accord primacy to an individual's autonomy over the social cohesion and public order, including Joel Feinberg, Durkheim, John Stuart Mill, Joseph Raz, and Patrick Devlin. Their works provide an extensive discussion on the limitations of consent and unbridled or unfettered individual autonomy. Though they diverged in where they drew the boundaries, each ultimately rejected the notion that mutual consent is unqualified.<\/p>\n                        <p>John Stuart Mill, who on one hand advocates, <em>\"The only purpose for which power can be rightfully exercised over any member of a civilized community, against his will, is to prevent harm to others...in the part which merely concerns himself, his independence is, of right, absolute...\"<\/em> contradicts his own position by conceding <em>\"As soon as any part of a person's conduct affects the interests of others, society has jurisdiction over it, and the question whether the general welfare will or will not be promoted by interfering with it, becomes open to discussion.\"<\/em><\/p>\n                        <p>Joseph Raz writes, <em>\"Autonomy requires that many morally acceptable options be available to a person.\"<\/em> To put it differently, an individual's autonomy functions within bounds of morality, it ought not to be exercised for acts detrimental to public morality.<\/p>\n                        <p>Patrick Devlin argues society has a \"moral fabric,\" and even consensual acts can undermine social cohesion. He stated: <em>\"...the true principle is that the law exists for the protection of society. It does not discharge its function by protecting the individual from injury, annoyance, corruption, and exploitation; the law must protect also the institutions and the community of ideas, political and moral, without which people cannot live together.\"<\/em><\/p>\n\n                        <h4 class=\"text-white font-serif text-lg mt-6 mb-2\">3. Consensual Acts Law Still Regulates<\/h4>\n                        <p>Purportedly, the secular law often assumes no harm in private consensual acts like adultery and Homosexuality, which normalize sexual anarchy. It argues that when two individuals consent to engage in a certain illicit act, society has no determinative role in it. The law nonetheless intervenes in consensual acts that seem, on their face, to be non-injurious to society.<\/p>\n                        <ul class=\"list-disc pl-5 space-y-2 mt-2\">\n                            <li><strong>Consensual homicide<\/strong> or assisted suicide remains heavily criminalized globally under standard modern penal codes.<\/li>\n                            <li><strong>Prostitution<\/strong> model codes limit the supremacy of consent to safeguard against human trafficking and structural exploitation (e.g., the Nordic Model).<\/li>\n                            <li><strong>Cannibalism<\/strong> remains fully punishable, regardless of explicit pacts or mutual consent between adults.<\/li>\n                            <li><strong>Consensual Incest<\/strong> is heavily banned in almost all civil and criminal frameworks worldwide to protect familial institutions and lineage.<\/li>\n                        <\/ul>\n\n                        <h4 class=\"text-white font-serif text-lg mt-6 mb-2\">4. Islamic Law and Consent<\/h4>\n                        <p>This has been dismantled to the extent that consent does not hold absolute status as a factor in determining the legality of an act, and the idea of individual liberty is not without restrictions. Zina (Pre-marital relations and Adultery) and Sodomy are among the penal offences in Islam; consent has no significance in these matters. They are not merely private wrongs, rather, they are directly violative of the commands of Allah, which cannot be contracted out. Consent does not purify the prohibited, nor does it convert Haram (Prohibited) into Halal (Permitted).<\/p>\n\n                        <h4 class=\"text-white font-serif text-lg mt-6 mb-2\">5. Final Reflections<\/h4>\n                        <p>The West's demand for hyper-autonomy is entirely ego-driven, lacking regard for collective social prosperity. They are putting to ruin the sacred familial institutions, annihilating social cohesion, and humanizing animalism. The family unit, unlike Western society, holds paramount importance in a Muslim society. Islam does not permit its decay by letting people give way to such desires outside the prescribed limits, and being ruled or enslaved by them.<\/p>\n                    `\n                },\n                {\n                    category: \"UNCHECKED REASON\",\n                    title: \"The Moral Degeneration of Education\",\n                    author: \"Sameera Irshad\",\n                    pages: \"5-9\",\n                    text: `\n                        <p class=\"font-serif text-lg text-brand-gold italic mb-6\">\"Education has now become a hollow pursuit of degrees, jobs and social recognition.\"<\/p>\n                        <p>The essence of education is beyond mere knowledge transmission. It is about shaping the person: morally, intellectually and spiritually. But today, this seems like a utopian version. Education has been reduced to a mere rat race, where measures of success are confined to grades, income levels and titles rather than the cultivation of moral integrity, critical reasoning, and spiritual awareness.<\/p>\n                        \n                        <h4 class=\"text-white font-serif text-lg mt-6 mb-2\">1. Key Causes<\/h4>\n                        <p>With the rise of industrialisation, colonialism, and later neoliberal economic systems, we have witnessed a gradual shift of education from moral formation to economic utility.<\/p>\n                        <ul class=\"list-disc pl-5 space-y-3 mt-2\">\n                            <li><strong>'End justifies the means':<\/strong> Schools and colleges have become factories to manufacture \"just another cog in the machine\". Paulo Freire refers to this as the \"banking model of education\".<\/li>\n                            <li><strong>'Worldly success comes first':<\/strong> Materialism has become the core of education today. Success is solely associated with wealth, power, and status, marginalising virtues such as humility and integrity.<\/li>\n                            <li><strong>'Digital exposure is education itself':<\/strong> Globally, teenagers spend an average of 30-40 hours per week online. Access to content without moral guidance turns education into a vehicle for spiritual distraction and moral decay.<\/li>\n                            <li><strong>'Feelings Over Responsibility':<\/strong> Overemphasis on subjective emotions weakens moral responsibility by normalising ethical lapses as natural impulses.<\/li>\n                            <li><strong>'Morality is personal; education neutral':<\/strong> Moral relativism where right and wrong are subjective replaces absolute ethical principles, producing skilled but unanchored individuals.<\/li>\n                        <\/ul>\n\n                        <h4 class=\"text-white font-serif text-lg mt-6 mb-2\">2. Core Suggestions<\/h4>\n                        <p>To reverse this drift, we must actively implement several structural changes:<\/p>\n                        <p><strong>Redefining Purpose:<\/strong> Education must recover its original purpose: the formation of character (tarbiyah). True elevation combines belief, understanding, and righteous action.<\/p>\n                        <p><strong>The Crucial Role of Parenting:<\/strong> Parents are the first educators. They must lead by example, manage digital use, and encourage self-reflection (muhasabah) in their children.<\/p>\n                    `\n                },\n                {\n                    category: \"UNCHECKED REASON\",\n                    title: \"Desensitisation of Society\",\n                    author: \"Heba Usmani\",\n                    pages: \"10-12\",\n                    text: `\n                        <p class=\"font-serif text-lg text-brand-gold italic mb-6\">\"We're taught moral principles to become more humane, but lacking role models makes us question their necessity.\"<\/p>\n                        <p>Despite a massive rise in literacy rates and global flows of information through social media, modern societies are witnessing a simultaneously rising trend of social unrest, crime, and normalization of evil. The contrast between what we preach and what we practice remains constant.<\/p>\n                        <h4 class=\"text-white font-serif text-lg mt-6 mb-2\">1. Major Contributors<\/h4>\n                        <p><strong>The Hollowness of the Education System:<\/strong> Students learn together for years yet know nothing about each other beyond names. Manners and morals are no longer prioritized over dry academic output.<\/p>\n                        <p><strong>Notion of Mediocrity and Individual Differences:<\/strong> Modern institutions often operate like capitalism, making the smart smarter while discarding and belittling the average achiever. In Islam, the only qualification to be cared for is brotherly Muslim identity.<\/p>\n                        <p><strong>Desensitisation through Digital Media:<\/strong> Continuous exposure to intense tragedies, violence, and dynamic media outrage has dulled our emotional thresholds. Real tragedies are reduced to scrollable aesthetic content and clickbait headlines.<\/p>\n                    `\n                },\n                {\n                    category: \"UNCHECKED REASON\",\n                    title: \"Challenge to Talaq E Hasan - A Concern for Muslim Women or a Path to Jurisprudential Majoritarianism?\",\n                    author: \"Abdul Hannan Qazi\",\n                    pages: \"13-15\",\n                    text: `\n                        <p>The Supreme Court of India's decision to accept petitions challenging Talaq E Hasan opens up severe questions regarding the legal identity and autonomy of minority personal laws. This judicial trend threatens to erode the protections of Article 25 of the Indian Constitution under the guise of 'gender justice'.<\/p>\n                        <h4 class=\"text-white font-serif text-lg mt-6 mb-2\">Understanding Talaq E Hasan<\/h4>\n                        <p>Under Islamic law, Talaq E Hasan is a deeply regulated procedural mode of divorce. It is pronounced over three separate periods of purity (Tuhr), which inherently enforces a cooling-off period of three months to explore reconciliation and mediation.<\/p>\n                        <p>This process is directly derived from Surah Al-Baqarah (Verse 229) and Surah At-Talaq (Verse 1), ensuring that arbitrary, instantaneous dissolution is prevented, and that the wife is entitled to shelter and support during the waiting period (Iddat).<\/p>\n                        <p>Historically, the Indian judiciary has repeatedly recognized Talaq E Hasan as a proper, valid, and non-arbitrary mode of divorce. The current challenge marks a dangerous intersection with majoritarian political agendas aimed at establishing a Uniform Civil Code by overriding minority legal frameworks.<\/p>\n                    `\n                },\n                {\n                    category: \"LIVING REVELATION\",\n                    title: \"Nurturing the Soul in a Digital World: Tazkiyatun Nafs and Social Media\",\n                    author: \"Zainab ul Ghazali\",\n                    pages: \"16-20\",\n                    text: `\n                        <p>Social media platforms are scientifically engineered to be highly addictive, exploiting dopamine reward loops to hold human attention. When the heart is not continuously occupied with remembrance of Allah and purposeful work, it easily falls victim to these digital voids.<\/p>\n                        <h4 class=\"text-white font-serif text-lg mt-6 mb-2\">The Digital Pitfalls<\/h4>\n                        <ul class=\"list-disc pl-5 space-y-3 mt-2\">\n                            <li><strong>Digital Free Mixing (Ikhtilat):<\/strong> Informality in comments, DMs, and public displays of personal lives erodes Haya (modesty) and weakens protective jealousy (Ghayrah).<\/li>\n                            <li><strong>Algorithm-Driven Desires:<\/strong> Visual content combined with repetitive stimulation acts as a vector for unchecked desires, creating permanent 'brain fog' that hampers reflection and focus during Salah.<\/li>\n                            <li><strong>Emotional Avoidance:<\/strong> Continuous scrolling acts as a false anesthetic, preventing users from facing real psychological and spiritual issues.<\/li>\n                        <\/ul>\n                        <h4 class=\"text-white font-serif text-lg mt-6 mb-2\">The Path to Rectification<\/h4>\n                        <p>We must aggressively curate our feeds, practice digital fasting (detox), apply the Islamic commandment of 'lowering the gaze' (Ghad-de-Basr) online, and establish strict private boundaries in messaging.<\/p>\n                    `\n                },\n                {\n                    category: \"PROPHETIC PRECEDENTS\",\n                    title: \"With Great Power Comes Great Responsibilities\",\n                    author: \"Rushil Rumaisa Fathima\",\n                    pages: \"21-24\",\n                    text: `\n                        <p>The roles, status, and authority we are given are not coincidence; they are an Amanah (trust) from Allah. As shepherds, we will be heavily questioned regarding our flocks.<\/p>\n                        <p>When obligations begin to feel heavy, we often face the urge to walk away, emotionally withdraw, or compromise on our principles to avoid conflict. In these moments of darkness, we must revisit the story of Prophet Yoonus (AS).<\/p>\n                        <p>Prophet Yoonus (AS) left his city in frustration when his people rejected his guidance. Swallowed by the great fish, he turned to Allah in absolute humility inside the pitch darkness, declaring: <em>\"There is no deity except You; exalted are You. Indeed, I have been of the wrongdoers.\"<\/em><\/p>\n                        <p>His story teaches us that true relief does not lie in abandoning our God-given duties, but in turning back to Him with consistent remembrance and accountability.<\/p>\n                    `\n                },\n                {\n                    category: \"MANNERS\",\n                    title: \"The Prophetic Model of 'Conversation': A Pedagogical Perspective\",\n                    author: \"Nazrah Adeel\",\n                    pages: \"25-27\",\n                    text: `\n                        <p>Speech is among the greatest blessings bestowed upon humankind. The Qur'an establishes beautiful guidelines for dynamic dialogue: using only the politest of words (Ahsan), speaking in a firm, precise, and straightforward manner (Sadeed), and addressing others with softness and kindness (Layyin).<\/p>\n                        <h4 class=\"text-white font-serif text-lg mt-6 mb-2\">Parenting and Dialogue<\/h4>\n                        <p>This communicative approach is vital when raising children. We have magnificent Qur'anic models:<\/p>\n                        <p><strong>Prophet Yaqub (AS):<\/strong> Listened to young Yusuf's dream with patience, validating his emotions while teaching him resilience against the whispers of Satan.<\/p>\n                        <p><strong>Prophet Ibrahim (AS):<\/strong> When commanded to perform the sacrifice, he sought his son Ismaeel's opinion through open-ended questions, fostering mutual respect, confidence, and absolute trust in the divine decree.<\/p>\n                    `\n                },\n                {\n                    category: \"PROPHETIC PRECEDENTS\",\n                    title: \"Rejected and Abandoned: The Trial of Ambiya\",\n                    author: \"Madiha Rabbani\",\n                    pages: \"28-31\",\n                    text: `\n                        <p>When trials press down on a believer, the feeling of abandonment can seem real. However, every struggle is a divine invitation to discover Allah's names: Al-Aleem (The All-Knowing) and Al-Hakeem (The All-Wise).<\/p>\n                        <p>True resilience is built through understanding the immense trials faced by the Prophets (Ambiya):<\/p>\n                        <ul class=\"list-disc pl-5 space-y-3 mt-2\">\n                            <li><strong>Prophet Nuh (AS):<\/strong> Endured 950 years of rejection, witnessing even his wife and son perish in the flood, yet remained steadfast.<\/li>\n                            <li><strong>Prophet Moosa (AS):<\/strong> Spent ten years in exile as an expat shepherd, stripped of comfort, yet trusted his Lord completely.<\/li>\n                            <li><strong>Prophet Ibrahim (AS):<\/strong> Commanded to sacrifice his beloved child, submitting instantly, proving absolute faith.<\/li>\n                            <li><strong>Prophet Yoosuf (AS):<\/strong> Betrayed by brothers, sold into slavery, and imprisoned for years, yet used his trials to call others to Tawheed.<\/li>\n                        <\/ul>\n                    `\n                },\n                {\n                    category: \"LIVING REVELATION\",\n                    title: \"So Where Are You Going?\",\n                    author: \"Sameera Irshad\",\n                    pages: \"32-34\",\n                    text: `\n                        <p>Surah At-Takwir confronts humanity with a stark question: <em>\"Fa-ayna Tazhabun\"<\/em>\u2014So, where are you going? This question challenges an unreflective life that prioritizes fast movement over correct spiritual direction.<\/p>\n                        <p>The surah opens by dismantling our illusion of permanent worldly security through description of cosmic collapse on the Day of Judgement. It forces the soul to look inwards, reminding us that we cannot escape accountability, nor can we shift blame to societal norms or trends.<\/p>\n                        <p>Before running blindly with the crowd, we must pause, reflect on our final destination, and realign our daily actions with revelation.<\/p>\n                    `\n                },\n                {\n                    category: \"FAITH IN VERSES\",\n                    title: \"The Abominable Rainbow\",\n                    author: \"Sameera Irshad\",\n                    pages: \"35\",\n                    text: `\n                        <p class=\"font-serif italic text-brand-gold text-lg mb-4\">\"Against the laws of nature, how audaciously they fight...\"<\/p>\n                        <p class=\"whitespace-pre-line leading-relaxed text-slate-300\">\n                            Justifying themselves, shouting out loud.\n                            Is it really an achievement? Why so proud?\n                            And youth today, falling into propaganda,\n                            calling themselves woke, yet following the crowd.\n                            \n                            Against the laws of nature, how audaciously they fight.\n                            Don't they fear? How wrath of God they invite,\n                            Brazenly declaring war against their creator,\n                            And then wondering the reason for their plight.\n                            \n                            The rainbow is nothing but delusion,\n                            Drawing masses into moral revulsion,\n                            Compelling them to question their identity,\n                            And fall into the trap of an illusion.\n                            \n                            You deny what even skeletons from centuries ago\n                            Can clearly evince, but you still forego.\n                            Spreading immorality, insanity in ways.\n                            History edifies its outcome, don't they know?\n                        <\/p>\n                    `\n                },\n                {\n                    category: \"FAITH IN VERSES\",\n                    title: \"Gaza will Never Fall\",\n                    author: \"Nimra Ali\",\n                    pages: \"36\",\n                    text: `\n                        <p class=\"font-serif italic text-brand-gold text-lg mb-4\">\"No food to eat, no home to rest, but faith lives loud in every chest...\"<\/p>\n                        <p class=\"whitespace-pre-line leading-relaxed text-slate-300\">\n                            Gaza bleeds, but still it stands,\n                            With broken walls and shattered lands,\n                            Smoke may rise and sky may burn,\n                            But hearts of stone will never turn.\n                            \n                            The bombs fall loud, the nights are long,\n                            Yet every soul keeps growing strong,\n                            They fast they pray, they stand so tall,\n                            With nothing left, they still have all.\n                            \n                            Mothers clutch their babies tight,\n                            While fathers walk through endless night,\n                            The world just watches, turns away,\n                            But GAZA wakes to fight each day.\n                        <\/p>\n                    `\n                },\n                {\n                    category: \"FAITH IN VERSES\",\n                    title: \"Some are Yusufs\",\n                    author: \"Azaa Junaid\",\n                    pages: \"37\",\n                    text: `\n                        <p class=\"font-serif italic text-brand-gold text-lg mb-4\">\"Some are Yusufs of tender age, coveted and hated for being loved...\"<\/p>\n                        <p class=\"whitespace-pre-line leading-relaxed text-slate-300\">\n                            Some are Yusufs of tender age,\n                            Coveted and hated for being loved, treasured, and cherished;\n                            Betrayed and traduced by those endeared to their cores.\n                            \n                            Some are Yusufs of the well,\n                            thrown abandoned, engrossed in dullness and gloom,\n                            Not a hand to lift them up, not a rope to climb up.\n                            \n                            Some are Yusufs, bid in trade,\n                            in the markets of slaves, precious and exquisite,\n                            Yet merchandised for pennies, in the hands of despicable ignobles.\n                        <\/p>\n                    `\n                },\n                {\n                    category: \"FAITH IN VERSES\",\n                    title: \"Laut Chalein\",\n                    author: \"Abdul Hannan Qazi\",\n                    pages: \"38-39\",\n                    text: `\n                        <p class=\"font-serif italic text-brand-gold text-lg mb-4\">\"Chalo daawat-e-Tauheed ka kaam kiya jae...\"<\/p>\n                        <p class=\"whitespace-pre-line leading-relaxed text-slate-300\">\n                            Phir hukm-e-Iqra ka ehteram kiya jae\n                            Phir apne haasidon ko salam kiya jae\n                            In but faroshon ke beech phir ek baar\n                            Chalo daawat-e-Tauheed ka kaam kiya jae\n                            \n                            Phir ek baar padha jae Alif Laam o Meem\n                            Kaalak lage dil ko kiya jae qalb-e-saleem\n                            Zabaan se nahi ab rooh se karaya jae ada\n                            Subhana Rabbi al A'la, Subhana Rabbi al Azeem\n                            \n                            Apne ajdaad ki ghaltiyon ko tasleem kar le\n                            Zulmat mein bahe ansuon ko tasneem kar le\n                            Seene par rakh phir pathar ae Bilal\n                            La Ilaha Illallah ki takreem kar le\n                        <\/p>\n                    `\n                }\n            ]\n        };\n\n        window.onload = function() {\n            renderTableOfContents();\n            handleRouting();\n            window.addEventListener('hashchange', handleRouting);\n        };\n\n        function handleRouting() {\n            const hash = window.location.hash;\n            if (hash === '#issue-1') {\n                showIssueDetail();\n            } else {\n                showHubView();\n            }\n        }\n\n        function navigateToIssue(number) {\n            if (number === 1) {\n                window.location.hash = 'issue-1';\n            }\n        }\n\n        function navigateToHub() {\n            window.location.hash = '';\n        }\n\n        function showIssueDetail() {\n            document.getElementById('view-hub').classList.add('hidden');\n            document.getElementById('view-issue-1').classList.remove('hidden');\n            \n            \/\/ Scroll dynamically to the top of the portal container wrapper instead of jumping window viewport\n            const portal = document.getElementById('mc-magazines-portal');\n            if (portal) {\n                portal.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        }\n\n        function showHubView() {\n            document.getElementById('view-issue-1').classList.add('hidden');\n            document.getElementById('view-hub').classList.remove('hidden');\n            \n            \/\/ Scroll dynamically to the top of the portal container wrapper\n            const portal = document.getElementById('mc-magazines-portal');\n            if (portal) {\n                portal.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        }\n\n        function renderTableOfContents() {\n            const container = document.getElementById('articles-wrapper');\n            container.innerHTML = '';\n\n            issueData.articles.forEach((art, index) => {\n                const item = document.createElement('div');\n                item.className = \"article-card p-5 bg-brand-navyLight\/10 border border-slate-900 rounded-lg cursor-pointer transition-all duration-300 flex flex-col sm:flex-row sm:items-center justify-between gap-4 hover:border-brand-gold\/40 hover:bg-brand-navyLight\/40\";\n                item.setAttribute('onclick', `openReader(${index})`);\n                \n                item.innerHTML = `\n                    <div class=\"space-y-1.5 flex-1 pr-4\">\n                        <span class=\"text-[9px] font-mono tracking-widest uppercase text-brand-gold bg-brand-gold\/5 px-2 py-0.5 rounded border border-brand-gold\/10\">\n                            ${art.category}\n                        <\/span>\n                        <h4 class=\"text-sm font-serif font-bold text-white group-hover:text-brand-gold transition duration-200 mt-1\">\n                            ${art.title}\n                        <\/h4>\n                        <p class=\"text-xs text-slate-400\">By ${art.author}<\/p>\n                    <\/div>\n                    <div class=\"flex items-center justify-between sm:justify-end gap-4 border-t sm:border-t-0 border-slate-800\/40 pt-2 sm:pt-0\">\n                        <span class=\"text-[11px] font-mono text-slate-500 whitespace-nowrap\">\n                            Pages ${art.pages}\n                        <\/span>\n                        <span class=\"text-xs text-brand-gold hover:text-white flex items-center gap-1.5 font-mono\">\n                            Read <i class=\"fas fa-chevron-right text-[10px]\"><\/i>\n                        <\/span>\n                    <\/div>\n                `;\n                container.appendChild(item);\n            });\n        }\n\n        function openReader(index) {\n            const art = issueData.articles[index];\n            document.getElementById('reader-category').innerText = art.category;\n            document.getElementById('reader-title').innerText = art.title;\n            document.getElementById('reader-author').innerText = `By ${art.author}`;\n            document.getElementById('reader-pages').innerText = `Pages ${art.pages}`;\n            document.getElementById('reader-content').innerHTML = art.text;\n            \n            document.getElementById('reader-overlay').classList.remove('hidden');\n            document.body.style.overflow = 'hidden';\n        }\n\n        function closeReader() {\n            document.getElementById('reader-overlay').classList.add('hidden');\n            document.body.style.overflow = '';\n        }\n    <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"<p>MC Magazines &#8211; Morality Central Publications MC Magazines Portal Morality Central is a student-run initiative aiming to connect individuals with Islam and build an upright society in accordance with the tenets of faith. Our periodic magazines represent a collective intellectual revival\u2014addressing foundational structures of morality, family values, scientific reasoning, and prophetic ethics. Published Volumes Sorted: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-4977","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moralitycentral.com\/index.php?rest_route=\/wp\/v2\/pages\/4977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moralitycentral.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moralitycentral.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moralitycentral.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moralitycentral.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4977"}],"version-history":[{"count":22,"href":"https:\/\/moralitycentral.com\/index.php?rest_route=\/wp\/v2\/pages\/4977\/revisions"}],"predecessor-version":[{"id":5007,"href":"https:\/\/moralitycentral.com\/index.php?rest_route=\/wp\/v2\/pages\/4977\/revisions\/5007"}],"wp:attachment":[{"href":"https:\/\/moralitycentral.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}