แก้ไข ขนาด font และขึ้นบรรทัดใหม่

แก้ Text ไปแล้ว layout และบรรทัดติดกันเกินไป เลยมาแก้ ขนาด font และบรรทัดให้
kaogeek · Mar 8, 2024 · dc9a731 · dc9a731
1 parent 7ec6f24
commit dc9a731
Showing 1 changed file with 55 additions and 44 deletions.
diff --git a/src/pages/About.jsx b/src/pages/About.jsx
@@ -3,24 +3,35 @@ import "../components/ProfileImages.jsx";
 import ProfileImages from "../components/ProfileImages.jsx";
 export default function About() {
   return (
+
+ <div>
+
     <div data-testid="about">
       <div className="Landing-Page-Banner-PC">
-        <div className="max-w-screen-xl mx-auto" >
-          <h1 className="text-center lg:text-7xl md:text-6xl sm:text-4xl text-3xl font-bold text-white pt-40">
-            เกี่ยวกับโครงการอาสาสมัครหอสมุดรัฐสภา กิจกรรม “Hack เจตนารมณ์รัฐธรรมนูญ 2560” และจัดทำเว็บไซต์เปรียบเทียบบทบัญญัติและเจตนารมณ์การร่างรัฐธรรมนูญ
-	  </h1>
-          <div className="text-center text-white text-lg px-8">
+	<div className="max-w-screen-xl mx-auto" >
+
+	 <div className="lg:text-7xl md:text-6xl sm:text-4xl text-3xl font-bold text-orange-500">
+            เกี่ยวกับโครงการอาสาสมัครหอสมุดรัฐสภา กิจกรรม
+          </div>		
+          <div className="lg:text-6xl md:text-5xl sm:text-4xl text-xl font-bold text-white pt-2">
+            “Hack เจตนารมณ์รัฐธรรมนูญ 2560” 
+          </div>
+          <div className="text-lg text-white pt-8 hidden lg:block">
+            และจัดทำเว็บไซต์เปรียบเทียบบทบัญญัติและเจตนารมณ์การร่างรัฐธรรมนูญ
+          </div>
+
+	    <div className="text-center text-white text-lg px-8">
             <p className="pt-20">
         	รัฐธรรมนูญแห่งราชอาณาจักรไทย พุทธศักราช 2560 ได้บัญญัติถึงสิทธิเสรีภาพของประชาชน และสนับสนุนให้เกิดการมีส่วนร่วมของประชาชน การส่งเสริมและคุ้มครองสิทธิเสรีภาพของประชาชน 
 	และการเปิดโอกาสให้ประชาชนได้เข้ามามีส่วนร่วมในการพัฒนาประเทศทั้งด้านเศรษฐกิจ สังคม การเมือง และสิ่งแวดล้อมอย่างเป็นรูปธรรมมากยิ่งขึ้น 
 	อันจะนำไปสู่การพัฒนาระบบการเมืองการปกครองในระบอบประชาธิปไตยอันมีพระมหากษัตริย์ทรงเป็นประมุขให้เป็นไปในทิศทางที่เหมาะสม 
 	การพัฒนาประเทศจะเกิดประสิทธิภาพประชาชนต้องเข้ามามีส่วนร่วมในทุกระดับ และสอดคล้องกับยุคดิจิทัลที่หน่วยงานต้องนำเทคโนโลยีสารสนเทศที่มีความทันสมัย
-	และพัฒนาไปอย่างไม่หยุดยั้งมาสร้างบริการดิจิทัลที่ตรงกับความต้องการของผู้ใช้บริการ
+	และพัฒนาไปอย่างไม่หยุดยั้งมาสร้างบริการดิจิทัลที่ตรงกับความต้องการของผู้ใช้บริการ<br></br>
 
 		หอสมุดรัฐสภา สำนักวิชาการ ตระหนักถึงการเข้าถึงทรัพยากรสารสนเทศที่สะดวก รวดเร็วของสมาชิกรัฐสภาและผู้ใช้บริการในยุคดิจิทัล 
 	จึงมีแนวคิดยกระดับของการให้บริการสารสนเทศภายในหอสมุดรัฐสภาให้สามารถเข้าถึงทรัพยากรสารสนเทศเพื่อใช้ประโยชน์ในการพิจารณารัฐธรรมนูญ
 	และร่างพระราชบัญญัติต่าง ๆ ซึ่งเป็นภารกิจโดยตรงของรัฐสภาในการทำหน้าที่ตรากฎหมายของประเทศ ให้มีความสะดวก รวดเร็ว ตรงต่อความต้องการ 
-	โดยสามารถเข้าถึงได้ทุกที่ ทุกเวลา และทุกอุปกรณ์ 	
+	โดยสามารถเข้าถึงได้ทุกที่ ทุกเวลา และทุกอุปกรณ์<br></br> 	
 
 		หอสมุดรัฐสภาจึงได้ริเริ่มโครงการอาสาสมัครหอสมุดรัฐสภา โดยดำเนินการกิจกรรมที่ 1 คือ กิจกรรม “Hack เจตนารมณ์รัฐธรรมนูญ 2560” 
 	และจัดทำเว็บไซต์เปรียบเทียบบทบัญญัติและเจตนารมณ์การร่างรัฐธรรมนูญ เพื่อเหนี่ยวนำทุกภาคส่วนที่เกี่ยวข้อง (Stakeholders) มาร่วมกันออกแบบนวัตกรรมใหม่ 
@@ -29,56 +40,56 @@ export default function About() {
 	ออกมาเป็นเว็บไซต์บันทึกการประชุมคณะกรรมการร่างรัฐธรรมนูญ 2560 ที่สามารถสืบค้นเปรียบเทียบตัวบทของรัฐธรรมนูญแห่งราชอาณาจักรไทย พุทธศักราช 2560 
 	กับร่างรัฐธรรมนูญที่มีการเสนอและแก้ไขเพิ่มเติม ตั้งแต่เริ่มประชุมครั้งแรกจนเสร็จสิ้นการร่างรัฐธรรมนูญ จำนวน 279 มาตรา ซึ่งจะเป็นประโยชน์ต่อผู้ศึกษาได้เรียนรู้ความมุ่งหมายของผู้ร่างรัฐธรรมนูญ 
 	และเส้นทางของการร่างรัฐธรรมนูญแต่ละมาตรา อันจะนำไปสู่การสืบค้นเจตนารมณ์ของรัฐธรรมนูญด้วยตนเอง สมาชิกรัฐสภา ข้าราชการ และบุคคลในวงงานรัฐสภา 
-	สามารถนำไปใช้ประโยชน์ในการศึกษาเพื่อการปรับปรุงแก้ไขเพิ่มเติมรัฐธรรมนูญต่อไป
+	สามารถนำไปใช้ประโยชน์ในการศึกษาเพื่อการปรับปรุงแก้ไขเพิ่มเติมรัฐธรรมนูญต่อไป<br></br>
 
 		โครงการอาสาสมัครหอสมุดรัฐสภา กิจกรรม Hack เจตนารมณ์รัฐธรรมนูญ 2560 ถือเป็นประวัติศาสตร์ครั้งแรกของหอสมุดรัฐสภา ที่ได้สร้างอาสาสมัคร รุ่นที่ 1 
 	ที่มีจิตสาธารณะ มีความตั้งใจเข้าร่วม Hack บันทึกการประชุมคณะกรรมการร่างรัฐธรรมนูญ 2560 จากตัวเล่มให้เป็นดิจิทัลทั้งหมด และจัดทำเครื่องมือช่วยค้นให้สามารถสืบค้นได้ทั้งจากมาตรา 
 	ชื่อผู้อภิปราย และจากถ้อยคำที่มีอยู่ในบันทึกการประชุม สามารถแสดงผลเชื่อมโยงมาตราที่เกี่ยวข้อง สามารถเปรียบเทียบการเปลี่ยนแปลงแก้ไขเพิ่มเติมแต่ละหมวด 
 	แต่ละมาตราตั้งแต่ครั้งแรกที่ประชุมจนออกมาเป็นร่างที่พร้อมจะประกาศเป็นกฎหมาย โดยใช้เวลาดำเนินการโครงการตั้งแต่วันที่ 25 กันยายน 2566 ถึงวันที่ 15 มีนาคม 2567 รวมทั้งสิ้น  173 วัน 
             </p>
             <p className="py-8">
-        หอสมุดรัฐสภาขอยกย่องในความมีจิตสาธารณะ ความตั้งใจ และความเสียสละของอาสาสมัครหอสมุดรัฐสภา จำนวน 30 คน ดังรายนามต่อไปนี้ 
-		1. นายกิตติ์ธเนศ ฤทธิพรพสิษฐ์ 	
-		2. นางสาวเมธิรา เกษมสันต์ 	
-		3. นายธนากรณ์ อินทร 		
-		4. นายกฤตภาส ธิติวิเชียรเลิศ 	
-		5. นายสถาพร วิญญุนาวรรณ 	
-		6. นายณัฐพจน์ อัฒนวานิช 	
-		7. นายธนกร กิจสาระภักดี 	
-		8. นางสาวยิหวา อาทรทีป 	
-		9. นายเอกภพ สิทธิวรรณธนะ 	
-		10. นายโชคชัย แจ้งจิต 		
-		11. นางอักษิกา จันทรวินิจ
-		12. นางสาวเบญจรัตน์ สัจกุล
-		13. นางสาวสุพัชชา แก้วไชยษา
-		14. นางสาวสิริลักษณ์ บุตรศรีทัศน์
-		15. นางสาวปาณิสรา ศรีประทุม
-		16. นายนันทวัฒน์ ศักดิ์สกุลคุณากร
-		17. นายธีรัตม์ พณิชอุดมพัชร์
-		18. นายปภาวิชญ์ ศรีบริสุทธิ์
-		19. นายทัตธนนันต์ นวลมณี
-		20. นายอนุรัฐ เอี่ยมโภคลาภ
-		21. นางสาวชนิตา หัวเขา
-		22. นางสาวประภาวดี เอกวงศ์
-		23. นางสาวจิรารัตน์ จันทรัตน์
-		24. นายณรงศ์ศักย์ เหล่ารัตนเวช
-		25. นางสาวเมธาวี ศิริตรัย
-		26. นางสาวปารณีย์ จิรัสย์จินดา
-		27. นางสาวฐิติพร สุดใจ
-		28. นายภูริช สีนวลแล
-		29. นายธนดล เดชประภากร
-		30. นายธรรมทัศน์ ธรรมปัญญาวัฒน์
+        หอสมุดรัฐสภาขอยกย่องในความมีจิตสาธารณะ ความตั้งใจ และความเสียสละของอาสาสมัครหอสมุดรัฐสภา จำนวน 30 คน ดังรายนามต่อไปนี้<br></br> 
+		1. นายกิตติ์ธเนศ ฤทธิพรพสิษฐ์<br></br> 	
+		2. นางสาวเมธิรา เกษมสันต์<br></br> 	
+		3. นายธนากรณ์ อินทร<br></br> 		
+		4. นายกฤตภาส ธิติวิเชียรเลิศ<br></br> 	
+		5. นายสถาพร วิญญุนาวรรณ<br></br> 	
+		6. นายณัฐพจน์ อัฒนวานิช<br></br> 	
+		7. นายธนกร กิจสาระภักดี<br></br> 	
+		8. นางสาวยิหวา อาทรทีป<br></br> 	
+		9. นายเอกภพ สิทธิวรรณธนะ<br></br> 	
+		10. นายโชคชัย แจ้งจิต<br></br> 		
+		11. นางอักษิกา จันทรวินิจ<br></br>
+		12. นางสาวเบญจรัตน์ สัจกุล<br></br>
+		13. นางสาวสุพัชชา แก้วไชยษา<br></br>
+		14. นางสาวสิริลักษณ์ บุตรศรีทัศน์<br></br>
+		15. นางสาวปาณิสรา ศรีประทุม<br></br>
+		16. นายนันทวัฒน์ ศักดิ์สกุลคุณากร<br></br>
+		17. นายธีรัตม์ พณิชอุดมพัชร์<br></br>
+		18. นายปภาวิชญ์ ศรีบริสุทธิ์<br></br>
+		19. นายทัตธนนันต์ นวลมณี<br></br>
+		20. นายอนุรัฐ เอี่ยมโภคลาภ<br></br>
+		21. นางสาวชนิตา หัวเขา<br></br>
+		22. นางสาวประภาวดี เอกวงศ์<br></br>
+		23. นางสาวจิรารัตน์ จันทรัตน์<br></br>
+		24. นายณรงศ์ศักย์ เหล่ารัตนเวช<br></br>
+		25. นางสาวเมธาวี ศิริตรัย<br></br>
+		26. นางสาวปารณีย์ จิรัสย์จินดา<br></br>
+		27. นางสาวฐิติพร สุดใจ<br></br>
+		28. นายภูริช สีนวลแล<br></br>
+		29. นายธนดล เดชประภากร<br></br>
+		30. นายธรรมทัศน์ ธรรมปัญญาวัฒน์<br></br>
+
 	หอสมุดรัฐสภา สำนักวิชาการ สำนักงานเลขาธิการสภาผู้แทนราษฎร ขอขอบคุณทุกภาคส่วนที่เกี่ยวข้อง สมาชิกสภาผู้แทนราษฎร ผู้บริหารสำนักงานเลขาธิการสภาผู้แทนราษฎร 
 	ที่ได้ส่งเสริมการจัดโครงการ ตลอดจนเป็นที่ปรึกษาให้คำแนะนำตั้งแต่เริ่มต้นจนสิ้นสุดโครงการ ขอขอบคุณคณะทำงานตรวจสอบการนำเข้าข้อมูลเว็บไซต์เปรียบเทียบบทบัญญัติและเจตนารมณ์การร่างรัฐธรรมนูญ 2560 
 	ในโครงการอาสาสมัครหอสมุดรัฐสภากิจกรรม Hack เจตนารมณ์รัฐธรรมนูญ 2560 ของสำนักวิชาการ ที่ได้กำหนดหลักเกณฑ์และร่วมกันตรวจสอบข้อมูลบันทึกการประชุมคณะกรรมการร่างรัฐธรรมนูญในเว็บไซต์ให้ถูกต้องตรงกับต้นฉบับ 
-	ขอขอบคุณมา ณ โอกาสนี้ 
+	ขอขอบคุณมา ณ โอกาสนี้<br></br> 
 
-								หอสมุดรัฐสภา
+								หอสมุดรัฐสภา<br></br>
 							        15 มีนาคม 2567
             </p>
-          </div>
-
-
+       	   </div>
+
         </div>
       </div>
     </div>