From 9e46289c52ee83395447f6e274d0d91a6de9e920 Mon Sep 17 00:00:00 2001
From: Frederic <frederic.vanreet@icloud.com>
Date: Sun, 22 Mar 2020 18:51:22 +0100
Subject: [PATCH] docs: Add a "Open In Playground" button below policy examples

This change is made so that it is more clear to people that
the examples do have an underlying playground example.

Fixes #2207

Signed-off-by: Frederic <frederic.vanreet@icloud.com>
---
 docs/website/layouts/index.html | 32 ++++++++++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/docs/website/layouts/index.html b/docs/website/layouts/index.html
index 50cb018992..f55d0e2da0 100644
--- a/docs/website/layouts/index.html
+++ b/docs/website/layouts/index.html
@@ -347,6 +347,11 @@ <h2>Declarative Policy</h2>
                                     </code>
                                   </pre>
                                 </div>
+                                <div class="text-center blue">
+                                  <button class="mt-4 btn btn-primary"><a
+                                            href="https://play.openpolicyagent.org/p/ikesWCFIH8">Open In Playground</a>
+                                  </button>
+                                </div>
                               </div>
                               <div class="tab-pane fade" id="v-pills-k8s-2-desktop-content"
                                    role="tabpanel"
@@ -424,6 +429,11 @@ <h2>Declarative Policy</h2>
                                       </code>
                                     </pre>
                                 </div>
+                                <div class="text-center blue">
+                                  <button class="mt-4 btn btn-primary"><a
+                                            href="https://play.openpolicyagent.org/p/oL4Ofd1nQi">Open In Playground</a>
+                                  </button>
+                                </div>
                               </div>
                             </div>
                           </div>
@@ -539,6 +549,11 @@ <h2>Declarative Policy</h2>
                                   </code>
                                 </pre>
                               </div>
+                              <div class="text-center blue">
+                                <button class="mt-4 btn btn-primary"><a
+                                          href="https://play.openpolicyagent.org/p/DqXNKeLm20">Open In Playground</a>
+                                </button>
+                              </div>
                             </div>
                             <div class="tab-pane fade" id="v-pills-envoy-2-desktop-content"
                                  role="tabpanel"
@@ -631,6 +646,11 @@ <h2>Declarative Policy</h2>
                                   </code>
                                 </pre>
                               </div>
+                              <div class="text-center blue">
+                                <button class="mt-4 btn btn-primary"><a
+                                          href="https://play.openpolicyagent.org/p/FiFAMwNoqm">Open In Playground</a>
+                                </button>
+                              </div>
                             </div>
                           </div>
                         </div>
@@ -708,6 +728,11 @@ <h2>Declarative Policy</h2>
                                   </code>
                                 </pre>
                               </div>
+                              <div class="text-center blue">
+                                <button class="mt-4 btn btn-primary"><a
+                                          href="https://play.openpolicyagent.org/p/qUkvgJRpIU">Open In Playground</a>
+                                </button>
+                              </div>
                             </div>
                             <div class="tab-pane fade" id="v-pills-app-2-desktop-content"
                                  role="tabpanel"
@@ -767,9 +792,12 @@ <h2>Declarative Policy</h2>
                                         </code>
                                       </pre>
                               </div>
+                              <div class="text-center blue">
+                                <button class="mt-4 btn btn-primary"><a
+                                          href="https://play.openpolicyagent.org/p/c6412EHjS7">Open In Playground</a>
+                                </button>
+                              </div>
                             </div>
-
-
                           </div>
                         </div>
                       </div>