299 lines
12 KiB
HTML
299 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Iqra Review — Al-Qalam (Direction 2: Foreign Affairs & LRB Dignity)</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
|
|
<style>
|
|
:root {
|
|
--bg-book: #FAFAF7;
|
|
--ink-black: #1C1E21;
|
|
--ink-muted: #55595E;
|
|
--accent-andalus: #165B33;
|
|
--border-whisper: #EBE8DD;
|
|
--border-rule: #DCD7C9;
|
|
}
|
|
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body {
|
|
background-color: var(--bg-book);
|
|
color: var(--ink-black);
|
|
font-family: 'Newsreader', Georgia, serif;
|
|
font-size: 19px;
|
|
line-height: 1.65;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
.container { max-width: 1120px; margin: 0 auto; padding: 0 32px; }
|
|
|
|
header.journal-header {
|
|
padding: 48px 0 28px;
|
|
text-align: center;
|
|
border-bottom: 1px solid var(--border-whisper);
|
|
}
|
|
.issue-dateline {
|
|
font-family: 'Inter', sans-serif;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.18em;
|
|
color: var(--ink-muted);
|
|
margin-bottom: 18px;
|
|
}
|
|
.journal-title {
|
|
font-family: 'Cormorant Garamond', serif;
|
|
font-size: 64px;
|
|
font-weight: 600;
|
|
letter-spacing: 0.22em;
|
|
text-transform: uppercase;
|
|
margin-bottom: 8px;
|
|
color: var(--ink-black);
|
|
}
|
|
.journal-tagline {
|
|
font-style: italic;
|
|
font-size: 18px;
|
|
color: var(--ink-muted);
|
|
margin-bottom: 24px;
|
|
}
|
|
nav.journal-nav {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 36px;
|
|
font-family: 'Inter', sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
letter-spacing: 0.1em;
|
|
text-transform: uppercase;
|
|
border-top: 1px solid var(--border-whisper);
|
|
padding-top: 14px;
|
|
}
|
|
nav.journal-nav a { color: var(--ink-muted); text-decoration: none; transition: color 0.15s; }
|
|
nav.journal-nav a:hover { color: var(--accent-andalus); }
|
|
|
|
/* LEAD MONOGRAPH */
|
|
.lead-monograph {
|
|
padding: 56px 0;
|
|
border-bottom: 1px solid var(--border-whisper);
|
|
max-width: 820px;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
}
|
|
.monograph-label {
|
|
font-family: 'Inter', sans-serif;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.15em;
|
|
color: var(--accent-andalus);
|
|
margin-bottom: 12px;
|
|
display: block;
|
|
}
|
|
.monograph-title {
|
|
font-family: 'Cormorant Garamond', serif;
|
|
font-size: 52px;
|
|
font-weight: 600;
|
|
line-height: 1.15;
|
|
margin-bottom: 20px;
|
|
}
|
|
.monograph-title a { color: inherit; text-decoration: none; }
|
|
.monograph-byline {
|
|
font-style: italic;
|
|
color: var(--ink-muted);
|
|
font-size: 16px;
|
|
margin-bottom: 24px;
|
|
}
|
|
.pull-quote {
|
|
font-size: 24px;
|
|
font-style: italic;
|
|
line-height: 1.45;
|
|
color: var(--ink-black);
|
|
padding: 24px 36px;
|
|
border-left: 2px solid var(--accent-andalus);
|
|
border-right: 2px solid var(--accent-andalus);
|
|
margin: 28px 0;
|
|
background: #F4F3EE;
|
|
}
|
|
.monograph-preview {
|
|
text-align: left;
|
|
font-size: 19px;
|
|
line-height: 1.75;
|
|
color: #333;
|
|
}
|
|
.monograph-preview::first-letter {
|
|
float: left;
|
|
font-family: 'Cormorant Garamond', serif;
|
|
font-size: 64px;
|
|
line-height: 52px;
|
|
padding-right: 12px;
|
|
padding-top: 4px;
|
|
color: var(--accent-andalus);
|
|
}
|
|
|
|
/* 4-COLUMN QUAD TRIPTYCH */
|
|
.quad-matrix {
|
|
padding: 48px 0;
|
|
border-bottom: 1px solid var(--border-whisper);
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: 32px;
|
|
}
|
|
.matrix-col {
|
|
border-right: 1px solid var(--border-whisper);
|
|
padding-right: 24px;
|
|
}
|
|
.matrix-col:last-child { border-right: none; padding-right: 0; }
|
|
.matrix-theme {
|
|
font-family: 'Inter', sans-serif;
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.16em;
|
|
color: var(--accent-andalus);
|
|
margin-bottom: 12px;
|
|
display: block;
|
|
}
|
|
.matrix-headline {
|
|
font-family: 'Cormorant Garamond', serif;
|
|
font-size: 26px;
|
|
line-height: 1.25;
|
|
font-weight: 600;
|
|
margin-bottom: 10px;
|
|
}
|
|
.matrix-headline a { color: inherit; text-decoration: none; }
|
|
.matrix-headline a:hover { color: var(--accent-andalus); }
|
|
.matrix-col p { font-size: 15px; color: var(--ink-muted); line-height: 1.5; margin-bottom: 12px; }
|
|
.matrix-author { font-style: italic; font-size: 14px; color: var(--ink-black); }
|
|
|
|
/* SCHOLARLY FELLOWS */
|
|
.fellows-section { padding: 48px 0; }
|
|
.fellows-header {
|
|
text-align: center;
|
|
font-family: 'Cormorant Garamond', serif;
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
margin-bottom: 32px;
|
|
letter-spacing: 0.05em;
|
|
}
|
|
.fellows-row {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 28px;
|
|
}
|
|
.fellow-scholar-card {
|
|
border: 1px solid var(--border-whisper);
|
|
padding: 24px;
|
|
background: #fff;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
}
|
|
.fellow-scholar-name { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 700; }
|
|
.fellow-scholar-chair { font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase; color: var(--accent-andalus); letter-spacing: 0.08em; }
|
|
.fellow-scholar-card p { font-size: 14px; color: var(--ink-muted); line-height: 1.5; }
|
|
|
|
footer.journal-footer {
|
|
border-top: 1px solid var(--border-whisper);
|
|
padding: 36px 0;
|
|
text-align: center;
|
|
font-family: 'Inter', sans-serif;
|
|
font-size: 12px;
|
|
color: var(--ink-muted);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container">
|
|
<header class="journal-header">
|
|
<div class="issue-dateline">Autumn 2026 Issue · Volume IV · Published in Kuala Lumpur & London</div>
|
|
<div class="journal-title">Iqra Review</div>
|
|
<div class="journal-tagline">A Monograph of Islamic Philosophy, Jurisprudence & Sovereign Thought</div>
|
|
<nav class="journal-nav">
|
|
<a href="#">Essays & Treatises</a>
|
|
<a href="#">Juridical Wealth</a>
|
|
<a href="#">Tibb & Health</a>
|
|
<a href="#">Statecraft</a>
|
|
<a href="#">The Classical Polymath</a>
|
|
<a href="#">Editorial Fellowship</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- LEAD SCHOLARLY ESSAY -->
|
|
<article class="lead-monograph">
|
|
<span class="monograph-label">Lead Philosophical Treatise</span>
|
|
<h1 class="monograph-title">
|
|
<a href="#">The Architecture of Tazkiyah: Diagnosing and Curing the Diseases of the Heart in the Age of Digital Fragmentation</a>
|
|
</h1>
|
|
<div class="monograph-byline">By Dr. Hakim Zainur Rahman · Fellow of the Shifa Desk · 24 Minute Reading</div>
|
|
<div class="pull-quote">
|
|
"Modern neuro-psychiatry treats the symptom; prophetic medicine treats the spiritual origin. The heart is not merely an anatomical pump, but the sovereign cognitive seat of discernment."
|
|
</div>
|
|
<div class="monograph-preview">
|
|
In classical Islamic psychology, anxiety, sorrow, and obsessive waswas are not viewed merely as neurochemical accidents, but as disruptions in spiritual equilibrium. This treatise examines the therapeutic architecture of Ibn al-Qayyim, al-Ghazali, and contemporary clinical cognitive reframing, providing a systematic protocol for cultivating inner tranquility in an accelerating world...
|
|
</div>
|
|
</article>
|
|
|
|
<!-- QUAD MATRIX -->
|
|
<section class="quad-matrix">
|
|
<div class="matrix-col">
|
|
<span class="matrix-theme">Juridical Wealth</span>
|
|
<h2 class="matrix-headline"><a href="#">Faraid, Hibah & Waqf Ahli: The Layered Tripartite Estate Defence</a></h2>
|
|
<p>A rigorous Shariah analysis on coordinating intergenerational gifts without fracturing the sacred Faraid balance.</p>
|
|
<div class="matrix-author">Dr. Tariq Al-Amiri</div>
|
|
</div>
|
|
|
|
<div class="matrix-col">
|
|
<span class="matrix-theme">Statecraft & Risk</span>
|
|
<h2 class="matrix-headline"><a href="#">The Shadow Tanker Fleet and Parallel Oil Settlements in East Asia</a></h2>
|
|
<p>How non-dollar clearing mechanisms are quietly rewriting maritime sovereignty across the Malacca Straits.</p>
|
|
<div class="matrix-author">Farhan Idris</div>
|
|
</div>
|
|
|
|
<div class="matrix-col">
|
|
<span class="matrix-theme">Classical Thought</span>
|
|
<h2 class="matrix-headline"><a href="#">Ibn Khaldun's Asabiyyah and the Longevity of Modern Family Enterprises</a></h2>
|
|
<p>Examining group cohesion, intergenerational decay, and governance lessons from fourteenth-century Tunis.</p>
|
|
<div class="matrix-author">Maryam Al-Andalusi</div>
|
|
</div>
|
|
|
|
<div class="matrix-col">
|
|
<span class="matrix-theme">Publisher's Column</span>
|
|
<h2 class="matrix-headline"><a href="#">The Sovereign Amanah: Why Muslim Capital Requires Independent Rail</a></h2>
|
|
<p>On building financial software, data indices, and institutional independence under Divine principles.</p>
|
|
<div class="matrix-author">Jauhari Che Wan</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- SCHOLARLY FELLOWSHIPS -->
|
|
<section class="fellows-section">
|
|
<h2 class="fellows-header">The Fellowships of Darul Falah</h2>
|
|
<div class="fellows-row">
|
|
<div class="fellow-scholar-card">
|
|
<span class="fellow-scholar-chair">Chair of Juridical Wealth</span>
|
|
<h3 class="fellow-scholar-name">Dr. Tariq Al-Amiri</h3>
|
|
<p>Senior Jurist specializing in cross-border estate succession, family constitutions, and private Waqf integration.</p>
|
|
</div>
|
|
<div class="fellow-scholar-card">
|
|
<span class="fellow-scholar-chair">Chair of Tibb & Shifa</span>
|
|
<h3 class="fellow-scholar-name">Dr. Hakim Zainur Rahman</h3>
|
|
<p>Integrative physician synthesizing prophetic medicine, chronobiology, and Islamic cognitive reframing.</p>
|
|
</div>
|
|
<div class="fellow-scholar-card">
|
|
<span class="fellow-scholar-chair">Chair of Intellectual History</span>
|
|
<h3 class="fellow-scholar-name">Maryam Al-Andalusi</h3>
|
|
<p>Scholar of classical Islamic philosophy, Andalusian governance, and early modern Southeast Asian manuscripts.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="journal-footer">
|
|
<p>Iqra Review · Published by Darul Falah Academic Press · ISSN 2990-1048</p>
|
|
</footer>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|