add meta tags and favicons

2 years ago · 1e02f0c7e1
parent cd42d031e4
commit 1e02f0c7e1
13 changed files with 31 additions and 10 deletions
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@ -2,14 +2,14 @@
 <html data-theme="docuseal">
  <head>
    <title>
-      DocuSeal
+      DocuSeal | Open Source Document Filling and Signing
    </title>
+    <%= render 'shared/meta' %>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <%= javascript_pack_tag 'application', defer: true %>
    <%= stylesheet_pack_tag 'application', media: 'all' %>
-    <%= yield :head %>
  </head>
  <body>
    <turbo-frame id="modal"></turbo-frame>
--- a/app/views/layouts/form.html.erb
+++ b/app/views/layouts/form.html.erb
@ -2,14 +2,15 @@
 <html data-theme="docuseal">
  <head>
    <title>
-      DocuSeal
+      DocuSeal | Open Source Document Filling and Signing
    </title>
+    <%= render 'shared/meta' %>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="robots" content="noindex">
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <%= javascript_pack_tag 'form', defer: true %>
    <%= stylesheet_pack_tag 'form', media: 'all' %>
-    <%= yield :head %>
  </head>
  <body>
    <%= yield %>
--- a/app/views/layouts/plain.html.erb
+++ b/app/views/layouts/plain.html.erb
@ -2,12 +2,12 @@
 <html data-theme="docuseal">
  <head>
    <title>
-      DocuSeal
+      DocuSeal | Open Source Document Filling and Signing
    </title>
+    <%= render 'shared/meta' %>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="robots" content="noindex">
    <%= javascript_pack_tag 'application', defer: true %>
    <%= stylesheet_pack_tag 'application', media: 'all' %>
  </head>
--- a/app/views/shared/_meta.html.erb
+++ b/app/views/shared/_meta.html.erb
@ -0,0 +1,20 @@
+<meta name="description" content="Open source, self-hosted tool to streamline document filling and signing. Create custom PDF forms to complete and sign with an easy to use online tool.">
+<meta property="og:title" content="DocuSeal | Open Source Document Filling and Signing">
+<meta property="og:description" content="Open source, self-hosted tool to streamline document filling and signing. Create custom PDF forms to complete and sign with an easy to use online tool.">
+<meta property="og:type" content="website">
+<meta property="og:url" content="<%= root_url %>">
+<meta property="og:site_name" content="DocuSeal">
+<meta property="og:image" content="<%= "#{root_url}preview.png" %>">
+<meta property="og:image:width" content="800">
+<meta property="og:image:height" content="800">
+<meta name="twitter:image" content="<%= "#{root_url}preview.png" %>">
+<meta name="twitter:card" content="summary">
+<meta name="twitter:creator" content="@docusealhq">
+<meta name="twitter:site" content="@docusealhq">
+<meta name="twitter:title" content="DocuSeal | Open Source Document Filling and Signing">
+<meta name="twitter:description" content="Open source, self-hosted tool to streamline document filling and signing. Create custom PDF forms to complete and sign with an easy to use online tool.">
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+<meta name="theme-color" content="#faf7f5">
--- a/app/views/templates/show.html.erb
+++ b/app/views/templates/show.html.erb
@ -80,7 +80,7 @@
          <div class="space-y-1 w-full mr-4">
            <% submitters.each_with_index do |submitter, index| %>
              <div class="flex justify-between items-center">
-                <span class="flex items-center space-x-2 text-lg">
+                <span class="flex space-x-2 text-lg">
                  <%= render 'icons/user_number', class: 'w-6 h-6 stroke-2', number: index + 1 %>
                  <span>
                    <%= submitter.email %>
--- a/public/apple-icon-180x180.png
+++ b/public/apple-icon-180x180.png
--- a/public/apple-touch-icon-precomposed.png
+++ b/public/apple-touch-icon-precomposed.png
--- a/public/apple-touch-icon.png
+++ b/public/apple-touch-icon.png
--- a/public/favicon-16x16.png
+++ b/public/favicon-16x16.png
--- a/public/favicon-32x32.png
+++ b/public/favicon-32x32.png
--- a/public/favicon-96x96.png
+++ b/public/favicon-96x96.png
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/preview.png
+++ b/public/preview.png