- Initial Migration Commit

README.md

@@ -1,9 +1,9 @@
-# Your Project's Title...
-Your project's description...
+# PGA Dominion Energy Charity Classic
 
 ## Environments
-- Preview: https://main--franklin-the-players--pgatour.hlx.page/
-- Live: https://main--franklin-the-players--pgatour.hlx.live/
+- Preview: https://main--pga-dominion-energy-charity-classic--hlxsites.hlx.page/
+- Live: https://main--pga-dominion-energy-charity-classic--hlxsites.hlx.live/
+- Prod: https://www.dominionenergycharityclassic.com/
 
 ## Installation
 

blocks/cards/cards.css

@@ -1,5 +1,5 @@
 main .cards {
-  --card-bubble-color: var(--color-tan);
+  --card-bubble-color: var(--color-blue);
 }
 
 main .cards > ul {

blocks/carousel/carousel.css

@@ -1,6 +1,6 @@
 main .carousel-container {
-  --carousel-btn-primary-color: var(--color-tan-95);
-  --carousel-btn-secondary-color: var(--color-blue-95);
+  --carousel-btn-primary-color: var(--color-brown-95);
+  --carousel-btn-secondary-color: var(--link-color);
   --carousel-btn-secondary-hover-color: var(--color-white);
   --carousel-course-bg-color: var(--color-blue);
   --carousel-course-bg-color-transparent: var(--color-blue-95);

blocks/columns/columns.css

@@ -105,7 +105,6 @@ main .columns img {
   object-fit: cover;
 }
 
-
 main .columns.small-images img {
   object-fit: contain;
   max-width: 330px;

blocks/footer/footer.css

@@ -1,5 +1,5 @@
 footer {
-  --footer-color: var(--color-blue);
+  --footer-color: var(--color-blue-muted);
   --footer-text-color: var(--color-white);
   --footer-ribbon-color: var(--color-white);
   --footer-ribbon-text-color: var(--color-blue);
@@ -153,7 +153,7 @@ footer .footer .footer-links li {
 @media (min-width: 900px) {
   footer .footer .footer-links {
     display: grid;
-    grid-template-columns: 60px 1fr 130px;
+    grid-template-columns: 130px 1fr 130px;
     align-items: center;
     gap: 0 10px;
     font-size: var(--body-font-size-xs);

blocks/header/header.css

@@ -3,11 +3,10 @@
 /* header and nav layout */
 header {
   --nav-color: var(--color-blue);
-  --nav-secondary-color: var(--color-blue-darker);
+  --nav-secondary-color: var(--color-blue-light);
   --nav-hover-color: var(--color-blue-dark);
   --nav-border-color: var(--color-blue-light);
   --nav-text-color: var(--color-white);
-
   background-color: var(--nav-color);
   color: var(--nav-text-color);
 }

blocks/hero/hero.css

@@ -8,8 +8,8 @@ main .hero-wrapper {
 }
 
 main .hero {
-  --hero-btn-primary-color: var(--color-tan-95);
-  --hero-btn-secondary-color: var(--color-blue-95);
+  --hero-btn-primary-color: var(--color-brown-95);
+  --hero-btn-secondary-color: var(--link-color);
   --hero-btn-secondary-hover-color: var(--color-white);
 
   position: relative;

blocks/leaderboard/leaderboard.css

@@ -1,5 +1,5 @@
 main .leaderboard {
-  --leaderboard-heading-color: var(--color-blue);
+  --leaderboard-heading-color: var(--color-blue-light);
 
   max-width: 100%;
   min-height: 558px; /* update after ads */

blocks/news/news.css

@@ -1,5 +1,5 @@
 main .news-container {
-  --news-button-hover-color: var(--color-blue);
+  --news-button-hover-color: var(--color-blue-darker);
   --news-button-unselected-color: var(--color-gray);
   --news-button-unselected-hover-color: var(--color-gray-light);
 

blocks/news/news.js

@@ -127,6 +127,7 @@ async function getArticles(limit, placeholders) {
           }
       }
   }`, {
+      tour: placeholders.tourCode.toUpperCase(),
       tournamentNum: placeholders.tournamentId,
       limit,
     });

blocks/player-feature/player-feature.css

@@ -1,6 +1,6 @@
 /* wrapper setup */
 main .section.player-feature-container {
-  --player-feature-status-color: var(--color-tan);
+  --player-feature-status-color: var(--color-gray-dark);
 
   margin-bottom: 0;
   padding: 0;

blocks/social/social.css

@@ -1,8 +1,8 @@
 main .social-container {
-  --social-bg-color: var(--color-blue);
+  --social-bg-color: var(--color-blue-darkest);
   --social-text-color: var(--overlay-text-color);
-  --social-card-bg-color: var(--color-blue-dark);
-  --social-tweet-color: var(--color-tan);
+  --social-card-bg-color: var(--color-black-25);
+  --social-tweet-color: var(--color-white);
 }
 
 main .social-container:not(.image-feed-container) {

fstab.yaml

@@ -1,2 +1,2 @@
 mountpoints:
-  /: https://pgatourinc.sharepoint.com/:f:/r/sites/PGATOURAEMCMSProjects/Shared%20Documents/Sites/theplayers-com
+  /: https://adobe.sharepoint.com/sites/HelixProjects/Shared%20Documents/sites/pga-tour/tournaments/dominion-energy-charity-classic

helix-sitemap.yaml

@@ -2,7 +2,7 @@ version: 1
 
 sitemaps:
   website:
-    origin:
+    origin: http://www.dominionenergycharityclassic.com
     lastmod: YYYY-MM-DD
     languages:
       default:

robots.txt

@@ -1,4 +1,4 @@
 User-agent: *
 Allow: /
 
-sitemap:
+sitemap:  http://www.dominionenergycharityclassic.com/sitemap.xml

scripts/scripts.js

@@ -738,8 +738,8 @@ initHlx();
  */
 
 const LCP_BLOCKS = ['carousel', 'hero']; // add your LCP blocks to the list
-const RUM_GENERATION = 'intercept-aa-2'; // add your RUM generation information here
-const PRODUCTION_DOMAINS = [''];
+const RUM_GENERATION = 'project-1'; // add your RUM generation information here
+const PRODUCTION_DOMAINS = ['www.dominionenergycharityclassic.com', 'www.pgatour.com/champions/tournaments/dominion-energy-charity-classic/'];
 
 sampleRUM('top');
 window.addEventListener('load', () => sampleRUM('load'));

styles/lazy-styles.css

@@ -1,5 +1,4 @@
 /* below the fold CSS goes here */
-@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
 
 main .login-modal {

styles/styles.css

@@ -12,34 +12,36 @@
 
  :root {
   /* colors */
-  --color-blue-darker: #071D37;
-  --color-blue-dark: #04294C;
-  --color-blue: #003360;
-  --color-blue-light: #004B98;
-  --color-blue-lighter: #2D4976;
-  --color-tan: #C2A36E;
-  --color-blue-95: #003360f2;
-  --color-tan-95: #C2A36Ef2;
+  --color-blue-light: #2F7AD0;
+  --color-blue: #2A6EBB;
+  --color-blue-dark: #2562A6;
+  --color-blue-darker: #122A4F;
+  --color-blue-darkest: #215691;
+  --color-blue-muted: #003360;
+  --color-blue-95: #2562A6F2;
   --color-black: #000;
+  --color-black-25: #0004;
   --color-gray-dark: #4d4d4d;
   --color-gray: #999;
   --color-gray-light: #ccc;
   --color-gray-lighter: #f2f2f2;
   --color-white: #fff;
+  --color-brown-95: #675C53F2;
+
 
   /* colors assignments */
-  --link-color: var(--color-blue-dark);
-  --link-hover-color: var(--color-blue);
+  --link-color: var(--color-blue);
+  --link-hover-color: var(--color-blue-95);
   --background-color: var(--color-gray-lighter);
-  --overlay-background-color: var(--color-blue-lighter);
+  --overlay-background-color: var(--color-black);
   --overlay-text-color: var(--color-white);
   --highlight-background-color: var(--color-white);
   --text-color: var(--color-gray-dark);
   --heading-color: var(--color-black);
 
   /* fonts */
   --body-font-family: 'Roboto Condensed', 'Roboto Condensed-fallback';
-  --heading-font-family: 'Crimson Text', 'Crimson Text-fallback';
+  --heading-font-family: 'Roboto Condensed', 'Roboto Condensed-fallback';
   --fixed-font-family: 'Roboto Mono', menlo, consolas, 'Liberation Mono', monospace;
 
   /* body sizes */
@@ -61,7 +63,6 @@
 
   /* nav height */
   --nav-height: 50px;
-
 }
 
 @media (min-width: 700px) {
@@ -70,13 +71,6 @@
   }
 }
 
-@font-face {
-  font-family: 'Crimson Text-fallback';
-  size-adjust: 97.13%;
-  ascent-override: 107%;
-  src: local("Times New Roman");
-}
-
 @font-face {
   font-family: 'Roboto Condensed-fallback';
   size-adjust: 88.91%;
@@ -365,6 +359,26 @@ main .section.teaser[data-section-status='loaded'] {
   font-size: var(--body-font-size-xs);
 }
 
+main .section.teaser-no-img {
+  background: white;
+  box-sizing: border-box;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  position: relative;
+  max-width: 1400px;
+  margin: 32px auto;
+  font-size: var(--body-font-size-s);
+}
+
+.left-align main .section.teaser-no-img {
+  justify-content: start;
+}
+
+main .section.teaser-no-img > div {
+  margin: unset;
+}
+
 @media (min-width: 700px) {
   main .section.teaser[data-section-status='loaded'] {
     align-items: center;

tools/sidekick/config.json

@@ -1,4 +1,4 @@
 {
-  "project": "The Players Championship",
-  "host": ""
+  "project": "Dominion Energy Charity Classic",
+  "host": "www.dominionenergycharityclassic.com"
 }