diff --git a/.vscode/webgems.code-snippets b/.vscode/webgems.code-snippets index e5e7799..f5e905c 100644 --- a/.vscode/webgems.code-snippets +++ b/.vscode/webgems.code-snippets @@ -19,9 +19,9 @@ "prefix": "wgem", "body": [ "{", - " title: '${1:title}',", - " desc: '${2:desc}',", - " url: '${3:url}'", + " \"title\": \"${1:title}\",", + " \"desc\": \"${2:desc}\",", + " \"url\": \"${3:url}\"", "}," ], "description": "Add a webgem" diff --git a/README.md b/README.md index 7f97f8c..6a09626 100644 --- a/README.md +++ b/README.md @@ -11,7 +11,7 @@ Since this is a Nuxt project, you need nodejs and npm. ``` bash # clone repo -$ git clone https://github.com/lostdesign/webgems.git +$ git clone https://github.com/webgems/webgems.git # cd into webgems $ cd webgems @@ -33,7 +33,9 @@ For detailed explanation on how things work, checkout [Nuxt.js docs](https://nux ### How to add a new resource -We manage our resources in `store.json`. The schema is as follows: +If you are using VS Code, you can simply type `wgem` and hit tab in the `store.json` in order to get the correct template (see below). + +For any other editor, please use the following schema: ```js [ { diff --git a/components/Github.vue b/components/Github.vue index 9bb2a63..63ef18f 100644 --- a/components/Github.vue +++ b/components/Github.vue @@ -6,28 +6,30 @@ path(d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body") diff --git a/nuxt.config.js b/nuxt.config.js index bb19251..11bd935 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -2,8 +2,6 @@ import pkg from './package' import store from './store.json' export default { - mode: 'universal', - /* ** Headers of the page */ @@ -39,34 +37,10 @@ export default { */ loading: { color: '#fff' }, - /* - ** Global CSS - */ - css: [ - ], - - /* - ** Plugins to load before mounting the App - */ - plugins: [ - '~/plugins/i18n.js' - ], - /* ** Nuxt.js modules */ modules: [ 'nuxt-clipboard2', - ], - - /* - ** Build configuration - */ - build: { - /* - ** You can extend webpack config here - */ - extend(config, ctx) { - } - } + ] } diff --git a/store.json b/store.json index 82b569a..09639e3 100644 --- a/store.json +++ b/store.json @@ -1,75 +1,4 @@ [ - { - "title": "Communities", - "slug": "/communities", - "resources": [ - { - "title": "Devcord", - "desc": "A community of developers and designers helping each other. ", - "url": "https://devcord.com" - }, - { - "title": "DomainCord", - "desc": "DomainCord is the only domain name marketplace and discussion community built on top of the Discord platform.", - "url": "https://discord.gg/4KjgdNd" - }, - { - "title": "Developer Hangout", - "desc": "Hangout and learn with new and experienced developers in this Discord community. All ages and experience levels welcome!", - "url": "https://discord.gg/developers" - }, - { - "title": "Glitch", - "desc": "Glitch is the friendly community where everyone can discover and create the best stuff on the web.", - "url": "https://glitch.com/" - }, - { - "title": "WebGL and Threejs", - "desc": "desc", - "url": "https://discord.gg/PJAjxvX" - }, - { - "title": "Design Drop", - "desc": "We're a community built up of creatives, who are looking to improve ourselves, meet new people, and have fun.", - "url": "https://discord.gg/yNBY9bP" - }, - { - "title": "/r/webdev", - "desc": "A community dedicated to all things web development: both front-end and back-end.", - "url": "https://reddit.com/r/webdev" - }, - { - "title": "/r/web_design", - "desc": "A community dedicated to all things web design.", - "url": "https://reddit.com/r/web_design" - }, - { - "title": "/r/javascript", - "desc": "All about the JavaScript programming language!", - "url": "https://reddit.com/r/javascript" - }, - { - "title": "/r/php", - "desc": "Ask questions about frameworks, try your hand at php golf and strike gold or simply show off your latest work.", - "url": "https://reddit.com/r/php" - }, - { - "title": "/r/html", - "desc": "A subreddit about HTML.", - "url": "https://reddit.com/r/html" - }, - { - "title": "/r/css", - "desc": "For discussing Cascading Style Sheets, design principles, and technological innovations related to web development.", - "url": "https://reddit.com/r/css" - }, - { - "title": "MedellinJS", - "desc": "We are a passionate community whose goal is to strengthen and articulate the technological ecosystem of the city of Medellín, Colombia.", - "url": "https://medellinjs.org/" - } - ] - }, { "title": "CSS", "slug": "/css", @@ -173,6 +102,16 @@ "title": "JustREM", "desc": "Easily and quickly convert pixel values into rem values.", "url": "https://justrem.xyz/" + }, + { + "title": "(Re)learn css layout", + "desc": "If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a series of simple, composable layouts, Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS.", + "url": "https://every-layout.dev/" + }, + { + "title": "Interactive CSS box-model view", + "desc": "Learn CSS box-model by interractively changing the values.", + "url": "https://codepen.io/carolineartz/full/ogVXZj" } ] }, @@ -295,6 +234,11 @@ "title": "evernote.design", "desc": "Basically webgems but just for design.", "url": "https://evernote.design" + }, + { + "title": "Inclusive Components", + "desc": "A blog trying to be a pattern library, with a focus on inclusive design. Each post explores a common interface component and comes up with a better, more robust and accessible version of it.", + "url": "https://inclusive-components.design" } ] },