Skip to content

Commit 0c42870

Browse files
ProCO-RPHopkinsProCO-RPHopkins
committed
ux: padded capstone containers
1 parent 7944ffc commit 0c42870

File tree

1 file changed

+43
-40
lines changed

1 file changed

+43
-40
lines changed

‎frontend/index.html‎

Lines changed: 43 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -873,53 +873,56 @@ <h3 class="font-semibold mb-3">Technology Stack</h3>
873873

874874
<!-- ════════ CASE STUDY: CAPSTONE ════════ -->
875875
<section id="capstone-io" class="py-24">
876-
<div class="max-w-5xl mx-auto px-6 flex items-center justify-between mb-6">
877-
<h2 class="text-3xl font-bold text-teal-600 dark:text-teal-300">
878-
Case Study · Capstone (I-O Psychology)
879-
</h2>
880-
<div class="flex gap-3">
881-
<a href="https://docs.google.com/presentation/d/1RM04EsPeiL34__VhqWeOKPtR3FcDbnCX/edit?usp=sharing"
882-
target="_blank" rel="noopener"
883-
class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gradient-to-r from-teal-600 to-cyan-600 text-white text-sm font-semibold shadow-md hover:scale-105 transition ring-1 ring-teal-500">
884-
<i class="ti ti-presentation text-lg"></i>
885-
View Slideshow
886-
</a>
887-
<a href="https://drive.google.com/file/d/1ZYeAmoUZKIiaJpXmpDDLcLRNZQXHXwum/view?usp=sharing"
888-
target="_blank" rel="noopener"
889-
class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gradient-to-r from-teal-600 to-cyan-600 text-white text-sm font-semibold shadow-md hover:scale-105 transition ring-1 ring-teal-500">
890-
<i class="ti ti-headphones text-lg"></i>
891-
Play Podcast
892-
</a>
876+
<div class="max-w-5xl mx-auto px-6">
877+
<div class="flex items-center justify-between mb-6">
878+
<h2 class="text-3xl font-bold text-teal-600 dark:text-teal-300">
879+
Case Study · Capstone (I-O Psychology)
880+
</h2>
881+
<div class="flex gap-3">
882+
<a href="https://docs.google.com/presentation/d/1RM04EsPeiL34__VhqWeOKPtR3FcDbnCX/edit?usp=sharing"
883+
target="_blank" rel="noopener"
884+
class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gradient-to-r from-teal-600 to-cyan-600 text-white text-sm font-semibold shadow-md hover:scale-105 transition ring-1 ring-teal-500">
885+
<i class="ti ti-presentation text-lg"></i>
886+
View Slideshow
887+
</a>
888+
<a href="https://drive.google.com/file/d/1ZYeAmoUZKIiaJpXmpDDLcLRNZQXHXwum/view?usp=sharing"
889+
target="_blank" rel="noopener"
890+
class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gradient-to-r from-teal-600 to-cyan-600 text-white text-sm font-semibold shadow-md hover:scale-105 transition ring-1 ring-teal-500">
891+
<i class="ti ti-headphones text-lg"></i>
892+
Play Podcast
893+
</a>
894+
</div>
893895
</div>
894-
</div>
895896

896-
<div class="grid md:grid-cols-3 gap-6">
897-
<!-- Summary -->
898-
<div class="md:col-span-2 bg-white dark:bg-slate-800 rounded-2xl p-6 ring-1 ring-gray-200 dark:ring-white/10">
899-
<h3 class="font-semibold mb-2">Research Summary</h3>
900-
<p class="text-gray-700 dark:text-white/85">
901-
Proposed a metrics-based leadership intervention to <em>redirect</em> authoritarian leaders’ power needs toward
902-
goal attainment—testing whether this boosts employee motivation & morale in a realistic organizational setting.
903-
</p>
904-
<ul class="mt-4 space-y-2 text-gray-700 dark:text-white/80 text-sm">
905-
<li>• Single-group quasi-experimental design (pre / post / follow-up).</li>
906-
<li>• Validated instruments (e.g., PMI, UWES subscales); repeated-measures ANOVA.</li>
907-
<li>• Theory-driven: McClelland’s Power Needs & Self-Determination Theory.</li>
908-
</ul>
909-
</div>
897+
<div class="grid md:grid-cols-3 gap-6">
898+
<!-- Summary -->
899+
<div class="md:col-span-2 bg-white dark:bg-slate-800 rounded-2xl p-6 ring-1 ring-gray-200 dark:ring-white/10">
900+
<h3 class="font-semibold mb-2">Research Summary</h3>
901+
<p class="text-gray-700 dark:text-white/85">
902+
Proposed a metrics-based leadership intervention to <em>redirect</em> authoritarian leaders’ power needs toward
903+
goal attainment—testing whether this boosts employee motivation & morale in a realistic organizational setting.
904+
</p>
905+
<ul class="mt-4 space-y-2 text-gray-700 dark:text-white/80 text-sm">
906+
<li>• Single-group quasi-experimental design (pre / post / follow-up).</li>
907+
<li>• Validated instruments (e.g., PMI, UWES subscales); repeated-measures ANOVA.</li>
908+
<li>• Theory-driven: McClelland’s Power Needs & Self-Determination Theory.</li>
909+
</ul>
910+
</div>
910911

911-
<!-- Role/Skills -->
912-
<div class="bg-white dark:bg-slate-800 rounded-2xl p-6 ring-1 ring-gray-200 dark:ring-white/10">
913-
<h3 class="font-semibold mb-2">My Role — Research Lead</h3>
914-
<ul class="space-y-2 text-sm text-gray-700 dark:text-white/80">
915-
<li>• Built the study design, measures, and analysis plan.</li>
916-
<li>• Operationalized constructs; selected validated scales.</li>
917-
<li>• Planned data handling, ethics, and dissemination.</li>
918-
</ul>
912+
<!-- Role/Skills -->
913+
<div class="bg-white dark:bg-slate-800 rounded-2xl p-6 ring-1 ring-gray-200 dark:ring-white/10">
914+
<h3 class="font-semibold mb-2">My Role — Research Lead</h3>
915+
<ul class="space-y-2 text-sm text-gray-700 dark:text-white/80">
916+
<li>• Built the study design, measures, and analysis plan.</li>
917+
<li>• Operationalized constructs; selected validated scales.</li>
918+
<li>• Planned data handling, ethics, and dissemination.</li>
919+
</ul>
920+
</div>
919921
</div>
920922
</div>
921923
</section>
922924

925+
923926
<!-- ════════ EDUCATION & CERTS ════════ -->
924927
<section id="education" class="max-w-5xl mx-auto px-6 py-24">
925928
<h2 class="text-3xl font-bold mb-6 text-center text-teal-600 dark:text-teal-300">Education & Certificates</h2>

0 commit comments

Comments
 (0)