Small adjustments

PrairieLearn · Mar 13, 2024 · c531e33 · c531e33
1 parent b69f63f
commit c531e33
Show file tree

Hide file tree

Showing 12 changed files with 25 additions and 44 deletions.
diff --git a/src/lib/images/fingerprint.png b/src/lib/images/fingerprint.png
diff --git a/src/pages/about/index.tsx b/src/pages/about/index.tsx
@@ -55,7 +55,7 @@ export default function About() {
         subtitle="We are passionate about teaching and strive to deliver the best course material to our students."
       />
 
-      <div className={classnames("container-fluid py-4")}>
+      <div className="container-fluid py-4">
         <div className="container-md">
           <div className="row">
             <div className="col-md-6 order-1 pt-2">

diff --git a/src/pages/gallery/assessments/index.tsx b/src/pages/gallery/assessments/index.tsx
@@ -35,7 +35,7 @@ const AssessmentIndex: React.FC<AssessmentIndexProps> = ({ assessments }) => {
         subtitle="Building different types of activities for your class"
       />
 
-      <div className={classnames("container-fluid my-5")}>
+      <div className="container-fluid my-5">
         <div className="container-md">
           <div className="row">
             <div className="col-md-6 order-2 pt-4">

diff --git a/src/pages/gallery/courses/index.tsx b/src/pages/gallery/courses/index.tsx
@@ -86,7 +86,7 @@ export default function Courses() {
         subtitle="Collections of assessments and questions"
       />
 
-      <div className={classnames("container-fluid my-5")}>
+      <div className="container-fluid my-5">
         <div className="container-md">
           <Heading>Course Catalog</Heading>
           <p>
@@ -256,7 +256,7 @@ export default function Courses() {
         </div>
       </div>
 
-      <div className={classnames("container-fluid my-5")}>
+      <div className="container-fluid my-5">
         <div className="container-md">
           <h2 className="h4">Contribute to this page</h2>
           <p>

diff --git a/src/pages/gallery/questions/index.tsx b/src/pages/gallery/questions/index.tsx
@@ -36,7 +36,7 @@ const GalleryIndex: React.FC<GalleryIndexProps> = ({ questions }) => {
         subtitle="Create quality questions from a wide variety of input options"
       />
 
-      <div className={classnames("container-fluid my-5")}>
+      <div className="container-fluid my-5">
         <div className="container-md">
           <div className="row">
             <div className="col-md-6 order-2 pt-4">

diff --git a/src/pages/oer/index.tsx b/src/pages/oer/index.tsx
@@ -69,7 +69,7 @@ export default function Courses() {
         subtitle="Template questions to help you get started with PrairieLearn"
       />
 
-      <div className={classnames("container-fluid my-5")}>
+      <div className="container-fluid my-5">
         <div className="container-md">
           <Heading>Question Templates</Heading>
           <p>
@@ -96,7 +96,7 @@ export default function Courses() {
         </div>
       </div>
 
-      <div className={classnames("container-fluid my-5")}>
+      <div className="container-fluid my-5">
         <div className="container-md">
           <div className={styles.grid}>
             <CourseCard
@@ -198,7 +198,7 @@ export default function Courses() {
         </div>
       </div>
 
-      <div className={classnames("container-fluid my-5")}>
+      <div className="container-fluid my-5">
         <div className="container-md">
           <h2 className="h4">License</h2>
           <p>

diff --git a/src/pages/products/prairietest/index.tsx b/src/pages/products/prairietest/index.tsx
@@ -60,7 +60,7 @@ export default function PrairieTest() {
         </div>
       </div>
 
-      <div className={classnames("container-fluid my-5")}>
+      <div className="container-fluid my-5">
         <div className="container-md">
           <div className="row">
             <h2 className={classnames("mb-3 ", styles.color)}>
@@ -113,7 +113,7 @@ export default function PrairieTest() {
         </div>
       </div>
 
-      <div className={classnames("container-fluid my-5")}>
+      <div className="container-fluid my-5">
         <div className="container-md">
           <div className="row">
             <Heading>Student self-registration</Heading>
@@ -137,7 +137,7 @@ export default function PrairieTest() {
         </div>
       </div>
 
-      <div className={classnames("container-fluid my-5")}>
+      <div className="container-fluid my-5">
         <div className="container-md">
           <div className="row pb-4">
             <Heading>Exams delivered in different formats</Heading>

diff --git a/src/pages/products/testing-center/index.module.scss b/src/pages/products/testing-center/index.module.scss
@@ -5,27 +5,8 @@
   background-color: $gray-200;
 }
 
-.color {
-  color: $blue-700;
-}
-
-.center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-}
-
 .grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
   grid-gap: 1rem;
 }
-
-.card {
-  border: none;
-}
-
-.larger_font {
-  font-size: 1.2rem;
-}
diff --git a/src/pages/products/testing-center/index.tsx b/src/pages/products/testing-center/index.tsx
@@ -20,9 +20,9 @@ interface ValuePropCardProps {
 
 const ValuePropCard: React.FC<ValuePropCardProps> = ({ title, children }) => {
   return (
-    <article className={classnames("card overflow-hidden")}>
+    <article className="card overflow-hidden">
       <div className="card-body">
-        <h5 className="card-title h5">{title}</h5>
+        <h3 className="card-title h5">{title}</h3>
         {children}
       </div>
     </article>
@@ -40,7 +40,7 @@ export default function TestingCenter() {
         subtitle="Delivering secure computer-based exams at scale"
       />
 
-      <div className={classnames("container-fluid py-4")}>
+      <div className="container-fluid py-4">
         <div className="container-md">
           <div className="row align-items-center">
             <div className="col-md-6 order-md-1 pt-4">
@@ -50,7 +50,7 @@ export default function TestingCenter() {
                 </Heading>
               </div>
               <div className="row justify-content-center">
-                <p className={classnames("text-center", styles.larger_font)}>
+                <p className="lead text-center">
                   A testing center is a dedicated room equipped with computers
                   and supervised by proctors, where students can take secure
                   computer-based exams.
@@ -75,12 +75,12 @@ export default function TestingCenter() {
         </div>
       </div>
 
-      <div className={classnames("container-fluid my-4")}>
+      <div className="container-fluid my-4">
         <div className="container-md">
           <div className="row">
-            <h4 className={classnames("py-3 ", styles.color, styles.center)}>
+            <Heading className="text-center">
               Benefits of a testing center
-            </h4>
+            </Heading>
           </div>
           <div className={styles.grid}>
             <ValuePropCard title="Ultimate exam security">
@@ -150,7 +150,7 @@ export default function TestingCenter() {
       <div className={classnames("container-fluid py-4", styles.container)}>
         <div className="container-md">
           <div className="row">
-            <div className="col-md-6 order-1 pt-4">
+            <div className="col-md-6 order-1">
               <Image
                 src={reducedDistractionImage}
                 alt="seat in reduced distraction environment"
@@ -160,7 +160,7 @@ export default function TestingCenter() {
                 }}
               />
             </div>
-            <div className="col-md-6 order-2 pt-4">
+            <div className="col-md-6 order-2">
               <div className="row">
                 <Heading>Academic accommodations</Heading>
               </div>

diff --git a/src/pages/sigcse2024-bof/index.tsx b/src/pages/sigcse2024-bof/index.tsx
@@ -17,7 +17,7 @@ export default function SIGCSE2024() {
         subtitle="Technical Symposium on Computer Science Education"
       />
 
-      <div className={classnames("container-fluid py-4")}>
+      <div className="container-fluid py-4">
         <div className="container-md pt-2">
           <Stack spacing={4}>
             <Heading>BOF: Experiences With Computer-Based Testing</Heading>

diff --git a/src/pages/sigcse2024/index.tsx b/src/pages/sigcse2024/index.tsx
@@ -18,7 +18,7 @@ export default function SIGCSE2024() {
         subtitle="Technical Symposium on Computer Science Education"
       />
 
-      <div className={classnames("container-fluid py-4")}>
+      <div className="container-fluid py-4">
         <div className="container-md pt-2">
           <Stack spacing={4}>
             <Heading>
@@ -56,7 +56,7 @@ export default function SIGCSE2024() {
               authoring these assessments.
             </p>
 
-            <div className={classnames("container-fluid py-2")}>
+            <div className="container-fluid py-2">
               <div className="d-flex flex-row justify-content-center flex-wrap">
                 <Link
                   href="/sigcse2024/submit-questions"

diff --git a/src/pages/support/index.tsx b/src/pages/support/index.tsx
@@ -22,7 +22,7 @@ const HelpCard: React.FC<HelpCardProps> = ({ icon, title, href, children }) => {
       <div className="card-body">
         <Link href={href}>
           <h2 className="card-title h5 d-flex align-items-center">
-            <i className={classnames("bi", icon, "me-2")}></i>
+            <i className="bi", icon, "me-2"></i>
             {title}
           </h2>
         </Link>
@@ -103,7 +103,7 @@ export default function Support() {
         </div>
       </div>
 
-      <div className={classnames("container-fluid ")}>
+      <div className="container-fluid ">
         <div className="container-md">
           <div className="row">
             <div className="col-md-6 mb-5 mt-5 order-1">