Remainder of text updates from galaxyproject#2337

hujambo-dunia · Feb 5, 2024 · 48aff7c · 48aff7c
1 parent 03fc251
commit 48aff7c
Show file tree

Hide file tree

Showing 5 changed files with 67 additions and 26 deletions.
diff --git a/content/home/callouts.yml b/content/home/callouts.yml
@@ -1,18 +1,26 @@
-heading: "Go beyond being a user"
+heading: "Galaxy is more than you think"
 
 callout1:
-  title: Prefer a custom instance?
-  content: Galaxy can be installed locally, fine-tuned with a tailored toolset and no usage quotas. <div class="float-right mt-3 mb-0"><a href="/admin/" class="btn btn-lg btn-outline-light mr-3">Research options</a></div>
+  title: Galaxy is a world-wide community.
+  content: There are over 500,000 registered Galaxy users from all over the world. Join this lively community to get help, contribute, and learn.<div class="float-right mt-3 mb-0"><a href="/community/" class="btn btn-lg btn-info mt-6 mr-3">Explore the community</a></div>
+  url: /community/
 
 callout2:
-  title: Need more tools?
-  content: The Galaxy ToolShed is a repository of thousands tools that have been integrated with Galaxy, and you can add your own for others to use as well.<div class="float-right pad mt-3 mb-0"><a href="/tools/" class="btn btn-lg btn-outline-light mr-3">Add new tools</a><a href="/toolshed/" class="btn btn-lg btn-info">Browse already integrated tools</a></div>
+  title: Galaxy has 1,000s of tools
+  content: In partnership with <a href="https://bioconda.github.io/ target="_blank" rel="noopener">BioConda</a> and <a href="https://biocontainers.pro/ target="_blank" rel="noopener">BioContainers</a>, Galaxy provides instant access to vast number of analysis tools. <div class="float-right pad mt-4 mb-0"><a href="/toolshed/" class="btn btn-lg btn-info">Browse available tools</a></div>
 
 callout3:
-  title: Galaxy is a world-wide community.
-  content: There are over 500,000 registered Galaxy users from all over the world. Join this lively community to get help, contribute, and learn.<div class="float-right mt-3 mb-0"><a href="/community/" class="btn btn-lg btn-info mr-3">Explore the community</a></div>
-  url: /community/
+  title: Galaxy = workflows
+  content: Create complex workflows and deploy via <a href="https://training.galaxyproject.org/training-material/topics/galaxy-interface/tutorials/workflow-editor/tutorial.html">UI</a> or <a href="https://training.galaxyproject.org/training-material/topics/galaxy-interface/tutorials/workflow-automation/tutorial.html">CLI</a>.
 
 callout4:
-  title: Use Galaxy servers are global!
-  content: There are over a hundred public and free Galaxy servers available.<div class="float-right mt-3 mb-0"><a href="/use/" class="btn btn-lg btn-info mr-3">Find the one you need</a></div>
+  title: Galaxy is everything you need to leverage HPC and Clouds
+  content: Distribute different types of computational jobs across any infrastructure using <a href="https://pulsar.readthedocs.io/" target="_blank" rel="noopener">Pulsar</a> and <a href="https://total-perspective-vortex.readthedocs.io/" target="_blank" rel="noopener">TPV</a>.
+
+callout5:
+  title: Rapidly put your tools before 1,000 of users
+  content: <a href="https://planemo.readthedocs.org/" target="_blank" rel="noopener">Planemo</a>, Galaxy's SDK, automates creation, testing, and deployment of tools, workflows, and interactive tutorials.
+
+callout6:
+  title: Galaxy makes learning accessible
+  content: <a href="https://training.galaxyproject.org/">Galaxy Training Network</a> has 100s of community-vetted, hands-on tutorials on a variety of topics.
diff --git a/content/home/hero.md b/content/home/hero.md
@@ -1,7 +1,7 @@
 ---
 heading: Meet Galaxy
 notification: Galaxy Community Conference is coming up. <strong><a href="/events/gcc2024/" class="ml-2">Read on.</a></strong>
-description: Meet Galaxy - <br>your companion <br>in data analysis
+description: Meet Galaxy - <br>a data analysis universe
 image: <a href="/events/gcc2024/"><img src="/images/events/gcc2024/gcc2024-banner-4.png" alt="GCC2024"></a>
 button1: Use Galaxy now
 button2: "Learn more: First Steps with Galaxy"

diff --git a/content/home/research.yml b/content/home/research.yml
@@ -1,4 +1,4 @@
-heading: Grow with Galaxy
+heading: Galactic pulse
 
 research1:
   title: Recent publications
