Update OG image and text

exercism · Oct 30, 2024 · 4e6c601 · 4e6c601
1 parent bd43def
commit 4e6c601
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 8 deletions.
diff --git a/app/controllers/bootcamp_controller.rb b/app/controllers/bootcamp_controller.rb
@@ -18,7 +18,7 @@ def index
         # Rate limit probably
       end
     else
-      @country_code_2 = "BA"
+      @country_code_2 = "IN"
       @is_vpn = false
     end
 

diff --git a/app/css/packs/bootcamp.css b/app/css/packs/bootcamp.css
@@ -122,7 +122,7 @@ body {
         @apply md:text-22 text-18 mb-20;
         @apply font-light;
         @apply text-[#dde5f0];
-        @apply max-w-[550px] mx-auto;
+        @apply max-w-[530px] mx-auto;
         strong {
             @apply font-semibold;
             @apply text-white;

diff --git a/app/images/bootcamp/og.png b/app/images/bootcamp/og.png
diff --git a/app/views/bootcamp/index.html.haml b/app/views/bootcamp/index.html.haml
@@ -48,11 +48,41 @@
 
     = csrf_meta_tags
     = csp_meta_tag
-    = yield :head
-    %link{:href => "/manifest.json", :rel => "manifest"}/
-    %link{:href => "/icon.png", :rel => "icon", :type => "image/png"}/
-    %link{:href => "/icon.svg", :rel => "icon", :type => "image/svg+xml"}/
-    %link{:href => "/icon.png", :rel => "apple-touch-icon"}/
+
+
+    - title = "The Exercism Learn-to-Code Bootcamp"
+    - description = "The Exercism Bootcamp is a unique six-month part-time coding bootcamp, teaching absolute beginners coding funamentals, by the team behind Exercism."
+    - url = "https://bootcamp.exercism.org" 
+    - og_image_url = image_url('bootcamp/og.png') 
+
+    %link{ rel: "canonical", href: "https://bootcamp.exercism.org" }
+
+    %title= title
+    %meta{ name: "description", content: description }
+    %meta{ name: "viewport", content: "width=device-width, initial-scale=1, viewport-fit=cover" }
+
+    -# Twitter Card data
+    %meta{ name: "twitter:card", content: "summary_large_image" }
+    %meta{ name: "twitter:site", content: "@exercism_io" }
+    %meta{ name: "twitter:creator", content: "@exercism_io" }
+    %meta{ name: "twitter:url", content: url }
+    %meta{ name: "twitter:title", content: title }
+    %meta{ name: "twitter:description", content: description }
+    %meta{ name: "twitter:image", content: og_image_url }
+
+    -# Open Graph data
+    %meta{ property: "og:title", content: title }
+    %meta{ property: "og:type", content: "website" }
+    %meta{ property: "og:url", content: url}
+    %meta{ property: "og:image", content: og_image_url }
+    %meta{ property: "og:description", content: description }
+    %meta{ property: "og:site_name", content: "Exercism" }
+    %meta{ property: "fb:admins", content: "744760440" }
+
+    -# Favicon
+    %link{ rel: "apple-touch-icon", sizes: "180x180", href: "#{Exercism.config.website_icons_host}/meta/apple-touch-icon.png" }
+    %link{ rel: "icon", type: "image/png", sizes: "32x32", href: "#{Exercism.config.website_icons_host}/meta/favicon-32x32.png" }
+    %link{ rel: "icon", type: "image/png", sizes: "16x16", href: "#{Exercism.config.website_icons_host}/meta/favicon-16x16.png" }
 
   %body
     -if @has_discount
@@ -77,7 +107,7 @@
             Build rock solid coding
             %span foundations
           .tagline
-            A unique six-month part-time
+            A unique part-time remote 
             %strong coding bootcamp
             by the team behind Exercism.