merge master?
This commit is contained in:
lostdesign
6
.vscode/webgems.code-snippets
vendored
6
.vscode/webgems.code-snippets
vendored
@@ -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"
|
||||
|
||||
@@ -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
|
||||
[
|
||||
{
|
||||
|
||||
@@ -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")
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
a {
|
||||
.github-corner {
|
||||
z-index:1;
|
||||
position: fixed;
|
||||
top:0;
|
||||
right:0;
|
||||
|
||||
&:hover .octo-arm{
|
||||
animation:octocat-wave 560ms ease-in-out
|
||||
}
|
||||
}
|
||||
.github-corner:hover
|
||||
.octo-arm{
|
||||
animation:octocat-wave 560ms ease-in-out
|
||||
}
|
||||
|
||||
@keyframes octocat-wave{
|
||||
0%,100%{transform:rotate(0)}
|
||||
20%,60%{transform:rotate(-25deg)}
|
||||
40%,80%{transform:rotate(10deg)}
|
||||
}
|
||||
@media (max-width:500px){
|
||||
.github-corner:hover
|
||||
.octo-arm{
|
||||
animation:none
|
||||
}
|
||||
.github-corner
|
||||
.octo-arm{
|
||||
animation:octocat-wave 560ms ease-in-out
|
||||
.github-corner {
|
||||
& .octo-arm {
|
||||
animation:octocat-wave 560ms ease-in-out
|
||||
}
|
||||
&:hover .octo-arm{
|
||||
animation:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -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) {
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
86
store.json
86
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"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user