@@ -40,12 +40,12 @@ research4:
       title: Visit more
       url: "https://galaxyproject.org/events/"
   events:
-    - event: "Advances in Genome Biology and Technology (AGBT)"
-      date: "Feb 5, 2024"
     - event: "An Introduction to High-Performance Computing"
       date: "Feb 6, 2024"
     - event: "Materials Galaxy Community Meeting"
       date: "Feb 7, 2024"
+    - event: "Exploring the Galaxy application for data sciences"
+      date: "Feb 8, 2024"
 
 research5:
   title: "Research highlights"

diff --git a/src/assets/styles.scss b/src/assets/styles.scss
@@ -159,7 +159,7 @@ html {
         text-align: left;
         padding: 13px 20px;
         text-decoration: none !important;
-        border-radius: 10px;
+        border-radius: 7px;
         line-height: 1.4rem;
 
         &.education {
@@ -215,7 +215,7 @@ html {
             &:hover {
                 text-decoration: none !important;
             }
-            &.instance,
+            &.cdark,
             &.toolshed {
                 background-color: #0e1427;
                 &.btn:hover {
@@ -226,11 +226,11 @@ html {
                 }
             }
 
-            &.community {
+            &.clight {
                 background-color: $home-accent-bright;
             }
 
-            &.servers {
+            &.cbright {
                 position: relative;
 
                 &::before {
@@ -251,12 +251,17 @@ html {
         &.research {
             &.publications {
                 background: linear-gradient(155deg, #1d4068 44%, #1b62a4);
+                a:hover {
+                    text-decoration: none !important;
+                }
             }
 
             &.tutorials,
             .tutorials {
                 background: linear-gradient(155deg, #244f7f 24%, #1b62a4);
-
+                a:hover {
+                    text-decoration: none !important;
+                }
                 ul {
                     padding-left: 1.1rem;
                     li {

diff --git a/src/pages/Index.vue b/src/pages/Index.vue
@@ -122,16 +122,16 @@
                 </h2>
             </div>
             <div class="row">
-                <div class="col-md-4 mb-3">
-                    <div class="area callouts instance h-100">
+                <div class="col-md-6 mb-3">
+                    <div class="area callouts cdark h-100">
                         <div class="text-white">
                             <h3>{{ this.$static.datasetCallouts.callout1.title }}</h3>
                             <p v-html="this.$static.datasetCallouts.callout1.content"></p>
                         </div>
                     </div>
                 </div>
 
-                <div class="col-md-8 mb-3">
+                <div class="col-md-6 mb-3">
                     <div class="area callouts toolshed h-100">
                         <div class="text-white">
                             <h3>{{ this.$static.datasetCallouts.callout2.title }}</h3>
@@ -142,24 +142,44 @@
             </div>
 
             <div class="row">
-                <div class="col-md-7 mb-3">
-                    <div class="area callouts community h-100">
+                <div class="col-md-4 mb-3">
+                    <div class="area callouts clight h-100">
                         <div class="text-dark">
                             <h3 class="text-dark">{{ this.$static.datasetCallouts.callout3.title }}</h3>
                             <p v-html="this.$static.datasetCallouts.callout3.content"></p>
                         </div>
                     </div>
                 </div>
 
-                <div class="col-md-5 mb-3">
-                    <div class="area callouts servers bgBrightest img h-100">
+                <div class="col-md-8 mb-3">
+                    <div class="area callouts cbright bgBrightest img h-100">
                         <div class="text-dark">
                             <h3 class="text-dark">{{ this.$static.datasetCallouts.callout4.title }}</h3>
                             <p v-html="this.$static.datasetCallouts.callout4.content"></p>
                         </div>
                     </div>
                 </div>
             </div>
+
+            <div class="row">
+                <div class="col-md-7 mb-3">
+                    <div class="area callouts cdark h-100">
+                        <div class="text-white">
+                            <h3>{{ this.$static.datasetCallouts.callout5.title }}</h3>
+                            <p v-html="this.$static.datasetCallouts.callout5.content"></p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-md-5 mb-3">
+                    <div class="area callouts cdark h-100">
+                        <div class="text-white">
+                            <h3>{{ this.$static.datasetCallouts.callout6.title }}</h3>
+                            <p v-html="this.$static.datasetCallouts.callout6.content"></p>
+                        </div>
+                    </div>
+                </div>
+            </div>
         </div>
         <div class="container mb-4">
             <div class="row">
@@ -364,6 +384,14 @@ query {
         callout4 {
             title,
             content
+        },
+        callout5 {
+            title,
+            content
+        },
+        callout6 {
+            title,
+            content
         }
     }