Style Code of Conduct text

Author: hasparus

src/app/conf/2025/code-of-conduct/code-of-conduct.mdx

@@ -2,9 +2,11 @@ The Linux Foundation and its project communities are dedicated to providing a ha
 
 This Code of Conduct may be revised at any time by The Linux Foundation and the terms are non-negotiable. Your registration for or attendance at any Linux Foundation event, whether it's held in person or virtually, indicates your agreement to abide by this policy and its terms.
 
+<Callout>
 ## Expected Behavior
 
 All event participants, whether they are attending an in-person event or a virtual event, are expected to behave in accordance with professional standards, with both this Code of Conduct as well as their respective employer's policies governing appropriate workplace behavior and applicable laws.
+</Callout>
 
 ## Unacceptable Behavior
 
@@ -14,33 +16,38 @@ Individuals who participate (or plan to participate) in Linux Foundation events,
 
 Speakers should not use sexual language, images, or any language or images that would constitute harassment as defined above in their talks. Exhibitor booths serve as a platform for presenting businesses and/or projects and should maintain a professional and inclusive presence; therefore, the use of sexualized images, activities, materials, or attire, including costumes and uniforms that contribute to a sexualized environment, is strictly prohibited. Additionally, booths must not be utilized for political campaigning or promoting political causes, including the display or engagement in activities or materials that support such endeavors.
 
+<Callout>
 ## Consequences of Unacceptable Behavior
 
 If a participant engages in harassing behavior, whether in person or virtually, the conference organizers may take any action they deem appropriate depending on the circumstances, ranging from issuance of a warning to the offending individual to expulsion from the conference with no refund. The Linux Foundation reserves the right to exclude any participant found to be engaging in harassing behavior from participating in any further Linux Foundation events, trainings or other activities.
 
 If a participant (or individual wishing to participate in a Linux Foundation event, in-person and/or virtual), through postings on social media or other online publications or another form of electronic communication, engages in conduct that violates this policy, whether before, during or after a Linux Foundation event, The Linux Foundation may take appropriate corrective action, which could include imposing a temporary or permanent ban on an individual's participation in future Linux Foundation events.
+</Callout>
 
 ## What To Do If You Witness or Are Subject To Unacceptable Behavior
 
 If you are being harassed, notice that someone else is being harassed, or have any other concerns relating to harassment, please contact a member of the conference staff immediately. You are also encouraged to contact Angela Brown, Senior VP & General Manager of Events, at [[email protected]](mailto:[email protected]).
 
+<Callout>
 ## Incident Response
 
 Our staff has taken incident response training and responds to harassment reports quickly and thoroughly. As referenced above, if a participant engages in harassing behavior, whether in-person or virtually, the conference organizers may take any action they deem appropriate, ranging from issuance of a warning to the offending individual to expulsion from the conference with no refund, depending on the circumstances. The Linux Foundation reserves the right to exclude any participant found to be engaging in harassing behavior from participating in any further Linux Foundation events, trainings or other activities.
 
 Conference staff will also provide support to victims, including, but not limited to:
-
-- **Providing an Escort**
-- **Contacting Hotel/Venue Security or Local Law Enforcement**
-- **Briefing Key Event Staff For Response/Victim Assistance**
-- **And otherwise assisting those experiencing harassment to ensure that they feel safe for the duration of the conference.**
+- Providing an Escort
+- Contacting Hotel/Venue Security or Local Law Enforcement
+- Briefing Key Event Staff For Response/Victim Assistance
+- And otherwise assisting those experiencing harassment to ensure that they feel safe for the duration of the conference.
+</Callout>
 
 ## Health and Safety Requirements
 
 It is necessary for all attendees to cooperate and protect one another. For this reason, The Linux Foundation's events may have health and safety requirements (the "Health and Safety Requirements"). The specific requirements may vary from event to event, and will be communicated in writing prior to and during the event.
 
 If an attendee fails to comply with any of the Health and Safety Requirements, The Linux Foundation may (but is not obligated to) take appropriate corrective action, which could include immediate removal from the event and venue without a refund, and/or imposing a temporary or permanent ban on an individual's participation in future Linux Foundation events.
 
+<Callout>
 ## Pre-Event Concerns
 
 If you are planning to attend an upcoming event, whether in-person or virtually and have concerns regarding another individual who may be present, please contact Angela Brown ([[email protected]](mailto:[email protected])). Precautions will be taken to ensure your comfort and safety, including, but not limited to providing an escort, prepping onsite event staff, keeping victim and harasser from attending the same talks/social events and providing onsite contact cell phone numbers for immediate contact.
+</Callout>

src/app/conf/2025/code-of-conduct/page.tsx

@@ -31,6 +31,22 @@ export default function ResourcesPage() {
                   />
                 )
               },
+              ul: (props: React.HTMLAttributes<HTMLUListElement>) => {
+                return (
+                  <ul {...props} className={clsx(props.className, "-mt-6")} />
+                )
+              },
+              Callout: (props: React.HTMLAttributes<HTMLDivElement>) => {
+                return (
+                  <div
+                    {...props}
+                    className={clsx(
+                      props.className,
+                      "gql-prose-inner -mx-4 w-fit border border-neu-300 bg-neu-50 p-4 xl:my-4",
+                    )}
+                  />
+                )
+              },
             }}
           />
         </div>

src/app/conf/2025/resources/prose.css

@@ -9,7 +9,10 @@
   & > * {
     grid-column: var(--grid-col-content);
   }
+}
 
+.gql-prose,
+.gql-prose-inner {
   & h1 {
     @apply typography-h2 lg:col-span-full xl:pb-16;
   }
@@ -23,12 +26,24 @@
   & > p,
   & > ul,
   & > ol {
-    @apply max-w-[var(--prose-width)];
+    @apply max-w-[var(--prose-width)] text-neu-800;
   }
 
   & > p {
     @apply text-pretty;
   }
+
+  & > ul {
+    @apply list-disc pl-4;
+  }
+
+  & > ol {
+    @apply list-decimal pl-4;
+  }
+}
+
+.gql-prose-inner {
+  @apply grid grid-cols-1 gap-6;
 }
 
 .gql-sticky-aside {