Replace Upcoming Events card with newer content (mainmatter#730)

* Remove EmberFest 2019 card from upcoming events * Replace upcoming events card * Fix Card image aspect ratio * Fix CardEmberSponsors test * Update src/ui/components/CardEmberSponsors/template.hbs * Update src/ui/components/CardEmberSponsors/template.hbs * Add EmberFest organizer info * Fix anchor display in figcaption elements * Update src/ui/components/PageWhySimplabs/template.hbs * Update src/ui/components/CardEmberSponsors/template.hbs * Code style fixes Co-Authored-By: Marco Otte-Witte <[email protected]>
jayjayjpg · Nov 6, 2019 · c713f15 · c713f15
1 parent 1d51437
commit c713f15
Show file tree

Hide file tree

Showing 13 changed files with 35 additions and 22 deletions.
diff --git a/lib/generate-blog/lib/templates/list-page/template.hbs b/lib/generate-blog/lib/templates/list-page/template.hbs
@@ -102,7 +102,7 @@
   </section>
   <aside class="layout.side offset.after-21">
     <CardTalks />
-    <CardUpcomingEvents />
+    <CardEmberSponsors />
   </aside>
   <Footer />
 </div>
diff --git a/lib/global-css/css/baseline.css b/lib/global-css/css/baseline.css
@@ -302,6 +302,10 @@ figcaption {
   margin-top: 1rem;
 }
 
+figcaption a {
+  display: unset;
+}
+
 img {
   vertical-align: middle;
   border-style: none;

diff --git a/public/assets/images/card/emberfest-2019.png b/public/assets/images/card/emberfest-2019.png
diff --git a/public/assets/images/card/emberfest.svg b/public/assets/images/card/emberfest.svg
diff --git a/public/assets/images/card/simplabs-sponsoring-ember.png b/public/assets/images/card/simplabs-sponsoring-ember.png
diff --git a/src/ui/components/Card/stylesheet.css b/src/ui/components/Card/stylesheet.css
@@ -8,7 +8,7 @@
 }
 
 .image {
-  height: 25rem;
+  height: 75%;
 }
 
 .caption {

diff --git a/...ents/CardUpcomingEvents/component-test.ts → ...nents/CardEmberSponsors/component-test.ts b/...ents/CardUpcomingEvents/component-test.ts → ...nents/CardEmberSponsors/component-test.ts
@@ -4,11 +4,11 @@ import { setupRenderingTest } from '../../../utils/test-helpers/setup-rendering-
 
 const { module, test } = QUnit;
 
-module('Component: CardUpcomingEvents', function(hooks) {
+module('Component: CardEmberSponsors', function(hooks) {
   setupRenderingTest(hooks);
 
   test('it renders', async function(assert) {
-    await render(hbs`<CardUpcomingEvents />`);
+    await render(hbs`<CardEmberSponsors />`);
 
     assert.ok(this.containerElement.querySelector('figure'));
   });

diff --git a/...ponents/CardUpcomingEvents/stylesheet.css → ...mponents/CardEmberSponsors/stylesheet.css b/...ponents/CardUpcomingEvents/stylesheet.css → ...mponents/CardEmberSponsors/stylesheet.css
@@ -1,5 +1,5 @@
 @block typography from "../../styles/blocks/typography.block.css";
 
 :scope {
-  block-name: CardUpcomingEvents;
+  block-name: CardEmberSponsors;
 }
diff --git a/src/ui/components/CardEmberSponsors/template.hbs b/src/ui/components/CardEmberSponsors/template.hbs
@@ -0,0 +1,17 @@
+<Card
+  @label="Ember.js"
+  @src="/assets/images/card/simplabs-sponsoring-ember.png"
+  @title="Official Ember.js Sponsor"
+  @alt="simplabs :heart: ember"
+>
+  <p>
+    We recently have been recognized as an official
+    <a href="https://emberjs.com/sponsors">
+      sponsor
+    </a>
+    of the Ember.js project along with international brands like LinkedIn and Yahoo.
+  </p>
+  <ArrowLink @href="/expertise/ember/">
+    Learn why we care about Ember.js
+  </ArrowLink>
+</Card>
diff --git a/src/ui/components/CardUpcomingEvents/template.hbs b/src/ui/components/CardUpcomingEvents/template.hbs
diff --git a/src/ui/components/PageEmberExpertise/template.hbs b/src/ui/components/PageEmberExpertise/template.hbs
@@ -77,7 +77,7 @@
     </div>
   </div>
   <div class="layout.side offset.after-21">
-    <CardUpcomingEvents />
+    <CardEmberSponsors />
   </div>
   <ShapeFeatureEmberDocumentary />
   <div class="layout.main offset.after-21">

diff --git a/src/ui/components/PageHomepage/template.hbs b/src/ui/components/PageHomepage/template.hbs
@@ -79,7 +79,7 @@
     </ArrowLink>
   </div>
   <aside class="layout.side">
-    <CardUpcomingEvents />
+    <CardEmberSponsors />
   </aside>
   <ShapeAcrossLeadingExperts />
   <WorkWithUs />

diff --git a/src/ui/components/PageWhySimplabs/template.hbs b/src/ui/components/PageWhySimplabs/template.hbs
@@ -60,9 +60,13 @@
     </p>
   </div>
   <div class="layout.side offset-vertical offset.after-21">
-    <CardUpcomingEvents />
+    <Card @label="Conferences" @alt="EmberFest" @src="/assets/images/card/emberfest.svg">
+      <p>
+        We co-organize EmberFest, the European Community Ember Conference.
+      </p>
+    </Card>
   </div>
-  <div class="layout.side offset.after-16">
+  <div class="layout.side offset.after-21">
     <h3>
       Distributed together
     </h3>