Merge pull request #37 from Brilator/revise-home

Revise home

src/components/Home/Banner.astro

@@ -10,9 +10,9 @@ interface Data {
 }
 
 const data: Data[] = [
-  { id: 1, cx: 1975, cy: 200, r: 50, href: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ', text: 'open source your research', angle: 320 },
-  { id: 2, cx: 1175.5, cy: 1168, r: 50, href: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ', text: 'connect your \n research data \n to the world', angle: 200 },
-  { id: 3, cx: 2967.5, cy: 532, r: 50, href: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ', text: 'bring your research \n data to life', angle: 120 },
+  { id: 1, cx: 1975, cy: 200, r: 50, href: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ', text: 'Open-source your research', angle: 320 },
+  { id: 2, cx: 1175.5, cy: 1168, r: 50, href: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ', text: 'Connect your \n research data \n to the world', angle: 200 },
+  { id: 3, cx: 2967.5, cy: 532, r: 50, href: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ', text: 'Bring your research \n data to life', angle: 120 },
 ];
 
 // Function to calculate positions for text and arcs

src/components/Home/CommunityCards.astro

@@ -14,18 +14,18 @@ import Card from '../Card.astro'
     <ul role="list" class="link-card-grid">
       <Card
         href= {URLS.INTERNAL_COM_DATA_MANAGEMENT}
-        title="Data Management Principal"
+        title="Data Management Principle"
         body="Get started to organize your research data using the ARC."
       />
       <Card
-        href="https://astro.build/integrations/"
+        href= {URLS.INTERNAL_TOOLS}
         title="Tools and Services"
-        body="Find tools and services that assist you creating and managing your research data using ARC."
+        body="Find tools and services that assist you creating and managing your research data using the ARC."
       />
       <Card
         href="https://astro.build/themes/"
         title="Support"
-        body="Explore tutorials, videos or find community that can help."
+        body="Explore tutorials, videos or find a community that can help."
       />
     </ul>
   </div>

src/components/Home/DeveloperCards.astro

@@ -25,7 +25,7 @@ import Card from '../Card.astro'
       <Card
         href="https://astro.build/themes/"
         title="ARC (meta)data framework"
-        body="Supercharge your RDM with an extensive frameworks and libraries."
+        body="Supercharge your RDM with an extensive framework and libraries."
       />
     </ul>
   </div>

src/components/Home/HeroText.astro

@@ -1,5 +1,5 @@
 ---
-const mainHeroText = "The ARC is a framework for organizing and documenting research data, as well as a container that continuously supports collaboration, data exchange, and adherence to FAIR principles among various researchers. The ARC can be checked for completeness and quality at any time and converted into a citable data publication (DOI) without interrupting the research or documentation process. It is built on widely accepted research data standards such as RO-Crate, ISA, and abstract CWL.";
+const mainHeroText = "The ARC is a framework for organizing and documenting research data, as well as a container that continuously supports collaboration, data exchange, and adherence to FAIR principles among various researchers. The ARC can be checked for completeness and quality at any time and converted into a citable data publication without interrupting the research or documentation process. It is built on widely accepted research data standards such as RO-Crate, ISA, and abstract CWL.";
 ---
 
 <div class="hero min-h-[50%]">
@@ -16,7 +16,7 @@ const mainHeroText = "The ARC is a framework for organizing and documenting rese
           <span class="text-accent">C</span>ontext 
         </div>
       </h1>
-      <p class="py-6 prose-lg">
+      <p class="py-6 prose-lg" style="text-align:justify">
         {mainHeroText}
       </p>
     </div>

src/components/Home/RDMGraphNavigation.astro

@@ -5,10 +5,10 @@ import { Color } from "../GraphNavigation.astro";
 
 const circles = [
   { id: 1, cx: 8, cy: 25, r: 5, href: URLS.INTERNAL_DEV_FDO, text: 'FAIR Digital Object', angle: 20 },
-  { id: 2, cx: 30, cy: 40, r: 5, href: '#link4', text: 'validation', angle: 180 },
-  { id: 3, cx: 60, cy: 8, r: 5, href: '#link3', text: 'continuous Integration', angle: 80 },
-  { id: 4, cx: 90, cy: 40, r: 5, href: '#link2', text: 'versioning', angle: 250 },
-  { id: 5, cx: 140, cy: 10, r: 5, href: '#link5', text: 'libraries', angle: 180 },
+  { id: 2, cx: 30, cy: 40, r: 5, href: '#link4', text: 'Validation', angle: 180 },
+  { id: 3, cx: 60, cy: 8, r: 5, href: '#link3', text: 'Continuous Integration', angle: 80 },
+  { id: 4, cx: 90, cy: 40, r: 5, href: '#link2', text: 'Versioning', angle: 250 },
+  { id: 5, cx: 140, cy: 10, r: 5, href: '#link5', text: 'Libraries', angle: 180 },
 ];
 ---
 

src/components/Home/ResearchGraphNavigation.astro

@@ -4,10 +4,10 @@ import GraphNavigation from "../GraphNavigation.astro";
 import { Color } from "../GraphNavigation.astro";
 
 const circles = [
-  { id: 1, cx: 8, cy: 10, r: 5, href: URLS.INTERNAL_COM_DOCUMENTATION, text: 'documentation principle', angle: 80 },
-  { id: 2, cx: 30, cy: 40, r: 5, href: URLS.INTERNAL_COM_ORGANIZATION, text: 'organization principle', angle: 200 },
-  { id: 3, cx: 60, cy: 35, r: 5, href: '#link3', text: 'quality control', angle: 130 },
-  { id: 4, cx: 90, cy: 15, r: 5, href: '#link4', text: 'exchange & publication', angle: 10 },
+  { id: 1, cx: 8, cy: 10, r: 5, href: URLS.INTERNAL_COM_DOCUMENTATION, text: 'Documentation Principle', angle: 80 },
+  { id: 2, cx: 30, cy: 40, r: 5, href: URLS.INTERNAL_COM_ORGANIZATION, text: 'Organization Principle', angle: 200 },
+  { id: 3, cx: 60, cy: 35, r: 5, href: '#link3', text: 'Quality Control', angle: 130 },
+  { id: 4, cx: 90, cy: 15, r: 5, href: '#link4', text: 'Exchange & Publication', angle: 10 },
   { id: 5, cx: 140, cy: 25, r: 5, href: URLS.INTERNAL_COM_FAIRNESS, text: 'RDM & FAIRness', angle: 210 },
 ];
 ---