set default styling for p and ul

Sebstep · Mar 8, 2024 · 0ca490b · 0ca490b
1 parent f807646
commit 0ca490b
Show file tree

Hide file tree

Showing 9 changed files with 31 additions and 29 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,3 +1,4 @@
 {
-    "editor.tabSize": 2
-}
+  "editor.tabSize": 2,
+  "css.lint.unknownAtRules": "ignore"
+}
diff --git a/app/about/page.tsx b/app/about/page.tsx
@@ -172,15 +172,15 @@ export default function About() {
           top="PROJECT CONSORTIUM"
           bottom="Participating Organizations"
         />
-        <p className="mb-8 leading-relaxed">
+        <p className="mb-8">
           Pathfinder is a collaborative Erasmus+ project that brings together leading
           institutions in higher education to address the challenges and opportunities
           presented by Artificial Intelligence (AI) in the educational landscape. Our
           consortium comprises esteemed universities and institutions from across Europe,
           each contributing their unique expertise and perspectives to this transformative
           initiative.
         </p>
-        <p className="mb-8 leading-relaxed">
+        <p className="mb-8">
           Our approach is guided by the principles of collaboration, knowledge-sharing,
           and responsible innovation. We strive to create a future where AI is embraced as
           a powerful tool for enhancing educational experiences and preparing learners for

diff --git a/app/artisan/page.tsx b/app/artisan/page.tsx
@@ -17,10 +17,10 @@ export default function Home() {
           mindset, and cultivates essential skills for continuous learning and
           adaptability.
         </p>
-        <p className="mb-4 leading-relaxed">
+        <p className="mb-4">
           <b>Key Features of ARTISAN:</b>
         </p>
-        <ul className="mb-8 leading-relaxed text-lg list-disc list-outside ml-4">
+        <ul className="mb-8">
           <li>
             Foundational courses on AI principles, applications, and ethical
             considerations
@@ -37,7 +37,7 @@ export default function Home() {
             development
           </li>
         </ul>
-        <p className="mb-8 leading-relaxed">
+        <p className="mb-8">
           By participating in ARTISAN, students gain a competitive edge in the job market,
           develop an entrepreneurial mindset, and become agents of change in the digital
           era, prepared to tackle complex challenges and drive innovation.

diff --git a/app/globals.css b/app/globals.css
@@ -4,7 +4,10 @@
 
 @layer base {
   p {
-    @apply text-lg;
+    @apply text-lg leading-relaxed;
+  }
+  ul {
+    @apply text-lg ml-4 list-disc list-outside;
   }
 }
 

diff --git a/app/guard/page.tsx b/app/guard/page.tsx
@@ -12,17 +12,17 @@ export default function Home() {
             top="GUARD"
             bottom="Generative Universal Assistant for Resourceful Development"
           />
-          <p className="mb-8 leading-relaxed">
+          <p className="mb-8">
             GUARD is an innovative AI-powered toolkit designed to assist educators in
             implementing AI technology in lesson planning and teaching. This practical
             solution empowers teachers to apply the SAGE framework in their coursework,
             facilitating personalized learning experiences and igniting learners&apos;
             creativity.
           </p>
-          <p className="mb-4 leading-relaxed">
+          <p className="mb-4">
             <b>Key Features of GUARD:</b>
           </p>
-          <ul className="mb-8 leading-relaxed text-lg list-disc list-outside ml-4">
+          <ul className="mb-8">
             <li>
               AI-driven lesson planning tools for creating engaging and interactive
               learning materials
@@ -37,7 +37,7 @@ export default function Home() {
               identifying areas for improvement
             </li>
           </ul>
-          <p className="mb-8 leading-relaxed">
+          <p className="mb-8">
             By leveraging the power of GUARD, educators can enhance their teaching
             practices, optimize student learning outcomes, and stay ahead of the curve in
             the rapidly evolving digital education landscape.

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -13,8 +13,6 @@ export const metadata: Metadata = {
   description: "An Erasmus+ project for higher education",
 };
 
-// TODO: The content currently scrolls behind the footer.
-
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">

diff --git a/app/page.tsx b/app/page.tsx
@@ -45,20 +45,20 @@ export default function Home() {
             top="PROJECT OBJECTIVE"
             bottom="Empowering Education Through AI"
           />
-          <p className="mb-8 leading-relaxed">
+          <p className="mb-8">
             Pathfinder is an Erasmus+ project that aims to advance the understanding and
             adoption of Artificial Intelligence (AI) technology in higher education. We
             equip educators and students with the knowledge, resources, and tools to
             facilitate the effective and responsible integration of AI in teaching and
             learning.
           </p>
 
-          <p className="mb-4 leading-relaxed">
+          <p className="mb-4">
             Our mission is to foster digital readiness, promote entrepreneurial
             innovation, and enhance employability by:
           </p>
 
-          <ul className="mb-8 leading-relaxed text-lg list-disc list-outside ml-4">
+          <ul className="mb-8">
             <li>Developing strategic guidelines for AI integration (SAGE)</li>
             <li>
               Creating AI-based tools for lesson planning and teaching support (GUARD)
@@ -67,7 +67,7 @@ export default function Home() {
               Providing a learning journey to enhance students&apos; AI literacy (ARTISAN)
             </li>
           </ul>
-          <p className="mb-8 leading-relaxed">
+          <p className="mb-8">
             Explore our website to learn more about our innovative approach to
             transforming higher education through AI.
           </p>

diff --git a/app/sage/page.tsx b/app/sage/page.tsx
@@ -9,21 +9,21 @@ export default function Home() {
           top="SAGE"
           bottom="Strategies for AI-Guided Education"
         />
-        <p className="mb-8 leading-relaxed">
+        <p className="mb-8">
           SAGE is a comprehensive and scalable instructional framework designed to guide
           educators in the effective and responsible integration of AI tools into higher
           education teaching.
         </p>
-        <p className="mb-8 leading-relaxed">
+        <p className="mb-8">
           This strategic framework serves as a blueprint for combining artificial
           intelligence technologies with innovative pedagogical approaches, improving
           digital teaching and learning practices across various courses.
         </p>
 
-        <p className="mb-4 leading-relaxed">
+        <p className="mb-4">
           <b>Key Features of SAGE:</b>
         </p>
-        <ul className="mb-8 leading-relaxed text-lg list-disc list-outside ml-4">
+        <ul className="mb-8 ">
           <li>
             Practical guidelines for incorporating AI into curriculum development and
             lesson planning Best practices for leveraging AI to personalize learning
@@ -38,7 +38,7 @@ export default function Home() {
             unbiased learning environments
           </li>
         </ul>
-        <p className="mb-8 leading-relaxed">
+        <p className="mb-8">
           By adopting SAGE, educators can harness the power of AI to revolutionize their
           teaching methods, creating dynamic and interactive learning experiences that
           prepare students for the digital age.

diff --git a/components/Navigation.tsx b/components/Navigation.tsx
@@ -44,16 +44,16 @@ function ResponsiveAppBar() {
         <Toolbar disableGutters>
           <SignpostIcon sx={{ display: { xs: "none", md: "flex" }, mr: 1 }} />
           <Typography
-            variant="h6"
+            variant="h5"
             noWrap
             component="a"
             href="/"
             sx={{
-              mr: 2,
+              mr: 4,
               display: { xs: "none", md: "flex" },
               fontFamily: "monospace",
               fontWeight: 700,
-              letterSpacing: ".3rem",
+              letterSpacing: ".2rem",
               color: "inherit",
               textDecoration: "none",
             }}>
@@ -105,7 +105,7 @@ function ResponsiveAppBar() {
             component="a"
             href="/"
             sx={{
-              mr: 2,
+              mr: 4,
               display: { xs: "flex", md: "none" },
               flexGrow: 1,
               fontFamily: "monospace",
@@ -138,7 +138,7 @@ function ResponsiveAppBar() {
                 />
               </IconButton>
             </Tooltip>
-            <Menu
+            {/* <Menu
               sx={{ mt: "45px" }}
               id="menu-appbar"
               anchorEl={anchorElUser}
@@ -160,7 +160,7 @@ function ResponsiveAppBar() {
                   <Typography textAlign="center">{setting}</Typography>
                 </MenuItem>
               ))}
-            </Menu>
+            </Menu> */}
           </Box>
         </Toolbar>
       </Container>