Fix double slash issue in contribution links

rumenpetrov · Oct 3, 2024 · 15c5568 · 15c5568
1 parent 274a7db
commit 15c5568
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/components/EmbeddedDocumentPreview.astro b/src/components/EmbeddedDocumentPreview.astro
@@ -1,11 +1,18 @@
 ---
 const { index, name } = Astro.props;
 ---
+
 <div class="root">
-  <iframe src={`${import.meta.env.BASE_URL}challenge-contributions/${index}/${name}.html`} class="preview"></iframe>
+  <iframe
+    src={`${import.meta.env.BASE_URL}challenge-contributions/${index}/${name}.html`}
+    class="preview"></iframe>
 
   <div class="actions">
-    <a href={`${import.meta.env.BASE_URL}/challenge-contributions/${index}/${name}.html`}>Go to {name}.html</a>
+    <a
+      href={`${import.meta.env.BASE_URL}challenge-contributions/${index}/${name}.html`}
+      target="_blank"
+      rel="noopener noreferrer">Go to {name}.html</a
+    >
   </div>
 </div>
 
@@ -32,4 +39,4 @@ const { index, name } = Astro.props;
   .actions {
     text-align: center;
   }
-</style>
+</style>