Skip to content

Commit fa9970f

Browse files
dclauxdclaux
authored
Add banners in the web site to redirect users to the new https://adaptivecards.microsoft.com AC documentation hub (#9170)
* Add big bannersin site to redirect users to adaptivecards.microsoft.com * Better banner for the Designer page
1 parent aacddde commit fa9970f

File tree

6 files changed

+76
-2
lines changed

6 files changed

+76
-2
lines changed

‎source/nodejs/adaptivecards-site/themes/adaptivecards/layout/archive.ejs‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -87,6 +87,24 @@ layout: layout
8787
8888
<div class="blog w3-content" >
8989
90+
<div class="w3-center" style="width: 100%; margin: 24px 0 50px 10px ; background-color: #fdf5fc; border-radius: 8px; border: 2px solid #af33a1; padding: 25px 50px">
91+
<p class="w3-xlarge"><b>NEW</b></p>
92+
<h1>Are you building Copilot, Teams or Outlook scenarios powered by Adaptive Cards?</h1>
93+
<p class="w3-large">The <a class="w3-large" href="https://adaptivecards.microsoft.com">Adaptive Card Documentation Hub</a> is the new one-stop-shop for all your Adaptive Card needs! It has all the resources you're looking for, including complete documentation for many new features, such as
94+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=responsive-layout">Responsive layout</a>,
95+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Icon">Icon</a>,
96+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Badge">Badge</a>,
97+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Carousel">Carousel</a>,
98+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Chart.Line">Charts</a>,
99+
and much more!
100+
</p>
101+
<p class="w3-large">The <a href="https://adaptivecards.microsoft.com/designer">new Adaptive Card Designer</a> also has plenty of high quality samples built-in. Check them out!
102+
</p>
103+
<button role="link" onclick="window.location.href='https://adaptivecards.microsoft.com'"
104+
class="w3-button w3-large w3-round-medium ac-blue" aria-label="Click to navigate to the Adaptive Card Documentation Hub">
105+
Visit the hub
106+
</button>
107+
</div>
90108
91109
<% page.posts.each(function(post, i) { %>
92110

‎source/nodejs/adaptivecards-site/themes/adaptivecards/layout/designer.ejs‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -347,5 +347,10 @@
347347
</script>
348348

349349
<div style="display: flex; flex-direction: column; height: 100%; ">
350+
<div style="text-align: center; font-size: 1.6em; background-color: #fdf5fc; border-radius: 8px; border: 2px solid #af33a1; padding: 10px">
351+
<strong>Building Copilot, Teams or Outlook scenarios powered by Adaptive Cards?</strong><br />
352+
Check out the <a class="w3-large" href="https://adaptivecards.microsoft.com/designer"><strong>NEW Adaptive Card Designer</strong></a> with plenty of new features and high quality samples!
353+
</div>
354+
350355
<div id="designerRootHost"></div>
351356
</div>

‎source/nodejs/adaptivecards-site/themes/adaptivecards/layout/explorer.ejs‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,23 @@
4242
</select>
4343
</div>
4444

45+
<div class="w3-center" style="width: 100%; margin: 50px auto auto auto; background-color: #fdf5fc; border-radius: 8px; border: 2px solid #af33a1; padding: 25px 50px">
46+
<p class="w3-xlarge"><b>NEW</b></p>
47+
<h1>Are you building Copilot, Teams or Outlook scenarios powered by Adaptive Cards?</h1>
48+
<p class="w3-large">The <a class="w3-large" href="https://adaptivecards.microsoft.com">Adaptive Card Documentation Hub</a> is the new one-stop-shop for all your Adaptive Card needs! It has all the resources you're looking for, including complete documentation for many new features, such as
49+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=responsive-layout">Responsive layout</a>,
50+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Icon">Icon</a>,
51+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Badge">Badge</a>,
52+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Carousel">Carousel</a>,
53+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Chart.Line">Charts</a>,
54+
and much more!
55+
</p>
56+
<button role="link" onclick="window.location.href='https://adaptivecards.microsoft.com'"
57+
class="w3-button w3-large w3-round-medium ac-blue" aria-label="Click to navigate to the Adaptive Card Documentation Hub">
58+
Visit the hub
59+
</button>
60+
</div>
61+
4562
<p><%- site.data.samples.en.accwarning %></p>
4663

4764
<h2 class='<%= page.previewClassName %>'><%= page.element.name %></h2>

‎source/nodejs/adaptivecards-site/themes/adaptivecards/layout/index.ejs‎

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,26 @@
1212
</div>
1313
</div>
1414

15+
<div class="w3-center" style="max-width: 800px; margin: 50px auto auto auto; background-color: #fdf5fc; border-radius: 8px; border: 2px solid #af33a1; padding: 25px 50px">
16+
<p class="w3-xlarge"><b>NEW</b></p>
17+
<h1 class="w3-xxlarge">Are you building Copilot, Teams or Outlook scenarios powered by Adaptive Cards?</h1>
18+
<p class="w3-large">The <a class="w3-large" href="https://adaptivecards.microsoft.com">Adaptive Card Documentation Hub</a> is the new one-stop-shop for all your Adaptive Card needs! It has all the resources you're looking for, including complete documentation for many new features, such as
19+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=responsive-layout">Responsive layout</a>,
20+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Icon">Icon</a>,
21+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Badge">Badge</a>,
22+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Carousel">Carousel</a>,
23+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Chart.Line">Charts</a>,
24+
and much more!
25+
</p>
26+
<button role="link" onclick="window.location.href='https://adaptivecards.microsoft.com'"
27+
class="w3-button w3-large w3-round-medium ac-blue" aria-label="Click to navigate to the Adaptive Card Documentation Hub">
28+
Visit the hub
29+
</button>
30+
</div>
1531

1632
<div class="w3-center" style="max-width: 600px; margin: auto">
1733
<div class="w3-margin w3-padding-32">
18-
<h1 class="w3-xxxlarge"><%- site.data.home.en.heading %></h1>
34+
<h1 class="w3-xxlarge"><%- site.data.home.en.heading %></h1>
1935
<div class="accent-paragraph"><%- site.data.home.en.heading_paragraph %></div>
2036
<div class="w3-padding-16">
2137
<button role="link" onclick="window.location.href='https://docs.microsoft.com/en-us/adaptive-cards/'"

‎source/nodejs/adaptivecards-site/themes/adaptivecards/layout/post.ejs‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,6 @@
1818
</style>
1919

2020

21-
2221
<div class="blog w3-content" style="max-width: 960px">
2322

2423
<div class="w3-row blog-post-wrapper">

‎source/nodejs/adaptivecards-site/themes/adaptivecards/layout/sample.ejs‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,25 @@
2222
<div class="w3-main" style="margin-left: 200px">
2323

2424
<div class="w3-row-padding">
25+
<div class="w3-center" style="width: 100%; margin: 24px 0 50px 10px ; background-color: #fdf5fc; border-radius: 8px; border: 2px solid #af33a1; padding: 25px 50px">
26+
<p class="w3-xlarge"><b>NEW</b></p>
27+
<h1>Are you building Copilot, Teams or Outlook scenarios powered by Adaptive Cards?</h1>
28+
<p class="w3-large">The <a class="w3-large" href="https://adaptivecards.microsoft.com">Adaptive Card Documentation Hub</a> is the new one-stop-shop for all your Adaptive Card needs! It has all the resources you're looking for, including complete documentation for many new features, such as
29+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=responsive-layout">Responsive layout</a>,
30+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Icon">Icon</a>,
31+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Badge">Badge</a>,
32+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Carousel">Carousel</a>,
33+
<a class="w3-large" href="https://adaptivecards.microsoft.com/?topic=Chart.Line">Charts</a>,
34+
and much more!
35+
</p>
36+
<p class="w3-large">The <a href="https://adaptivecards.microsoft.com/designer">new Adaptive Card Designer</a> also has plenty of high quality samples built-in. Check them out!
37+
</p>
38+
<button role="link" onclick="window.location.href='https://adaptivecards.microsoft.com'"
39+
class="w3-button w3-large w3-round-medium ac-blue" aria-label="Click to navigate to the Adaptive Card Documentation Hub">
40+
Visit the hub
41+
</button>
42+
</div>
43+
2544
<div class="w3-col m6">
2645
<h1><%= site.data.samples.en.title %></h1>
2746
<p><%- site.data.samples.en.intro %></p>

0 commit comments

Comments
 (0)