Format index.html and add netlify identity widget script

This commit is contained in:
Rémi Weng 2020-10-09 22:29:39 +02:00
parent 6fd04a8011
commit ec409e62e2
2 changed files with 60 additions and 50 deletions

View file

@ -10,6 +10,7 @@
<body> <body>
<!-- Include the script that builds the page and powers Netlify CMS --> <!-- Include the script that builds the page and powers Netlify CMS -->
<script src="https://unpkg.com/netlify-cms@^2.0.0/dist/netlify-cms.js"></script> <script src="https://unpkg.com/netlify-cms@^2.0.0/dist/netlify-cms.js"></script>
<script async src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
</body> </body>
</html> </html>

View file

@ -1,6 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@ -9,10 +8,16 @@
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<title><%= title %></title> <title><%= title %></title>
<meta name="description" content="<%= (!!locals.description) ? description : site.description %>" /> <meta
name="description"
content="<%= (!!locals.description) ? description : site.description %>"
/>
<meta name="author" content="<%= site.author %>" /> <meta name="author" content="<%= site.author %>" />
<meta property="og:title" content="<%= title %>" /> <meta property="og:title" content="<%= title %>" />
<meta property="og:description" content="<%= (!!locals.description) ? description : site.description %>" /> <meta
property="og:description"
content="<%= (!!locals.description) ? description : site.description %>"
/>
<meta property="og:locale" content="<%= site.locale %>" /> <meta property="og:locale" content="<%= site.locale %>" />
<meta property="og:site_name" content="<%= site.site_name %>" /> <meta property="og:site_name" content="<%= site.site_name %>" />
<% if (locals.tags == "posts") { %> <% if (locals.tags == "posts") { %>
@ -42,6 +47,7 @@
} }
</script> </script>
<% } %> <%- include('webpack.ejs') %> <% } %> <%- include('webpack.ejs') %>
<script async src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
</head> </head>
<body class="antialiased w-full text-gray-700"> <body class="antialiased w-full text-gray-700">
@ -54,11 +60,15 @@
<nav> <nav>
<ul class="flex flex-wrap text-xl"> <ul class="flex flex-wrap text-xl">
<li class="mr-6"> <li class="mr-6">
<a class="text-gray-700 border-none hover:no-underline hover:text-gray-800" href="/">Home</a> <a class="text-gray-700 border-none hover:no-underline hover:text-gray-800" href="/"
>Home</a
>
</li> </li>
<li class="mr-6"> <li class="mr-6">
<a class="text-gray-700 border-none hover:no-underline hover:text-gray-800" <a
href="https://github.com/ixartz/Eleventy-Starter-Boilerplate"> class="text-gray-700 border-none hover:no-underline hover:text-gray-800"
href="https://github.com/ixartz/Eleventy-Starter-Boilerplate"
>
GitHub GitHub
</a> </a>
</li> </li>
@ -69,10 +79,9 @@
<div class="text-xl py-5"><%- content %></div> <div class="text-xl py-5"><%- content %></div>
<div class="border-t border-gray-300 text-center py-8"> <div class="border-t border-gray-300 text-center py-8">
Made with <span role="img" aria-label="Love">♥</span> by <a Made with <span role="img" aria-label="Love">♥</span> by
href="https://creativedesignsguru.com">CreativeDesignsGuru</a> <a href="https://creativedesignsguru.com">CreativeDesignsGuru</a>
</div> </div>
</div> </div>
</body> </body>
</html> </html>