#1E2A78
#526283
#FFFFFF
#F4F7FA
#000000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<title>Research Paradigm - Firearms Compliance</title>
<style>
/* Reset and base */
* {
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background: #f4f7fa;
color: #33475b;
margin: 0;
padding: 1rem;
display: flex;
justify-content: center;
}
.container {
max-width: 480px;
width: 100%;
}
h1 {
text-align: center;
font-weight: 700;
font-size: 1.8rem;
margin-bottom: 2rem;
color: #1e2a78;
}
.box {
background: white;
border-radius: 12px;
border: 2px solid #1e2a78;
padding: 1rem 1.25rem;
box-shadow: 0 8px 16px rgba(30, 42, 120, 0.15);
margin-bottom: 1.5rem;
position: relative;
}
.box h2 {
font-size: 1.1rem;
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 700;
color: #1e2a78;
}
.box ul {
padding-left: 1.25rem;
margin: 0;
list-style-type: disc;
color: #526283;
font-size: 0.9rem;
}
/* Arrow container and arrows */
.arrow-down {
width: 24px;
height: 24px;
margin: 0 auto 1.5rem auto;
fill: #1e2a78;
display: block;
}
/* Responsive scaling */
@media (max-width: 600px) {
body {
padding: 0.75rem;
}
.container {
max-width: 100%;
}
h1 {
font-size: 1.5rem;
margin-bottom: 1.25rem;
}
.box {
padding: 0.75rem 1rem;
margin-bottom: 1rem;
}
.box h2 {
font-size: 1rem;
}
.box ul {
font-size: 0.85rem;
}
.arrow-down {
width: 20px;
height: 20px;
margin-bottom: 1rem;
}
}
</style>
</head>
<body>
<div class="container" role="main" aria-label="Research Paradigm on Firearms Compliance and Policy Implementation">
<h1>Research Paradigm: Firearms Compliance & Policy</h1>
<section class="box" aria-labelledby="systemic-level-title">
<h2 id="systemic-level-title">SYSTEMIC LEVEL (Policy Implementation Theory)</h2>
<ul>
<li><strong>Legislation/Law (RA 10591)</strong></li>
<li><strong>Administrative Procedures:</strong> LTOPF, Online System, PNP Oversight</li>
<li><strong>Enforcement Mechanisms and Capacity</strong></li>
<li><strong>Challenges:</strong> Bureaucratic, Logistical, Digital Literacy</li>
</ul>
</section>
<svg class="arrow-down" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<path d="M12 19l-7-7h5V5h4v7h5z"/>
</svg>
<section class="box" aria-label="Influence on Compliance Structures and Accessibility">
<h2>Influence on Compliance Structures and Accessibility</h2>
</section>
<svg class="arrow-down" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<path d="M12 19l-7-7h5V5h4v7h5z"/>
</svg>
<section class="box" aria-labelledby="individual-level-title">
<h2 id="individual-level-title">INDIVIDUAL LEVEL (Rational Choice Theory)</h2>
<ul>
<li><strong>Gun Owner Characteristics</strong> (Age, Profession, Location, etc.)</li>
<li><strong>Perceptions of Cost/Benefit</strong> (Convenience, Risk, Penalties)</li>
<li><strong>Decision-making:</strong> Compliance vs. Non-compliance</li>
<li><strong>Experiences with Registration, Renewal, and Enforcement</strong></li>
</ul>
</section>
<svg class="arrow-down" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<path d="M12 19l-7-7h5V5h4v7h5z"/>
</svg>
<section class="box" aria-label="Behavioral Outcome: Compliance or Not">
<h2>BEHAVIORAL OUTCOME: Compliance or Not</h2>
</section>
<svg class="arrow-down" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<path d="M12 19l-7-7h5V5h4v7h5z"/>
</svg>
<section class="box" aria-label="Resulting Phenomenon: Proliferation of Loose Firearms">
<h2>RESULTING PHENOMENON: Proliferation of Loose Firearms</h2>
</section>
<svg class="arrow-down" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<path d="M12 19l-7-7h5V5h4v7h5z"/>
</svg>
<section class="box" aria-label="Implications: Public Safety Risks, Policy Gaps, Optimization Needs">
<h2>IMPLICATIONS: Public Safety Risks, Policy Gaps, Optimization Needs</h2>
</section>
</div>
</body>
</html>
</content>
</create_file>
