Add rel=noopener to target=_blank links

[github/wallabag/wallabag.git] / src / Wallabag / CoreBundle / Resources / views / themes / common / Entry / share.html.twig
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/common/Entry/share.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/common/Entry/share.html.twig

index f77264c672691df3c1b73f4254615e84e26eccb6..e1c7aad96ff1021ca2fd7fc7f8c6d77a3b89f9c8 100644 (file)
--- a/src/Wallabag/CoreBundle/Resources/views/themes/common/Entry/share.html.twig
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/common/Entry/share.html.twig
@@ -1,36 +1,13 @@
+<!DOCTYPE html>
  <html>
      <head>
-        <title>{{ entry.title | raw }}</title>
-        <style>
-            body {
-                margin: 10px;
-                font-family: 'Roboto',Verdana,Geneva,sans-serif;
-                font-size: 16px;
-                color: #000;
-            }
-            header {
-                text-align: center;
-            }
-
-            header h1 {
-                font-size: 1.3em;
-            }
-
-            a,
-            a:hover,
-            a:visited {
-                color: #000;
-            }
-
-            article {
-                margin: 0 auto;
-                width: 600px;
-            }
-        </style>
-        <meta property="og:title" content="{{ entry.title | raw }}" />
+        <meta charset="utf-8">
+        <title>{{ entry.title|e|raw }}</title>
+        <meta name="viewport" content="initial-scale=1.0">
+        <meta property="og:title" content="{{ entry.title|e|raw }}" />
          <meta property="og:type" content="article" />
          <meta property="og:url" content="{{ app.request.uri }}" />
-        {% set picturePath = app.request.schemeAndHttpHost ~ asset('bundles/wallabagcore/themes/_global/img/logo-other_themes.png') %}
+        {% set picturePath = app.request.schemeAndHttpHost ~ asset('wallassets/themes/_global/img/logo-wallabag.svg') %}
          {% if entry.previewPicture is not null %}
              {% set picturePath = entry.previewPicture %}
          {% endif %}
@@ -38,16 +15,25 @@
          <meta name="twitter:card" content="summary" />
          <meta name="twitter:image" content="{{ picturePath }}" />
          <meta name="twitter:site" content="@wallabagapp" />
-        <meta name="twitter:title" content="{{ entry.title | raw }}" />
+        <meta name="twitter:title" content="{{ entry.title|e|raw }}" />
          <meta name="twitter:description" content="{{ entry.content|striptags|slice(0, 300)|raw }}&hellip;" />
+        {% if app.debug %}
+            <script src="{{ asset('wallassets/public.dev.js') }}"></script>
+        {% else %}
+            <link rel="stylesheet" href="{{ asset('wallassets/public.css') }}">
+        {% endif %}
+
      </head>
      <body>
-        <header>
-            <h1>{{ entry.title | raw }}</h1>
-            <div><a href="{{ entry.url|e }}" target="_blank" title="{{ 'entry.view.original_article'|trans }} : {{ entry.title|e }}" class="tool">{{ entry.domainName|removeWww }}</a></div>
-            <div>{{ "entry.public.shared_by_wallabag"|trans({'%wallabag_instance%': url('homepage')})|raw }}</div>
+        <header class="block">
+            <h1>{{ entry.title|e|raw }}</h1>
+            <a href="{{ entry.url|e }}" target="_blank" rel="noopener" title="{{ 'entry.view.original_article'|trans }} : {{ entry.title|e|raw }}" class="tool">{{ entry.domainName|removeWww }}</a>
+            <p class="shared-by">{{ "entry.public.shared_by_wallabag"|trans({'%wallabag_instance%': url('homepage'), '%username%': entry.user.username})|raw }}.</p>
+            {% if entry.previewPicture is not null %}
+                <img class="preview" src="{{ entry.previewPicture }}" alt="{{ entry.title|striptags|e('html_attr') }}" />
+            {% endif %}
          </header>
-        <article>
+        <article class="block">
              {{ entry.content | raw }}
          </article>
      </body>