Skip to content

Commit 7d3e29b

Browse files
ProCO-RPHopkinsProCO-RPHopkins
committed
content: updated diploma card
1 parent 0c42870 commit 7d3e29b

File tree

3 files changed

+36
-140
lines changed

3 files changed

+36
-140
lines changed

‎frontend/assets/logos/snhu.png‎

3.41 KB
Loading

‎frontend/index.html‎

Lines changed: 16 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -926,17 +926,29 @@ <h3 class="font-semibold mb-2">My Role — Research Lead</h3>
926926
<!-- ════════ EDUCATION & CERTS ════════ -->
927927
<section id="education" class="max-w-5xl mx-auto px-6 py-24">
928928
<h2 class="text-3xl font-bold mb-6 text-center text-teal-600 dark:text-teal-300">Education & Certificates</h2>
929+
929930
<div class="grid md:grid-cols-2 gap-8">
931+
930932
<div class="bg-white dark:bg-slate-800 rounded-2xl p-6 shadow-lg">
931933
<div class="flex items-start gap-4">
932-
<span class="text-3xl text-teal-500"><i class="ti ti-school"></i></span>
934+
<img src="assets/logos/snhu.png" alt="SNHU"
935+
class="w-8 h-8 object-contain rounded-sm ring-1 ring-gray-200 dark:ring-white/10 bg-white p-0.5" />
933936
<div>
934-
<p class="font-semibold text-lg">M.S. Industrial‑Organizational Psychology</p>
935-
<p class="text-gray-600 dark:text-white/75 text-sm">Southern New Hampshire University · 2023 - 2025</p>
936-
<p class="mt-2 text-gray-700 dark:text-white/85">Focus on human-AI collaboration models and organizational behavior in tech environments.</p>
937+
<p class="font-semibold text-lg">
938+
<a href="https://www.parchment.com/u/award/354d24c2d3342f1c741848bb9d18fe3f"
939+
target="_blank" rel="noopener"
940+
class="hover:text-teal-600 dark:hover:text-teal-300">
941+
M.S. Industrial-Organizational Psychology
942+
</a>
943+
</p>
944+
<p class="text-gray-600 dark:text-white/75 text-sm">Southern New Hampshire University · 2023 – 2025</p>
945+
<p class="mt-2 text-gray-700 dark:text-white/85">
946+
Experimental design and statistical analysis to improve workplace performance, leadership, and organizational change.
947+
</p>
937948
</div>
938949
</div>
939950
</div>
951+
940952
<div class="bg-white dark:bg-slate-800 rounded-2xl p-6 shadow-lg">
941953
<div class="flex items-start gap-4">
942954
<span class="text-3xl text-amber-500"><i class="ti ti-certificate"></i></span>

‎frontend/src/output.css‎

