@@ -665,61 +665,90 @@ <h3 style="margin-top: 0; font-size: 14px;">County Statistics</h3>
665665
666666 <!-- ABOUT -->
667667 < section id ="page-about " class ="page " aria-labelledby ="about-title ">
668- < h1 id ="about-title "> About This Project</ h1 >
668+ < div style ="position: relative; margin: -18px -16px 60px -16px; padding: 80px 40px; background: linear-gradient(135deg, rgba(165, 28, 48, 0.05) 0%, rgba(165, 28, 48, 0.02) 100%); border-bottom: 1px solid rgba(165, 28, 48, 0.1); ">
669+ < div style ="max-width: 1040px; margin: 0 auto; ">
670+ < h1 id ="about-title " style ="margin: 0 0 16px 0; font-size: 42px; font-weight: 800; color: var(--text); line-height: 1.2; "> About This Project</ h1 >
671+ < p style ="margin: 0; font-size: 18px; color: var(--muted); max-width: 700px; "> Understanding the roots of political division through research and interactive exploration</ p >
672+ </ div >
673+ </ div >
669674
670- < div class ="card ">
671- < h2 > Featured Research</ h2 >
672- < p class ="muted " style ="margin-bottom: 15px; ">
673- Our work is based on groundbreaking research from the Social Economics Lab exploring how zero-sum beliefs
674- shape political attitudes and policy preferences:
675- </ p >
676- < ul class ="list ">
677- < li >
678- < strong > Zero-Sum Thinking and the Roots of U.S. Political Divides</ strong > —
679- < a href ="https://socialeconomicslab.org/research/publications/zero-sum-thinking-and-the-roots-of-u-s-political-divides/ " target ="_blank ">
680- Read the full publication →
681- </ a >
682- </ li >
683- < li >
684- < strong > More Research</ strong > —
685- < a href ="https://socialeconomicslab.org/research/ " target ="_blank ">
686- Browse all Social Economics Lab research →
687- </ a >
688- </ li >
689- </ ul >
675+ < div class ="card " style ="border-left: 5px solid #a51c30; background: linear-gradient(135deg, rgba(165, 28, 48, 0.02) 0%, rgba(255, 255, 255, 0) 100%); ">
676+ < div style ="display: flex; gap: 16px; align-items: flex-start; ">
677+ < div style ="flex-shrink: 0; width: 48px; height: 48px; background: rgba(165, 28, 48, 0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; ">
678+ < svg width ="28 " height ="28 " viewBox ="0 0 24 24 " fill ="none " stroke ="#a51c30 " stroke-width ="2 ">
679+ < path d ="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z "> </ path >
680+ </ svg >
681+ </ div >
682+ < div style ="flex: 1; ">
683+ < h2 style ="margin-top: 0; margin-bottom: 12px; color: var(--text); "> Featured Research</ h2 >
684+ < p class ="muted " style ="margin-bottom: 18px; ">
685+ Our work is based on groundbreaking research from the Social Economics Lab exploring how zero-sum beliefs
686+ shape political attitudes and policy preferences:
687+ </ p >
688+ < ul class ="list " style ="margin: 0; ">
689+ < li style ="margin-bottom: 12px; ">
690+ < strong > Zero-Sum Thinking and the Roots of U.S. Political Divides</ strong > —
691+ < a href ="https://socialeconomicslab.org/research/publications/zero-sum-thinking-and-the-roots-of-u-s-political-divides/ " target ="_blank " style ="color: #a51c30; text-decoration: none; font-weight: 500; transition: opacity 0.2s; ">
692+ Read the full publication →
693+ </ a >
694+ </ li >
695+ < li >
696+ < strong > More Research</ strong > —
697+ < a href ="https://socialeconomicslab.org/research/ " target ="_blank " style ="color: #a51c30; text-decoration: none; font-weight: 500; transition: opacity 0.2s; ">
698+ Browse all Social Economics Lab research →
699+ </ a >
700+ </ li >
701+ </ ul >
702+ </ div >
703+ </ div >
690704 </ div >
691705
692- < div class ="card ">
693- < h2 > How to Use This Platform</ h2 >
694- < p class ="muted " style ="margin-bottom: 15px; ">
695- Navigate through the platform to explore different dimensions of zero-sum thinking:
696- </ p >
697- < ul class ="list ">
698- < li > < strong > Learn:</ strong > Understand the concepts and how beliefs are measured.</ li >
699- < li > < strong > Test:</ strong > Answer questions about your own beliefs and see how you compare.</ li >
700- < li > < strong > Visualization:</ strong > Explore demographic patterns, policy correlations, and geographic distributions.</ li >
701- </ ul >
706+ < div class ="card " style ="border-left: 5px solid #06b6d4; background: linear-gradient(135deg, rgba(6, 182, 212, 0.02) 0%, rgba(255, 255, 255, 0) 100%); ">
707+ < div style ="display: flex; gap: 16px; align-items: flex-start; ">
708+ < div style ="flex-shrink: 0; width: 48px; height: 48px; background: rgba(6, 182, 212, 0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; ">
709+ < svg width ="28 " height ="28 " viewBox ="0 0 24 24 " fill ="none " stroke ="#06b6d4 " stroke-width ="2 ">
710+ < path d ="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z "> </ path >
711+ < circle cx ="12 " cy ="12 " r ="1 "> </ circle >
712+ </ svg >
713+ </ div >
714+ < div style ="flex: 1; ">
715+ < h2 style ="margin-top: 0; margin-bottom: 12px; color: var(--text); "> Share Your Feedback</ h2 >
716+ < p class ="muted " style ="margin-bottom: 12px; ">
717+ We'd love to hear from you! Your feedback helps us improve the platform and better serve researchers and policymakers.
718+ </ p >
719+ < p class ="muted " style ="margin-bottom: 16px; ">
720+ If you have suggestions, questions, or encounter any issues, we encourage you to get in touch.
721+ </ p >
722+ < a href ="mailto:socialeconomicslab@hks.harvard.edu " style ="display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; background: #06b6d4; color: white; text-decoration: none; border-radius: 6px; font-weight: 500; transition: background 0.2s; ">
723+ < svg width ="18 " height ="18 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 ">
724+ < rect x ="2 " y ="4 " width ="20 " height ="16 " rx ="2 "> </ rect >
725+ < path d ="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7 "> </ path >
726+ </ svg >
727+ Send Feedback
728+ </ a >
729+ </ div >
730+ </ div >
702731 </ div >
703732
704- < div class ="card ">
705- < h2 > The Project Team</ h2 >
706- < p class ="muted " style ="margin-bottom: 24px ; ">
733+ < div class ="card " style =" border-top: 5px solid #a51c30; " >
734+ < h2 style =" margin-top: 0; margin-bottom: 12px; " > The Project Team</ h2 >
735+ < p class ="muted " style ="margin-bottom: 32px ; ">
707736 Built by a dedicated team at Harvard Kennedy School's Social Economics Lab, this platform brings research to life through interactive exploration.
708737 </ p >
709738
710739 <!-- Team members grid -->
711- < div style ="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px , 1fr)); gap: 24px ; ">
740+ < div style ="display: grid; grid-template-columns: repeat(auto-fit, minmax(240px , 1fr)); gap: 28px ; ">
712741 <!-- Team member card -->
713- < div class ="team-member-card ">
714- < div class ="team-member-avatar " style ="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 48px; "> LC</ div >
715- < h3 class ="team-member-name "> Liyang Chen</ h3 >
716- < div class ="team-member-role "> Project Lead</ div >
717- < p class ="team-member-bio ">
742+ < div class ="team-member-card " style =" background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(102, 126, 234, 0) 100%); border: 1px solid rgba(102, 126, 234, 0.15); padding: 24px; border-radius: 12px; transition: all 0.3s ease; " >
743+ < div class ="team-member-avatar " style ="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 48px; margin-bottom: 16px; width: 80px; height: 80px; border-radius: 12px; "> LC</ div >
744+ < h3 class ="team-member-name " style =" margin: 0 0 8px 0; font-size: 18px; font-weight: 600; " > Liyang Chen</ h3 >
745+ < div class ="team-member-role " style =" font-size: 13px; font-weight: 500; color: #667eea; margin-bottom: 12px; " > Project Lead</ div >
746+ < p class ="team-member-bio " style =" margin: 0 0 16px 0; font-size: 14px; line-height: 1.5; color: var(--muted); " >
718747 MPA Student at Harvard Kennedy School. Passionate about understanding political beliefs and building tools for evidence-based policy dialogue.
719748 </ p >
720- < div class ="team-member-contact ">
721- < a href ="mailto:liyangchen@hks.harvard.edu " title ="Email Liyang ">
722- < svg width ="20 " height ="20 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 ">
749+ < div class ="team-member-contact " style =" display: flex; gap: 8px; " >
750+ < a href ="mailto:liyangchen@hks.harvard.edu " title ="Email Liyang " style =" width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: rgba(102, 126, 234, 0.1); border-radius: 8px; color: #667eea; transition: all 0.2s; text-decoration: none; " >
751+ < svg width ="18 " height ="18 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 ">
723752 < rect x ="2 " y ="4 " width ="20 " height ="16 " rx ="2 "> </ rect >
724753 < path d ="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7 "> </ path >
725754 </ svg >
@@ -728,16 +757,16 @@ <h3 class="team-member-name">Liyang Chen</h3>
728757 </ div >
729758
730759 <!-- Team member card -->
731- < div class ="team-member-card ">
732- < div class ="team-member-avatar " style ="background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 48px; "> JW</ div >
733- < h3 class ="team-member-name "> Junyu Wang</ h3 >
734- < div class ="team-member-role "> Developer</ div >
735- < p class ="team-member-bio ">
760+ < div class ="team-member-card " style =" background: linear-gradient(135deg, rgba(6, 182, 212, 0.05) 0%, rgba(6, 182, 212, 0) 100%); border: 1px solid rgba(6, 182, 212, 0.15); padding: 24px; border-radius: 12px; transition: all 0.3s ease; " >
761+ < div class ="team-member-avatar " style ="background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 48px; margin-bottom: 16px; width: 80px; height: 80px; border-radius: 12px; "> JW</ div >
762+ < h3 class ="team-member-name " style =" margin: 0 0 8px 0; font-size: 18px; font-weight: 600; " > Junyu Wang</ h3 >
763+ < div class ="team-member-role " style =" font-size: 13px; font-weight: 500; color: #06b6d4; margin-bottom: 12px; " > Developer</ div >
764+ < p class ="team-member-bio " style =" margin: 0 0 16px 0; font-size: 14px; line-height: 1.5; color: var(--muted); " >
736765 Graduate student at Harvard Kennedy School. Interested in technology, public policy, and finance development. Leading website development and technical implementation.
737766 </ p >
738- < div class ="team-member-contact ">
739- < a href ="mailto:jwang@hks.harvard.edu " title ="Email Junyu ">
740- < svg width ="20 " height ="20 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 ">
767+ < div class ="team-member-contact " style =" display: flex; gap: 8px; " >
768+ < a href ="mailto:jwang@hks.harvard.edu " title ="Email Junyu " style =" width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: rgba(6, 182, 212, 0.1); border-radius: 8px; color: #06b6d4; transition: all 0.2s; text-decoration: none; " >
769+ < svg width ="18 " height ="18 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 ">
741770 < rect x ="2 " y ="4 " width ="20 " height ="16 " rx ="2 "> </ rect >
742771 < path d ="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7 "> </ path >
743772 </ svg >
@@ -746,16 +775,16 @@ <h3 class="team-member-name">Junyu Wang</h3>
746775 </ div >
747776
748777 <!-- Team member card -->
749- < div class ="team-member-card ">
750- < div class ="team-member-avatar " style ="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 48px; "> SE</ div >
751- < h3 class ="team-member-name "> Social Economics Lab</ h3 >
752- < div class ="team-member-role "> Research Partner</ div >
753- < p class ="team-member-bio ">
778+ < div class ="team-member-card " style =" background: linear-gradient(135deg, rgba(245, 87, 108, 0.05) 0%, rgba(245, 87, 108, 0) 100%); border: 1px solid rgba(245, 87, 108, 0.15); padding: 24px; border-radius: 12px; transition: all 0.3s ease; " >
779+ < div class ="team-member-avatar " style ="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 48px; margin-bottom: 16px; width: 80px; height: 80px; border-radius: 12px; "> SE</ div >
780+ < h3 class ="team-member-name " style =" margin: 0 0 8px 0; font-size: 18px; font-weight: 600; " > Social Economics Lab</ h3 >
781+ < div class ="team-member-role " style =" font-size: 13px; font-weight: 500; color: #f5576c; margin-bottom: 12px; " > Research Partner</ div >
782+ < p class ="team-member-bio " style =" margin: 0 0 16px 0; font-size: 14px; line-height: 1.5; color: var(--muted); " >
754783 Harvard Kennedy School's lab dedicated to understanding how social preferences shape economic behavior and political attitudes.
755784 </ p >
756- < div class ="team-member-contact ">
757- < a href ="https://socialeconomicslab.org/ " target ="_blank " title ="Visit SEL Website ">
758- < svg width ="20 " height ="20 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 ">
785+ < div class ="team-member-contact " style =" display: flex; gap: 8px; " >
786+ < a href ="https://socialeconomicslab.org/ " target ="_blank " title ="Visit SEL Website " style =" width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: rgba(245, 87, 108, 0.1); border-radius: 8px; color: #f5576c; transition: all 0.2s; text-decoration: none; " >
787+ < svg width ="18 " height ="18 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 ">
759788 < circle cx ="12 " cy ="12 " r ="10 "> </ circle >
760789 < path d ="M12 16v-4m0-4h.01 "> </ path >
761790 </ svg >
@@ -764,6 +793,38 @@ <h3 class="team-member-name">Social Economics Lab</h3>
764793 </ div >
765794 </ div >
766795 </ div >
796+
797+ < div class ="card " style ="background: linear-gradient(135deg, rgba(165, 28, 48, 0.03) 0%, rgba(100, 100, 100, 0.01) 100%); border-left: 5px solid #999; border-top: none; ">
798+ < div style ="display: flex; gap: 16px; align-items: flex-start; ">
799+ < div style ="flex-shrink: 0; width: 48px; height: 48px; background: rgba(100, 100, 100, 0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; ">
800+ < svg width ="28 " height ="28 " viewBox ="0 0 24 24 " fill ="none " stroke ="#666 " stroke-width ="2 ">
801+ < path d ="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z "> </ path >
802+ </ svg >
803+ </ div >
804+ < div style ="flex: 1; ">
805+ < h2 style ="margin-top: 0; margin-bottom: 16px; color: var(--text); "> Acknowledgments</ h2 >
806+ < p class ="muted " style ="margin-bottom: 16px; ">
807+ This project was developed as part of the course:
808+ </ p >
809+ < div style ="background: white; border-radius: 8px; padding: 16px; margin-bottom: 16px; border: 1px solid rgba(165, 28, 48, 0.1); ">
810+ < p style ="margin: 0 0 12px 0; font-weight: 600; color: var(--text); font-size: 15px; ">
811+ DPI-691M: Programming and Data for Policymakers
812+ </ p >
813+ < p style ="margin: 0 0 4px 0; color: var(--muted); font-size: 14px; ">
814+ January 2026
815+ </ p >
816+ </ div >
817+ < p class ="muted " style ="margin-bottom: 8px; font-size: 14px; ">
818+ < strong > Instructors:</ strong >
819+ </ p >
820+ < ul style ="margin: 0; padding-left: 0; list-style: none; ">
821+ < li style ="margin-bottom: 8px; "> Dhrumil Mehta</ li >
822+ < li style ="margin-bottom: 8px; "> Aarushi Sahejpal</ li >
823+ < li > Asa Royal</ li >
824+ </ ul >
825+ </ div >
826+ </ div >
827+ </ div >
767828 </ section >
768829 </ main >
769830
0 commit comments