Compare commits
14 Commits
dev
...
feature/re
| Author | SHA1 | Date | |
|---|---|---|---|
|
7752f5fbc6 | ||
|
|
7e3a35dee3 | ||
|
d89701d48a | ||
|
|
132e2f75b0 | ||
|
|
6a6f435007 | ||
|
|
c5d19575f0 | ||
|
|
040d2e870f | ||
|
|
fdf7c3f43e | ||
|
|
3618e4b705 | ||
|
|
dbebc1b613 | ||
|
|
09eee22983 | ||
|
|
1f69c494a4 | ||
|
|
b7ed83b3bb | ||
|
|
5cd1cc4afe |
16
.babelrc
Normal file
16
.babelrc
Normal file
@@ -0,0 +1,16 @@
|
||||
{
|
||||
"env": {
|
||||
"test": {
|
||||
"presets": [
|
||||
[
|
||||
"@babel/preset-env",
|
||||
{
|
||||
"targets": {
|
||||
"node": "current"
|
||||
}
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,3 +0,0 @@
|
||||
node_modules
|
||||
npm-debug*
|
||||
.nuxt
|
||||
30
.eslintrc.js
30
.eslintrc.js
@@ -1,30 +0,0 @@
|
||||
module.exports = {
|
||||
root: true,
|
||||
env: {
|
||||
browser: true,
|
||||
node: true
|
||||
},
|
||||
parserOptions: {
|
||||
parser: 'babel-eslint'
|
||||
},
|
||||
extends: [
|
||||
'eslint:recommended',
|
||||
// https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
|
||||
// consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
|
||||
'plugin:vue/recommended',
|
||||
// 'plugin:prettier/recommended'
|
||||
],
|
||||
// required to lint *.vue files
|
||||
plugins: [
|
||||
'vue'
|
||||
],
|
||||
// add your custom rules here
|
||||
rules: {
|
||||
'semi': ['error', 'never'],
|
||||
'no-console': 'off',
|
||||
'vue/max-attributes-per-line': 'off',
|
||||
'quotes': ['error', 'single', { 'avoidEscape': true }],
|
||||
'comma-dangle': ['error', 'always-multiline'],
|
||||
'vue/require-default-prop': 'off',
|
||||
}
|
||||
}
|
||||
38
.github/ISSUE_TEMPLATE/bug_report.md
vendored
38
.github/ISSUE_TEMPLATE/bug_report.md
vendored
@@ -1,38 +0,0 @@
|
||||
---
|
||||
name: Bug report
|
||||
about: Create a report to help us improve
|
||||
title: ''
|
||||
labels: ''
|
||||
assignees: ''
|
||||
|
||||
---
|
||||
|
||||
**Describe the bug**
|
||||
A clear and concise description of what the bug is.
|
||||
|
||||
**To Reproduce**
|
||||
Steps to reproduce the behavior:
|
||||
1. Go to '...'
|
||||
2. Click on '....'
|
||||
3. Scroll down to '....'
|
||||
4. See error
|
||||
|
||||
**Expected behavior**
|
||||
A clear and concise description of what you expected to happen.
|
||||
|
||||
**Screenshots**
|
||||
If applicable, add screenshots to help explain your problem.
|
||||
|
||||
**Desktop (please complete the following information):**
|
||||
- OS: [e.g. iOS]
|
||||
- Browser [e.g. chrome, safari]
|
||||
- Version [e.g. 22]
|
||||
|
||||
**Smartphone (please complete the following information):**
|
||||
- Device: [e.g. iPhone6]
|
||||
- OS: [e.g. iOS8.1]
|
||||
- Browser [e.g. stock browser, safari]
|
||||
- Version [e.g. 22]
|
||||
|
||||
**Additional context**
|
||||
Add any other context about the problem here.
|
||||
20
.github/ISSUE_TEMPLATE/feature_request.md
vendored
20
.github/ISSUE_TEMPLATE/feature_request.md
vendored
@@ -1,20 +0,0 @@
|
||||
---
|
||||
name: Feature request
|
||||
about: Suggest an idea for this project
|
||||
title: ''
|
||||
labels: ''
|
||||
assignees: ''
|
||||
|
||||
---
|
||||
|
||||
**Is your feature request related to a problem? Please describe.**
|
||||
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
|
||||
|
||||
**Describe the solution you'd like**
|
||||
A clear and concise description of what you want to happen.
|
||||
|
||||
**Describe alternatives you've considered**
|
||||
A clear and concise description of any alternative solutions or features you've considered.
|
||||
|
||||
**Additional context**
|
||||
Add any other context or screenshots about the feature request here.
|
||||
20
.github/ISSUE_TEMPLATE/resource-request.md
vendored
20
.github/ISSUE_TEMPLATE/resource-request.md
vendored
@@ -1,20 +0,0 @@
|
||||
---
|
||||
name: Resource request
|
||||
about: Suggest a new resource
|
||||
title: ''
|
||||
labels: new resource
|
||||
assignees: lostdesign
|
||||
|
||||
---
|
||||
|
||||
**Name**
|
||||
webgems.io
|
||||
|
||||
**Description**
|
||||
1-2 sentenses
|
||||
|
||||
**URL**
|
||||
https://example.com
|
||||
|
||||
**Category**
|
||||
javascript/html/php...
|
||||
10
.gitignore
vendored
10
.gitignore
vendored
@@ -1,7 +1,7 @@
|
||||
# Created by .ignore support plugin (hsz.mobi)
|
||||
### Node template
|
||||
# Logs
|
||||
logs
|
||||
/logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
@@ -77,10 +77,14 @@ dist
|
||||
# Serverless directories
|
||||
.serverless
|
||||
|
||||
# IDE
|
||||
# IDE / Editor
|
||||
.idea
|
||||
|
||||
# Service worker
|
||||
sw.*
|
||||
|
||||
.DS_store
|
||||
# macOS
|
||||
.DS_Store
|
||||
|
||||
# Vim swap files
|
||||
*.swp
|
||||
|
||||
5
.vscode/settings.json
vendored
5
.vscode/settings.json
vendored
@@ -1,5 +0,0 @@
|
||||
{
|
||||
"editor.formatOnSave": false,
|
||||
"vue-i18n-ally.localesPaths": "locales",
|
||||
"i18n-ally.localesPaths": "locales"
|
||||
}
|
||||
30
.vscode/webgems.code-snippets
vendored
30
.vscode/webgems.code-snippets
vendored
@@ -1,30 +0,0 @@
|
||||
{
|
||||
// Place your webgems workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
|
||||
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
|
||||
// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
|
||||
// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
|
||||
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
|
||||
// Placeholders with the same ids are connected.
|
||||
// Example:
|
||||
// "Print to console": {
|
||||
// "scope": "javascript,typescript",
|
||||
// "prefix": "log",
|
||||
// "body": [
|
||||
// "console.log('$1');",
|
||||
// "$2"
|
||||
// ],
|
||||
// "description": "Log output to console"
|
||||
// }
|
||||
"Add a webgem": {
|
||||
"prefix": "wgem",
|
||||
"body": [
|
||||
"{",
|
||||
" \"title\": \"${1:title}\",",
|
||||
" \"desc\": \"${2:desc}\",",
|
||||
" \"url\": \"${3:url}\",",
|
||||
" \"tags\": [\"${4:tag}\"]",
|
||||
"},"
|
||||
],
|
||||
"description": "Add a webgem"
|
||||
}
|
||||
}
|
||||
@@ -1,74 +0,0 @@
|
||||
## Code of Conduct
|
||||
|
||||
### Our Pledge
|
||||
|
||||
In the interest of fostering an open and welcoming environment, we as
|
||||
contributors and maintainers pledge to make participation in our project and
|
||||
our community a harassment-free experience for everyone, regardless of age, body
|
||||
size, disability, ethnicity, gender identity and expression, level of experience,
|
||||
nationality, personal appearance, race, religion, or sexual identity and
|
||||
orientation.
|
||||
|
||||
### Our Standards
|
||||
|
||||
Examples of behavior that contributes to creating a positive environment
|
||||
include:
|
||||
|
||||
* Using welcoming and inclusive language
|
||||
* Being respectful of differing viewpoints and experiences
|
||||
* Gracefully accepting constructive criticism
|
||||
* Focusing on what is best for the community
|
||||
* Showing empathy towards other community members
|
||||
|
||||
Examples of unacceptable behavior by participants include:
|
||||
|
||||
* The use of sexualized language or imagery and unwelcome sexual attention or
|
||||
advances
|
||||
* Trolling, insulting/derogatory comments, and personal or political attacks
|
||||
* Public or private harassment
|
||||
* Publishing others' private information, such as a physical or electronic
|
||||
address, without explicit permission
|
||||
* Other conduct which could reasonably be considered inappropriate in a
|
||||
professional setting
|
||||
|
||||
### Our Responsibilities
|
||||
|
||||
Project maintainers are responsible for clarifying the standards of acceptable
|
||||
behavior and are expected to take appropriate and fair corrective action in
|
||||
response to any instances of unacceptable behavior.
|
||||
|
||||
Project maintainers have the right and responsibility to remove, edit, or
|
||||
reject comments, commits, code, wiki edits, issues, and other contributions
|
||||
that are not aligned to this Code of Conduct, or to ban temporarily or
|
||||
permanently any contributor for other behaviors that they deem inappropriate,
|
||||
threatening, offensive, or harmful.
|
||||
|
||||
### Scope
|
||||
|
||||
This Code of Conduct applies both within project spaces and in public spaces
|
||||
when an individual is representing the project or its community. Examples of
|
||||
representing a project or community include using an official project e-mail
|
||||
address, posting via an official social media account, or acting as an appointed
|
||||
representative at an online or offline event. Representation of a project may be
|
||||
further defined and clarified by project maintainers.
|
||||
|
||||
### Enforcement
|
||||
|
||||
Instances of abusive, harassing, or otherwise unacceptable behavior may be
|
||||
reported by contacting the project team at abuse@webgems.io. All
|
||||
complaints will be reviewed and investigated and will result in a response that
|
||||
is deemed necessary and appropriate to the circumstances. The project team is
|
||||
obligated to maintain confidentiality with regard to the reporter of an incident.
|
||||
Further details of specific enforcement policies may be posted separately.
|
||||
|
||||
Project maintainers who do not follow or enforce the Code of Conduct in good
|
||||
faith may face temporary or permanent repercussions as determined by other
|
||||
members of the project's leadership.
|
||||
|
||||
### Attribution
|
||||
|
||||
This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
|
||||
available at [http://contributor-covenant.org/version/1/4][version]
|
||||
|
||||
[homepage]: http://contributor-covenant.org
|
||||
[version]: http://contributor-covenant.org/version/1/4/
|
||||
110
CONTRIBUTING.md
110
CONTRIBUTING.md
@@ -1,110 +0,0 @@
|
||||
# Contributing
|
||||
|
||||
## Introduction
|
||||
|
||||
Thank you for considering to contribute to webgems.io!
|
||||
|
||||
Whether you want to report a bug, request a feature or contribute new resources
|
||||
or code, we appreciate your effort and will do our best to incorporate them into
|
||||
the project.
|
||||
|
||||
Please understand that some of your contributions might not align with our
|
||||
vision for the project, which means we may reject some of your issues or pull
|
||||
request. When in doubt, we recommend opening an issue first in order to discuss
|
||||
your ideas with the maintainers, before starting to implement your changes.
|
||||
|
||||
### Code of Conduct
|
||||
|
||||
Please adhere to our [Code of Conduct](CODE_OF_CONDUCT.md) during your
|
||||
interactions with this project's maintainers and community. This helps maintain
|
||||
a friendly and tolerant environment that everyone enjoys being a part of.
|
||||
|
||||
## Issues
|
||||
|
||||
If you want to report a bug or suggest an enhancement, you are more than welcome
|
||||
to open an issue in this repository! You can use the provided templates to
|
||||
answer our most common questions, which helps us better understand your feedback
|
||||
and get back to you faster.
|
||||
|
||||
Before filing an issue, please do a quick check using the project's issue search
|
||||
in order to avoid opening duplicate issues. In case your feedback has already
|
||||
been reported elsewhere, you can either add a "+1" (:+1:) reaction to that
|
||||
issue, or post a comment if you have further details to add to the conversation.
|
||||
|
||||
## Pull Requests
|
||||
|
||||
If you'd like to contribute code to the project, follow these steps:
|
||||
|
||||
0. Make sure your change will be accepted. This may mean opening an issue to
|
||||
discuss your desired changes first.
|
||||
1. Fork and clone the project. Then, create a new feature branch based on the
|
||||
project's `dev` branch.
|
||||
2. Run `npm install` in the root of the project.
|
||||
3. You can use the following npm scripts to perform common tasks during
|
||||
development:
|
||||
- `npm run dev`: Launch a development server on `localhost:3000`
|
||||
- `npm run build; npm start`: Build and serve a production version of the
|
||||
app
|
||||
- `npm run generate`: Generate the final, pre-rendered version of
|
||||
the site.
|
||||
4. Start coding! See below for some guidance.
|
||||
5. Once you are ready to open your PR: Commit and push the changes to your fork,
|
||||
and then open a new pull request in this project's GitHub UI.
|
||||
- Make sure that the base branch is set to `dev` instead of `master` (this
|
||||
can also be corrected later on by clicking on the "Edit" button next to a
|
||||
PR's title).
|
||||
- Please exclude potential build or install artifacts (such as `yarn.lock` or
|
||||
log files) from the changeset.
|
||||
6. Wait for the maintainers to review your pull request. We usually require at
|
||||
least two approving reviews in order to merge a PR.
|
||||
- If you'd like to, you can add yourself to the
|
||||
[CONTRIBUTORS.md](CONTRIBUTORS.md) file before your PR is merged.
|
||||
- You might be asked to make additional changes, if so you can simply create
|
||||
a new commit and push it to the same branch you used to open the PR in the
|
||||
first place.
|
||||
|
||||
### Adding a new resource
|
||||
|
||||
If you are using VS Code, you can simply type `wgem` and hit tab in one of the
|
||||
JSON files in the `resources` folder in order to get the correct template (see
|
||||
below).
|
||||
|
||||
For any other editor, please use the following schema:
|
||||
```js
|
||||
[
|
||||
{
|
||||
"title": String, // Start with uppercase
|
||||
"slug": String, // All lowercase, eg: "/category"
|
||||
"resources": [
|
||||
{
|
||||
"title": String,
|
||||
"desc": String, // 1 - 2 sentences long
|
||||
"url": String, // See below for notes about correct format of URLs
|
||||
"tags": [String] // Please try to add at least 3 single-worded tags
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
```
|
||||
|
||||
In our [resources](resources/) we have an `<category>.json` file for each
|
||||
category, you can add your suggested resource by adding it to the `resources`
|
||||
array in the JSON file using the schema as described above. Please include all
|
||||
the keys enlisted (`title`, `desc`, `url`, `tags`).
|
||||
|
||||
For URLs, please consider the following:
|
||||
- Do not link to language specific pages (e.g. don't link to
|
||||
`<url>.org/en-US/docs`, instead, link to `<url>/docs` if possible).
|
||||
- Do not use `'&'` as it will break the URL referencing.
|
||||
- We won't allow referral links.
|
||||
|
||||
To add a completely new resource, add a `<category>.json` file to
|
||||
[resources](resources/). Make sure it follows the sceme as described above. Add
|
||||
it to [resources.index.js](resources/index.js) list of imports and export it as
|
||||
well, that way Nuxt can take care of rendering the page.
|
||||
|
||||
### Tech stack
|
||||
|
||||
webgems.io is built with [Vue.js](https://vuejs.org/) and
|
||||
[Nuxt](https://nuxtjs.org/). You can refer to their respective documentation to
|
||||
find out more about how they work.
|
||||
@@ -1,9 +0,0 @@
|
||||
## Contributors
|
||||
These are lovely people who have helped this project:
|
||||
|
||||
- [lostdesign](https://github.com/lostdesign) : Active Contributor and currently also the main contributor.
|
||||
* twitter: @lostdesign
|
||||
- [Kevin](https://github.com/S3B4S) :dog:
|
||||
- [jacobparis](https://github.com/jacobparis) : Team Devcord
|
||||
* twitter: @jacobmparis
|
||||
- [JonasPardon](https://github.com/JonasPardon)
|
||||
28
Dockerfile
28
Dockerfile
@@ -1,28 +0,0 @@
|
||||
FROM node:11.13.0-alpine
|
||||
|
||||
# create destination directory
|
||||
RUN mkdir -p /usr/src/nuxt-app
|
||||
WORKDIR /usr/src/nuxt-app
|
||||
|
||||
# update and install dependency
|
||||
RUN apk update && apk upgrade
|
||||
RUN apk add git
|
||||
|
||||
# copy the app, note .dockerignore
|
||||
COPY . /usr/src/nuxt-app/
|
||||
RUN npm install
|
||||
|
||||
# build necessary, even if no static files are needed,
|
||||
# since it builds the server as well
|
||||
RUN npm run build
|
||||
|
||||
# expose 5000 on container
|
||||
EXPOSE 5000
|
||||
|
||||
# set app serving to permissive / assigned
|
||||
ENV NUXT_HOST=0.0.0.0
|
||||
# set app port
|
||||
ENV NUXT_PORT=5000
|
||||
|
||||
# start the app
|
||||
CMD [ "npm", "start" ]
|
||||
674
LICENSE
674
LICENSE
@@ -1,674 +0,0 @@
|
||||
GNU GENERAL PUBLIC LICENSE
|
||||
Version 3, 29 June 2007
|
||||
|
||||
Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
|
||||
Everyone is permitted to copy and distribute verbatim copies
|
||||
of this license document, but changing it is not allowed.
|
||||
|
||||
Preamble
|
||||
|
||||
The GNU General Public License is a free, copyleft license for
|
||||
software and other kinds of works.
|
||||
|
||||
The licenses for most software and other practical works are designed
|
||||
to take away your freedom to share and change the works. By contrast,
|
||||
the GNU General Public License is intended to guarantee your freedom to
|
||||
share and change all versions of a program--to make sure it remains free
|
||||
software for all its users. We, the Free Software Foundation, use the
|
||||
GNU General Public License for most of our software; it applies also to
|
||||
any other work released this way by its authors. You can apply it to
|
||||
your programs, too.
|
||||
|
||||
When we speak of free software, we are referring to freedom, not
|
||||
price. Our General Public Licenses are designed to make sure that you
|
||||
have the freedom to distribute copies of free software (and charge for
|
||||
them if you wish), that you receive source code or can get it if you
|
||||
want it, that you can change the software or use pieces of it in new
|
||||
free programs, and that you know you can do these things.
|
||||
|
||||
To protect your rights, we need to prevent others from denying you
|
||||
these rights or asking you to surrender the rights. Therefore, you have
|
||||
certain responsibilities if you distribute copies of the software, or if
|
||||
you modify it: responsibilities to respect the freedom of others.
|
||||
|
||||
For example, if you distribute copies of such a program, whether
|
||||
gratis or for a fee, you must pass on to the recipients the same
|
||||
freedoms that you received. You must make sure that they, too, receive
|
||||
or can get the source code. And you must show them these terms so they
|
||||
know their rights.
|
||||
|
||||
Developers that use the GNU GPL protect your rights with two steps:
|
||||
(1) assert copyright on the software, and (2) offer you this License
|
||||
giving you legal permission to copy, distribute and/or modify it.
|
||||
|
||||
For the developers' and authors' protection, the GPL clearly explains
|
||||
that there is no warranty for this free software. For both users' and
|
||||
authors' sake, the GPL requires that modified versions be marked as
|
||||
changed, so that their problems will not be attributed erroneously to
|
||||
authors of previous versions.
|
||||
|
||||
Some devices are designed to deny users access to install or run
|
||||
modified versions of the software inside them, although the manufacturer
|
||||
can do so. This is fundamentally incompatible with the aim of
|
||||
protecting users' freedom to change the software. The systematic
|
||||
pattern of such abuse occurs in the area of products for individuals to
|
||||
use, which is precisely where it is most unacceptable. Therefore, we
|
||||
have designed this version of the GPL to prohibit the practice for those
|
||||
products. If such problems arise substantially in other domains, we
|
||||
stand ready to extend this provision to those domains in future versions
|
||||
of the GPL, as needed to protect the freedom of users.
|
||||
|
||||
Finally, every program is threatened constantly by software patents.
|
||||
States should not allow patents to restrict development and use of
|
||||
software on general-purpose computers, but in those that do, we wish to
|
||||
avoid the special danger that patents applied to a free program could
|
||||
make it effectively proprietary. To prevent this, the GPL assures that
|
||||
patents cannot be used to render the program non-free.
|
||||
|
||||
The precise terms and conditions for copying, distribution and
|
||||
modification follow.
|
||||
|
||||
TERMS AND CONDITIONS
|
||||
|
||||
0. Definitions.
|
||||
|
||||
"This License" refers to version 3 of the GNU General Public License.
|
||||
|
||||
"Copyright" also means copyright-like laws that apply to other kinds of
|
||||
works, such as semiconductor masks.
|
||||
|
||||
"The Program" refers to any copyrightable work licensed under this
|
||||
License. Each licensee is addressed as "you". "Licensees" and
|
||||
"recipients" may be individuals or organizations.
|
||||
|
||||
To "modify" a work means to copy from or adapt all or part of the work
|
||||
in a fashion requiring copyright permission, other than the making of an
|
||||
exact copy. The resulting work is called a "modified version" of the
|
||||
earlier work or a work "based on" the earlier work.
|
||||
|
||||
A "covered work" means either the unmodified Program or a work based
|
||||
on the Program.
|
||||
|
||||
To "propagate" a work means to do anything with it that, without
|
||||
permission, would make you directly or secondarily liable for
|
||||
infringement under applicable copyright law, except executing it on a
|
||||
computer or modifying a private copy. Propagation includes copying,
|
||||
distribution (with or without modification), making available to the
|
||||
public, and in some countries other activities as well.
|
||||
|
||||
To "convey" a work means any kind of propagation that enables other
|
||||
parties to make or receive copies. Mere interaction with a user through
|
||||
a computer network, with no transfer of a copy, is not conveying.
|
||||
|
||||
An interactive user interface displays "Appropriate Legal Notices"
|
||||
to the extent that it includes a convenient and prominently visible
|
||||
feature that (1) displays an appropriate copyright notice, and (2)
|
||||
tells the user that there is no warranty for the work (except to the
|
||||
extent that warranties are provided), that licensees may convey the
|
||||
work under this License, and how to view a copy of this License. If
|
||||
the interface presents a list of user commands or options, such as a
|
||||
menu, a prominent item in the list meets this criterion.
|
||||
|
||||
1. Source Code.
|
||||
|
||||
The "source code" for a work means the preferred form of the work
|
||||
for making modifications to it. "Object code" means any non-source
|
||||
form of a work.
|
||||
|
||||
A "Standard Interface" means an interface that either is an official
|
||||
standard defined by a recognized standards body, or, in the case of
|
||||
interfaces specified for a particular programming language, one that
|
||||
is widely used among developers working in that language.
|
||||
|
||||
The "System Libraries" of an executable work include anything, other
|
||||
than the work as a whole, that (a) is included in the normal form of
|
||||
packaging a Major Component, but which is not part of that Major
|
||||
Component, and (b) serves only to enable use of the work with that
|
||||
Major Component, or to implement a Standard Interface for which an
|
||||
implementation is available to the public in source code form. A
|
||||
"Major Component", in this context, means a major essential component
|
||||
(kernel, window system, and so on) of the specific operating system
|
||||
(if any) on which the executable work runs, or a compiler used to
|
||||
produce the work, or an object code interpreter used to run it.
|
||||
|
||||
The "Corresponding Source" for a work in object code form means all
|
||||
the source code needed to generate, install, and (for an executable
|
||||
work) run the object code and to modify the work, including scripts to
|
||||
control those activities. However, it does not include the work's
|
||||
System Libraries, or general-purpose tools or generally available free
|
||||
programs which are used unmodified in performing those activities but
|
||||
which are not part of the work. For example, Corresponding Source
|
||||
includes interface definition files associated with source files for
|
||||
the work, and the source code for shared libraries and dynamically
|
||||
linked subprograms that the work is specifically designed to require,
|
||||
such as by intimate data communication or control flow between those
|
||||
subprograms and other parts of the work.
|
||||
|
||||
The Corresponding Source need not include anything that users
|
||||
can regenerate automatically from other parts of the Corresponding
|
||||
Source.
|
||||
|
||||
The Corresponding Source for a work in source code form is that
|
||||
same work.
|
||||
|
||||
2. Basic Permissions.
|
||||
|
||||
All rights granted under this License are granted for the term of
|
||||
copyright on the Program, and are irrevocable provided the stated
|
||||
conditions are met. This License explicitly affirms your unlimited
|
||||
permission to run the unmodified Program. The output from running a
|
||||
covered work is covered by this License only if the output, given its
|
||||
content, constitutes a covered work. This License acknowledges your
|
||||
rights of fair use or other equivalent, as provided by copyright law.
|
||||
|
||||
You may make, run and propagate covered works that you do not
|
||||
convey, without conditions so long as your license otherwise remains
|
||||
in force. You may convey covered works to others for the sole purpose
|
||||
of having them make modifications exclusively for you, or provide you
|
||||
with facilities for running those works, provided that you comply with
|
||||
the terms of this License in conveying all material for which you do
|
||||
not control copyright. Those thus making or running the covered works
|
||||
for you must do so exclusively on your behalf, under your direction
|
||||
and control, on terms that prohibit them from making any copies of
|
||||
your copyrighted material outside their relationship with you.
|
||||
|
||||
Conveying under any other circumstances is permitted solely under
|
||||
the conditions stated below. Sublicensing is not allowed; section 10
|
||||
makes it unnecessary.
|
||||
|
||||
3. Protecting Users' Legal Rights From Anti-Circumvention Law.
|
||||
|
||||
No covered work shall be deemed part of an effective technological
|
||||
measure under any applicable law fulfilling obligations under article
|
||||
11 of the WIPO copyright treaty adopted on 20 December 1996, or
|
||||
similar laws prohibiting or restricting circumvention of such
|
||||
measures.
|
||||
|
||||
When you convey a covered work, you waive any legal power to forbid
|
||||
circumvention of technological measures to the extent such circumvention
|
||||
is effected by exercising rights under this License with respect to
|
||||
the covered work, and you disclaim any intention to limit operation or
|
||||
modification of the work as a means of enforcing, against the work's
|
||||
users, your or third parties' legal rights to forbid circumvention of
|
||||
technological measures.
|
||||
|
||||
4. Conveying Verbatim Copies.
|
||||
|
||||
You may convey verbatim copies of the Program's source code as you
|
||||
receive it, in any medium, provided that you conspicuously and
|
||||
appropriately publish on each copy an appropriate copyright notice;
|
||||
keep intact all notices stating that this License and any
|
||||
non-permissive terms added in accord with section 7 apply to the code;
|
||||
keep intact all notices of the absence of any warranty; and give all
|
||||
recipients a copy of this License along with the Program.
|
||||
|
||||
You may charge any price or no price for each copy that you convey,
|
||||
and you may offer support or warranty protection for a fee.
|
||||
|
||||
5. Conveying Modified Source Versions.
|
||||
|
||||
You may convey a work based on the Program, or the modifications to
|
||||
produce it from the Program, in the form of source code under the
|
||||
terms of section 4, provided that you also meet all of these conditions:
|
||||
|
||||
a) The work must carry prominent notices stating that you modified
|
||||
it, and giving a relevant date.
|
||||
|
||||
b) The work must carry prominent notices stating that it is
|
||||
released under this License and any conditions added under section
|
||||
7. This requirement modifies the requirement in section 4 to
|
||||
"keep intact all notices".
|
||||
|
||||
c) You must license the entire work, as a whole, under this
|
||||
License to anyone who comes into possession of a copy. This
|
||||
License will therefore apply, along with any applicable section 7
|
||||
additional terms, to the whole of the work, and all its parts,
|
||||
regardless of how they are packaged. This License gives no
|
||||
permission to license the work in any other way, but it does not
|
||||
invalidate such permission if you have separately received it.
|
||||
|
||||
d) If the work has interactive user interfaces, each must display
|
||||
Appropriate Legal Notices; however, if the Program has interactive
|
||||
interfaces that do not display Appropriate Legal Notices, your
|
||||
work need not make them do so.
|
||||
|
||||
A compilation of a covered work with other separate and independent
|
||||
works, which are not by their nature extensions of the covered work,
|
||||
and which are not combined with it such as to form a larger program,
|
||||
in or on a volume of a storage or distribution medium, is called an
|
||||
"aggregate" if the compilation and its resulting copyright are not
|
||||
used to limit the access or legal rights of the compilation's users
|
||||
beyond what the individual works permit. Inclusion of a covered work
|
||||
in an aggregate does not cause this License to apply to the other
|
||||
parts of the aggregate.
|
||||
|
||||
6. Conveying Non-Source Forms.
|
||||
|
||||
You may convey a covered work in object code form under the terms
|
||||
of sections 4 and 5, provided that you also convey the
|
||||
machine-readable Corresponding Source under the terms of this License,
|
||||
in one of these ways:
|
||||
|
||||
a) Convey the object code in, or embodied in, a physical product
|
||||
(including a physical distribution medium), accompanied by the
|
||||
Corresponding Source fixed on a durable physical medium
|
||||
customarily used for software interchange.
|
||||
|
||||
b) Convey the object code in, or embodied in, a physical product
|
||||
(including a physical distribution medium), accompanied by a
|
||||
written offer, valid for at least three years and valid for as
|
||||
long as you offer spare parts or customer support for that product
|
||||
model, to give anyone who possesses the object code either (1) a
|
||||
copy of the Corresponding Source for all the software in the
|
||||
product that is covered by this License, on a durable physical
|
||||
medium customarily used for software interchange, for a price no
|
||||
more than your reasonable cost of physically performing this
|
||||
conveying of source, or (2) access to copy the
|
||||
Corresponding Source from a network server at no charge.
|
||||
|
||||
c) Convey individual copies of the object code with a copy of the
|
||||
written offer to provide the Corresponding Source. This
|
||||
alternative is allowed only occasionally and noncommercially, and
|
||||
only if you received the object code with such an offer, in accord
|
||||
with subsection 6b.
|
||||
|
||||
d) Convey the object code by offering access from a designated
|
||||
place (gratis or for a charge), and offer equivalent access to the
|
||||
Corresponding Source in the same way through the same place at no
|
||||
further charge. You need not require recipients to copy the
|
||||
Corresponding Source along with the object code. If the place to
|
||||
copy the object code is a network server, the Corresponding Source
|
||||
may be on a different server (operated by you or a third party)
|
||||
that supports equivalent copying facilities, provided you maintain
|
||||
clear directions next to the object code saying where to find the
|
||||
Corresponding Source. Regardless of what server hosts the
|
||||
Corresponding Source, you remain obligated to ensure that it is
|
||||
available for as long as needed to satisfy these requirements.
|
||||
|
||||
e) Convey the object code using peer-to-peer transmission, provided
|
||||
you inform other peers where the object code and Corresponding
|
||||
Source of the work are being offered to the general public at no
|
||||
charge under subsection 6d.
|
||||
|
||||
A separable portion of the object code, whose source code is excluded
|
||||
from the Corresponding Source as a System Library, need not be
|
||||
included in conveying the object code work.
|
||||
|
||||
A "User Product" is either (1) a "consumer product", which means any
|
||||
tangible personal property which is normally used for personal, family,
|
||||
or household purposes, or (2) anything designed or sold for incorporation
|
||||
into a dwelling. In determining whether a product is a consumer product,
|
||||
doubtful cases shall be resolved in favor of coverage. For a particular
|
||||
product received by a particular user, "normally used" refers to a
|
||||
typical or common use of that class of product, regardless of the status
|
||||
of the particular user or of the way in which the particular user
|
||||
actually uses, or expects or is expected to use, the product. A product
|
||||
is a consumer product regardless of whether the product has substantial
|
||||
commercial, industrial or non-consumer uses, unless such uses represent
|
||||
the only significant mode of use of the product.
|
||||
|
||||
"Installation Information" for a User Product means any methods,
|
||||
procedures, authorization keys, or other information required to install
|
||||
and execute modified versions of a covered work in that User Product from
|
||||
a modified version of its Corresponding Source. The information must
|
||||
suffice to ensure that the continued functioning of the modified object
|
||||
code is in no case prevented or interfered with solely because
|
||||
modification has been made.
|
||||
|
||||
If you convey an object code work under this section in, or with, or
|
||||
specifically for use in, a User Product, and the conveying occurs as
|
||||
part of a transaction in which the right of possession and use of the
|
||||
User Product is transferred to the recipient in perpetuity or for a
|
||||
fixed term (regardless of how the transaction is characterized), the
|
||||
Corresponding Source conveyed under this section must be accompanied
|
||||
by the Installation Information. But this requirement does not apply
|
||||
if neither you nor any third party retains the ability to install
|
||||
modified object code on the User Product (for example, the work has
|
||||
been installed in ROM).
|
||||
|
||||
The requirement to provide Installation Information does not include a
|
||||
requirement to continue to provide support service, warranty, or updates
|
||||
for a work that has been modified or installed by the recipient, or for
|
||||
the User Product in which it has been modified or installed. Access to a
|
||||
network may be denied when the modification itself materially and
|
||||
adversely affects the operation of the network or violates the rules and
|
||||
protocols for communication across the network.
|
||||
|
||||
Corresponding Source conveyed, and Installation Information provided,
|
||||
in accord with this section must be in a format that is publicly
|
||||
documented (and with an implementation available to the public in
|
||||
source code form), and must require no special password or key for
|
||||
unpacking, reading or copying.
|
||||
|
||||
7. Additional Terms.
|
||||
|
||||
"Additional permissions" are terms that supplement the terms of this
|
||||
License by making exceptions from one or more of its conditions.
|
||||
Additional permissions that are applicable to the entire Program shall
|
||||
be treated as though they were included in this License, to the extent
|
||||
that they are valid under applicable law. If additional permissions
|
||||
apply only to part of the Program, that part may be used separately
|
||||
under those permissions, but the entire Program remains governed by
|
||||
this License without regard to the additional permissions.
|
||||
|
||||
When you convey a copy of a covered work, you may at your option
|
||||
remove any additional permissions from that copy, or from any part of
|
||||
it. (Additional permissions may be written to require their own
|
||||
removal in certain cases when you modify the work.) You may place
|
||||
additional permissions on material, added by you to a covered work,
|
||||
for which you have or can give appropriate copyright permission.
|
||||
|
||||
Notwithstanding any other provision of this License, for material you
|
||||
add to a covered work, you may (if authorized by the copyright holders of
|
||||
that material) supplement the terms of this License with terms:
|
||||
|
||||
a) Disclaiming warranty or limiting liability differently from the
|
||||
terms of sections 15 and 16 of this License; or
|
||||
|
||||
b) Requiring preservation of specified reasonable legal notices or
|
||||
author attributions in that material or in the Appropriate Legal
|
||||
Notices displayed by works containing it; or
|
||||
|
||||
c) Prohibiting misrepresentation of the origin of that material, or
|
||||
requiring that modified versions of such material be marked in
|
||||
reasonable ways as different from the original version; or
|
||||
|
||||
d) Limiting the use for publicity purposes of names of licensors or
|
||||
authors of the material; or
|
||||
|
||||
e) Declining to grant rights under trademark law for use of some
|
||||
trade names, trademarks, or service marks; or
|
||||
|
||||
f) Requiring indemnification of licensors and authors of that
|
||||
material by anyone who conveys the material (or modified versions of
|
||||
it) with contractual assumptions of liability to the recipient, for
|
||||
any liability that these contractual assumptions directly impose on
|
||||
those licensors and authors.
|
||||
|
||||
All other non-permissive additional terms are considered "further
|
||||
restrictions" within the meaning of section 10. If the Program as you
|
||||
received it, or any part of it, contains a notice stating that it is
|
||||
governed by this License along with a term that is a further
|
||||
restriction, you may remove that term. If a license document contains
|
||||
a further restriction but permits relicensing or conveying under this
|
||||
License, you may add to a covered work material governed by the terms
|
||||
of that license document, provided that the further restriction does
|
||||
not survive such relicensing or conveying.
|
||||
|
||||
If you add terms to a covered work in accord with this section, you
|
||||
must place, in the relevant source files, a statement of the
|
||||
additional terms that apply to those files, or a notice indicating
|
||||
where to find the applicable terms.
|
||||
|
||||
Additional terms, permissive or non-permissive, may be stated in the
|
||||
form of a separately written license, or stated as exceptions;
|
||||
the above requirements apply either way.
|
||||
|
||||
8. Termination.
|
||||
|
||||
You may not propagate or modify a covered work except as expressly
|
||||
provided under this License. Any attempt otherwise to propagate or
|
||||
modify it is void, and will automatically terminate your rights under
|
||||
this License (including any patent licenses granted under the third
|
||||
paragraph of section 11).
|
||||
|
||||
However, if you cease all violation of this License, then your
|
||||
license from a particular copyright holder is reinstated (a)
|
||||
provisionally, unless and until the copyright holder explicitly and
|
||||
finally terminates your license, and (b) permanently, if the copyright
|
||||
holder fails to notify you of the violation by some reasonable means
|
||||
prior to 60 days after the cessation.
|
||||
|
||||
Moreover, your license from a particular copyright holder is
|
||||
reinstated permanently if the copyright holder notifies you of the
|
||||
violation by some reasonable means, this is the first time you have
|
||||
received notice of violation of this License (for any work) from that
|
||||
copyright holder, and you cure the violation prior to 30 days after
|
||||
your receipt of the notice.
|
||||
|
||||
Termination of your rights under this section does not terminate the
|
||||
licenses of parties who have received copies or rights from you under
|
||||
this License. If your rights have been terminated and not permanently
|
||||
reinstated, you do not qualify to receive new licenses for the same
|
||||
material under section 10.
|
||||
|
||||
9. Acceptance Not Required for Having Copies.
|
||||
|
||||
You are not required to accept this License in order to receive or
|
||||
run a copy of the Program. Ancillary propagation of a covered work
|
||||
occurring solely as a consequence of using peer-to-peer transmission
|
||||
to receive a copy likewise does not require acceptance. However,
|
||||
nothing other than this License grants you permission to propagate or
|
||||
modify any covered work. These actions infringe copyright if you do
|
||||
not accept this License. Therefore, by modifying or propagating a
|
||||
covered work, you indicate your acceptance of this License to do so.
|
||||
|
||||
10. Automatic Licensing of Downstream Recipients.
|
||||
|
||||
Each time you convey a covered work, the recipient automatically
|
||||
receives a license from the original licensors, to run, modify and
|
||||
propagate that work, subject to this License. You are not responsible
|
||||
for enforcing compliance by third parties with this License.
|
||||
|
||||
An "entity transaction" is a transaction transferring control of an
|
||||
organization, or substantially all assets of one, or subdividing an
|
||||
organization, or merging organizations. If propagation of a covered
|
||||
work results from an entity transaction, each party to that
|
||||
transaction who receives a copy of the work also receives whatever
|
||||
licenses to the work the party's predecessor in interest had or could
|
||||
give under the previous paragraph, plus a right to possession of the
|
||||
Corresponding Source of the work from the predecessor in interest, if
|
||||
the predecessor has it or can get it with reasonable efforts.
|
||||
|
||||
You may not impose any further restrictions on the exercise of the
|
||||
rights granted or affirmed under this License. For example, you may
|
||||
not impose a license fee, royalty, or other charge for exercise of
|
||||
rights granted under this License, and you may not initiate litigation
|
||||
(including a cross-claim or counterclaim in a lawsuit) alleging that
|
||||
any patent claim is infringed by making, using, selling, offering for
|
||||
sale, or importing the Program or any portion of it.
|
||||
|
||||
11. Patents.
|
||||
|
||||
A "contributor" is a copyright holder who authorizes use under this
|
||||
License of the Program or a work on which the Program is based. The
|
||||
work thus licensed is called the contributor's "contributor version".
|
||||
|
||||
A contributor's "essential patent claims" are all patent claims
|
||||
owned or controlled by the contributor, whether already acquired or
|
||||
hereafter acquired, that would be infringed by some manner, permitted
|
||||
by this License, of making, using, or selling its contributor version,
|
||||
but do not include claims that would be infringed only as a
|
||||
consequence of further modification of the contributor version. For
|
||||
purposes of this definition, "control" includes the right to grant
|
||||
patent sublicenses in a manner consistent with the requirements of
|
||||
this License.
|
||||
|
||||
Each contributor grants you a non-exclusive, worldwide, royalty-free
|
||||
patent license under the contributor's essential patent claims, to
|
||||
make, use, sell, offer for sale, import and otherwise run, modify and
|
||||
propagate the contents of its contributor version.
|
||||
|
||||
In the following three paragraphs, a "patent license" is any express
|
||||
agreement or commitment, however denominated, not to enforce a patent
|
||||
(such as an express permission to practice a patent or covenant not to
|
||||
sue for patent infringement). To "grant" such a patent license to a
|
||||
party means to make such an agreement or commitment not to enforce a
|
||||
patent against the party.
|
||||
|
||||
If you convey a covered work, knowingly relying on a patent license,
|
||||
and the Corresponding Source of the work is not available for anyone
|
||||
to copy, free of charge and under the terms of this License, through a
|
||||
publicly available network server or other readily accessible means,
|
||||
then you must either (1) cause the Corresponding Source to be so
|
||||
available, or (2) arrange to deprive yourself of the benefit of the
|
||||
patent license for this particular work, or (3) arrange, in a manner
|
||||
consistent with the requirements of this License, to extend the patent
|
||||
license to downstream recipients. "Knowingly relying" means you have
|
||||
actual knowledge that, but for the patent license, your conveying the
|
||||
covered work in a country, or your recipient's use of the covered work
|
||||
in a country, would infringe one or more identifiable patents in that
|
||||
country that you have reason to believe are valid.
|
||||
|
||||
If, pursuant to or in connection with a single transaction or
|
||||
arrangement, you convey, or propagate by procuring conveyance of, a
|
||||
covered work, and grant a patent license to some of the parties
|
||||
receiving the covered work authorizing them to use, propagate, modify
|
||||
or convey a specific copy of the covered work, then the patent license
|
||||
you grant is automatically extended to all recipients of the covered
|
||||
work and works based on it.
|
||||
|
||||
A patent license is "discriminatory" if it does not include within
|
||||
the scope of its coverage, prohibits the exercise of, or is
|
||||
conditioned on the non-exercise of one or more of the rights that are
|
||||
specifically granted under this License. You may not convey a covered
|
||||
work if you are a party to an arrangement with a third party that is
|
||||
in the business of distributing software, under which you make payment
|
||||
to the third party based on the extent of your activity of conveying
|
||||
the work, and under which the third party grants, to any of the
|
||||
parties who would receive the covered work from you, a discriminatory
|
||||
patent license (a) in connection with copies of the covered work
|
||||
conveyed by you (or copies made from those copies), or (b) primarily
|
||||
for and in connection with specific products or compilations that
|
||||
contain the covered work, unless you entered into that arrangement,
|
||||
or that patent license was granted, prior to 28 March 2007.
|
||||
|
||||
Nothing in this License shall be construed as excluding or limiting
|
||||
any implied license or other defenses to infringement that may
|
||||
otherwise be available to you under applicable patent law.
|
||||
|
||||
12. No Surrender of Others' Freedom.
|
||||
|
||||
If conditions are imposed on you (whether by court order, agreement or
|
||||
otherwise) that contradict the conditions of this License, they do not
|
||||
excuse you from the conditions of this License. If you cannot convey a
|
||||
covered work so as to satisfy simultaneously your obligations under this
|
||||
License and any other pertinent obligations, then as a consequence you may
|
||||
not convey it at all. For example, if you agree to terms that obligate you
|
||||
to collect a royalty for further conveying from those to whom you convey
|
||||
the Program, the only way you could satisfy both those terms and this
|
||||
License would be to refrain entirely from conveying the Program.
|
||||
|
||||
13. Use with the GNU Affero General Public License.
|
||||
|
||||
Notwithstanding any other provision of this License, you have
|
||||
permission to link or combine any covered work with a work licensed
|
||||
under version 3 of the GNU Affero General Public License into a single
|
||||
combined work, and to convey the resulting work. The terms of this
|
||||
License will continue to apply to the part which is the covered work,
|
||||
but the special requirements of the GNU Affero General Public License,
|
||||
section 13, concerning interaction through a network will apply to the
|
||||
combination as such.
|
||||
|
||||
14. Revised Versions of this License.
|
||||
|
||||
The Free Software Foundation may publish revised and/or new versions of
|
||||
the GNU General Public License from time to time. Such new versions will
|
||||
be similar in spirit to the present version, but may differ in detail to
|
||||
address new problems or concerns.
|
||||
|
||||
Each version is given a distinguishing version number. If the
|
||||
Program specifies that a certain numbered version of the GNU General
|
||||
Public License "or any later version" applies to it, you have the
|
||||
option of following the terms and conditions either of that numbered
|
||||
version or of any later version published by the Free Software
|
||||
Foundation. If the Program does not specify a version number of the
|
||||
GNU General Public License, you may choose any version ever published
|
||||
by the Free Software Foundation.
|
||||
|
||||
If the Program specifies that a proxy can decide which future
|
||||
versions of the GNU General Public License can be used, that proxy's
|
||||
public statement of acceptance of a version permanently authorizes you
|
||||
to choose that version for the Program.
|
||||
|
||||
Later license versions may give you additional or different
|
||||
permissions. However, no additional obligations are imposed on any
|
||||
author or copyright holder as a result of your choosing to follow a
|
||||
later version.
|
||||
|
||||
15. Disclaimer of Warranty.
|
||||
|
||||
THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
|
||||
APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
|
||||
HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
|
||||
OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
|
||||
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
|
||||
PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
|
||||
IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
|
||||
ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
|
||||
|
||||
16. Limitation of Liability.
|
||||
|
||||
IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
|
||||
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
|
||||
THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
|
||||
GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
|
||||
USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
|
||||
DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
|
||||
PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
|
||||
EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
|
||||
SUCH DAMAGES.
|
||||
|
||||
17. Interpretation of Sections 15 and 16.
|
||||
|
||||
If the disclaimer of warranty and limitation of liability provided
|
||||
above cannot be given local legal effect according to their terms,
|
||||
reviewing courts shall apply local law that most closely approximates
|
||||
an absolute waiver of all civil liability in connection with the
|
||||
Program, unless a warranty or assumption of liability accompanies a
|
||||
copy of the Program in return for a fee.
|
||||
|
||||
END OF TERMS AND CONDITIONS
|
||||
|
||||
How to Apply These Terms to Your New Programs
|
||||
|
||||
If you develop a new program, and you want it to be of the greatest
|
||||
possible use to the public, the best way to achieve this is to make it
|
||||
free software which everyone can redistribute and change under these terms.
|
||||
|
||||
To do so, attach the following notices to the program. It is safest
|
||||
to attach them to the start of each source file to most effectively
|
||||
state the exclusion of warranty; and each file should have at least
|
||||
the "copyright" line and a pointer to where the full notice is found.
|
||||
|
||||
<one line to give the program's name and a brief idea of what it does.>
|
||||
Copyright (C) <year> <name of author>
|
||||
|
||||
This program is free software: you can redistribute it and/or modify
|
||||
it under the terms of the GNU General Public License as published by
|
||||
the Free Software Foundation, either version 3 of the License, or
|
||||
(at your option) any later version.
|
||||
|
||||
This program is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU General Public License
|
||||
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
|
||||
Also add information on how to contact you by electronic and paper mail.
|
||||
|
||||
If the program does terminal interaction, make it output a short
|
||||
notice like this when it starts in an interactive mode:
|
||||
|
||||
<program> Copyright (C) <year> <name of author>
|
||||
This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
|
||||
This is free software, and you are welcome to redistribute it
|
||||
under certain conditions; type `show c' for details.
|
||||
|
||||
The hypothetical commands `show w' and `show c' should show the appropriate
|
||||
parts of the General Public License. Of course, your program's commands
|
||||
might be different; for a GUI interface, you would use an "about box".
|
||||
|
||||
You should also get your employer (if you work as a programmer) or school,
|
||||
if any, to sign a "copyright disclaimer" for the program, if necessary.
|
||||
For more information on this, and how to apply and follow the GNU GPL, see
|
||||
<https://www.gnu.org/licenses/>.
|
||||
|
||||
The GNU General Public License does not permit incorporating your program
|
||||
into proprietary programs. If your program is a subroutine library, you
|
||||
may consider it more useful to permit linking proprietary applications with
|
||||
the library. If this is what you want to do, use the GNU Lesser General
|
||||
Public License instead of this License. But first, please read
|
||||
<https://www.gnu.org/licenses/why-not-lgpl.html>.
|
||||
32
README.md
32
README.md
@@ -1,26 +1,20 @@
|
||||
[](https://app.netlify.com/sites/epic-sammet-7ed06e/deploys)
|
||||
[](#contributors)
|
||||
|
||||
# webgems.io
|
||||
|
||||
This project should help anyone to find new resources but especially beginners in the field to have something they can look things up.
|
||||
## Build Setup
|
||||
|
||||
## Built With
|
||||
```bash
|
||||
# install dependencies
|
||||
$ npm install
|
||||
|
||||
* [Nuxt.js docs](https://nuxtjs.org) Nuxt.js
|
||||
* SCSS
|
||||
* PUG
|
||||
# serve with hot reload at localhost:3000
|
||||
$ npm run dev
|
||||
|
||||
## Contributing
|
||||
# build for production and launch server
|
||||
$ npm run build
|
||||
$ npm run start
|
||||
|
||||
Please read [CONTRIBUTING.md](CONTRIBUTING.md) if you'd like to report an issue or contribute code.
|
||||
# generate static project
|
||||
$ npm run generate
|
||||
```
|
||||
|
||||
## Authors
|
||||
|
||||
* **lost.design** - *Initial work* - [lostdesign](https://github.com/lostdesign)
|
||||
|
||||
See also the list of [contributors](https://github.com/webgems/webgems/contributors) who participated in this project.
|
||||
|
||||
## License
|
||||
|
||||
This project is licensed under the GNU General Public License v3.0 - see the [LICENSE](https://github.com/webgems/webgems/blob/master/LICENSE) file for details
|
||||
For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).
|
||||
|
||||
16
app.html
16
app.html
@@ -1,16 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html {{ HTML_ATTRS }}>
|
||||
<head {{ HEAD_ATTRS }}>
|
||||
<!-- Fathom - beautiful, simple website analytics -->
|
||||
<script src="https://cdn.usefathom.com/3.js" site="OCSVINVR"></script>
|
||||
<script>
|
||||
window.fathom || document.write('<script src="https://quokka.webgems.io/core.js"><\/script>');
|
||||
</script>
|
||||
<!-- / Fathom -->
|
||||
|
||||
{{ HEAD }}
|
||||
</head>
|
||||
<body {{ BODY_ATTRS }}>
|
||||
{{ APP }}
|
||||
</body>
|
||||
</html>
|
||||
3
assets/css/tailwind.css
Normal file
3
assets/css/tailwind.css
Normal file
@@ -0,0 +1,3 @@
|
||||
@import 'tailwindcss/base';
|
||||
@import 'tailwindcss/components';
|
||||
@import 'tailwindcss/utilities';
|
||||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
@@ -1,23 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
|
||||
<polygon fill="#0D47A1" points="33,17 43,17 24,42 "/>
|
||||
<polygon fill="#84FFFF" points="5,17 15,5 15,17 "/>
|
||||
<polygon fill="#1976D2" points="33,5 33,17 43,17 "/>
|
||||
<g>
|
||||
<polygon fill="#0091EA" points="15,17 23.996,42.149 33,17 "/>
|
||||
<polygon fill="#0091EA" points="15,5 24,5 15,17 "/>
|
||||
<polygon fill="#0091EA" points="24,5 33,17 33,5 "/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon fill="#00B0FF" points="33,17 15,17 24,5 "/>
|
||||
<polygon fill="#00B0FF" points="33,17 38,15 43,17 38,19 "/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon fill="#00E5FF" points="15,17 5,17 23.996,42.149 "/>
|
||||
<polygon fill="#00E5FF" points="15,17 24,15 33,17 24,19 "/>
|
||||
</g>
|
||||
<polygon fill="#E0F7FA" points="5,17 10,15 15,17 10,19 "/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB |
@@ -1,16 +0,0 @@
|
||||
module.exports = {
|
||||
env: {
|
||||
test: {
|
||||
presets: [
|
||||
[
|
||||
"@babel/env",
|
||||
{
|
||||
targets: {
|
||||
node: 11
|
||||
}
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
@@ -1,120 +0,0 @@
|
||||
<template lang="pug">
|
||||
.card(:class="{ cardActive: isActive }")
|
||||
.card--meta
|
||||
img.card--favicon(:src="'https://www.google.com/s2/favicons?domain=' + resource.url" aria-hidden="true")
|
||||
a.card--title(:href="resource.url" :target='resource.title' rel='noreferrer') {{resource.title}}
|
||||
p.card--description {{resource.desc}}
|
||||
.card--links
|
||||
a.card--reference(@click='createCopyUrl(resource)') Copy
|
||||
br
|
||||
a.card--target(:href="resource.url" :target='resource.title' rel='noreferrer') Open
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
resource: Object,
|
||||
isActive: Boolean,
|
||||
createCopyUrl: Function,
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.card {
|
||||
background: #2D3748;
|
||||
border-radius: .3rem;
|
||||
padding: 1rem;
|
||||
transition: .2s ease-in-out;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
|
||||
&Active {
|
||||
box-shadow:inset 0px 0px 0px 3px #08e5ff;
|
||||
}
|
||||
|
||||
&--meta {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
&--favicon {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin-top: 0.3rem;
|
||||
margin-right: 0.5rem;
|
||||
|
||||
}
|
||||
|
||||
&--reference {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
&--target {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
&--links {
|
||||
display:flex;
|
||||
justify-content:flex-end;
|
||||
|
||||
img {
|
||||
width: 1rem;
|
||||
margin-left: .5rem;
|
||||
}
|
||||
}
|
||||
|
||||
&--title {
|
||||
font-size: 16px !important;
|
||||
font-weight: 600;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
&--description {
|
||||
display: flex;
|
||||
align-content: stretch;
|
||||
flex: 1 1 auto;
|
||||
flex-direction: column;
|
||||
font-size: 13px;
|
||||
color: white;
|
||||
margin: .7rem 0 .7rem 0;
|
||||
line-height: 1.3;
|
||||
letter-spacing: .5px;
|
||||
max-width: 15rem;
|
||||
}
|
||||
a {
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
align-self: flex-end;
|
||||
margin-left: 1.7rem;
|
||||
|
||||
&:hover::before {
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
&--reference {
|
||||
&::before {
|
||||
align-self: flex-start;
|
||||
padding-right: 0.2rem;
|
||||
height: .9rem;
|
||||
width: .9rem;
|
||||
margin-top: -.1rem;
|
||||
content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzA4ZTVmZiI+PHBhdGggZD0iTSA0IDIgQyAzLjkwNSAyIDMuODE1NjA5NCAyLjAxNDM0MzggMy43MjQ2MDk0IDIuMDI3MzQzOCBDIDMuNDM0NjA5NCAyLjE0MzM0MzggMy4xMzk3MDMxIDIuMjU3MDkzOCAyLjg0NTcwMzEgMi4zNzEwOTM4IEMgMi4zMzQ3MDMxIDIuNzMzMDkzOCAyIDMuMzI2IDIgNCBMIDIgMTggTCA0IDE4IEwgNCA0IEwgMTggNCBMIDE4IDIgTCA0IDIgeiBNIDggNiBDIDYuODk1IDYgNiA2Ljg5NSA2IDggTCA2IDIwIEMgNiAyMS4xMDUgNi44OTUgMjIgOCAyMiBMIDIwIDIyIEMgMjEuMTA1IDIyIDIyIDIxLjEwNSAyMiAyMCBMIDIyIDggQyAyMiA2Ljg5NSAyMS4xMDUgNiAyMCA2IEwgOCA2IHogTSAxNyA4LjAwMTk1MzEgQyAxNy43NjggOC4wMDE5NTMxIDE4LjUzNjA5NCA4LjI5MzkwNjIgMTkuMTIxMDk0IDguODc4OTA2MiBDIDE5LjY4ODA5NCA5LjQ0NDkwNjMgMjAgMTAuMTk5IDIwIDExIEMgMjAgMTEuODAxIDE5LjY4ODA5NCAxMi41NTQwOTQgMTkuMTIxMDk0IDEzLjEyMTA5NCBMIDE3LjIyNDYwOSAxNS4wMTc1NzggTCAxNS44MTA1NDcgMTMuNjAzNTE2IEwgMTcuNzA3MDMxIDExLjcwNzAzMSBDIDE3Ljg5NjAzMSAxMS41MTgwMzEgMTggMTEuMjY3IDE4IDExIEMgMTggMTAuNzMzIDE3Ljg5NjAzMSAxMC40ODE5NjkgMTcuNzA3MDMxIDEwLjI5Mjk2OSBDIDE3LjMxNjAzMSA5LjkwMTk2ODcgMTYuNjgzOTY5IDkuOTAyOTY4OCAxNi4yOTI5NjkgMTAuMjkyOTY5IEwgMTQuMzkwNjI1IDEyLjE5NTMxMiBMIDE1LjgwNDY4OCAxMy42MDkzNzUgTCAxMy44MDA3ODEgMTUuNjEzMjgxIEwgMTUuMjE0ODQ0IDE3LjAyNzM0NCBMIDEzLjExOTE0MSAxOS4xMjEwOTQgQyAxMi41NTQxNDEgMTkuNjg3MDk0IDExLjgwMSAyMCAxMSAyMCBDIDEwLjE5OSAyMCA5LjQ0NDkwNjMgMTkuNjg4MDk0IDguODc4OTA2MiAxOS4xMjEwOTQgQyA4LjMxMjkwNjMgMTguNTU1MDk0IDggMTcuODAxIDggMTcgQyA4IDE2LjE5OSA4LjMxMjkwNjIgMTUuNDQ1OTA2IDguODc4OTA2MiAxNC44Nzg5MDYgTCAxMC45NzI2NTYgMTIuNzg1MTU2IEwgMTIuMzg2NzE5IDE0LjE5OTIxOSBMIDE0LjM2OTE0MSAxMi4yMTY3OTcgTCAxMi45NTUwNzggMTAuODAyNzM0IEwgMTQuODc4OTA2IDguODc4OTA2MiBDIDE1LjQ2MzkwNiA4LjI5MzkwNjIgMTYuMjMyIDguMDAxOTUzMSAxNyA4LjAwMTk1MzEgeiBNIDEyLjM3MzA0NyAxNC4yMTI4OTEgTCAxMC4yOTI5NjkgMTYuMjkyOTY5IEMgMTAuMTAzOTY5IDE2LjQ4MTk2OSAxMCAxNi43MzMgMTAgMTcgQyAxMCAxNy4yNjcgMTAuMTAzOTY5IDE3LjUxODAzMSAxMC4yOTI5NjkgMTcuNzA3MDMxIEMgMTAuNjcxOTY5IDE4LjA4NjAzMSAxMS4zMjgwMzEgMTguMDg1MDMxIDExLjcwNzAzMSAxNy43MDcwMzEgTCAxMy43ODcxMDkgMTUuNjI2OTUzIEwgMTIuMzczMDQ3IDE0LjIxMjg5MSB6IiBmaWxsPSIjMDhlNWZmIi8+PC9zdmc+Cg==');
|
||||
}
|
||||
}
|
||||
&--target {
|
||||
&::before {
|
||||
align-self: flex-start;
|
||||
padding-right: 0.2rem;
|
||||
height: .9rem;
|
||||
width: .9rem;
|
||||
margin-top: -.1rem;
|
||||
content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzA4ZTVmZiI+PHBhdGggc3R5bGU9ImxpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb24tc3R5bGU6c29saWQ7dGV4dC1kZWNvcmF0aW9uLWNvbG9yOiMwMDA7dGV4dC10cmFuc2Zvcm06bm9uZTtibG9jay1wcm9ncmVzc2lvbjp0Yjtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWwiIGQ9Ik0gNSAzIEMgMy45MDY5MzcyIDMgMyAzLjkwNjkzNzIgMyA1IEwgMyAxOSBDIDMgMjAuMDkzMDYzIDMuOTA2OTM3MiAyMSA1IDIxIEwgMTkgMjEgQyAyMC4wOTMwNjMgMjEgMjEgMjAuMDkzMDYzIDIxIDE5IEwgMjEgMTIgTCAxOSAxMiBMIDE5IDE5IEwgNSAxOSBMIDUgNSBMIDEyIDUgTCAxMiAzIEwgNSAzIHogTSAxNCAzIEwgMTQgNSBMIDE3LjU4NTkzOCA1IEwgOC4yOTI5Njg4IDE0LjI5Mjk2OSBMIDkuNzA3MDMxMiAxNS43MDcwMzEgTCAxOSA2LjQxNDA2MjUgTCAxOSAxMCBMIDIxIDEwIEwgMjEgMyBMIDE0IDMgeiIgZm9udC13ZWlnaHQ9IjQwMCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIHdoaXRlLXNwYWNlPSJub3JtYWwiIG92ZXJmbG93PSJ2aXNpYmxlIiBmaWxsPSIjMDhlNWZmIi8+PC9zdmc+Cg==');
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,35 +0,0 @@
|
||||
<template lang="pug">
|
||||
a(href="https://github.com/webgems/webgems" class="github-corner" aria-label="View source on GitHub" target='webgems-github-repo' rel='noreferrer')
|
||||
svg(width="80" height="80" viewBox="0 0 250 250" style="fill:#08e5ff; color:#232331; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true")
|
||||
path(d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z")
|
||||
path(d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm")
|
||||
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>
|
||||
.github-corner {
|
||||
z-index:1;
|
||||
position: fixed;
|
||||
top:0;
|
||||
right:0;
|
||||
|
||||
&: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 {
|
||||
& .octo-arm {
|
||||
animation:octocat-wave 560ms ease-in-out
|
||||
}
|
||||
&:hover .octo-arm{
|
||||
animation:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,39 +1,29 @@
|
||||
<template lang="pug">
|
||||
.logo(@click="goToHome")
|
||||
.gem
|
||||
p webgems.io
|
||||
<template>
|
||||
<svg class="NuxtLogo" width="245" height="180" viewBox="0 0 452 342" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M139 330l-1-2c-2-4-2-8-1-13H29L189 31l67 121 22-16-67-121c-1-2-9-14-22-14-6 0-15 2-22 15L5 303c-1 3-8 16-2 27 4 6 10 12 24 12h136c-14 0-21-6-24-12z"
|
||||
fill="#00C58E"
|
||||
/>
|
||||
<path
|
||||
d="M447 304L317 70c-2-2-9-15-22-15-6 0-15 3-22 15l-17 28v54l39-67 129 230h-49a23 23 0 0 1-2 14l-1 1c-6 11-21 12-23 12h76c3 0 17-1 24-12 3-5 5-14-2-26z"
|
||||
fill="#108775"
|
||||
/>
|
||||
<path
|
||||
d="M376 330v-1l1-2c1-4 2-8 1-12l-4-12-102-178-15-27h-1l-15 27-102 178-4 12a24 24 0 0 0 2 15c4 6 10 12 24 12h190c3 0 18-1 25-12zM256 152l93 163H163l93-163z"
|
||||
fill="#2F495E"
|
||||
/>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
methods: {
|
||||
goToHome() {
|
||||
this.$router.push('/')
|
||||
},
|
||||
},
|
||||
<style>
|
||||
.NuxtLogo {
|
||||
animation: 1s appear;
|
||||
margin: auto;
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.gem {
|
||||
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0OHB4IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiMwRDQ3QTEiIHBvaW50cz0iMzMsMTcgNDMsMTcgMjQsNDIgIi8+PHBvbHlnb24gZmlsbD0iIzg0RkZGRiIgcG9pbnRzPSI1LDE3IDE1LDUgMTUsMTcgIi8+PHBvbHlnb24gZmlsbD0iIzE5NzZEMiIgcG9pbnRzPSIzMyw1IDMzLDE3IDQzLDE3ICIvPjxnPjxwb2x5Z29uIGZpbGw9IiMwMDkxRUEiIHBvaW50cz0iMTUsMTcgMjMuOTk2LDQyLjE0OSAzMywxNyAiLz48cG9seWdvbiBmaWxsPSIjMDA5MUVBIiBwb2ludHM9IjE1LDUgMjQsNSAxNSwxNyAiLz48cG9seWdvbiBmaWxsPSIjMDA5MUVBIiBwb2ludHM9IjI0LDUgMzMsMTcgMzMsNSAiLz48L2c+PGc+PHBvbHlnb24gZmlsbD0iIzAwQjBGRiIgcG9pbnRzPSIzMywxNyAxNSwxNyAyNCw1ICIvPjxwb2x5Z29uIGZpbGw9IiMwMEIwRkYiIHBvaW50cz0iMzMsMTcgMzgsMTUgNDMsMTcgMzgsMTkgIi8+PC9nPjxnPjxwb2x5Z29uIGZpbGw9IiMwMEU1RkYiIHBvaW50cz0iMTUsMTcgNSwxNyAyMy45OTYsNDIuMTQ5ICIvPjxwb2x5Z29uIGZpbGw9IiMwMEU1RkYiIHBvaW50cz0iMTUsMTcgMjQsMTUgMzMsMTcgMjQsMTkgIi8+PC9nPjxwb2x5Z29uIGZpbGw9IiNFMEY3RkEiIHBvaW50cz0iNSwxNyAxMCwxNSAxNSwxNyAxMCwxOSAiLz48L3N2Zz4=);
|
||||
background-size: cover;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
}
|
||||
p {
|
||||
margin: 0 0 0 0.3rem;
|
||||
font-size: 14px;
|
||||
@keyframes appear {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,68 +0,0 @@
|
||||
<template lang="pug">
|
||||
input.search(v-model="searchInput" @keydown.enter="onEnter" type="text" placeholder="Search")
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as R from 'ramda'
|
||||
import { isNotEmpty } from '../utils/pure'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
searchInput: '',
|
||||
searchPath: '/search',
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
searchInput(input) {
|
||||
const words = R.filter(isNotEmpty, R.split(' ', input))
|
||||
const tags = R.filter(this.isTag, words)
|
||||
const titles = R.filter(R.compose(R.not, this.isTag), words)
|
||||
|
||||
const searchParams = new URLSearchParams()
|
||||
if (isNotEmpty(titles))
|
||||
searchParams.append('keywords', titles)
|
||||
if (isNotEmpty(tags))
|
||||
searchParams.append('tags', R.map(this.removeFirstChar, tags))
|
||||
|
||||
this.$router.push(this.searchPath + '?' + searchParams.toString())
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
let keywords = this.$route.query.keywords || ''
|
||||
keywords = keywords.split(',').join(' ')
|
||||
|
||||
let tags = this.$route.query.tags || ''
|
||||
tags = R.filter(this.isTag, tags.split(',')).map(tag => `#${tag}`).join(' ')
|
||||
|
||||
this.searchInput = `${tags} ${keywords}`.trim()
|
||||
},
|
||||
methods: {
|
||||
// isTag :: String -> Bool
|
||||
isTag: R.startsWith('#'),
|
||||
|
||||
// removeFirstChar :: String -> String
|
||||
removeFirstChar: R.compose(
|
||||
R.join(''),
|
||||
R.adjust(0, () => ''),
|
||||
),
|
||||
onEnter() {
|
||||
const searchParams = new URLSearchParams({ ...this.$route.query, enter: true })
|
||||
this.$router.push(this.searchPath + '?' + searchParams.toString())
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
input {
|
||||
padding: .5rem 1.5rem .5rem 1.5rem;
|
||||
border-radius: .3rem;
|
||||
background: #eee;
|
||||
font-size:12px;
|
||||
|
||||
&:focus {
|
||||
outline:none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,89 +0,0 @@
|
||||
<template lang="pug">
|
||||
aside.nav
|
||||
.sidebar
|
||||
template(v-for='category in categories')
|
||||
//- nuxt-link(:to='$i18n.path(category.slug)') {{ category.title }}
|
||||
nuxt-link(:to='category.slug') {{ category.title }}
|
||||
hr
|
||||
nuxt-link(to='/legal-notice') Legal Notice
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapMutations } from 'vuex'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
categories: [{ slug: '', title: '' }],
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
areCardsVisible() {
|
||||
return this.$store.getters['Sidebar/areCardsVisible']
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.categories = this.$store.getters['data/resources'].map(({ title, slug }) => ({ title, slug }))
|
||||
},
|
||||
methods: {
|
||||
...mapMutations({
|
||||
toggleCardsVisible: 'Sidebar/toggleCardsVisible',
|
||||
}),
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.sidebar {
|
||||
position: sticky;
|
||||
top: 10px;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
font-size: 14px;
|
||||
align-items: center;
|
||||
|
||||
a {
|
||||
padding: 0.5rem 1rem 0.5rem 1rem;
|
||||
font-weight: 600;
|
||||
transition-duration: 0.2s;
|
||||
transition-property: background-color,color;
|
||||
&:hover, &.nuxt-link-exact-active {
|
||||
background-color: #08e5ff;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
div {
|
||||
cursor: pointer;
|
||||
}
|
||||
.toggleWrapper {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
width: min-content;
|
||||
border: 1px;
|
||||
border-color: #08e5ff;
|
||||
border-style: solid;
|
||||
overflow: hidden;
|
||||
margin: 1rem auto;
|
||||
}
|
||||
.viewToggle {
|
||||
padding: .2rem.2rem;
|
||||
color: #008190;
|
||||
}
|
||||
.active {
|
||||
background-color: #08e5ff;
|
||||
color: #232331;
|
||||
}
|
||||
hr {
|
||||
width: 80%;
|
||||
border-color: #08e5ff;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.sidebar {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr));
|
||||
}
|
||||
}
|
||||
</style>
|
||||
21
jest.config.js
Normal file
21
jest.config.js
Normal file
@@ -0,0 +1,21 @@
|
||||
module.exports = {
|
||||
moduleNameMapper: {
|
||||
'^@/(.*)$': '<rootDir>/$1',
|
||||
'^~/(.*)$': '<rootDir>/$1',
|
||||
'^vue$': 'vue/dist/vue.common.js'
|
||||
},
|
||||
moduleFileExtensions: [
|
||||
'js',
|
||||
'vue',
|
||||
'json'
|
||||
],
|
||||
transform: {
|
||||
'^.+\\.js$': 'babel-jest',
|
||||
'.*\\.(vue)$': 'vue-jest'
|
||||
},
|
||||
collectCoverage: true,
|
||||
collectCoverageFrom: [
|
||||
'<rootDir>/components/**/*.vue',
|
||||
'<rootDir>/pages/**/*.vue'
|
||||
]
|
||||
}
|
||||
@@ -1,241 +1,5 @@
|
||||
<template lang="pug">
|
||||
.layout
|
||||
Github
|
||||
Logo
|
||||
Search
|
||||
Sidebar
|
||||
nuxt.content
|
||||
<template>
|
||||
<div>
|
||||
<Nuxt />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
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: {
|
||||
Github,
|
||||
Logo,
|
||||
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,
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="scss">
|
||||
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600,900');
|
||||
|
||||
body {
|
||||
margin: 1rem;
|
||||
background: #232331;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI',
|
||||
Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
word-spacing: 1px;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
box-sizing: border-box;
|
||||
// color: #22292F;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #08e5ff;
|
||||
text-decoration: none;
|
||||
overflow-wrap: break-word;
|
||||
|
||||
&:hover {
|
||||
color: #008190;
|
||||
}
|
||||
}
|
||||
|
||||
.nuxt-link-active {
|
||||
color: white;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h1, h2, p, ol, i, small {
|
||||
color: white;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.layout {
|
||||
display: grid;
|
||||
grid-template-columns: fit-content(200px) auto;
|
||||
grid-gap: 3rem;
|
||||
grid-template-areas:
|
||||
'logo search'
|
||||
'sidebar content';
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.logo {
|
||||
grid-area: logo;
|
||||
}
|
||||
|
||||
.search {
|
||||
grid-area: search;
|
||||
}
|
||||
|
||||
.nav {
|
||||
grid-area: sidebar;
|
||||
}
|
||||
|
||||
.content {
|
||||
grid-area: content;
|
||||
}
|
||||
|
||||
.cards {
|
||||
display:grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(15rem,auto));
|
||||
grid-gap: 1rem;
|
||||
}
|
||||
|
||||
// Fade in title and cards and rows
|
||||
.fade-title {
|
||||
&-enter {
|
||||
opacity: 0;
|
||||
|
||||
&-to {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&-active {
|
||||
transition: opacity .1s ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fade-card {
|
||||
&-enter {
|
||||
opacity: 0;
|
||||
|
||||
&-to {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&-active {
|
||||
transition: opacity .1s ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.layout {
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
grid-gap: 1rem;
|
||||
margin-top: 1rem;
|
||||
grid-template-areas:
|
||||
'logo'
|
||||
'sidebar'
|
||||
'search'
|
||||
'content';
|
||||
}
|
||||
hr {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.highlighted {
|
||||
text-decoration: none;
|
||||
background-color: #08e5ff;
|
||||
color: #212121;
|
||||
padding: 0 5px;
|
||||
border-radius: .1rem;
|
||||
|
||||
&:hover {
|
||||
background-color: #008190;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.cookie {
|
||||
position: fixed;
|
||||
margin: 1rem;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: #232331;
|
||||
padding: 0 1rem;
|
||||
border-radius: .3rem;
|
||||
box-shadow:inset 0px 0px 0px 2px #08e5ff;
|
||||
z-index: 999;
|
||||
|
||||
p {
|
||||
font-size: 12px;
|
||||
margin-left: 1.2rem;
|
||||
|
||||
&::before {
|
||||
content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgZmlsbD0iIzA4ZTVmZiI+PGcgaWQ9InN1cmZhY2UxIiBmaWxsPSIjMDhlNWZmIj48cGF0aCBzdHlsZT0iICIgZD0iTSAxNC41IDAgQyAxMC41MzEyNSAwIDcuMTYwMTU2IDIuMzk4NDM4IDUuNzE4NzUgNS43ODEyNSBDIDIuMzU5Mzc1IDcuMjQ2MDk0IDAgMTAuNjA5Mzc1IDAgMTQuNSBDIDAgMTkuNzM0Mzc1IDQuMjY1NjI1IDI0IDkuNSAyNCBDIDEzLjM5MDYyNSAyNCAxNi43NTM5MDYgMjEuNjQwNjI1IDE4LjIxODc1IDE4LjI4MTI1IEMgMjEuNjAxNTYzIDE2LjgzOTg0NCAyNCAxMy40Njg3NSAyNCA5LjUgQyAyNCA0LjI2MTcxOSAxOS43MzgyODEgMCAxNC41IDAgWiBNIDE0LjUgMiBDIDE4LjY2MDE1NiAyIDIyIDUuMzM5ODQ0IDIyIDkuNSBDIDIyIDEyLjA0Njg3NSAyMC43Njk1MzEgMTQuMjM4MjgxIDE4LjkwNjI1IDE1LjU5Mzc1IEMgMTguOTQ5MjE5IDE1LjIzNDM3NSAxOSAxNC44NzEwOTQgMTkgMTQuNSBDIDE5IDExLjU3MDMxMyAxNy42NTYyNSA4Ljk2NDg0NCAxNS41NjI1IDcuMjE4NzUgQyAxNS44MjgxMjUgNi44Nzg5MDYgMTYgNi40NjA5MzggMTYgNiBDIDE2IDQuODk0NTMxIDE1LjEwNTQ2OSA0IDE0IDQgQyAxMy4xMTMyODEgNCAxMi4zNTU0NjkgNC41NzQyMTkgMTIuMDkzNzUgNS4zNzUgQyAxMS4yNjU2MjUgNS4xMzY3MTkgMTAuNDAyMzQ0IDUgOS41IDUgQyA5LjEyODkwNiA1IDguNzY1NjI1IDUuMDUwNzgxIDguNDA2MjUgNS4wOTM3NSBDIDkuNzYxNzE5IDMuMjMwNDY5IDExLjk1MzEyNSAyIDE0LjUgMiBaIE0gMTkgNSBDIDE4LjQ0OTIxOSA1IDE4IDUuNDQ5MjE5IDE4IDYgQyAxOCA2LjU1MDc4MSAxOC40NDkyMTkgNyAxOSA3IEMgMTkuNTUwNzgxIDcgMjAgNi41NTA3ODEgMjAgNiBDIDIwIDUuNDQ5MjE5IDE5LjU1MDc4MSA1IDE5IDUgWiBNIDkuNSA3IEMgMTMuNjUyMzQ0IDcgMTcgMTAuMzQ3NjU2IDE3IDE0LjUgQyAxNyAxNS4zNTkzNzUgMTYuODU5Mzc1IDE2LjE5OTIxOSAxNi41OTM3NSAxNi45Njg3NSBDIDE2LjU4MjAzMSAxNyAxNi41NzAzMTMgMTcuMDMxMjUgMTYuNTYyNSAxNy4wNjI1IEMgMTUuNTIzNDM4IDE5Ljk1NzAzMSAxMi43NTc4MTMgMjIgOS41IDIyIEMgNS4zNDc2NTYgMjIgMiAxOC42NTIzNDQgMiAxNC41IEMgMiAxMS4zMzU5MzggMy45MjU3ODEgOC42MzY3MTkgNi42ODc1IDcuNTMxMjUgQyA2Ljc1IDcuNTE1NjI1IDYuODE2NDA2IDcuNDk2MDk0IDYuODc1IDcuNDY4NzUgQyA3LjY4NzUgNy4xNjc5NjkgOC41ODIwMzEgNyA5LjUgNyBaIE0gMTkuNSA4IEMgMTguNjcxODc1IDggMTggOC42NzE4NzUgMTggOS41IEMgMTggMTAuMzI4MTI1IDE4LjY3MTg3NSAxMSAxOS41IDExIEMgMjAuMzI4MTI1IDExIDIxIDEwLjMyODEyNSAyMSA5LjUgQyAyMSA4LjY3MTg3NSAyMC4zMjgxMjUgOCAxOS41IDggWiBNIDcgMTAgQyA1Ljg5NDUzMSAxMCA1IDEwLjg5NDUzMSA1IDEyIEMgNSAxMy4xMDU0NjkgNS44OTQ1MzEgMTQgNyAxNCBDIDguMTA1NDY5IDE0IDkgMTMuMTA1NDY5IDkgMTIgQyA5IDEwLjg5NDUzMSA4LjEwNTQ2OSAxMCA3IDEwIFogTSAxMiAxMCBDIDExLjQ0OTIxOSAxMCAxMSAxMC40NDkyMTkgMTEgMTEgQyAxMSAxMS41NTA3ODEgMTEuNDQ5MjE5IDEyIDEyIDEyIEMgMTIuNTUwNzgxIDEyIDEzIDExLjU1MDc4MSAxMyAxMSBDIDEzIDEwLjQ0OTIxOSAxMi41NTA3ODEgMTAgMTIgMTAgWiBNIDEzLjUgMTMgQyAxMi42NzE4NzUgMTMgMTIgMTMuNjcxODc1IDEyIDE0LjUgQyAxMiAxNS4zMjgxMjUgMTIuNjcxODc1IDE2IDEzLjUgMTYgQyAxNC4zMjgxMjUgMTYgMTUgMTUuMzI4MTI1IDE1IDE0LjUgQyAxNSAxMy42NzE4NzUgMTQuMzI4MTI1IDEzIDEzLjUgMTMgWiBNIDYgMTYgQyA1LjQ0OTIxOSAxNiA1IDE2LjQ0OTIxOSA1IDE3IEMgNSAxNy41NTA3ODEgNS40NDkyMTkgMTggNiAxOCBDIDYuNTUwNzgxIDE4IDcgMTcuNTUwNzgxIDcgMTcgQyA3IDE2LjQ0OTIxOSA2LjU1MDc4MSAxNiA2IDE2IFogTSAxMCAxOCBDIDkuNDQ5MjE5IDE4IDkgMTguNDQ5MjE5IDkgMTkgQyA5IDE5LjU1MDc4MSA5LjQ0OTIxOSAyMCAxMCAyMCBDIDEwLjU1MDc4MSAyMCAxMSAxOS41NTA3ODEgMTEgMTkgQyAxMSAxOC40NDkyMTkgMTAuNTUwNzgxIDE4IDEwIDE4IFogIiBmaWxsPSIjMDhlNWZmIi8+PC9nPjwvc3ZnPgo=');
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
display: block;
|
||||
margin-left: -1.5rem;
|
||||
margin-bottom: -1.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
border: none;
|
||||
margin-left: .8rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// #232331 dark bg
|
||||
// #2D3748 ligher cards
|
||||
// #ff3e35 or #08e5ff links
|
||||
</style>
|
||||
|
||||
|
||||
<style lang="scss">
|
||||
::-webkit {
|
||||
&-scrollbar{
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
|
||||
&-thumb{
|
||||
background: #08e5ff;
|
||||
}
|
||||
|
||||
&-track{
|
||||
background:#232331;
|
||||
}
|
||||
}
|
||||
&-resizer,
|
||||
&-scrollbar-corner {
|
||||
background: #232331;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@@ -1,5 +0,0 @@
|
||||
{
|
||||
"general": {
|
||||
"siteTitle": "Was ist 💎 webgems?"
|
||||
}
|
||||
}
|
||||
@@ -1,5 +0,0 @@
|
||||
{
|
||||
"general": {
|
||||
"siteTitle": "What is 💎 webgems?"
|
||||
}
|
||||
}
|
||||
@@ -1,5 +0,0 @@
|
||||
{
|
||||
"general": {
|
||||
"siteTitle": "What is 💎 webgems?"
|
||||
}
|
||||
}
|
||||
@@ -1,72 +1,68 @@
|
||||
import pkg from './package'
|
||||
import resources from './resources/'
|
||||
|
||||
export default {
|
||||
/*
|
||||
** Nuxt rendering mode
|
||||
** See https://nuxtjs.org/api/configuration-mode
|
||||
*/
|
||||
mode: 'universal',
|
||||
/*
|
||||
** Nuxt target
|
||||
** See https://nuxtjs.org/api/configuration-target
|
||||
*/
|
||||
target: 'server',
|
||||
/*
|
||||
** Headers of the page
|
||||
** See https://nuxtjs.org/api/configuration-head
|
||||
*/
|
||||
head: {
|
||||
htmlAttrs: {
|
||||
lang: 'en',
|
||||
},
|
||||
title: pkg.name,
|
||||
title: process.env.npm_package_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' },
|
||||
{ rel:'manifest', href:'/site.webmanifest' },
|
||||
{ rel:'icon', type:'image/png', sizes:'16x16', href:'/favicon-16x16.png' },
|
||||
{ rel:'icon', type:'image/png', sizes:'32x32', href:'/favicon-32x32.png' },
|
||||
{ rel:'apple-touch-icon', sizes:'76x76', href:'/apple-touch-icon.png' },
|
||||
{ hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
|
||||
],
|
||||
link: [
|
||||
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
|
||||
],
|
||||
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
|
||||
]
|
||||
},
|
||||
|
||||
/*
|
||||
** Generate dynamic routes
|
||||
** Global CSS
|
||||
*/
|
||||
generate: {
|
||||
routes: resources.map(category => category.slug),
|
||||
},
|
||||
|
||||
/**
|
||||
* Configure ESLint to run on save with hot reloading
|
||||
*/
|
||||
build: {
|
||||
extend(config, ctx) {
|
||||
if (ctx.isDev && ctx.isClient) {
|
||||
config.module.rules.push({
|
||||
enforce: 'pre',
|
||||
test: /\.(js|vue)$/,
|
||||
loader: 'eslint-loader',
|
||||
exclude: /(node_modules)/,
|
||||
})
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
css: [
|
||||
],
|
||||
/*
|
||||
** Customize the progress-bar color
|
||||
** Plugins to load before mounting the App
|
||||
** https://nuxtjs.org/guide/plugins
|
||||
*/
|
||||
loading: { color: '#fff' },
|
||||
|
||||
plugins: [
|
||||
'~/plugins/i18n.js',
|
||||
],
|
||||
/*
|
||||
** Auto import components
|
||||
** See https://nuxtjs.org/api/configuration-components
|
||||
*/
|
||||
components: true,
|
||||
/*
|
||||
** Nuxt.js dev-modules
|
||||
*/
|
||||
buildModules: [
|
||||
// Doc: https://github.com/nuxt-community/nuxt-tailwindcss
|
||||
'@nuxtjs/tailwindcss',
|
||||
],
|
||||
/*
|
||||
** Nuxt.js modules
|
||||
*/
|
||||
modules: [
|
||||
'nuxt-clipboard2',
|
||||
'@nuxt/content',
|
||||
],
|
||||
|
||||
content: {
|
||||
// @nuxt/content options
|
||||
},
|
||||
|
||||
/*
|
||||
** Build configuration
|
||||
** See https://nuxtjs.org/api/configuration-build/
|
||||
*/
|
||||
build: {
|
||||
}
|
||||
}
|
||||
|
||||
8699
package-lock.json
generated
8699
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
39
package.json
39
package.json
@@ -2,46 +2,27 @@
|
||||
"name": "webgems.io",
|
||||
"version": "1.0.0",
|
||||
"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",
|
||||
"author": "lost.design <info@lost.design>",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "nuxt",
|
||||
"build": "nuxt build",
|
||||
"start": "nuxt start",
|
||||
"generate": "nuxt generate",
|
||||
"lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
|
||||
"lintfix": "eslint --fix --ext .js,.vue --ignore-path .gitignore .",
|
||||
"test": "jest"
|
||||
},
|
||||
"dependencies": {
|
||||
"cross-env": "^5.2.0",
|
||||
"nuxt": "^2.4.0",
|
||||
"nuxt-clipboard2": "^0.2.1",
|
||||
"vue-i18n": "^8.11.2",
|
||||
"ramda": "^0.26.1"
|
||||
"@nuxt/content": "^1.7.0",
|
||||
"nuxt": "^2.14.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.6.4",
|
||||
"@babel/preset-env": "^7.6.3",
|
||||
"@vue/test-utils": "^1.0.0-beta.29",
|
||||
"autoprefixer": "^8.6.4",
|
||||
"babel-core": "^7.0.0-bridge.0",
|
||||
"babel-eslint": "^10.0.3",
|
||||
"babel-jest": "^24.9.0",
|
||||
"eslint": "^6.5.1",
|
||||
"eslint-config-prettier": "^6.3.0",
|
||||
"eslint-loader": "^3.0.2",
|
||||
"eslint-plugin-prettier": "^3.1.1",
|
||||
"eslint-plugin-vue": "^5.2.3",
|
||||
"jest": "^24.9.0",
|
||||
"jest-serializer-vue": "^2.0.2",
|
||||
"node-sass": "^4.12.0",
|
||||
"nodemon": "^1.18.9",
|
||||
"prettier": "^1.18.2",
|
||||
"pug": "^2.0.3",
|
||||
"@nuxtjs/tailwindcss": "^2.1.0",
|
||||
"@vue/test-utils": "^1.0.3",
|
||||
"babel-core": "7.0.0-bridge.0",
|
||||
"babel-jest": "^26.1.0",
|
||||
"jest": "^26.1.0",
|
||||
"pug": "^3.0.0",
|
||||
"pug-plain-loader": "^1.0.0",
|
||||
"sass-loader": "^7.1.0",
|
||||
"tailwindcss": "^0.7.0",
|
||||
"vue-jest": "^3.0.5"
|
||||
"vue-jest": "^3.0.4"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,65 +0,0 @@
|
||||
<template lang="pug">
|
||||
div
|
||||
transition(name="fade-title" @after-enter="afterEnter")
|
||||
h1(v-if="showTitle") {{ category.title }}
|
||||
transition(name="fade-card")
|
||||
.cards(v-if="areCardsVisible && showCards")
|
||||
template(v-for='resource in category.resources' )
|
||||
Card(:resource='resource' :key='resource.title' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.cleanTitle')
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card'
|
||||
|
||||
export default {
|
||||
components: { Card },
|
||||
data() {
|
||||
return {
|
||||
categoryRouteTitle: this.$route.params.category,
|
||||
index: '',
|
||||
activeCard: '',
|
||||
showTitle: false,
|
||||
showCards: false,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
areCardsVisible() {
|
||||
return this.$store.getters['Sidebar/areCardsVisible']
|
||||
},
|
||||
category() {
|
||||
return this.$store.getters['data/sortByTitle'](this.categoryRouteTitle)
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.activeCard = this.$route.query.card || ''
|
||||
},
|
||||
mounted() {
|
||||
this.showTitle = true
|
||||
},
|
||||
methods: {
|
||||
setActiveCard(index) {
|
||||
this.activeCard = index
|
||||
},
|
||||
async createCopyUrl(resource) {
|
||||
try {
|
||||
const { path, cleanTitle } = resource
|
||||
await this.$copyText(`https://webgems.io${path}`)
|
||||
this.setActiveCard(cleanTitle)
|
||||
this.$router.push(path)
|
||||
} catch (e) {
|
||||
console.error(e)
|
||||
}
|
||||
},
|
||||
afterEnter() {
|
||||
this.showCards = true
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
table {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
}
|
||||
</style>
|
||||
@@ -1,55 +1,9 @@
|
||||
<template lang="pug">
|
||||
.welcome
|
||||
main
|
||||
h1.text-black.font-bold.text-xl.mb-2 What is
|
||||
span 💎 webgems?
|
||||
p Webgems is a goto place for devs and designers to find new resources and more. As a beginner, it's sometimes not easy to find what you need since you don't know where to look for what.
|
||||
p Therefore we created this project to have the most common and best resources for beginners and veterans in one place — kind of like a bookmarks list for devs and designers, containing only the best gems out there.
|
||||
p If you want to add your gem, go ahead and open a pull request on GitHub (click on that octocat at the top right corner).
|
||||
p By the way, this project lives by getting shared; if you find this worthy, please share it with others.
|
||||
|
||||
p.muted // made with love by
|
||||
p.contributors class
|
||||
a(href="https://twitter.com/lostdesign") @lostdesign
|
||||
span extends
|
||||
a(href="https://github.com/S3B4S") @S3B4S
|
||||
span and
|
||||
a(href="https://devcord.com") Devcord
|
||||
|
||||
|
||||
<template>
|
||||
<div>
|
||||
Hello, webgems.io!
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.welcome {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.muted {
|
||||
font-size: 0.8rem;
|
||||
opacity: 0.5;
|
||||
margin-top: 3rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.contributors {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
main {
|
||||
max-width: 90%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
export default {}
|
||||
</script>
|
||||
|
||||
@@ -1,27 +0,0 @@
|
||||
<template lang="pug">
|
||||
div
|
||||
h1 Legal Notice
|
||||
p Webgems.io is a project of
|
||||
a.highlighted(href="https://lost.design", title="Visit lost.design") www.lost.design
|
||||
|
||||
h2 Contact
|
||||
p
|
||||
a(href="mailto:hello@webgems.io", title="Write webgems an email") hello@webgems.io
|
||||
|
||||
h2 Disclaimer
|
||||
small Last updated: October 24, 2019
|
||||
p Disclosures in accordance with § 5 TMG (Telemediengesetz) do not apply, as this is an open source project that is not comercially operated.
|
||||
p The information contained on webgems.io website (the "Service") is for general information purposes only. Webgems assumes no responsibility for errors or omissions in the contents on the Service. In no event shall webgems be liable for any special, direct, indirect, consequential, or incidental damages or any damages whatsoever, whether in an action of contract, negligence or other tort, arising out of or in connection with the use of the Service or the contents of the Service.
|
||||
p Webgems reserves the right to make additions, deletions, or modification to the contents on the Service at any time without prior notice. Webgems does not warrant that the website is free of viruses or other harmful components.
|
||||
p This website may contain links to external websites that are not provided or maintained by or in any way affiliated with webgems. Please note that the webgems does not guarantee the accuracy, relevance, timeliness, or completeness of any information on these external websites.
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
h2 {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
p {
|
||||
margin-top: 0;
|
||||
}
|
||||
</style>
|
||||
@@ -1,86 +0,0 @@
|
||||
<template lang="pug">
|
||||
div
|
||||
transition(name="fade-title" @after-enter="afterEnter")
|
||||
h1(v-if="showTitle") Search
|
||||
transition(name="fade-card")
|
||||
.cards(v-if="areCardsVisible && showCards")
|
||||
template(v-if="resources.length")
|
||||
template(v-for='resource in resources' )
|
||||
Card(:resource='resource' :key='resource.title' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.cleanTitle')
|
||||
p(v-else) No results
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card'
|
||||
import * as R from 'ramda'
|
||||
|
||||
export default {
|
||||
components: { Card },
|
||||
data() {
|
||||
return {
|
||||
activeCard: '',
|
||||
resources: [],
|
||||
searchInput: {},
|
||||
showTitle: false,
|
||||
showCards: false,
|
||||
debounceID: 0,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
areCardsVisible() {
|
||||
return this.$store.getters['Sidebar/areCardsVisible']
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
$route(updatedChanges) {
|
||||
clearTimeout(this.debounceID)
|
||||
const updateSearch = () => {
|
||||
const keywords = updatedChanges.query.keywords
|
||||
const tags = updatedChanges.query.tags
|
||||
this.searchInput = {
|
||||
keywords: keywords && R.split(',', keywords),
|
||||
tags: tags && R.split(',', tags),
|
||||
}
|
||||
}
|
||||
|
||||
if (updatedChanges.query.enter !== 'true')
|
||||
this.debounceID = setTimeout(updateSearch, 300)
|
||||
else
|
||||
updateSearch()
|
||||
},
|
||||
searchInput(searchInput) {
|
||||
this.resources = this.$store.getters['data/findBySearchInputs'](searchInput.keywords, searchInput.tags)
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.showTitle = true
|
||||
|
||||
const keywords = this.$route.query.keywords
|
||||
const tags = this.$route.query.tags
|
||||
this.searchInput = {
|
||||
keywords: keywords && R.split(',', keywords),
|
||||
tags: tags && R.split(',', tags),
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async createCopyUrl(resource) {
|
||||
try {
|
||||
const { path } = resource
|
||||
await this.$copyText(`https://webgems.io${path}`)
|
||||
} catch (e) {
|
||||
console.error(e)
|
||||
}
|
||||
},
|
||||
afterEnter() {
|
||||
this.showCards = true
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
table {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
}
|
||||
</style>
|
||||
@@ -1,25 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import VueI18n from 'vue-i18n'
|
||||
|
||||
Vue.use(VueI18n)
|
||||
|
||||
export default ({ app, store }) => {
|
||||
// Set i18n instance on app
|
||||
// This way we can use it in middleware and pages asyncData/fetch
|
||||
app.i18n = new VueI18n({
|
||||
locale: store.state.locale,
|
||||
fallbackLocale: 'en',
|
||||
messages: {
|
||||
'en': require('~/locales/en.json'),
|
||||
'fr': require('~/locales/fr.json'),
|
||||
},
|
||||
})
|
||||
|
||||
app.i18n.path = (link) => {
|
||||
if (app.i18n.locale === app.i18n.fallbackLocale) {
|
||||
return `/${link}`
|
||||
}
|
||||
|
||||
return `/${app.i18n.locale}/${link}`
|
||||
}
|
||||
}
|
||||
@@ -1,5 +0,0 @@
|
||||
module.exports = {
|
||||
plugins: [
|
||||
require('autoprefixer'),
|
||||
],
|
||||
}
|
||||
@@ -1,30 +0,0 @@
|
||||
{
|
||||
"title": "Accessibility",
|
||||
"slug": "/accessibility",
|
||||
"resources": [
|
||||
{
|
||||
"title": "Userway",
|
||||
"desc": "Provides accessibility plugins that work without refactoring your website's existing code and will increase compliance with WCAG 2.1 , ATAG 2.0 , ADA ,& Section 508 requirements.",
|
||||
"url": "https://userway.org/",
|
||||
"tags": ["widget", "contrast", "audit", "plugins"]
|
||||
},
|
||||
{
|
||||
"title": "The A11Y Checklist",
|
||||
"desc": "This checklist uses the The Web Content Accessibility Guidelines (WCAG) as a reference point. The WCAG is a shared standard for web content accessibility for individuals, organizations, and governments.",
|
||||
"url": "https://a11yproject.com/checklist/",
|
||||
"tags": ["WCAG", "events", "checklist", "patterns"]
|
||||
},
|
||||
{
|
||||
"title": "HTML_CodeSniffer",
|
||||
"desc": "A client-side script that checks HTML source code and detects violations of a defined coding standard.",
|
||||
"url": "http://squizlabs.github.io/HTML_CodeSniffer/",
|
||||
"tags": ["test", "auditor", "report", "bookmark"]
|
||||
},
|
||||
{
|
||||
"title": "The web accessibility basics",
|
||||
"desc": "The absolute web accessibility basics every web developer should know about.",
|
||||
"url": "https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/",
|
||||
"tags": ["blog", "video", "semantics", "basics"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,144 +0,0 @@
|
||||
{
|
||||
"title": "CSS",
|
||||
"slug": "/css",
|
||||
"resources": [
|
||||
{
|
||||
"title": "CSS Grid Generator",
|
||||
"desc": "Visually create your css grid and export the code.",
|
||||
"url": "https://cssgrid-generator.netlify.com/",
|
||||
"tags": ["generator", "grid", "layout", "visual tool"]
|
||||
},
|
||||
{
|
||||
"title": "Keyframes Editor",
|
||||
"desc": "An insanely simple way to create CSS animations",
|
||||
"url": "https://keyframes.app/editor/",
|
||||
"tags": ["generator", "animation", "visual tool"]
|
||||
},
|
||||
{
|
||||
"title": "Flexbox Froggy",
|
||||
"desc": "A game to learn Flexbox",
|
||||
"url": "https://flexboxfroggy.com",
|
||||
"tags": ["educational", "beginner", "interactive"]
|
||||
},
|
||||
{
|
||||
"title": "Flexbox Zombies",
|
||||
"desc": "A course to learn Flexbox",
|
||||
"url": "https://mastery.games/p/flexbox-zombies",
|
||||
"tags": ["educational", "beginner", "challenges"]
|
||||
},
|
||||
{
|
||||
"title": "CSS Gridgarden",
|
||||
"desc": "A game to learn Grid",
|
||||
"url": "https://cssgridgarden.com",
|
||||
"tags": ["educational", "beginner", "template"]
|
||||
},
|
||||
{
|
||||
"title": "30 Seconds of Code",
|
||||
"desc": "A curated collection of useful CSS snippets you can understand in 30 seconds or less.",
|
||||
"url": "https://www.30secondsofcode.org/css/",
|
||||
"tags": ["tips", "tricks", "collection"]
|
||||
},
|
||||
{
|
||||
"title": "Grid by example",
|
||||
"desc": "Everything you need to learn CSS Grid Layout",
|
||||
"url": "https://gridbyexample.com/learn/",
|
||||
"tags": ["example", "showcase", "educational"]
|
||||
},
|
||||
{
|
||||
"title": "BEM naming convention",
|
||||
"desc": "Block Element Modifier is a methodology that helps you to create reusable components and code sharing in front-end development",
|
||||
"url": "https://getbem.com/",
|
||||
"tags": ["convention", "naming", "structure"]
|
||||
},
|
||||
{
|
||||
"title": "CSS Triggers",
|
||||
"desc": "Overview of css attributes which trigger either layout, paint or composite. Good to know if you want to learn more about css performance.",
|
||||
"url": "https://csstriggers.com/",
|
||||
"tags": ["performance", "rendering"]
|
||||
},
|
||||
{
|
||||
"title": "A complete guide to flexbox",
|
||||
"desc": "A comprehensive guide to flexbox, focusing on all the different possible properties for the parent element (the flex container).",
|
||||
"url": "https://css-tricks.com/snippets/css/a-guide-to-flexbox/",
|
||||
"tags": ["guide", "educational", "examples"]
|
||||
},
|
||||
{
|
||||
"title": "Learn CSS layout",
|
||||
"desc": "This site teaches the CSS fundamentals that are used in any website's layout.",
|
||||
"url": "http://learnlayout.com",
|
||||
"tags": ["layout", "educational", "beginner"]
|
||||
},
|
||||
{
|
||||
"title": "CSSmatic - box shadow generator",
|
||||
"desc": "The ultimate box shadow generator",
|
||||
"url": "https://www.cssmatic.com/box-shadow",
|
||||
"tags": ["generator", "visual tool", "interactive"]
|
||||
},
|
||||
{
|
||||
"title": "AirBnB CSS / Sass Styleguide",
|
||||
"desc": "A mostly reasonable approach to css and sass.",
|
||||
"url": "https://github.com/airbnb/css",
|
||||
"tags": ["structure", "styleguide", "convention"]
|
||||
},
|
||||
{
|
||||
"title": "Animista",
|
||||
"desc": "CSS animations on demand.",
|
||||
"url": "http://animista.net/",
|
||||
"tags": ["animation", "collection", "generator", "visual tool"]
|
||||
},
|
||||
{
|
||||
"title": "Use CSS Grids the right way",
|
||||
"desc": "CSS Grid is robust, flexible, and a refreshing paradigm shift from other CSS layout systems. While these are selling points for Grid, they also make it hard to learn.",
|
||||
"url": "https://vgpena.github.io/using-css-grid-the-right-way/",
|
||||
"tags": ["guide", "educational", "overview"]
|
||||
},
|
||||
{
|
||||
"title": "CSS Protips",
|
||||
"desc": "A collection of tips to help take your CSS skills pro.",
|
||||
"url": "https://github.com/AllThingsSmitty/css-protips#readme",
|
||||
"tags": ["collection", "tips", "tricks"]
|
||||
},
|
||||
{
|
||||
"title": "Flexbox Defense",
|
||||
"desc": "Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!",
|
||||
"url": "http://www.flexboxdefense.com/",
|
||||
"tags": ["educational", "beginner", "game"]
|
||||
},
|
||||
{
|
||||
"title": "CSS Diner",
|
||||
"desc": "Learn CSS selectors while playing a game.",
|
||||
"url": "https://flukeout.github.io/",
|
||||
"tags": ["educational", "beginner", "selectors"]
|
||||
},
|
||||
{
|
||||
"title": "CSS Animation",
|
||||
"desc": "CSS animation articles, tips and tutorials. Level Up Your CSS Animation Skills.",
|
||||
"url": "https://cssanimation.rocks/",
|
||||
"tags": ["collection", "guide", "educational"]
|
||||
},
|
||||
{
|
||||
"title": "JustREM",
|
||||
"desc": "Easily and quickly convert pixel values into rem values.",
|
||||
"url": "https://justrem.xyz/",
|
||||
"tags": ["units", "convert", "instant"]
|
||||
},
|
||||
{
|
||||
"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/",
|
||||
"tags": ["educational", "guide", "blog"]
|
||||
},
|
||||
{
|
||||
"title": "Interactive CSS box-model view",
|
||||
"desc": "Learn CSS box-model by interractively changing the values.",
|
||||
"url": "https://codepen.io/carolineartz/full/ogVXZj",
|
||||
"tags": ["visual tool", "educational", "beginner"]
|
||||
},
|
||||
{
|
||||
"title": "Bennett Feely clip-path maker",
|
||||
"desc": "This CSS clip-path maker helps you understand the clip-path property and all the cool things you can do with it.",
|
||||
"url": "https://bennettfeely.com/clippy/",
|
||||
"tags": ["interactive", "visual", "shapes"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,54 +0,0 @@
|
||||
{
|
||||
"title": "Daily",
|
||||
"slug": "/daily",
|
||||
"resources": [
|
||||
{
|
||||
"title": "dev.to",
|
||||
"desc": "Where programmers share ideas and help each other grow. It is an online community for sharing and discovering great ideas, having debates, and making friends.",
|
||||
"url": "https://www.dev.to",
|
||||
"tags": ["community", "reading", "languages", "guides", "tips"]
|
||||
},
|
||||
{
|
||||
"title": "CSS Tricks",
|
||||
"desc": "Daily webdev related articles, snippets and guides since 2007",
|
||||
"url": "https://css-tricks.com/",
|
||||
"tags": ["reading", "educational", "design"]
|
||||
},
|
||||
{
|
||||
"title": "Smashing magazine",
|
||||
"desc": "Founded in September 2006 in Germany, Smashing Magazine delivers reliable, useful, but most importantly practical articles to web designers and developers. ",
|
||||
"url": "https://www.smashingmagazine.com/",
|
||||
"tags": ["reading", "educational", "design", "development"]
|
||||
},
|
||||
{
|
||||
"title": "Hackernews",
|
||||
"desc": "Hacker News is a social news website focusing on computer science and entrepreneurship.",
|
||||
"url": "https://news.ycombinator.com/",
|
||||
"tags": ["forum", "development", "reading"]
|
||||
},
|
||||
{
|
||||
"title": "Producthunt",
|
||||
"desc": "Check popular new products out and get inspired, maybe even post yours?",
|
||||
"url": "https://www.producthunt.com/",
|
||||
"tags": ["discover", "explore", "apps", "makers"]
|
||||
},
|
||||
{
|
||||
"title": "dailydevlinks",
|
||||
"desc": "Fresh, daily links so you can keep up-to-date with everything developer ",
|
||||
"url": "https://dailydevlinks.com/",
|
||||
"tags": ["development", "reading", "aggregator"]
|
||||
},
|
||||
{
|
||||
"title": "Sidebar.io",
|
||||
"desc": "The five best design links, every day.",
|
||||
"url": "https://sidebar.io/",
|
||||
"tags": ["design", "reading", "aggregator"]
|
||||
},
|
||||
{
|
||||
"title": "daily.dev",
|
||||
"desc": "Daily delivers the best programming news every new tab. It is a browser extension that boosts your professional growth.",
|
||||
"url": "https://daily.dev/",
|
||||
"tags": ["development", "reading", "aggregator", "discover"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,246 +0,0 @@
|
||||
{
|
||||
"title": "Design",
|
||||
"slug": "/design",
|
||||
"resources": [
|
||||
{
|
||||
"title": "UX/UI Designer Roadmap 2017",
|
||||
"desc": "Roadmap to becoming a UI/UX Designer in 2017",
|
||||
"url": "https://github.com/togiberlin/ui-ux-designer-roadmap",
|
||||
"tags": ["career", "ui", "ux"]
|
||||
},
|
||||
{
|
||||
"title": "Undraw",
|
||||
"desc": "Free vector illustrations for your website.",
|
||||
"url": "https://undraw.co",
|
||||
"tags": ["illustration", "svg", "ui"]
|
||||
},
|
||||
{
|
||||
"title": "Practical UI tips",
|
||||
"desc": "7 Tips to boost your UI design.",
|
||||
"url": "https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886",
|
||||
"tags": ["ui", "tips", "tricks"]
|
||||
},
|
||||
{
|
||||
"title": "UI tips",
|
||||
"desc": "Design tips by Steve Schoger",
|
||||
"url": "https://twitter.com/i/moments/880688233641848832",
|
||||
"tags": ["ui", "tips", "tricks"]
|
||||
},
|
||||
{
|
||||
"title": "Colorhunt",
|
||||
"desc": "Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes",
|
||||
"url": "http://colorhunt.co/",
|
||||
"tags": ["color", "palette", "sets", "coordinated"]
|
||||
},
|
||||
{
|
||||
"title": "Flatuicolorpicker",
|
||||
"desc": "Flatuicolorpicker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs",
|
||||
"url": "http://www.flatuicolorpicker.com",
|
||||
"tags": ["color", "palette", "flat", "design"]
|
||||
},
|
||||
{
|
||||
"title": "awwwards",
|
||||
"desc": "The awards for design, creativity and innovation on the Internet. Get your inspiration here or even submit your own website!",
|
||||
"url": "https://awwwards.com",
|
||||
"tags": ["inspiration", "awards", "aggregator", "directory"]
|
||||
},
|
||||
{
|
||||
"title": "One Page Love",
|
||||
"desc": "One Page websites, templates and resources",
|
||||
"url": "https://onepagelove.com/",
|
||||
"tags": ["templates", "inspiration", "aggregator"]
|
||||
},
|
||||
{
|
||||
"title": "CSS Winner",
|
||||
"desc": "CSS Winner is a unique global platform awarding and showcasing the best websites and promoting innovative web designers, developers and agencies. We popularize the websites designed elsewhere through CSS Winner, increasing competence and coherence in collation and awarding them.",
|
||||
"url": "https://www.csswinner.com/",
|
||||
"tags": ["inspiration", "awards", "collection"]
|
||||
},
|
||||
{
|
||||
"title": "Httpster",
|
||||
"desc": "Httpster is an inspiration resource showcasing totally rocking websites made by people from all over the world.",
|
||||
"url": "https://httpster.net/",
|
||||
"tags": ["inspiration", "showcase", "collection"]
|
||||
},
|
||||
{
|
||||
"title": "siteinspire",
|
||||
"desc": "siteInspire is a showcase of the finest web and interactive design.",
|
||||
"url": "https://www.siteinspire.com",
|
||||
"tags": ["inspiration", "showcase", "directory"]
|
||||
},
|
||||
{
|
||||
"title": "ShapeFactory",
|
||||
"desc": "Simple design tools for everyone. Simply create a logo, pigment/color scheme, gradient or duetone style.",
|
||||
"url": "https://shapefactory.co",
|
||||
"tags": ["tools", "housestyle", "generator"]
|
||||
},
|
||||
{
|
||||
"title": "lapa.ninja",
|
||||
"desc": "The best resources for learning design.",
|
||||
"url": "https://www.lapa.ninja/learn/",
|
||||
"tags": ["educational", "tutorial", "learning"]
|
||||
},
|
||||
{
|
||||
"title": "Hyperpixel.io",
|
||||
"desc": "Discover the latest designs for your own inspiration from our curated list of landing pages.",
|
||||
"url": "https://hyperpixel.io/",
|
||||
"tags": ["inspiration", "showcase", "collection"]
|
||||
},
|
||||
{
|
||||
"title": "sharpen.design",
|
||||
"desc": "Sharpen is where designers hone their craft - randomly generated design challenges.",
|
||||
"url": "https://sharpen.design/",
|
||||
"tags": ["challenges", "practice", "generator"]
|
||||
},
|
||||
{
|
||||
"title": "Good UI",
|
||||
"desc": "A Good User Interface Is One That's Backed By Reproducible Evidence (A/B Tests)",
|
||||
"url": "https://goodui.org/",
|
||||
"tags": ["educational", "inspiration", "testing", "patterns"]
|
||||
},
|
||||
{
|
||||
"title": "SVG ON THE WEB",
|
||||
"desc": "A Practical Guide",
|
||||
"url": "https://svgontheweb.com/",
|
||||
"tags": ["educational", "guide", "svg", "vector", "graphics"]
|
||||
},
|
||||
{
|
||||
"title": "UI Gradients",
|
||||
"desc": "Beautiful color gradients for design and code.",
|
||||
"url": "https://uigradients.com/",
|
||||
"tags": ["generator", "inspiration", "color"]
|
||||
},
|
||||
{
|
||||
"title": "evernote.design",
|
||||
"desc": "Basically webgems but just for design.",
|
||||
"url": "https://evernote.design",
|
||||
"tags": ["inspiration", "resources", "collection"]
|
||||
},
|
||||
{
|
||||
"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",
|
||||
"tags": ["educational", "inclusive", "accessibility"]
|
||||
},
|
||||
{
|
||||
"title": "UX Collective",
|
||||
"desc": "A Medium-based blog, curating articles on modern UX Design practices, conventions, and ideas.",
|
||||
"url": "https://uxdesign.cc/",
|
||||
"tags": ["reading", "inspiration", "educational"]
|
||||
},
|
||||
{
|
||||
"title": "Codrops",
|
||||
"desc": "Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities.",
|
||||
"url": "https://tympanus.net/codrops/",
|
||||
"tags": ["reading", "educational", "collection", "reference"]
|
||||
},
|
||||
{
|
||||
"title": "Hero Patterns",
|
||||
"desc": "A collection of repeatable SVG background patterns for you to use on your web projects.",
|
||||
"url": "https://www.heropatterns.com/",
|
||||
"tags": ["background", "pattern", "svg"]
|
||||
},
|
||||
{
|
||||
"title": "Subtle Patterns",
|
||||
"desc": "A collection of subtle patterns to use in your projects.",
|
||||
"url": "https://www.toptal.com/designers/subtlepatterns/",
|
||||
"tags": ["background", "pattern", "subtle"]
|
||||
},
|
||||
{
|
||||
"title": "Cool Backgrounds",
|
||||
"desc": "Cool Backgrounds offers a selection of beautiful, enticing image backgrounds to add to your blog post, website, or wallpaper.",
|
||||
"url": "https://coolbackgrounds.io/",
|
||||
"tags": ["background", "inspiration", "wallpaper", "generator"]
|
||||
},
|
||||
{
|
||||
"title": "Can't Unsee",
|
||||
"desc": "A game where your attention to details earns you a lot of coins. WARNING: Once you see the difference between the images, you won't be able to unsee it!",
|
||||
"url": "https://cantunsee.space/",
|
||||
"tags": ["comparison", "difficulty", "images"]
|
||||
},
|
||||
{
|
||||
"title": "Image Color Picker",
|
||||
"desc": "Image color picker and palette generator.",
|
||||
"url": "https://image-color.com",
|
||||
"tags": ["generator", "personalize", "hex"]
|
||||
},
|
||||
{
|
||||
"title": "GoodBrief",
|
||||
"desc": "GoodBrief is a random generator for design briefs. Choose the type of creative work and the industry, and goodbrief will generate a unique brief.",
|
||||
"url": "http://goodbrief.io",
|
||||
"tags": ["generator"]
|
||||
},
|
||||
{
|
||||
"title": "Google Fonts",
|
||||
"desc": "Large library of high-quality, free web fonts.",
|
||||
"url": "https://fonts.google.com/",
|
||||
"tags": ["typography", "collection", "download"]
|
||||
},
|
||||
{
|
||||
"title": "Practical Typography",
|
||||
"desc": "A just-deep-enough dive into typography for designers.",
|
||||
"url": "https://practicaltypography.com/",
|
||||
"tags": ["typography", "educational", "reading"]
|
||||
},
|
||||
{
|
||||
"title": "Wakamai Fondue",
|
||||
"desc": "Extensive font file analyzer that tells you everything you need to know about your font.",
|
||||
"url": "https://wakamaifondue.com/",
|
||||
"tags": ["typography", "tools", "analyze"]
|
||||
},
|
||||
{
|
||||
"title": "Typewolf",
|
||||
"desc": "Discover trending fonts and pairings from around the web.",
|
||||
"url": "https://www.typewolf.com/",
|
||||
"tags": ["typography", "collection", "inspiration"]
|
||||
},
|
||||
{
|
||||
"title": "Typography Handbook",
|
||||
"desc": "A concise, referential guide on best web typographic practices.",
|
||||
"url": "http://typographyhandbook.com",
|
||||
"tags": ["typography", "guide", "best practices", "educational"]
|
||||
},
|
||||
{
|
||||
"title": "Fontjoy",
|
||||
"desc": "Generate font combinations with deep learning.",
|
||||
"url": "https://fontjoy.com/",
|
||||
"tags": ["typography", "tools", "pairing"]
|
||||
},
|
||||
{
|
||||
"title": "Web Color Data",
|
||||
"desc": "Disover color palettes of popular websites.",
|
||||
"url": "http://webcolourdata.com/",
|
||||
"tags": ["color", "palette", "inspiration"]
|
||||
},
|
||||
{
|
||||
"title": "Adobe Color",
|
||||
"desc": "Create a color palette with this helpful tool of Adobe.",
|
||||
"url": "https://color.adobe.com/",
|
||||
"tags": ["color", "palette", "wheel", "extract", "triad"]
|
||||
},
|
||||
{
|
||||
"title": "Colourcode",
|
||||
"desc": "colourco.de is an online designer tool, which allows you to easily and intuitively combine colours.",
|
||||
"url": "https://colourco.de",
|
||||
"tags": ["color", "palette", "interactive", "download"]
|
||||
},
|
||||
{
|
||||
"title": "ColorBox",
|
||||
"desc": "Colorbox is a color tool to produce color sets.",
|
||||
"url": "https://www.colorbox.io",
|
||||
"tags": ["color", "palette", "luminosity", "saturation", "hue"]
|
||||
},
|
||||
{
|
||||
"title": "Palettte.app",
|
||||
"desc": "Build, analyze and edit smooth color palettes.",
|
||||
"url": "https://palettte.app/",
|
||||
"tags": ["color", "palette", "sliders", "import", "export"]
|
||||
},
|
||||
{
|
||||
"title": "colormind.io",
|
||||
"desc": "Generate colorpalettes with a live preview of how it could look like on a website.",
|
||||
"url": "http://colormind.io/",
|
||||
"tags": ["color", "palette", "sets", "templates"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,66 +0,0 @@
|
||||
{
|
||||
"title": "Frontend",
|
||||
"slug": "/frontend",
|
||||
"resources": [
|
||||
{
|
||||
"title": "Frontend Handbook 2019",
|
||||
"desc": "A lovely guide made by frontendmasters.",
|
||||
"url": "https://frontendmasters.com/books/front-end-handbook/2019/",
|
||||
"tags": ["learning", "tools", "references", "resources"]
|
||||
},
|
||||
{
|
||||
"title": "Frontend Style Guide",
|
||||
"desc": "Example on how to style, format and organize your frontend project.",
|
||||
"url": "https://kaliop.github.io/frontend-style-guide/2.0/",
|
||||
"tags": ["formatting", "structure", "standards"]
|
||||
},
|
||||
{
|
||||
"title": "Learn to Code HTML and CSS",
|
||||
"desc": "Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.",
|
||||
"url": "https://learn.shayhowe.com/html-css/",
|
||||
"tags": ["book", "fundamentals", "newsletter", "lessons"]
|
||||
},
|
||||
{
|
||||
"title": "Frontendmasters",
|
||||
"desc": "Premium tier video courses for any modern stack. Monthly or yearly subscription.",
|
||||
"url": "https://frontendmasters.com",
|
||||
"tags": ["courses", "frameworks", "videos", "javascript"]
|
||||
},
|
||||
{
|
||||
"title": "Don't fear the internet",
|
||||
"desc": "Basic HTML & CSS for NON-WEB DESIGNERS",
|
||||
"url": "http://www.dontfeartheinternet.com/",
|
||||
"tags": ["videos", "layout", "typography", "wallpapers"]
|
||||
},
|
||||
{
|
||||
"title": "The Font Loading Checklist",
|
||||
"desc": "Four important considerations when loading web fonts.",
|
||||
"url": "https://www.zachleat.com/web/font-checklist/",
|
||||
"tags": ["typography", "tips", "best practices"]
|
||||
},
|
||||
{
|
||||
"title": "My Device",
|
||||
"desc": "Inspect the root css rules and viewport measurements of your device, and compare it to other devices.",
|
||||
"url": "https://www.mydevice.io/",
|
||||
"tags": ["viewport", "measurements", "responsive"]
|
||||
},
|
||||
{
|
||||
"title": "Layers of CSS Box Model",
|
||||
"desc": "Understand in which order the elements of the CSS box model are stacked.",
|
||||
"url": "https://hicksdesign.co.uk/boxmodel/",
|
||||
"tags": ["educational", "css", "visual"]
|
||||
},
|
||||
{
|
||||
"title": "Flavio Copes Blog",
|
||||
"desc": "I write tutorials for JavaScript and Web Developers.",
|
||||
"url": "https://flaviocopes.com/",
|
||||
"tags": ["mentor", "books", "tutorial"]
|
||||
},
|
||||
{
|
||||
"title": "Interneting is hard",
|
||||
"desc": "Friendly web development tutorials for complete beginners in HTML and CSS",
|
||||
"url": "https://www.internetingishard.com/",
|
||||
"tags": ["html", "semantic", "css", "typography"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,30 +0,0 @@
|
||||
{
|
||||
"title": "Fullstack",
|
||||
"slug": "/fullstack",
|
||||
"resources": [
|
||||
{
|
||||
"title": "freeCodeCamp curriculum",
|
||||
"desc": "We have thousands of coding lessons to help you improve your skills. You can earn each certification by completing its 5 final projects. And yes - all of this is 100% free, thanks to the thousands of campers who donate to our nonprofit. If you are new to coding, we recommend you start at the beginning.",
|
||||
"url": "https://learn.freecodecamp.org",
|
||||
"tags": ["design", "javascript", "courses", "security", "interview"]
|
||||
},
|
||||
{
|
||||
"title": "Learn Node",
|
||||
"desc": "Premium course by WesBos teaching you the MEPN (Mongo, Express, Pug, Node) stack using a fullstack project as example.",
|
||||
"url": "https://learnnode.com",
|
||||
"tags": ["videos", "javascript", "training"]
|
||||
},
|
||||
{
|
||||
"title": "egghead.io",
|
||||
"desc": "Lecture platform about anything ranging from basic Javascript to advanced React methods. Community courses available free of charge with an opt-in paid section for full course paths.",
|
||||
"url": "https://egghead.io",
|
||||
"tags": ["videos", "frontend", "react", "javascript"]
|
||||
},
|
||||
{
|
||||
"title": "Refactoring Guru",
|
||||
"desc": "This site makes it easy for you to discover everything you need to know about refactoring, design patterns, SOLID principles, and other smart programming topics.",
|
||||
"url": "https://refactoring.guru/",
|
||||
"tags": ["refactoring", "patterns", "educational", "learning"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,78 +0,0 @@
|
||||
{
|
||||
"title": "General",
|
||||
"slug": "/general",
|
||||
"resources": [
|
||||
{
|
||||
"title": "Caniuse",
|
||||
"desc": "'Can I use' provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.",
|
||||
"url": "https://caniuse.com/",
|
||||
"tags": ["compatibility", "browser", "search"]
|
||||
},
|
||||
{
|
||||
"title": "DevDocs",
|
||||
"desc": "DevDocs combines multiple API documentations in a fast, organized, and searchable interface. Online and offline, always have your docs with you.",
|
||||
"url": "https://devdocs.io",
|
||||
"tags": ["search", "aggregator", "languages", "api"]
|
||||
},
|
||||
{
|
||||
"title": "MDN web docs",
|
||||
"desc": "Tutorials, references, tools and resources.",
|
||||
"url": "https://developer.mozilla.org/docs/Web",
|
||||
"tags": ["mozilla", "basics", "scripting", "graphics", "accessibility"]
|
||||
},
|
||||
{
|
||||
"title": "Rico's cheatsheets",
|
||||
"desc": "Cheatsheets for any kind of technologies in the web domain.",
|
||||
"url": "https://devhints.io",
|
||||
"tags": ["search", "ruby", "javascript", "bash", "cli"]
|
||||
},
|
||||
{
|
||||
"title": "Developer Roadmap",
|
||||
"desc": "Below you find a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops.",
|
||||
"url": "https://github.com/kamranahmedse/developer-roadmap/blob/master/README.md",
|
||||
"tags": ["roadmaps", "visual", "graphics", "connections"]
|
||||
},
|
||||
{
|
||||
"title": "ebookfoundation",
|
||||
"desc": "Freely available programming books",
|
||||
"url": "https://ebookfoundation.github.io/free-programming-books/",
|
||||
"tags": ["lists", "languages", "courses", "resources"]
|
||||
},
|
||||
{
|
||||
"title": "Google Developer",
|
||||
"desc": "Tutorials, guides, and best practices for building the next generation of web experiences.",
|
||||
"url": "https://developers.google.com/web/",
|
||||
"tags": ["tools", "videos", "fundamentals", "web", "chrome"]
|
||||
},
|
||||
{
|
||||
"title": "Google Chrome Youtube",
|
||||
"desc": "Making the web more awesome - latest news about google chrome",
|
||||
"url": "https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw",
|
||||
"tags": ["videos", "keynotes", "channels"]
|
||||
},
|
||||
{
|
||||
"title": "Code wars",
|
||||
"desc": "Challenge yourself on kata, created by the community to strengthen different skills. Master your current language of choice, or expand your understanding of a new one.",
|
||||
"url": "https://www.codewars.com/",
|
||||
"tags": ["skills", "rank", "languages", "training"]
|
||||
},
|
||||
{
|
||||
"title": "Exercism",
|
||||
"desc": "Learn to code in a variety of languages. Complete programming challenges, view other's solutions, and get community feedback on your code.",
|
||||
"url": "https://exercism.io",
|
||||
"tags": ["mentors", "tracks", "exercises", "feedback"]
|
||||
},
|
||||
{
|
||||
"title": "Learn X in Y min",
|
||||
"desc": "Take a whirlwind tour of your next favorite language. Community-driven!",
|
||||
"url": "https://learnxinyminutes.com/",
|
||||
"tags": ["languages", "quick", "resources", "basics"]
|
||||
},
|
||||
{
|
||||
"title": "webgems.io",
|
||||
"desc": "It's a great collection for learning materials for all sorts of programming topics.",
|
||||
"url": "https://webgems.io",
|
||||
"tags": ["quick", "resources", "basics", "search", "aggregator"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,42 +0,0 @@
|
||||
{
|
||||
"title": "HTML",
|
||||
"slug": "/html",
|
||||
"resources": [
|
||||
{
|
||||
"title": "HTML ELEMENTS",
|
||||
"desc": "All the HTML elemens you can use. There is more than just a div :)",
|
||||
"url": "https://developer.mozilla.org/docs/Web/HTML/Element",
|
||||
"tags": ["reference", "semantics", "metadata", "obsolete"]
|
||||
},
|
||||
{
|
||||
"title": "Introduction to HTML",
|
||||
"desc": "In just 4 hours, learn the basics of HTML5 and start building & editing web pages.",
|
||||
"url": "https://www.codecademy.com/learn/learn-html",
|
||||
"tags": ["course", "elements", "structure"]
|
||||
},
|
||||
{
|
||||
"title": "Awesome Canvas",
|
||||
"desc": "A curated list of awesome Canvas examples, related articles and posts.",
|
||||
"url": "https://github.com/raphamorim/awesome-canvas#readme",
|
||||
"tags": ["html5", "examples", "libraries", "resources"]
|
||||
},
|
||||
{
|
||||
"title": "HTML Spec",
|
||||
"desc": "This specification defines a big part of the Web platform, in lots of detail.",
|
||||
"url": "https://html.spec.whatwg.org/",
|
||||
"tags": ["standards", "elements", "specification", "syntax"]
|
||||
},
|
||||
{
|
||||
"title": "Markup validator",
|
||||
"desc": "This tool is checking your markup if it complies with the specification and will show you possible errors.",
|
||||
"url": "https://validator.w3.org/nu/",
|
||||
"tags": ["html", "reports", "outline"]
|
||||
},
|
||||
{
|
||||
"title": "Trends",
|
||||
"desc": "Browse trending github repos written in your favorite language with this high performance progressive web application",
|
||||
"url": "https://trends.now.sh/",
|
||||
"tags": ["aggregator", "github", "search", "ratings"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,36 +0,0 @@
|
||||
{
|
||||
"title": "Icons",
|
||||
"slug": "/icons",
|
||||
"resources": [
|
||||
{
|
||||
"title": "Font awesome",
|
||||
"desc": "CSS and LESS based font and icon toolkit.",
|
||||
"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.",
|
||||
"url": "https://icomoon.io/",
|
||||
"tags": ["packs", "svg", "png"]
|
||||
},
|
||||
{
|
||||
"title": "Icons8",
|
||||
"desc": "Get free icons designed to combine perfectly and fit into the style of your design.",
|
||||
"url": "https://icons8.com/",
|
||||
"tags": ["packs", "fonts", "editable", "offline"]
|
||||
},
|
||||
{
|
||||
"title": "Material Icons",
|
||||
"desc": "Material icons are delightful, beautifully crafted symbols for common actions and items. Download on desktop to use them in your digital products for Android, iOS, and web.",
|
||||
"url": "https://material.io/resources/icons",
|
||||
"tags": ["animated", "fonts", "free", "themes"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,41 +0,0 @@
|
||||
import css from './css'
|
||||
import daily from './daily'
|
||||
import design from './design'
|
||||
import frontend from './frontend'
|
||||
import fullstack from './fullstack'
|
||||
import general from './general'
|
||||
import html from './html'
|
||||
import javascript from './javascript'
|
||||
import php from './php'
|
||||
import podcasts from './podcasts'
|
||||
import python from './python'
|
||||
import ruby from './ruby'
|
||||
import server from './server'
|
||||
import utility from './utility'
|
||||
import icons from './icons'
|
||||
import accessibility from './accessibility'
|
||||
|
||||
const sortByTitle = ({ title: titleA }, { title: titleB }) => {
|
||||
if(titleA < titleB) return -1
|
||||
if(titleA > titleB) return 1
|
||||
return 0
|
||||
}
|
||||
|
||||
export default [
|
||||
css,
|
||||
daily,
|
||||
design,
|
||||
frontend,
|
||||
fullstack,
|
||||
general,
|
||||
html,
|
||||
javascript,
|
||||
php,
|
||||
podcasts,
|
||||
python,
|
||||
ruby,
|
||||
server,
|
||||
utility,
|
||||
icons,
|
||||
accessibility,
|
||||
].sort(sortByTitle)
|
||||
@@ -1,126 +0,0 @@
|
||||
{
|
||||
"title": "Javascript",
|
||||
"slug": "/javascript",
|
||||
"resources": [
|
||||
{
|
||||
"title": "WarriorJS",
|
||||
"desc": "An exciting game of programming and Artificial Intelligence",
|
||||
"url": "https://warrior.js.org/",
|
||||
"tags": ["code", "play", "maker", "game"]
|
||||
},
|
||||
{
|
||||
"title": "Javascript30",
|
||||
"desc": "Free video courses about javascript. Made by WesBos",
|
||||
"url": "https://javascript30.com",
|
||||
"tags": ["course", "beginner", "intermediate", "free"]
|
||||
},
|
||||
{
|
||||
"title": "JS the right way",
|
||||
"desc": "This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices.",
|
||||
"url": "https://jstherightway.org",
|
||||
"tags": ["introduction", "aggregator", "tools", "video", "audio"]
|
||||
},
|
||||
{
|
||||
"title": "Learn vanilla js",
|
||||
"desc": "A vanilla JS roadmap, along with learning resources and project ideas to help you get started.",
|
||||
"url": "https://learnvanillajs.com/",
|
||||
"tags": ["projects", "resources", "ideas"]
|
||||
},
|
||||
{
|
||||
"title": "Javascript Info",
|
||||
"desc": "How it's done now. From the basics to advanced topics with simple, but detailed explanations.",
|
||||
"url": "https://javascript.info/",
|
||||
"tags": ["tutorial", "explanations", "basics", "advanced"]
|
||||
},
|
||||
{
|
||||
"title": "JS Tips",
|
||||
"desc": "JS Tips is a collection of useful daily JavaScript tips that will allow you to improve your code writing.",
|
||||
"url": "https://www.jstips.co",
|
||||
"tags": ["react", "angularjs"]
|
||||
},
|
||||
{
|
||||
"title": "YDKJS",
|
||||
"desc": "This is a free series of books diving deep into the core mechanisms of the JavaScript language. The first edition of the series is now complete, and the first two chapters of the second edition have already been published.",
|
||||
"url": "https://github.com/getify/You-Dont-Know-JS",
|
||||
"tags": ["online", "comprehensive", "courses"]
|
||||
},
|
||||
{
|
||||
"title": "Deep JavaScript",
|
||||
"desc": "A high-end book by Dr. Axel Rauschmayer which answers some of the questions that experienced JS developers might still encounter through their career.",
|
||||
"url": "https://exploringjs.com/deep-js/",
|
||||
"tags": ["book", "basics", "advanced"]
|
||||
},
|
||||
{
|
||||
"title": "Eloquent Javascript 3rd Edition",
|
||||
"desc": "This is a book about javascript, programming, and the wonders of the digital. You can read it online or get a paperback copy of it.",
|
||||
"url": "http://eloquentjavascript.net",
|
||||
"tags": ["beginner", "advanced", "node", "projects"]
|
||||
},
|
||||
{
|
||||
"title": "Learn javascript fast",
|
||||
"desc": "Welcome to learnjavascriptfast.com, a free online course designed to help you learn Javascript fast with hands-on project. Our aim is to equip you with enough knowledge to start coding your own Javascript pages immediately upon completion of this course.",
|
||||
"url": "https://learnjavascriptfast.com/",
|
||||
"tags": ["beginner", "hands-on", "resources", "project"]
|
||||
},
|
||||
{
|
||||
"title": "ECMAScript 6",
|
||||
"desc": "ES6 is a significant update to the language, and the first update to the language since ES5 was standardized in 2009.",
|
||||
"url": "https://github.com/lukehoban/es6features#readme",
|
||||
"tags": ["features", "examples", "references"]
|
||||
},
|
||||
{
|
||||
"title": "You might not need jquery",
|
||||
"desc": "jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency.",
|
||||
"url": "http://youmightnotneedjquery.com",
|
||||
"tags": ["vanilla", "alternatives", "examples", "code"]
|
||||
},
|
||||
{
|
||||
"title": "BundlePhobia",
|
||||
"desc": "Find the cost of adding a npm package to your bundle",
|
||||
"url": "https://bundlephobia.com/",
|
||||
"tags": ["search", "visualize"]
|
||||
},
|
||||
{
|
||||
"title": "The Net Ninja - Black-belt your web skills",
|
||||
"desc": "Free YouTube tutorials on modern JavaScript (beginner to advanced), Node.js, React, Vue.js, Firebase, MongoDB, Plus loads more...",
|
||||
"url": "https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg/playlists",
|
||||
"tags": ["video", "tutorial", "playlist"]
|
||||
},
|
||||
{
|
||||
"title": "Javascript Weekly",
|
||||
"desc": "A free, once–weekly email roundup of JavaScript news and articles.",
|
||||
"url": "https://javascriptweekly.com/",
|
||||
"tags": ["email", "subscription", "aggregator"]
|
||||
},
|
||||
{
|
||||
"title": "Learn JavaScript Online",
|
||||
"desc": "The easiest way to learn & practice modern JavaScript",
|
||||
"url": "https://learnjavascript.online/",
|
||||
"tags": ["flashcards", "challenges", "fundamentals"]
|
||||
},
|
||||
{
|
||||
"title": "Loupe",
|
||||
"desc": "Loupe is a little visualisation to help you understand how JavaScript's call stack/event loop/callback queue interact with each other.",
|
||||
"url": "http://latentflip.com/loupe/",
|
||||
"tags": ["event", "queue", "visualizer"]
|
||||
},
|
||||
{
|
||||
"title": "Code to go",
|
||||
"desc": "Find up to date snippets for common JavaScript use cases",
|
||||
"url": "https://codetogo.io/",
|
||||
"tags": ["examples", "snippets", "search", "use cases"]
|
||||
},
|
||||
{
|
||||
"title": "Clean Code Javascript",
|
||||
"desc": "Software engineering principles, from Robert C. Martin's book Clean Code, adapted for JavaScript. This is not a style guide. It's a guide to producing readable, reusable, and refactorable software in JavaScript.",
|
||||
"url": "https://github.com/ryanmcdermott/clean-code-javascript",
|
||||
"tags": ["naming", "guidelines", "formatting", "solid"]
|
||||
},
|
||||
{
|
||||
"title": "List of (Advanced) JavaScript Questions",
|
||||
"desc": "A curated list of JavaScript questions from basic to advanced to either refresh your knowledge or prepare for job interviews. Updated weekly with new questions and available in several languages.",
|
||||
"url": "https://github.com/lydiahallie/javascript-questions",
|
||||
"tags": ["email", "solutions", "detailed"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,72 +0,0 @@
|
||||
{
|
||||
"title": "PHP",
|
||||
"slug": "/php",
|
||||
"resources": [
|
||||
{
|
||||
"title": "PHP the right way",
|
||||
"desc": "PHP The Right Way is an easy-to-read, quick reference for PHP popular coding standards, links to authoritative tutorials around the Web and what the contributors consider to be best practices at the present time.",
|
||||
"url": "https://phptherightway.com",
|
||||
"tags": ["book", "guide", "resources", "virtualization"]
|
||||
},
|
||||
{
|
||||
"title": "The PHP manual",
|
||||
"desc": "The PHP manual is documenting the whole spec while giving examples for each property.",
|
||||
"url": "https://www.php.net/manual/en/",
|
||||
"tags": ["manual", "examples", "current", "security", "configuration"]
|
||||
},
|
||||
{
|
||||
"title": "Laracasts",
|
||||
"desc": "Learn practical, modern web development, through expert screencasts on Laravel, Vue, and so much more.",
|
||||
"url": "https://laracasts.com",
|
||||
"tags": ["series", "search", "tooling", "testing"]
|
||||
},
|
||||
{
|
||||
"title": "An online book for learning PHP",
|
||||
"desc": "PHP Apprentice is an online, open source book about the PHP programming language. PHP is one of the most popular platforms for building websites and web services.",
|
||||
"url": "https://phpapprentice.com/",
|
||||
"tags": ["basics", "installing"]
|
||||
},
|
||||
{
|
||||
"title": "PHP-FIG",
|
||||
"desc": "Moving PHP forward through collaboration and standards. Welcome to the PHP Framework Interop Group! We're a group of established PHP projects whose goal is to talk about commonalities between our projects and find ways we can work better together.",
|
||||
"url": "https://www.php-fig.org/",
|
||||
"tags": ["blog", "bylaws", "standards", "styles", "interfaces"]
|
||||
},
|
||||
{
|
||||
"title": "(The only proper) PDO tutorial",
|
||||
"desc": "There are many tutorials on PDO already, but unfortunately, most of them fail to explain the real benefits of PDO, or even promote rather bad practices. The only two exceptions are phptherightway.com and hashphp.org, but they miss a lot of important information. As a result, half of PDO's features remain in obscurity and are almost never used by PHP developers, who, as a result, are constantly trying to reinvent the wheel which already exists in PDO.",
|
||||
"url": "https://phpdelusions.net/pdo",
|
||||
"tags": ["database", "security", "usability", "reliability"]
|
||||
},
|
||||
{
|
||||
"title": "Online PHP shell",
|
||||
"desc": "3v4l.org (leetspeak for eval) is an online shell that allows you to run your code on my server. I compiled more than 200 different PHP versions (every version released since 4.3.0) plus HHVM for you to use.",
|
||||
"url": "https://3v4l.org/",
|
||||
"tags": ["versions", "performance", "output", "testing"]
|
||||
},
|
||||
{
|
||||
"title": "Safe Password Hashing",
|
||||
"desc": "This section explains the reasons behind using hashing functions to secure passwords, as well as how to do so effectively.",
|
||||
"url": "https://www.php.net/manual/en/faq.passwords.php",
|
||||
"tags": ["security", "storage", "salt"]
|
||||
},
|
||||
{
|
||||
"title": "14 Tips",
|
||||
"desc": "14 Tips to Write PHP Code that is Hard to Maintain and Upgrade",
|
||||
"url": "https://www.tomasvotruba.cz/blog/2018/11/26/14-tips-to-write-php-code-that-is-hard-to-maintain-and-upgrade/",
|
||||
"tags": ["sarcastic", "vendor", "bad", "incorrect"]
|
||||
},
|
||||
{
|
||||
"title": "Object Calisthenics",
|
||||
"desc": "Object Calisthenics are programming exercises, formalized as a set of 9 rules invented by Jeff Bay in his book The ThoughtWorks Anthology. The word Object is related to Object Oriented Programming. The word Calisthenics is derived from greek, and means exercises under the context of gymnastics.",
|
||||
"url": "https://williamdurand.fr/2013/06/03/object-calisthenics/",
|
||||
"tags": ["rules", "maintainability", "readability", "testability"]
|
||||
},
|
||||
{
|
||||
"title": "Your code sucks, let's fix it",
|
||||
"desc": "134 Slides to help fix your code. Performance and testing are just one aspect of code, to really be successful your code needs to be readable, maintainable and generally easier to comprehend and work with.",
|
||||
"url": "https://www.slideshare.net/rdohms/your-code-sucks-lets-fix-it-15471808",
|
||||
"tags": ["slides", "readability", "rules"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,24 +0,0 @@
|
||||
{
|
||||
"title": "Podcasts",
|
||||
"slug": "/podcasts",
|
||||
"resources": [
|
||||
{
|
||||
"title": "syntax.fm",
|
||||
"desc": "Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.",
|
||||
"url": "https://syntax.fm/",
|
||||
"tags": ["audio", "frontend", "backend", "javascript"]
|
||||
},
|
||||
{
|
||||
"title": "The Changelog",
|
||||
"desc": "News and podcasts for developers.",
|
||||
"url": "https://changelog.com/",
|
||||
"tags": ["aggregator", "daily", "audio"]
|
||||
},
|
||||
{
|
||||
"title": "Ladybug Podcast",
|
||||
"desc": "Listen to Kelly Vaughn, Ali Spittel, Emma Wedekind, and Lindsey Kopacz, four women in tech, discuss topics such as how to get your first job in tech and how to manage side projects.",
|
||||
"url": "https://ladybug.dev/",
|
||||
"tags": ["weekly", "audio", "newsletter", "women"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,276 +0,0 @@
|
||||
{
|
||||
"title": "Python",
|
||||
"slug": "/python",
|
||||
"resources": [
|
||||
{
|
||||
"title": "Python 3.7.3 documentation",
|
||||
"desc": "Documentation for all releases of Python.",
|
||||
"url": "https://docs.python.org/3/",
|
||||
"tags": ["official", "reference", "guide", "history"]
|
||||
},
|
||||
{
|
||||
"title": "The Hitchhiker’s Guide to Python!",
|
||||
"desc": "This is a living, breathing guide. This handcrafted guide exists to provide both novice and expert Python developers a best practice handbook to the installation, configuration, and usage of Python on a daily basis.",
|
||||
"url": "https://docs.python-guide.org/",
|
||||
"tags": ["handbook", "configure", "reference", "environment"]
|
||||
},
|
||||
{
|
||||
"title": "Kaggle - Python",
|
||||
"desc": "Learn the most important language for Data Science",
|
||||
"url": "https://www.kaggle.com/learn/python",
|
||||
"tags": ["lessons", "course", "free"]
|
||||
},
|
||||
{
|
||||
"title": "Anaconda",
|
||||
"desc": "The World's Most Popular Python/R Data Science Platform",
|
||||
"url": "https://www.anaconda.com/distribution/",
|
||||
"tags": ["installer", "packages", "analyze", "visualize"]
|
||||
},
|
||||
{
|
||||
"title": "Real Python Tutorials",
|
||||
"desc": "At Real Python you can learn all things Python from the ground up. Everything from the absolute basics of Python, to web development and web scraping, to data visualization, and beyond.",
|
||||
"url": "https://realpython.com/",
|
||||
"tags": ["videos", "articles", "newsletter", "beginner", "quizzes"]
|
||||
},
|
||||
{
|
||||
"title": "Geeks for geeks - Python",
|
||||
"desc": "Short, clearly written posts with colorful code examples.",
|
||||
"url": "https://www.geeksforgeeks.org/python-programming-language/",
|
||||
"tags": ["courses", "practice", "basic", "expert"]
|
||||
},
|
||||
{
|
||||
"title": "Pluralsight - Python",
|
||||
"desc": "Test your skills and watch a few video courses.",
|
||||
"url": "https://app.pluralsight.com/paths/skills/Python",
|
||||
"tags": ["videos", "courses", "tests"]
|
||||
},
|
||||
{
|
||||
"title": "Pypi",
|
||||
"desc": "Find, install and publish Python packages with the Python Package Index",
|
||||
"url": "https://pypi.org/",
|
||||
"tags": ["packages", "search", "install"]
|
||||
},
|
||||
{
|
||||
"title": "Boost.Python",
|
||||
"desc": "A C++ library which enables seamless interoperability between C++ and the Python programming language.",
|
||||
"url": "https://www.boost.org/doc/libs/1_70_0/libs/python/doc/html/index.html",
|
||||
"tags": ["hybrid", "library", "support", "resources"]
|
||||
},
|
||||
{
|
||||
"title": "MongoDB Python Drivers",
|
||||
"desc": "The database for modern applications",
|
||||
"url": "https://docs.mongodb.com/ecosystem/drivers/python/",
|
||||
"tags": ["database", "drivers", "course"]
|
||||
},
|
||||
{
|
||||
"title": "A Byte of Python",
|
||||
"desc": "If you like real books ... A complete set of documentation that closely resembles the typesetting of a real book.",
|
||||
"url": "https://python.swaroopch.com/",
|
||||
"tags": ["free", "book", "beginner", "guide", "tutorial"]
|
||||
},
|
||||
{
|
||||
"title": "Requests: HTTP for Humans™",
|
||||
"desc": "Requests is the only Non-GMO HTTP library for Python, safe for human consumption.",
|
||||
"url": "https://2.python-requests.org/en/master/",
|
||||
"tags": ["library", "easy", "guide", "documentation"]
|
||||
},
|
||||
{
|
||||
"title": "TensorFlow",
|
||||
"desc": "The core open source library to help you develop and train ML models. TensorFlow is an end-to-end open source platform for machine learning.",
|
||||
"url": "https://www.tensorflow.org/",
|
||||
"tags": ["learning", "neural", "news", "resources"]
|
||||
},
|
||||
{
|
||||
"title": "Think Python",
|
||||
"desc": "Think Python is an introduction to Python programming for beginners. The free O'Reilly book.",
|
||||
"url": "https://greenteapress.com/wp/think-python/",
|
||||
"tags": ["free", "book", "basics", "swampy"]
|
||||
},
|
||||
{
|
||||
"title": "No Starch Press - Automate the Boring Stuff with Python",
|
||||
"desc": "The best part of programming is the triumph of seeing the machine do something useful. Automate the Boring Stuff with Python frames all of programming as these small triumphs; it makes the boring fun.",
|
||||
"url": "https://nostarch.com/automatestuff",
|
||||
"tags": ["book", "practical", "small", "routine"]
|
||||
},
|
||||
{
|
||||
"title": "Python built-ins worth learning",
|
||||
"desc": "A great list that breaks up topics into 'learn now' and 'wait til later' type categories. By Trey Hunner",
|
||||
"url": "https://treyhunner.com/2019/05/python-builtins-worth-learning/",
|
||||
"tags": ["standard", "libraries", "skills", "knowledge"]
|
||||
},
|
||||
{
|
||||
"title": "Qt for Python",
|
||||
"desc": "Create User Interfaces with Qt for Python",
|
||||
"url": "https://www.qt.io/qt-for-python",
|
||||
"tags": ["ui", "resources", "library"]
|
||||
},
|
||||
{
|
||||
"title": "Python fun facts.",
|
||||
"desc": "Python fun facts from JetBrains, maker of the IDE PyCharm",
|
||||
"url": "https://www.jetbrains.com/lp/devecosystem-2019/python/",
|
||||
"tags": ["statistics", "comparisons", "use"]
|
||||
},
|
||||
{
|
||||
"title": "MicroPython",
|
||||
"desc": "Using python with microcontrollers.",
|
||||
"url": "https://micropython.org/",
|
||||
"tags": ["lean", "small", "embedded", "pyboard"]
|
||||
},
|
||||
{
|
||||
"title": "Programiz",
|
||||
"desc": "Learn Python Programming",
|
||||
"url": "https://www.programiz.com/python-programming",
|
||||
"tags": ["guide", "beginner", "start", "tutorial"]
|
||||
},
|
||||
{
|
||||
"title": "Medium - Python",
|
||||
"desc": "Tools to run Python on Android",
|
||||
"url": "https://towardsdatascience.com/tools-to-run-python-on-android-9060663972b4",
|
||||
"tags": ["api", "tools", "interface", "deploy"]
|
||||
},
|
||||
{
|
||||
"title": "QPython",
|
||||
"desc": "QPython is a script engine which runs Python programs on android devices. It also can help developers develop android applications.",
|
||||
"url": "https://www.qpython.com/",
|
||||
"tags": ["support", "mobile", "kit", "guide"]
|
||||
},
|
||||
{
|
||||
"title": "Medium - Python on Netflix",
|
||||
"desc": "We wanted to share a sampling of how Python is used at Netflix. ",
|
||||
"url": "https://medium.com/netflix-techblog/python-at-netflix-bba45dae649e",
|
||||
"tags": ["security", "monitoring", "learning", "encoding"]
|
||||
},
|
||||
{
|
||||
"title": "Python Data Science Handbook",
|
||||
"desc": "This is a book about doing data science with Python, which immediately begs the question: what is data science? The free O'Reilly book.",
|
||||
"url": "https://jakevdp.github.io/PythonDataScienceHandbook/",
|
||||
"tags": ["book", "numpy", "pandas", "matplotlib"]
|
||||
},
|
||||
{
|
||||
"title": "Data Analysis in Python",
|
||||
"desc": "This site is designed to offer an introduction to Python specifically tailored for social scientists and people doing applied data analysis.",
|
||||
"url": "http://www.data-analysis-in-python.org/",
|
||||
"tags": ["stata", "pandas", "gis", "plotting", "resources"]
|
||||
},
|
||||
{
|
||||
"title": "Microsoft - Python",
|
||||
"desc": "11 Data Science Skills. 1.5 Million Jobs.",
|
||||
"url": "https://academy.microsoft.com/en-us/professional-program/tracks/data-science/",
|
||||
"tags": ["mpp", "professional", "certification"]
|
||||
},
|
||||
{
|
||||
"title": "Towards Data Science - Machine Learning",
|
||||
"desc": "An “Equation-to-Code” Machine Learning Project Walk-Through in Python",
|
||||
"url": "https://towardsdatascience.com/an-equation-to-code-machine-learning-project-walk-through-in-python-part-1-linear-separable-fd0e19ed2d7",
|
||||
"tags": ["convert", "plot", "solve", "vector"]
|
||||
},
|
||||
{
|
||||
"title": "Big Data Made Simple",
|
||||
"desc": "Step by step approach to perform data analysis using Python.",
|
||||
"url": "https://bigdata-madesimple.com/step-by-step-approach-to-perform-data-analysis-using-python/",
|
||||
"tags": ["numpy", "pandas", "matplotlib", "tutorial"]
|
||||
},
|
||||
{
|
||||
"title": "Medium - Python vs R",
|
||||
"desc": "Python vs. R — Choosing the Best Programming Language for Data Science",
|
||||
"url": "https://towardsdatascience.com/python-vs-r-choosing-the-best-programming-languages-for-data-science-b1327f01f6bf",
|
||||
"tags": ["functional", "pandas", "programming", "modeling"]
|
||||
},
|
||||
{
|
||||
"title": "Python Data Analysis Library",
|
||||
"desc": "Pandas is an open source, BSD-licensed library providing high-performance, easy-to-use data structures and data analysis tools for the Python programming language.",
|
||||
"url": "https://pandas.pydata.org/",
|
||||
"tags": ["documentation", "highlights", "release"]
|
||||
},
|
||||
{
|
||||
"title": "SciPy",
|
||||
"desc": "SciPy (pronounced “Sigh Pie”) is a Python-based ecosystem of open-source software for mathematics, science, and engineering.",
|
||||
"url": "https://www.scipy.org/",
|
||||
"tags": ["documentation", "matplotlib", "numpy", "pandas", "ipython"]
|
||||
},
|
||||
{
|
||||
"title": "NumPy",
|
||||
"desc": "NumPy is the fundamental package for scientific computing with Python.",
|
||||
"url": "http://www.numpy.org/",
|
||||
"tags": ["documentation", "support", "install"]
|
||||
},
|
||||
{
|
||||
"title": "Statsmodels",
|
||||
"desc": "Statsmodels is a Python module that provides classes and functions for the estimation of many different statistical models, as well as for conducting statistical tests, and statistical data exploration. ",
|
||||
"url": "http://www.statsmodels.org/stable/index.html",
|
||||
"tags": ["documentation", "examples", "support"]
|
||||
},
|
||||
{
|
||||
"title": "scikit-learn",
|
||||
"desc": "Machine Learning in Python",
|
||||
"url": "https://scikit-learn.org/stable/",
|
||||
"tags": ["clustering", "regression", "classification", "examples"]
|
||||
},
|
||||
{
|
||||
"title": "Jupyter",
|
||||
"desc": "The Jupyter Notebook is an open-source web application that allows you to create and share documents that contain live code, equations, visualizations and narrative text.",
|
||||
"url": "https://jupyter.org/",
|
||||
"tags": ["documentation", "widgets", "collaboration", "interactive"]
|
||||
},
|
||||
{
|
||||
"title": "Matplotlib",
|
||||
"desc": "Matplotlib is a Python 2D plotting library which produces publication quality figures in a variety of hardcopy formats and interactive environments across platforms.",
|
||||
"url": "https://matplotlib.org/",
|
||||
"tags": ["installation", "documentation", "toolkits", "generate"]
|
||||
},
|
||||
{
|
||||
"title": "NumFOCUS",
|
||||
"desc": "From Netflix to NASA, researchers use NumFOCUS sponsored projects to solve the most challenging problems. Explore our open source tools by language, features, or industry.",
|
||||
"url": "https://numfocus.org/sponsored-projects",
|
||||
"tags": ["julia", "ipython", "numpy", "jupyter", "astropy"]
|
||||
},
|
||||
{
|
||||
"title": "Python Pandemonium",
|
||||
"desc": "A place to read and write about all things Python.",
|
||||
"url": "https://medium.com/python-pandemonium/tagged/data-science",
|
||||
"tags": ["aggregator", "articles", "tagged"]
|
||||
},
|
||||
{
|
||||
"title": "Pandas for People In A Hurry",
|
||||
"desc": "Pandas is the most popular Python library for data manipulation and data analysis. It is a must know for all data scientists!",
|
||||
"url": "https://towardsdatascience.com/pandas-for-people-in-a-hurry-59d966630ae0",
|
||||
"tags": ["data", "starting", "tips", "filtering"]
|
||||
},
|
||||
{
|
||||
"title": "PySpark",
|
||||
"desc": "Python Programming Guide for the API",
|
||||
"url": "https://spark.apache.org/docs/0.9.1/python-programming-guide.html",
|
||||
"tags": ["configure", "use", "apache", "guide"]
|
||||
},
|
||||
{
|
||||
"title": "Towards Data Science",
|
||||
"desc": "Sharing concepts, ideas, and codes. IMO the best Data Science Blog.",
|
||||
"url": "https://towardsdatascience.com/",
|
||||
"tags": ["articles", "advice", "digest", "resources"]
|
||||
},
|
||||
{
|
||||
"title": "HDF5®",
|
||||
"desc": "High-performance data management and storage suite",
|
||||
"url": "https://www.hdfgroup.org/solutions/hdf5/",
|
||||
"tags": ["storage", "support", "documentation"]
|
||||
},
|
||||
{
|
||||
"title": "Theano",
|
||||
"desc": "Theano is a Python library that allows you to define, optimize, and evaluate mathematical expressions involving multi-dimensional arrays efficiently.",
|
||||
"url": "http://deeplearning.net/software/theano/",
|
||||
"tags": ["tutorial", "documentation", "data"]
|
||||
},
|
||||
{
|
||||
"title": "Becoming Human - Languages",
|
||||
"desc": "Top Programming Languages a Data Scientist Must Master.",
|
||||
"url": "https://becominghuman.ai/top-programming-languages-a-data-scientist-must-master-in-2019-7101a8bc8e16",
|
||||
"tags": ["article", "list", "overview", "features"]
|
||||
},
|
||||
{
|
||||
"title": "SQLAlchemy",
|
||||
"desc": "SQLAlchemy is the Python SQL toolkit and Object Relational Mapper that gives application developers the full power and flexibility of SQL.",
|
||||
"url": "https://www.sqlalchemy.org/",
|
||||
"tags": ["orm", "databases", "features", "library"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,78 +0,0 @@
|
||||
{
|
||||
"title": "Ruby",
|
||||
"slug": "/ruby",
|
||||
"resources": [
|
||||
{
|
||||
"title": "AppSignal Blog",
|
||||
"desc": "Product updates and things we've learned while building AppSignal.",
|
||||
"url": "https://blog.appsignal.com/",
|
||||
"tags": ["articles", "newsletter", "javascript", "elixir"]
|
||||
},
|
||||
{
|
||||
"title": "Drifting Ruby",
|
||||
"desc": "Drifting Ruby is a collection of tutorial videos and documentation for accomplishing functional concepts.",
|
||||
"url": "https://www.driftingruby.com/",
|
||||
"tags": ["screencasts", "rails", "javascript", "examples"]
|
||||
},
|
||||
{
|
||||
"title": "GoRails Blog",
|
||||
"desc": "Learn about Ruby on Rails. The GoRails blog covers topics across all aspects of Ruby on Rails development.",
|
||||
"url": "https://gorails.com/blog/",
|
||||
"tags": ["screencasts", "articles", "guides", "reviews"]
|
||||
},
|
||||
{
|
||||
"title": "Reinteractive Articles",
|
||||
"desc": "Our expert team of designers and developers love what they do and enjoy sharing their knowledge with the world.",
|
||||
"url": "https://reinteractive.com/blog/",
|
||||
"tags": ["articles", "archive", "accessibility", "workshops"]
|
||||
},
|
||||
{
|
||||
"title": "RailsCasts",
|
||||
"desc": "Short Ruby on Rails screencasts containing tips, tricks and tutorials. Great for both novice and experienced web developers.",
|
||||
"url": "http://railscasts.com/",
|
||||
"tags": ["videos", "tutorials", "examples", "free"]
|
||||
},
|
||||
{
|
||||
"title": "Railsware Blog",
|
||||
"desc": "on product management, engineering, design, culture and many more...",
|
||||
"url": "https://railsware.com/blog/",
|
||||
"tags": ["articles", "videos", "examples"]
|
||||
},
|
||||
{
|
||||
"title": "RubyFlow",
|
||||
"desc": "Made a library? Written a blog post? Found a useful tutorial? Share it with the Ruby community here or just enjoy what everyone else has found!",
|
||||
"url": "http://www.rubyflow.com/",
|
||||
"tags": ["aggregator", "articles", "daily", "rss"]
|
||||
},
|
||||
{
|
||||
"title": "Ruby Inside",
|
||||
"desc": "The biggest Ruby and Rails blog since 2006 - tutorials, news, and lots more.",
|
||||
"url": "http://www.rubyinside.com/",
|
||||
"tags": ["articles", "archives", "news"]
|
||||
},
|
||||
{
|
||||
"title": "Ruby Rogues Episodes",
|
||||
"desc": "A podcast by panel about Ruby and related technologies.",
|
||||
"url": "https://devchat.tv/ruby-rogues/",
|
||||
"tags": ["audio", "blog", "interviews", "weekly"]
|
||||
},
|
||||
{
|
||||
"title": "Thoughtbot Weekly Iteration",
|
||||
"desc": "The Weekly Iteration is our video series where we explore new frameworks and languages, dig in to advanced coding patterns, and share the techniques we use on projects to build robust and maintainable applications. We're currently on a break from recording new episodes, but be sure to check out the many videos we've released previously.",
|
||||
"url": "https://thoughtbot.com/upcase/the-weekly-iteration/",
|
||||
"tags": ["examples", "videos", "archives", "flashcards"]
|
||||
},
|
||||
{
|
||||
"title": "Thoughtbot Web Articles",
|
||||
"desc": "Written by thoughtbot, experienced designers and developers who turn your idea into the right product.",
|
||||
"url": "https://thoughtbot.com/blog/web/",
|
||||
"tags": ["rails", "testing", "debugging", "javascript"]
|
||||
},
|
||||
{
|
||||
"title": "Ruby Weekly",
|
||||
"desc": "A free, once–weekly e-mail round-up of Ruby news and articles.",
|
||||
"url": "https://rubyweekly.com/",
|
||||
"tags": ["email", "aggregator", "news"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,60 +0,0 @@
|
||||
{
|
||||
"title": "Server",
|
||||
"slug": "/server",
|
||||
"resources": [
|
||||
{
|
||||
"title": "Netlify",
|
||||
"desc": "Free static hosting with privacy in mind!",
|
||||
"url": "https://netlify.com",
|
||||
"tags": ["cd", "jamstack", "workflow"]
|
||||
},
|
||||
{
|
||||
"title": "Github Pages",
|
||||
"desc": "Free static hosting by Github.",
|
||||
"url": "https://pages.github.com",
|
||||
"tags": ["guides", "host", "jekyll"]
|
||||
},
|
||||
{
|
||||
"title": "Heroku",
|
||||
"desc": "Heroku is a platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud.",
|
||||
"url": "https://www.heroku.com/",
|
||||
"tags": ["podcast", "metrics", "integration", "cd"]
|
||||
},
|
||||
{
|
||||
"title": "Ploi",
|
||||
"desc": "Stop the Hassle. Start deploi'ing. Use Ploi.io for easy site deployments. We take all the difficult work out of your hands, so you can focus on doing what you love: developing your application.",
|
||||
"url": "https://ploi.io",
|
||||
"tags": ["ssl", "integrations", "notifications", "cloudflare"]
|
||||
},
|
||||
{
|
||||
"title": "Now",
|
||||
"desc": "Global Serverless Deployments. Now makes serverless application deployment easy. Don't spend time configuring the cloud. Just push your code.",
|
||||
"url": "https://zeit.co/now",
|
||||
"tags": ["jamstack", "ssl", "cdn"]
|
||||
},
|
||||
{
|
||||
"title": "Namecheap",
|
||||
"desc": "Domains for your projects",
|
||||
"url": "https://namecheap.com",
|
||||
"tags": ["search", "registrar", "hosting", "management"]
|
||||
},
|
||||
{
|
||||
"title": "Servers for hackers",
|
||||
"desc": "Tutorials on how to handle your servers.",
|
||||
"url": "https://serversforhackers.com/",
|
||||
"tags": ["courses", "videos", "security", "databases"]
|
||||
},
|
||||
{
|
||||
"title": "Glitch",
|
||||
"desc": "The friendly community where everyone can discover & create the best apps on the web.",
|
||||
"url": "https://glitch.com/",
|
||||
"tags": ["projects", "aggregator", "blog", "creative", "community"]
|
||||
},
|
||||
{
|
||||
"title": "Serverless for Front-End Developers",
|
||||
"desc": "Find Serverless services (e.g. functions, databases and other tools) for your next project. There are also articles related to Serverless and JAMstack.",
|
||||
"url": "https://serverless.css-tricks.com/",
|
||||
"tags": ["ideas", "resources", "javascript", "api"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,192 +0,0 @@
|
||||
{
|
||||
"title": "Utility",
|
||||
"slug": "/utility",
|
||||
"resources": [
|
||||
{
|
||||
"title": "JSON Generator",
|
||||
"desc": "Random JSON generator for your project - because debugging without data, does not make sense!",
|
||||
"url": "https://www.json-generator.com",
|
||||
"tags": ["interactive", "export", "download"]
|
||||
},
|
||||
{
|
||||
"title": "Matomo",
|
||||
"desc": "A free open source web analytics tool which can be compared to GA but actually gives a shit about privacy.",
|
||||
"url": "https://matomo.org/",
|
||||
"tags": ["newsletter", "reports", "api", "integrations"]
|
||||
},
|
||||
{
|
||||
"title": "Fathom",
|
||||
"desc": "Fathom Analytics provides simple, useful website stats without tracking or storing personal data of your users.",
|
||||
"url": "https://usefathom.com",
|
||||
"tags": ["real-time", "grows", "cdn"]
|
||||
},
|
||||
{
|
||||
"title": "10 free tools",
|
||||
"desc": "10 free-but-professional tools for your dev projects",
|
||||
"url": "https://dev.to/sauloco/10-free-but-professional-tools-for-your-dev-projects-2eeo",
|
||||
"tags": ["article", "services", "development"]
|
||||
},
|
||||
{
|
||||
"title": "headless cms",
|
||||
"desc": "A List of Content Management Systems for JAMstack Sites",
|
||||
"url": "https://headlesscms.org",
|
||||
"tags": ["filters", "search", "sort"]
|
||||
},
|
||||
{
|
||||
"title": "Git and Git flow cheatsheet",
|
||||
"desc": "Git cheat sheet saves you from learning all the commands by heart.",
|
||||
"url": "https://github.com/arslanbilal/git-cheat-sheet#readme",
|
||||
"tags": ["reference", "common", "start", "flowchart"]
|
||||
},
|
||||
{
|
||||
"title": "StaticGen",
|
||||
"desc": "A List of Static Site Generators for JAMstack Sites",
|
||||
"url": "https://www.staticgen.com",
|
||||
"tags": ["filters", "sort", "template", "language"]
|
||||
},
|
||||
{
|
||||
"title": "Snippet generator",
|
||||
"desc": "Create your own snippets for VSCode, Sublime or Atom using this generator. No need to format the snippet yourself",
|
||||
"url": "https://snippet-generator.app/",
|
||||
"tags": ["interactive", "share", "patterns"]
|
||||
},
|
||||
{
|
||||
"title": "gitignore.io",
|
||||
"desc": "Create usefull .gitignore files for your projects.",
|
||||
"url": "https://www.gitignore.io",
|
||||
"tags": ["video", "tutorial", "docs"]
|
||||
},
|
||||
{
|
||||
"title": "Github",
|
||||
"desc": "GitHub is a development platform inspired by the way you work. From open source to business, you can host and review code, manage projects, and build software alongside 36 million developers.",
|
||||
"url": "https://github.com",
|
||||
"tags": ["storage", "hooks", "collaboration", "search"]
|
||||
},
|
||||
{
|
||||
"title": "NASA APIs",
|
||||
"desc": "Welcome to the NASA API portal. The objective of this site is to make NASA data, including imagery, eminently accessible to application developers. The api.nasa.gov catalog is growing.",
|
||||
"url": "https://api.nasa.gov",
|
||||
"tags": ["images", "weather", "space", "satellite"]
|
||||
},
|
||||
{
|
||||
"title": "PokéAPI",
|
||||
"desc": "The RESTful Pokémon API",
|
||||
"url": "https://pokeapi.co",
|
||||
"tags": ["game", "docs", "abilities", "species"]
|
||||
},
|
||||
{
|
||||
"title": "Reddit API .json",
|
||||
"desc": "Take a any subreddit you like and append '.json' to consume it as an API (https://reddit.com/r/cats.json).",
|
||||
"url": "https://www.reddit.com/.json",
|
||||
"tags": ["data", "export"]
|
||||
},
|
||||
{
|
||||
"title": "quicktype",
|
||||
"desc": "Generate types and serializers from JSON.",
|
||||
"url": "https://quicktype.io",
|
||||
"tags": ["extention", "interactive", "export", "link"]
|
||||
},
|
||||
{
|
||||
"title": "NGINXconfig.io",
|
||||
"desc": "Quickly generate a NGINX config for your server.",
|
||||
"url": "https://nginxconfig.io/",
|
||||
"tags": ["presets", "download", "proxy", "routing", "security"]
|
||||
},
|
||||
{
|
||||
"title": "Online tools",
|
||||
"desc": "Decode, encode and hash any string quickly.",
|
||||
"url": "https://emn178.github.io/online-tools",
|
||||
"tags": ["links", "encryption", "decryption", "html"]
|
||||
},
|
||||
{
|
||||
"title": "Favicon generator. For real.",
|
||||
"desc": "A favicon generator for all browsers and platforms.",
|
||||
"url": "https://realfavicongenerator.net",
|
||||
"tags": ["image", "convert", "feedback", "api"]
|
||||
},
|
||||
{
|
||||
"title": "JSFiddle",
|
||||
"desc": "JSFiddle is for: Demos for docs, Bug reporting (test-case) for Github Issues, Live code collaboration, Code snippets hosting for free!",
|
||||
"url": "https://jsfiddle.net",
|
||||
"tags": ["interactive", "collaborate", "store", "linter"]
|
||||
},
|
||||
{
|
||||
"title": "CodePen",
|
||||
"desc": "CodePen is an online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets.",
|
||||
"url": "https://codepen.io/",
|
||||
"tags": ["editor", "share", "testing", "blog"]
|
||||
},
|
||||
{
|
||||
"title": "Gifless",
|
||||
"desc": "Create emoji and text gifs in seconds",
|
||||
"url": "https://gifless.herokuapp.com/",
|
||||
"tags": ["interactive", "download", "size"]
|
||||
},
|
||||
{
|
||||
"title": "Learn Git",
|
||||
"desc": "Become a git guru - a tutorial series by Atlassian.",
|
||||
"url": "https://www.atlassian.com/git/tutorials",
|
||||
"tags": ["beginner", "tips", "newsletter", "setup"]
|
||||
},
|
||||
{
|
||||
"title": "Git from the inside out",
|
||||
"desc": "This essay explains how Git works. It assumes you understand Git well enough to use it to version control your projects.",
|
||||
"url": "https://codewords.recurse.com/issues/two/git-from-the-inside-out",
|
||||
"tags": ["graph", "commits", "branching", "merging"]
|
||||
},
|
||||
{
|
||||
"title": "List of Public APIs",
|
||||
"desc": "A collective list of free APIs for use in software and web development.",
|
||||
"url": "https://github.com/public-apis/public-apis",
|
||||
"tags": ["global", "authentication", "https"]
|
||||
},
|
||||
{
|
||||
"title": "Carbon",
|
||||
"desc": "Create and share beautiful images of your source code.",
|
||||
"url": "https://carbon.now.sh",
|
||||
"tags": ["export", "tweet", "themes", "png", "svg"]
|
||||
},
|
||||
{
|
||||
"title": "Mailnator",
|
||||
"desc": "The Mailinator Email System puts millions of inboxes right at your fingertips. It is an amazing Email Workflow Testing tool for your Software or Service.",
|
||||
"url": "https://www.mailinator.com/",
|
||||
"tags": ["receipts", "testing", "interactions", "receive", "temporary"]
|
||||
},
|
||||
{
|
||||
"title": "Ngrok",
|
||||
"desc": "Secure introspectable tunnels to localhost.",
|
||||
"url": "https://ngrok.com/",
|
||||
"tags": ["inspector", "webhook", "preview", "url"]
|
||||
},
|
||||
{
|
||||
"title": "Let's Encrypt",
|
||||
"desc": "Let's Encrypt is a free, automated, and open certificate authority brought to you by the non-profit Internet Security Research Group (ISRG).",
|
||||
"url": "https://letsencrypt.org/",
|
||||
"tags": ["ssl", "documentation", "ca"]
|
||||
},
|
||||
{
|
||||
"title": "Mailhog",
|
||||
"desc": "Web and API based SMTP testing.",
|
||||
"url": "https://github.com/mailhog/MailHog",
|
||||
"tags": ["easy", "libraries", "web ui"]
|
||||
},
|
||||
{
|
||||
"title": "git-history-editor",
|
||||
"desc": "Messed up some of your commits? Make it undone",
|
||||
"url": "https://bokub.github.io/git-history-editor/",
|
||||
"tags": ["import", "export", "author", "messages"]
|
||||
},
|
||||
{
|
||||
"title": "CodeSandbox.io",
|
||||
"desc": "CodeSandbox is an online code editor with a focus on creating and sharing web application projects",
|
||||
"url": "https://codesandbox.io/",
|
||||
"tags": ["development", "ide","editor", "share", "testing"]
|
||||
},
|
||||
{
|
||||
"title": "Postwoman.io",
|
||||
"desc": "The Postwoman API request builder helps you create your requests faster, saving you precious time on your development.",
|
||||
"url": "https://Postwoman.io/",
|
||||
"tags": ["testing","api"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,11 +0,0 @@
|
||||
# STATIC
|
||||
|
||||
**This directory is not required, you can delete it if you don't want to use it.**
|
||||
|
||||
This directory contains your static files.
|
||||
Each file inside this directory is mapped to `/`.
|
||||
Thus you'd want to delete this README.md before deploying to production.
|
||||
|
||||
Example: `/static/robots.txt` is mapped as `/robots.txt`.
|
||||
|
||||
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static).
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
@@ -1,9 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square150x150logo src="/mstile-150x150.png"/>
|
||||
<TileColor>#da532c</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB |
@@ -1,16 +0,0 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
||||
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="83.000000pt" height="83.000000pt" viewBox="0 0 83.000000 83.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<metadata>
|
||||
Created by potrace 1.11, written by Peter Selinger 2001-2013
|
||||
</metadata>
|
||||
<g transform="translate(0.000000,83.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M107 689 l-108 -129 203 -269 c112 -149 205 -270 208 -271 3 0 43 48
|
||||
88 108 242 317 322 424 322 431 0 5 -47 65 -105 135 l-105 126 -198 -1 -197 0
|
||||
-108 -130z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 682 B |
@@ -1,14 +0,0 @@
|
||||
{
|
||||
"name": "",
|
||||
"short_name": "",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/android-chrome-72x72.png",
|
||||
"sizes": "72x72",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"display": "standalone"
|
||||
}
|
||||
@@ -1,14 +0,0 @@
|
||||
export const state = () => ({
|
||||
areCardsVisible: true,
|
||||
})
|
||||
|
||||
export const getters = {
|
||||
areCardsVisible: state => state.areCardsVisible,
|
||||
}
|
||||
|
||||
export const mutations = {
|
||||
toggleCardsVisible(state) {
|
||||
if (process.browser) localStorage.setItem('areCardsVisible', !state.areCardsVisible)
|
||||
state.areCardsVisible = !state.areCardsVisible
|
||||
},
|
||||
}
|
||||
@@ -1,83 +0,0 @@
|
||||
import categories from '../resources'
|
||||
import * as R from 'ramda'
|
||||
import {
|
||||
getAllResources,
|
||||
getAllTags,
|
||||
includesElOf,
|
||||
partiallyIncludesElOf,
|
||||
tagsNotEmpty,
|
||||
cleanString,
|
||||
transformToResources,
|
||||
} from '../utils/pure'
|
||||
|
||||
export const state = () => ({
|
||||
resources: transformToResources(categories),
|
||||
tags: getAllTags(categories),
|
||||
})
|
||||
|
||||
export const getters = {
|
||||
tags: R.prop('tags'),
|
||||
resources: R.prop('resources'),
|
||||
findCategory: state => categoryTitle => {
|
||||
// equalsCategoryTitle :: Category -> Bool
|
||||
const equalsCategoryTitle = R.compose(
|
||||
R.equals(cleanString(categoryTitle)), cleanString, R.prop('title'),
|
||||
)
|
||||
// findCategory :: [Category] -> Category
|
||||
const findCategory = R.find(equalsCategoryTitle)
|
||||
return findCategory(state.resources)
|
||||
},
|
||||
findByName: state => names => {
|
||||
const cleaned = R.map(cleanString, names)
|
||||
|
||||
// [Resource] -> [Resource]
|
||||
const appearsInResource = R.filter(({ cleanTitle, url, desc }) =>
|
||||
partiallyIncludesElOf([cleanTitle, url, desc], cleaned),
|
||||
)
|
||||
// [Category] -> [Resource]
|
||||
const getDesiredResources = R.compose(appearsInResource, getAllResources)
|
||||
return getDesiredResources(state.resources)
|
||||
},
|
||||
findByTags: state => tags => {
|
||||
const cleaned = R.map(cleanString, tags)
|
||||
|
||||
// containsTags :: [Resource] -> [Resource]
|
||||
const containsTags = R.filter(tagsNotEmpty)
|
||||
// includesDesiredTags :: Resource -> Bool
|
||||
const includesDesiredTags = R.compose(includesElOf(cleaned), R.prop('tags'))
|
||||
// findResourcesByTag :: [Resource] -> [Resource]
|
||||
const findResourcesByTag = R.filter(includesDesiredTags)
|
||||
// getDesiredResources :: [Category] -> [Resource]
|
||||
const getDesiredResources = R.compose(findResourcesByTag, containsTags, getAllResources)
|
||||
|
||||
return getDesiredResources(state.resources)
|
||||
},
|
||||
findBySearchInputs: (_, getters) => (keywords = [], tags = []) => {
|
||||
const foundByKeywords = getters.findByName(keywords)
|
||||
const foundByTags = getters.findByTags(tags)
|
||||
const uniqueResources = foundByTags.filter(x => !foundByKeywords.some(y => equalResources(x, y)))
|
||||
return uniqueResources.concat(foundByKeywords)
|
||||
},
|
||||
sortByTitle: (_, getters) => title => {
|
||||
const category = getters.findCategory(title)
|
||||
const clone = [...category.resources]
|
||||
return {
|
||||
...category,
|
||||
resources: clone.sort(compareTitles),
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
const compareTitles = (x, y) => {
|
||||
if (x.cleanTitle > y.cleanTitle) {
|
||||
return 1
|
||||
} else if (x.cleanTitle < y.cleanTitle) {
|
||||
return -1
|
||||
} else {
|
||||
return 0
|
||||
}
|
||||
}
|
||||
|
||||
const equalResources = (a, b) =>
|
||||
a.title === b.title &&
|
||||
a.cleanTitle == b.cleanTitle
|
||||
@@ -1,7 +0,0 @@
|
||||
export const state = () => ({
|
||||
|
||||
})
|
||||
|
||||
export const mutations = {
|
||||
|
||||
}
|
||||
@@ -1,12 +0,0 @@
|
||||
export const state = () => ({
|
||||
locales: ['en', 'fr', 'de'],
|
||||
locale: 'en',
|
||||
})
|
||||
|
||||
export const mutations = {
|
||||
SET_LANG(state, locale) {
|
||||
if (state.locales.indexOf(locale) !== -1) {
|
||||
state.locale = locale
|
||||
}
|
||||
},
|
||||
}
|
||||
25
tailwind.config.js
Normal file
25
tailwind.config.js
Normal file
@@ -0,0 +1,25 @@
|
||||
/*
|
||||
** TailwindCSS Configuration File
|
||||
**
|
||||
** Docs: https://tailwindcss.com/docs/configuration
|
||||
** Default: https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js
|
||||
*/
|
||||
module.exports = {
|
||||
theme: {},
|
||||
variants: {},
|
||||
plugins: [],
|
||||
purge: {
|
||||
// Learn more on https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css
|
||||
enabled: process.env.NODE_ENV === 'production',
|
||||
content: [
|
||||
'components/**/*.vue',
|
||||
'layouts/**/*.vue',
|
||||
'pages/**/*.vue',
|
||||
'plugins/**/*.js',
|
||||
'nuxt.config.js'
|
||||
]
|
||||
},
|
||||
future: {
|
||||
removeDeprecatedGapUtilities: true
|
||||
}
|
||||
}
|
||||
9
test/Logo.spec.js
Normal file
9
test/Logo.spec.js
Normal file
@@ -0,0 +1,9 @@
|
||||
// import { mount } from '@vue/test-utils'
|
||||
// import Logo from '@/components/Logo.vue'
|
||||
|
||||
// describe('Logo', () => {
|
||||
// test('is a Vue instance', () => {
|
||||
// const wrapper = mount(Logo)
|
||||
// expect(wrapper.vm).toBeTruthy()
|
||||
// })
|
||||
// })
|
||||
@@ -1,50 +0,0 @@
|
||||
[
|
||||
{
|
||||
"title": "CSS",
|
||||
"slug": "/css",
|
||||
"resources": [
|
||||
{
|
||||
"title": "CSS Grid Generator",
|
||||
"desc": "Visually create your css grid and export the code.",
|
||||
"url": "https://cssgrid-generator.netlify.com/",
|
||||
"tags": ["generator", "grid", "layout", "visual tool"]
|
||||
},
|
||||
{
|
||||
"title": "Keyframes Editor",
|
||||
"desc": "An insanely simple way to create CSS animations",
|
||||
"url": "https://keyframes.app/editor/",
|
||||
"tags": ["generator", "animation", "visual tool"]
|
||||
},
|
||||
{
|
||||
"title": "Flexbox Froggy",
|
||||
"desc": "A game to learn Flexbox",
|
||||
"url": "https://flexboxfroggy.com",
|
||||
"tags": ["educational", "beginner"]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "Design",
|
||||
"slug": "/design",
|
||||
"resources": [
|
||||
{
|
||||
"title": "UX/UI Designer Roadmap 2017",
|
||||
"desc": "Roadmap to becoming a UI/UX Designer in 2017",
|
||||
"url": "https://github.com/togiberlin/ui-ux-designer-roadmap",
|
||||
"tags": ["career", "ui", "ux"]
|
||||
},
|
||||
{
|
||||
"title": "Undraw",
|
||||
"desc": "Free vector illustrations for your website.",
|
||||
"url": "https://undraw.co",
|
||||
"tags": ["illustration", "svg", "ui"]
|
||||
},
|
||||
{
|
||||
"title": "Practical UI tips",
|
||||
"desc": "7 Tips to boost your UI design.",
|
||||
"url": "https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886",
|
||||
"tags": ["ui", "tips", "tricks"]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
@@ -1,86 +0,0 @@
|
||||
[
|
||||
{
|
||||
"title": "CSS",
|
||||
"slug": "/css",
|
||||
"resources": [
|
||||
{
|
||||
"title": "CSS Grid Generator",
|
||||
"desc": "Visually create your css grid and export the code.",
|
||||
"url": "https://cssgrid-generator.netlify.com/",
|
||||
"tags": [
|
||||
"generator",
|
||||
"grid",
|
||||
"layout",
|
||||
"visual tool"
|
||||
],
|
||||
"cleanTitle": "cssgridgenerator",
|
||||
"path": "/css?card=cssgridgenerator"
|
||||
},
|
||||
{
|
||||
"title": "Keyframes Editor",
|
||||
"desc": "An insanely simple way to create CSS animations",
|
||||
"url": "https://keyframes.app/editor/",
|
||||
"tags": [
|
||||
"generator",
|
||||
"animation",
|
||||
"visual tool"
|
||||
],
|
||||
"cleanTitle": "keyframeseditor",
|
||||
"path": "/css?card=keyframeseditor"
|
||||
},
|
||||
{
|
||||
"title": "Flexbox Froggy",
|
||||
"desc": "A game to learn Flexbox",
|
||||
"url": "https://flexboxfroggy.com",
|
||||
"tags": [
|
||||
"educational",
|
||||
"beginner"
|
||||
],
|
||||
"cleanTitle": "flexboxfroggy",
|
||||
"path": "/css?card=flexboxfroggy"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "Design",
|
||||
"slug": "/design",
|
||||
"resources": [
|
||||
{
|
||||
"title": "UX/UI Designer Roadmap 2017",
|
||||
"desc": "Roadmap to becoming a UI/UX Designer in 2017",
|
||||
"url": "https://github.com/togiberlin/ui-ux-designer-roadmap",
|
||||
"tags": [
|
||||
"career",
|
||||
"ui",
|
||||
"ux"
|
||||
],
|
||||
"cleanTitle": "ux/uidesignerroadmap2017",
|
||||
"path": "/design?card=ux/uidesignerroadmap2017"
|
||||
},
|
||||
{
|
||||
"title": "Undraw",
|
||||
"desc": "Free vector illustrations for your website.",
|
||||
"url": "https://undraw.co",
|
||||
"tags": [
|
||||
"illustration",
|
||||
"svg",
|
||||
"ui"
|
||||
],
|
||||
"cleanTitle": "undraw",
|
||||
"path": "/design?card=undraw"
|
||||
},
|
||||
{
|
||||
"title": "Practical UI tips",
|
||||
"desc": "7 Tips to boost your UI design.",
|
||||
"url": "https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886",
|
||||
"tags": [
|
||||
"ui",
|
||||
"tips",
|
||||
"tricks"
|
||||
],
|
||||
"cleanTitle": "practicaluitips",
|
||||
"path": "/design?card=practicaluitips"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
@@ -1,41 +0,0 @@
|
||||
import * as P from '../utils/pure.js'
|
||||
import mockCategories from './mockCategories.json'
|
||||
import mockOutput from './mockOutput.json'
|
||||
|
||||
test('includesElOf 1', () => {
|
||||
expect(P.includesElOf([1, 2])([2])).toBeTruthy
|
||||
})
|
||||
|
||||
test('includesElOf 2', () => {
|
||||
expect(P.includesElOf([1, 2], [3])).toBeFalsy
|
||||
})
|
||||
|
||||
test('includesElOf 3', () => {
|
||||
expect(P.includesElOf(['a', 'b'])(['a', 'c'])).toBeTruthy
|
||||
})
|
||||
|
||||
test('includesElOf 4', () => {
|
||||
expect(P.includesElOf(['aa', 'b'])(['a', 'c'])).toBeFalsy
|
||||
})
|
||||
|
||||
test('partiallyIncludesElOf 1', () => {
|
||||
expect(P.partiallyIncludesElOf(['a', 'b'], ['a'])).toBeTruthy
|
||||
})
|
||||
|
||||
test('partiallyIncludesElOf 2', () => {
|
||||
expect(P.partiallyIncludesElOf(['aa', 'b'])(['a', 'c'])).toBeTruthy
|
||||
})
|
||||
|
||||
test('partiallyIncludesElOf 3', () => {
|
||||
expect(P.partiallyIncludesElOf(['aa', 'b'], ['c', 'd'])).toBeFalsy
|
||||
})
|
||||
|
||||
test('get all tags', () => {
|
||||
expect(P.getAllTags(mockCategories)).toStrictEqual([
|
||||
"generator", "grid", "layout", "visual tool", "animation", "educational", "beginner", "career", "ui", "ux", "illustration", "svg", "tips", "tricks",
|
||||
])
|
||||
})
|
||||
|
||||
test('transform resources', () => {
|
||||
expect(P.transformToResources(mockCategories)).toStrictEqual(mockOutput)
|
||||
})
|
||||
@@ -1,79 +0,0 @@
|
||||
/*eslint-disable */
|
||||
import * as R from 'ramda'
|
||||
|
||||
/// TYPES ///
|
||||
// const Category = {
|
||||
// title: String,
|
||||
// slug: String,
|
||||
// resources: [Resource],
|
||||
// }
|
||||
|
||||
// const RawResource = {
|
||||
// title: String,
|
||||
// desc: String,
|
||||
// url: String,
|
||||
// tags: [String]
|
||||
// }
|
||||
|
||||
// const Resource = {
|
||||
// title: String,
|
||||
// cleanTitle: String,
|
||||
// desc: String,
|
||||
// path: String,
|
||||
// url: String,
|
||||
// tags: [String],
|
||||
// }
|
||||
|
||||
/// FUNCTIONS ///
|
||||
// isNotEmpty [a] -> Bool
|
||||
export const isNotEmpty = R.compose(R.not, R.isEmpty)
|
||||
|
||||
// getAllResources :: [Category] -> [Resource]
|
||||
export const getAllResources = R.compose(R.flatten, R.pluck('resources'))
|
||||
|
||||
// getAllTags :: [Category] -> [String]
|
||||
export const getAllTags = R.compose(
|
||||
R.uniq,
|
||||
R.flatten,
|
||||
R.pluck('tags'),
|
||||
getAllResources
|
||||
)
|
||||
|
||||
// tagsNotEmpty :: Resource -> Bool
|
||||
export const tagsNotEmpty = R.compose(isNotEmpty, R.prop('tags'))
|
||||
|
||||
// cleanString :: String -> String
|
||||
export const cleanString = R.compose(R.toLower, R.trim)
|
||||
|
||||
// removeSpacesLower :: String -> String
|
||||
export const cleanStringAndRemoveSpaces = R.compose(R.replace(/ /g, ''), cleanString)
|
||||
|
||||
// true if list2 has element that appears in list1 else false
|
||||
// includesElOf :: [a] -> [a] -> Bool
|
||||
export const includesElOf = R.curry((list1, list2) => R.any(el => R.includes(el, list2), list1))
|
||||
|
||||
// Similar to includesElOf, but partially included strings are also allowed
|
||||
// partiallyIncludesElOf :: [String] -> [String] -> Bool
|
||||
export const partiallyIncludesElOf = R.curry((list1, list2) =>
|
||||
R.any(el2 =>
|
||||
R.any(R.includes(el2), list1),
|
||||
list2)
|
||||
)
|
||||
|
||||
// addCleanTitleAndPath :: RawResource -> Resource
|
||||
const addCleanTitleAndPath = R.curry((slug, obj) => {
|
||||
const cleanTitle = cleanStringAndRemoveSpaces(obj.title)
|
||||
return {
|
||||
...obj,
|
||||
cleanTitle,
|
||||
path: `${slug}?card=${cleanTitle}`,
|
||||
}
|
||||
})
|
||||
|
||||
// transformToResources :: [RawResource] -> [Resource]
|
||||
export const transformToResources = categories => {
|
||||
const resourcesLens = R.lens(R.prop('resources'), R.assoc('resources'))
|
||||
return R.map(category =>
|
||||
R.over(resourcesLens, R.map(addCleanTitleAndPath(category.slug)), category),
|
||||
categories)
|
||||
}
|
||||
Reference in New Issue
Block a user