JSFiddle - React, Tailwind, and code Playground
by spencercooper
HTML
<script src="https://unpkg.com/axios@latest/dist/axios.min.js"></script>
<script src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<script src="https://unpkg.com/buefy@latest/dist/buefy.min.js"></script>
<script src="https://unpkg.com/vue@latest/dist/vue.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
<!DOCTYPE html>
<!-- TODO:
- https://www.link-assistant.com/news/html-tags-for-seo.html
- Twitter cards
- SEO
- microformats : http://microformats.org/wiki/Google_Search
- Open Graph tags
- Oasis Meta data: http://docs.oasis-open.org/specGuidelines/namingGuidelines/metadata03.html
- Dublin Core: https://en.wikipedia.org/wiki/Dublin_Core, http://www.dublincore.org/specifications/dublin-core/dcq-html/<a
- Sitemap
- in page rss/rdf/atom2
- https://seo-hacker.com/happened-dublin-core-seo-factor/<a
- Schema.org
- Crossref.org and doi backlinks
- http://www.ddialliance.org/resources/tools
- http://docs.oasis-open.org/specGuidelines/namingGuidelines/metadata03.html
-
-->
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PWA Style guide</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css">
<link rel="stylesheet" href="https://unpkg.com/buefy@latest/dist/buefy.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<script defer src="https://unpkg.com/axios@0.18.0/dist/axios.min.js"></script>
<script defer src="https://unpkg.com/vue@latest/dist/vue.min.js"></script>
<script defer src="https://unpkg.com/buefy@latest/dist/buefy.min.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.8.2/js/all.js"></script>
</head>
<body>
<nav...