diff --git a/layouts/default.vue b/layouts/default.vue index 224e386..00b5f86 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -18,6 +18,7 @@ import Github from '../components/Github' import Logo from '../components/Logo' import Search from '../components/Search' import Sidebar from '../components/Sidebar' +import pkg from '../package' export default { components: { @@ -26,8 +27,19 @@ export default { Search, Sidebar, }, + head () { + return { + meta: [ + { hid: 'og:title', property: 'og:title', content: pkg.name }, + { hid: 'og:description', property: 'og:description', content: pkg.description }, + { hid: 'og:image', property: 'og:image', content: this.prodBaseUrl + 'apple-touch-icon.png' }, + { hid: 'og:url', property: 'og:url', content: this.prodBaseUrl }, + ], + } + }, data() { return { + prodBaseUrl: 'https://webgems.io/', showNotice: false, } }, @@ -250,4 +262,4 @@ h1 { } } - \ No newline at end of file + diff --git a/nuxt.config.js b/nuxt.config.js index 6b02e6d..4271694 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -6,12 +6,19 @@ export default { ** Headers of the page */ head: { - title: 'webgems', + htmlAttrs: { + lang: 'en', + }, + title: pkg.name, meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { hid: 'description', name: 'description', content: pkg.description }, { hid: 'keywords', name: 'keywords', content: 'css, html, php, server, resources, design, gems, nuxt, javascript, tutorials, development, software'}, + + { name: 'robots', content: 'index, follow' }, + { name: 'distribution', content: 'global'}, + { name:'theme-color', content: '#ffffff' }, { name: 'msapplication-TileColor', content: '#da532c' }, { rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#5bbad5' }, diff --git a/package.json b/package.json index 4e04a27..e498647 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { - "name": "webgems", + "name": "webgems.io", "version": "1.0.0", - "description": "Webgems is a goto place for devs and designers to find new resources and more.", + "description": "Webgems is a place for devs and designers to find useful resources all at one place. It has server resources on HTML, CSS, Javascript, Design, Icons,Accessibility, PHP, Podcasts, Python, Ruby, Servers and more.", "author": "lost.design", "private": true, "scripts": { diff --git a/resources/icons.json b/resources/icons.json index c3e49d5..938e849 100644 --- a/resources/icons.json +++ b/resources/icons.json @@ -8,6 +8,12 @@ "url": "https://fontawesome.com/", "tags": ["icons", "logos", "vector"] }, + { + "title": "Fontello", + "desc": "Fontello has a collection of icons from various font and icon toolkits and the icons can be individually selected and downloaded. This greatly improves the website performance owing the reduced css to download.", + "url": "http://fontello.com/", + "tags": [] + }, { "title": "Icomoon", "desc": "IcoMoon provides a package of vector icons, along with a free HTML5 app for making custom icon fonts or SVG sprites.",