Lines changed: 20 additions & 136 deletions
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,10 @@
9292
--font-weight-bold: 700;
9393
--font-weight-extrabold: 800;
9494
--tracking-wide: 0.025em;
95+
--leading-snug: 1.375;
9596
--leading-relaxed: 1.625;
97+
--radius-sm: 0.25rem;
98+
--radius-md: 0.375rem;
9699
--radius-lg: 0.5rem;
97100
--radius-xl: 0.75rem;
98101
--radius-2xl: 1rem;
@@ -372,8 +375,8 @@
372375
.aspect-square {
373376
aspect-ratio: 1 / 1;
374377
}
375-
.h-5 {
376-
height: calc(var(--spacing) * 5);
378+
.h-8 {
379+
height: calc(var(--spacing) * 8);
377380
}
378381
.h-10 {
379382
height: calc(var(--spacing) * 10);
@@ -384,24 +387,9 @@
384387
.h-16 {
385388
height: calc(var(--spacing) * 16);
386389
}
387-
.h-18 {
388-
height: calc(var(--spacing) * 18);
389-
}
390390
.h-20 {
391391
height: calc(var(--spacing) * 20);
392392
}
393-
.h-24 {
394-
height: calc(var(--spacing) * 24);
395-
}
396-
.h-26 {
397-
height: calc(var(--spacing) * 26);
398-
}
399-
.h-32 {
400-
height: calc(var(--spacing) * 32);
401-
}
402-
.h-50 {
403-
height: calc(var(--spacing) * 50);
404-
}
405393
.h-64 {
406394
height: calc(var(--spacing) * 64);
407395
}
@@ -423,11 +411,8 @@
423411
.min-h-screen {
424412
min-height: 100vh;
425413
}
426-
.w-2 {
427-
width: calc(var(--spacing) * 2);
428-
}
429-
.w-5 {
430-
width: calc(var(--spacing) * 5);
414+
.w-8 {
415+
width: calc(var(--spacing) * 8);
431416
}
432417
.w-10 {
433418
width: calc(var(--spacing) * 10);
@@ -438,24 +423,9 @@
438423
.w-16 {
439424
width: calc(var(--spacing) * 16);
440425
}
441-
.w-18 {
442-
width: calc(var(--spacing) * 18);
443-
}
444426
.w-20 {
445427
width: calc(var(--spacing) * 20);
446428
}
447-
.w-24 {
448-
width: calc(var(--spacing) * 24);
449-
}
450-
.w-26 {
451-
width: calc(var(--spacing) * 26);
452-
}
453-
.w-32 {
454-
width: calc(var(--spacing) * 32);
455-
}
456-
.w-50 {
457-
width: calc(var(--spacing) * 50);
458-
}
459429
.w-78 {
460430
width: calc(var(--spacing) * 78);
461431
}
@@ -480,12 +450,6 @@
480450
.max-w-xl {
481451
max-width: var(--container-xl);
482452
}
483-
.border-collapse {
484-
border-collapse: collapse;
485-
}
486-
.transform {
487-
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
488-
}
489453
.animate-pulse {
490454
animation: var(--animate-pulse);
491455
}
@@ -578,13 +542,12 @@
578542
.rounded-lg {
579543
border-radius: var(--radius-lg);
580544
}
545+
.rounded-sm {
546+
border-radius: var(--radius-sm);
547+
}
581548
.rounded-xl {
582549
border-radius: var(--radius-xl);
583550
}
584-
.border {
585-
border-style: var(--tw-border-style);
586-
border-width: 1px;
587-
}
588551
.bg-amber-100 {
589552
background-color: var(--color-amber-100);
590553
}
@@ -741,6 +704,9 @@
741704
.object-cover {
742705
object-fit: cover;
743706
}
707+
.p-0\.5 {
708+
padding: calc(var(--spacing) * 0.5);
709+
}
744710
.p-1 {
745711
padding: calc(var(--spacing) * 1);
746712
}
@@ -939,9 +905,6 @@
939905
color: color-mix(in oklab, var(--color-white) 90%, transparent);
940906
}
941907
}
942-
.underline {
943-
text-decoration-line: underline;
944-
}
945908
.opacity-20 {
946909
opacity: 20%;
947910
}
@@ -999,19 +962,12 @@
999962
.ring-teal-500 {
1000963
--tw-ring-color: var(--color-teal-500);
1001964
}
1002-
.ring-white {
1003-
--tw-ring-color: var(--color-white);
1004-
}
1005965
.ring-white\/50 {
1006966
--tw-ring-color: color-mix(in srgb, #fff 50%, transparent);
1007967
@supports (color: color-mix(in lab, red, red)) {
1008968
--tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent);
1009969
}
1010970
}
1011-
.outline {
1012-
outline-style: var(--tw-outline-style);
1013-
outline-width: 1px;
1014-
}
1015971
.blur-3xl {
1016972
--tw-blur: blur(var(--blur-3xl));
1017973
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -1025,9 +981,6 @@
1025981
--tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
1026982
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1027983
}
1028-
.filter {
1029-
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1030-
}
1031984
.backdrop-blur {
1032985
--tw-backdrop-blur: blur(8px);
1033986
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -1038,10 +991,6 @@
1038991
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1039992
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1040993
}
1041-
.backdrop-filter {
1042-
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1043-
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1044-
}
1045994
.transition {
1046995
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
1047996
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1153,6 +1102,13 @@
11531102
}
11541103
}
11551104
}
1105+
.hover\:text-teal-600 {
1106+
&:hover {
1107+
@media (hover: hover) {
1108+
color: var(--color-teal-600);
1109+
}
1110+
}
1111+
}
11561112
.hover\:shadow-2xl {
11571113
&:hover {
11581114
@media (hover: hover) {
@@ -1231,41 +1187,11 @@
12311187
grid-column: span 2 / span 2;
12321188
}
12331189
}
1234-
.md\:mt-1 {
1235-
@media (width >= 48rem) {
1236-
margin-top: calc(var(--spacing) * 1);
1237-
}
1238-
}
1239-
.md\:mt-2 {
1240-
@media (width >= 48rem) {
1241-
margin-top: calc(var(--spacing) * 2);
1242-
}
1243-
}
1244-
.md\:mt-6 {
1245-
@media (width >= 48rem) {
1246-
margin-top: calc(var(--spacing) * 6);
1247-
}
1248-
}
1249-
.md\:mt-8 {
1250-
@media (width >= 48rem) {
1251-
margin-top: calc(var(--spacing) * 8);
1252-
}
1253-
}
1254-
.md\:mt-10 {
1255-
@media (width >= 48rem) {
1256-
margin-top: calc(var(--spacing) * 10);
1257-
}
1258-
}
12591190
.md\:mt-16 {
12601191
@media (width >= 48rem) {
12611192
margin-top: calc(var(--spacing) * 16);
12621193
}
12631194
}
1264-
.md\:mt-24 {
1265-
@media (width >= 48rem) {
1266-
margin-top: calc(var(--spacing) * 24);
1267-
}
1268-
}
12691195
.md\:flex {
12701196
@media (width >= 48rem) {
12711197
display: flex;
@@ -1332,11 +1258,6 @@
13321258
line-height: var(--tw-leading, var(--text-6xl--line-height));
13331259
}
13341260
}
1335-
.lg\:block {
1336-
@media (width >= 64rem) {
1337-
display: block;
1338-
}
1339-
}
13401261
.lg\:w-\[340px\] {
13411262
@media (width >= 64rem) {
13421263
width: 340px;
@@ -1655,36 +1576,11 @@
16551576
}
16561577
}
16571578
}
1658-
@property --tw-rotate-x {
1659-
syntax: "*";
1660-
inherits: false;
1661-
}
1662-
@property --tw-rotate-y {
1663-
syntax: "*";
1664-
inherits: false;
1665-
}
1666-
@property --tw-rotate-z {
1667-
syntax: "*";
1668-
inherits: false;
1669-
}
1670-
@property --tw-skew-x {
1671-
syntax: "*";
1672-
inherits: false;
1673-
}
1674-
@property --tw-skew-y {
1675-
syntax: "*";
1676-
inherits: false;
1677-
}
16781579
@property --tw-space-y-reverse {
16791580
syntax: "*";
16801581
inherits: false;
16811582
initial-value: 0;
16821583
}
1683-
@property --tw-border-style {
1684-
syntax: "*";
1685-
inherits: false;
1686-
initial-value: solid;
1687-
}
16881584
@property --tw-gradient-position {
16891585
syntax: "*";
16901586
inherits: false;
@@ -1804,11 +1700,6 @@
18041700
inherits: false;
18051701
initial-value: 0 0 #0000;
18061702
}
1807-
@property --tw-outline-style {
1808-
syntax: "*";
1809-
inherits: false;
1810-
initial-value: solid;
1811-
}
18121703
@property --tw-blur {
18131704
syntax: "*";
18141705
inherits: false;
@@ -1950,13 +1841,7 @@
19501841
@layer properties {
19511842
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
19521843
*, ::before, ::after, ::backdrop {
1953-
--tw-rotate-x: initial;
1954-
--tw-rotate-y: initial;
1955-
--tw-rotate-z: initial;
1956-
--tw-skew-x: initial;
1957-
--tw-skew-y: initial;
19581844
--tw-space-y-reverse: 0;
1959-
--tw-border-style: solid;
19601845
--tw-gradient-position: initial;
19611846
--tw-gradient-from: #0000;
19621847
--tw-gradient-via: #0000;
@@ -1983,7 +1868,6 @@
19831868
--tw-ring-offset-width: 0px;
19841869
--tw-ring-offset-color: #fff;
19851870
--tw-ring-offset-shadow: 0 0 #0000;
1986-
--tw-outline-style: solid;
19871871
--tw-blur: initial;
19881872
--tw-brightness: initial;
19891873
--tw-contrast: initial;

0 commit comments

Comments
 (0)