From 4679209128c8e6c73517a582f618d760f0d7927f Mon Sep 17 00:00:00 2001 From: Sebastian Date: Tue, 14 Jun 2022 09:25:15 -0500 Subject: [PATCH 01/26] added media queries for the cards to be responsive on mobile --- public/css/style.css | 32 +++++++++++++++++++++++++++++++- 1 file changed, 31 insertions(+), 1 deletion(-) diff --git a/public/css/style.css b/public/css/style.css index 1b1e0a0..b3d52db 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -614,4 +614,34 @@ hr { width: 80% ; } - +@media all and (max-width: 500px) { + .frame { + margin: 0; + padding: 0; + border-radius: 0; + } + + .contributors { + width: 100%; + margin: 0; + padding: 0; + flex-direction: column; + } + + .contributors .section { + padding: 0; + } + + .section { + width: 100vw; + padding: 0; + margin: 0; + } + + .card { + width: 350px; + padding: 0; + margin: 0; + margin-top: 1rem; + } +} From 04959b58e9354bbf692df30a2a50763d8af42920 Mon Sep 17 00:00:00 2001 From: Sebastian Date: Tue, 14 Jun 2022 09:39:12 -0500 Subject: [PATCH 02/26] fixed some padding of the cards on mobile --- public/css/style.css | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/public/css/style.css b/public/css/style.css index b3d52db..f80044a 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -614,6 +614,10 @@ hr { width: 80% ; } +/* MOBILE RESPONSIVESS */ + +/* Contributors */ + @media all and (max-width: 500px) { .frame { margin: 0; @@ -624,8 +628,11 @@ hr { .contributors { width: 100%; margin: 0; + margin-bottom: 3rem; padding: 0; flex-direction: column; + display: flex; + align-items: center; } .contributors .section { @@ -640,8 +647,12 @@ hr { .card { width: 350px; - padding: 0; + padding-left: 1rem; margin: 0; - margin-top: 1rem; + margin-top: 1rem; + } + + .card h4 { + font-size: 1.5rem; } } From 39549050dfd38f5c246da48cd13d48e46ba23125 Mon Sep 17 00:00:00 2001 From: Sebastian Date: Tue, 14 Jun 2022 11:24:08 -0500 Subject: [PATCH 03/26] changed on hover effect on input to be on focus --- public/css/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public/css/style.css b/public/css/style.css index f80044a..2577cfd 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -191,7 +191,7 @@ main { font-weight: 600; } -.api-test form input:hover { +.api-test form input:focus { width: 70%; } From 1d5356236db64912c1b049d4ee5176df9ab39c2a Mon Sep 17 00:00:00 2001 From: Sebastian Date: Tue, 14 Jun 2022 21:44:20 -0500 Subject: [PATCH 04/26] added full responsiveness to contributors section --- public/css/style.css | 132 ++++++++++++++++++++++++++++++++++++++----- 1 file changed, 118 insertions(+), 14 deletions(-) diff --git a/public/css/style.css b/public/css/style.css index 5c88772..76938f8 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -456,18 +456,6 @@ table.darkTable #keywords{ justify-content: center; } -@media all and (max-width: 1790px) { - .contributors { - margin: 3rem 11rem; - } -} - -@media all and (max-width: 1441px) { - .contributors { - margin: 3rem 3rem; - } -} - .contributors .section { padding: 0 2rem; width: 435px; @@ -492,7 +480,7 @@ table.darkTable #keywords{ gap: 25px; position: relative; z-index: 2; - padding: 0 1.3rem; + padding-left: 1.3rem; } .card::after { @@ -642,7 +630,54 @@ hr { /* Contributors */ -@media all and (max-width: 500px) { +@media all and (min-width: 1px) and (max-width: 319px) { + .frame { + margin: 0; + padding: 0; + border-radius: 0; + } + + .contributors { + width: 100%; + margin: 0; + margin-bottom: 3rem; + padding: 0; + flex-direction: column; + display: flex; + align-items: center; + gap: 15px; + } + + .contributors .section { + padding: 0 2rem; + gap: 20px; + } + + .card { + height: 120px; + width: 70%; + padding-left: 0.8rem; + margin: 0; + gap: 15px; + } + + .card img { + height: 80px; + width: 80px; + } + + .cont-info h4 { + font-size: 1.2rem; + } + + + .icons { + gap: 1rem; + font-size: 1.5rem; + } +} + +@media all and (min-width: 320px) and (max-width: 1024px) { .frame { margin: 0; padding: 0; @@ -680,3 +715,72 @@ hr { font-size: 1.5rem; } } + +@media all and (min-width: 1025px) and (max-width: 1180px) { + + #contributors-title { + padding-top: 3rem; + } + + .contributors { + margin: 3rem 0rem; + } + + .contributors .section { + padding: 0 2rem; + gap: 20px; + } + + .card { + height: 120px; + padding-left: 0.8rem; + margin: 0; + gap: 15px; + } + + .card img { + height: 80px; + width: 80px; + } + + .cont-info h4 { + font-size: 1.2rem; + } + + + .icons { + gap: 1rem; + font-size: 1.5rem; + } + +} + +@media all and (min-width: 1181px){ + + #contributors-title { + padding-top: 3rem; + } + + .contributors { + margin: 3rem 0rem; + } + + .contributors .section { + padding: 0 2rem; + width: 380px; + } + + .card { + padding-left: 0.8rem; + } + + .cont-info h4 { + font-size: 1.3rem; + } + + .icons { + gap: 1rem; + font-size: 1.5rem; + } + +} From c866f2eea271860a83c4fab55209c069c3177e3f Mon Sep 17 00:00:00 2001 From: Lucas Winkler Date: Thu, 16 Jun 2022 20:09:10 -0500 Subject: [PATCH 05/26] changed sentence order for issue #77. --- views/index.ejs | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/views/index.ejs b/views/index.ejs index 49d1311..c71bb76 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -33,10 +33,10 @@

Coding Resources API

- Search for coding resources by relevant keywords. - This API serves educational content for a wide + Serves educational content for a wide variety of computer science topics, languages and technologies relevant to web development. + Search for coding resources by relevant keywords.

From 85e671c8caccdd74da2e28a7666bb423693e48fd Mon Sep 17 00:00:00 2001 From: Sebastian Date: Thu, 16 Jun 2022 20:11:38 -0500 Subject: [PATCH 06/26] added responsiveness for additional sections --- public/css/style.css | 286 ++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 271 insertions(+), 15 deletions(-) diff --git a/public/css/style.css b/public/css/style.css index 76938f8..4aa0e77 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -66,20 +66,11 @@ nav { background-color: lightgrey; } -nav::after { - height: 10rem; - background-color: transparent; - display: flex; - align-items: center; - justify-content: space-between; - padding: 0 5rem; -} - nav > img { height: 100px; } -/* contributors */ +/* contributors button */ #contributors { --color: rgb(30, 30, 30); @@ -227,11 +218,7 @@ main { border-radius: 25px; } -@media all and (min-width: 1280px) { - .result { - margin-top: 2rem; - } -} + .scroll-container { overflow-y: scroll; @@ -628,6 +615,272 @@ hr { /* MOBILE RESPONSIVESS */ +/* Main */ + +@media all and (min-width: 1px) and (max-width: 800px) { + + nav { + justify-content: center; + } + + main { + flex-wrap: wrap; + flex-direction: column; + } + + .description > h1 { + width: 100%; + font-size: 3rem; + } + + .description > p { + width: 100%; + font-size: 1.5rem; + } + + .description, .api-test { + width: 100%; + } + + .api-test { + margin-top: 2rem; + } + + .api-test form{ + margin-bottom: 2rem; + } + + .api-test form input{ + width: 80%; + } + .api-test form input:focus{ + width: 80%; + } + + .api-test form button{ + width: 20%; + } + + .api-test .result{ + width: 100%; + } + + #contributors { + display: none; + } +} + +@media all and (min-width: 801px) and (max-width: 1024px) { + + nav { + justify-content: center; + } + + main { + flex-wrap: wrap; + flex-direction: column; + align-items: center; + } + + .description{ + text-align: justify; + } + + .description > h1 { + width: 100%; + font-size: 3rem; + } + + .description > p { + width: 100%; + font-size: 1.5rem; + } + + .description{ + width: 100%; + } + + .api-test { + margin-top: 2rem; + width: 80%; + } + + + .api-test form{ + width: 100%; + margin-bottom: 2rem; + } + + .api-test form input{ + width: 80%; + } + .api-test form input:focus{ + width: 80%; + } + + .api-test form button{ + width: 20%; + } + + .api-test .result{ + width: 100%; + } + + #contributors { + display: none; + } + +} + + +@media all and (min-width: 1026px) and (max-width: 1180px) { + main { + gap: 2rem; + padding: 3rem; + margin: 0; + } + + .description { + display: flex; + align-items: flex-start; + } + + .description h1, .description p { + width: 100%; + } + + .api-test { + justify-content: space-between; + } + + .api-test form input { + width: 80% + } + + .api-test form button { + width: 20% + } + + .api-test form input:focus { + width: 80% + } + + .api-test .result { + width: 100% + } +} + + +@media all and (max-width: 500px) { + ul { + margin: 1.5rem 1rem; + list-style: none; + padding: 0; + } +} + +@media all and (min-width: 1300px) { + + .api-test form { + margin-bottom: 2rem; + } +} + + +/* Documentation */ + +@media all and (min-width: 1px) and (max-width: 800px) { + + .documentation { + padding: 3rem 1rem; + } + + table.darkTable { + width: 100%; + } + + .endpoints { + margin: 3rem 0; + gap: 5rem; + display: flex; + flex-wrap: wrap; + } + + .endpoints div { + width: 100%; + } + + .endpoints h3 { + font-size: 1rem; + font-weight: 500; + margin: 0; + } +} + +@media all and (min-width: 320px) and (max-width: 450px) { + + .object-table h3 { + text-align: center; + } + + table.darkTable tbody td { + font-size: 14px; + } + + table.darkTable thead th { + font-size: 12px; + + } + + .endpoints code { + font-size: 1rem; + } + + .endpoints h3 { + text-align: center; + } + + .endpoints h4 { + padding: 0 1rem; + text-align: center; + } + +} + + +@media all and (min-width: 320px) and (max-width: 1024px) { + + .endpoints h4 { + padding: 0 2rem; + } + + .endpoints h3 { + padding: 0; + } + +} + + +@media all and (min-width: 801px) and (max-width: 1024px) { + .endpoints { + margin: 3rem 0; + gap: 5rem; + display: flex; + flex-wrap: wrap; + } + + .endpoints div { + width: 80%; + } + + .endpoints h3 { + font-size: 1rem; + font-weight: 500; + margin: 0; + } +} + + /* Contributors */ @media all and (min-width: 1px) and (max-width: 319px) { @@ -714,6 +967,9 @@ hr { .card h4 { font-size: 1.5rem; } + #contributors-title { + padding-bottom: 2rem; + } } @media all and (min-width: 1025px) and (max-width: 1180px) { From f4edc6780ff4f1a5e9af5dfa5d7ba5b2afa77ff1 Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Tue, 14 Jun 2022 19:24:47 -0400 Subject: [PATCH 07/26] first description --- resources.js | 62 ++++++++++++---------------------------------------- 1 file changed, 14 insertions(+), 48 deletions(-) diff --git a/resources.js b/resources.js index 92852fe..4fcfd42 100644 --- a/resources.js +++ b/resources.js @@ -2,6 +2,7 @@ const resources = [ { name: 'Oh Shit, Git!', url: 'https://ohshitgit.com/', + description: 'A guide to git commands', keywords: ['git', 'version control', 'command line'], }, { @@ -89,7 +90,7 @@ const resources = [ url: "https://www.freecodecamp.org/news/how-to-make-your-first-pull-request-on-github-3/", keywords: ["open source", "git"] }, - { + { name: 'CORS Proxy', url: 'https://codetabs.com/cors-proxy/cors-proxy.html', keywords: ['cors', 'proxy', 'api', 'errors'] @@ -104,7 +105,7 @@ const resources = [ url: 'https://www.techinterviewhandbook.org/grind75', keywords: ['interview', 'job search', 'coding challenges', 'leet code'] }, - { + { name: 'Font Awesome', url: 'https://faicons.com/', keywords: ['icons', 'frontend'] @@ -132,7 +133,7 @@ const resources = [ { name: 'What the Flexbox', url: 'https://flexbox.io/', - keywords: ['css', 'flexbox'] + keywords: ['css', 'flexbox'] }, { name: 'Code Driven Animation Editor', @@ -157,7 +158,7 @@ const resources = [ { name: 'DevDocs', url: 'https://devdocs.io', - keywords: ['api documentation', 'free', 'open-source', 'developer tools', 'interface', 'offline', 'css', 'html', 'http', 'javascript', 'web apis', 'angular', 'angularjs', 'ansible', 'apache http server', 'apache pig', 'async', 'babel', 'backbone.js', 'bash', 'bluebird', 'bootstrap', 'bottle', 'bower', 'c', 'c++', 'cakephp', 'chai', 'chef', 'clojure', 'cmake', 'codeception', 'codeceptjs', 'codeigniter', 'coffeescript', 'composer', 'cordova', 'crystal', 'cypress', 'd', 'd3.js', 'dart', 'deno', 'django', 'django rest framework', 'docker', 'dojo', 'drupal', 'eigen3', 'electron', 'elisp', 'elixir', 'ember.js', 'enzyme', 'erlang', 'esbuild', 'eslint', 'express', 'falcon', 'fish', 'flask', 'flow', 'gcc', 'git', 'gnu fortran', 'gnu make', 'gnucobol', 'gnuplot', 'go', 'godot', 'graphite', 'groovy', 'grunt', 'gtk', 'handlebars', 'haproxy', 'haskell', 'haxe', 'homebrew', 'i3', 'immutable.js', 'influxdata', 'jasmine', 'jekyll', 'jest', 'jinja', 'jq', 'jquery', 'jquery mobile', 'jquery ui', 'jsdoc', 'julia', 'knockout.js', 'koa', 'kotlin', 'kubectl', 'kubernetes', 'laravel', 'latex', 'leaflet', 'less', 'liquid', 'lodash', 'lua', 'love', 'mariadb', 'marionette.js', 'markdown', 'matplotlib', 'meteor', 'mocha', 'modernizr', 'moment.js', 'mongoose', 'nginx', 'nginx lua module', 'nim', 'nix', 'node.js', 'nokogiri', 'npm', 'numpy', 'ocaml', 'octave', 'openjdk', 'opentsdb', 'padrino', 'pandas', 'perl', 'phalcon', 'phaser', 'phoenix', 'php', 'phpunit', 'pointcloudlibrary', 'pony', 'postgresql', 'prettier', 'pug', 'puppeteer', 'pygame', 'python', 'pytorch', 'q', 'qt', 'r', 'ramda', 'react', 'reactbootstrap', 'react native', 'react router', 'reactivex', 'redis', 'redux', 'relay', 'requirejs', 'rethinkdb', 'ruby', 'ruby minitest', 'ruby on rails', 'rust', 'rxjs', 'saltstack', 'sass', 'scala', 'scikit-image', 'scikit-learn', 'sequelize', 'sinon.js', 'socket.io', 'spring boot', 'sqlite', 'statsmodels', 'support tables', 'svg', 'symfony', 'tailwind css', 'tcl tk', 'tensorflow', 'tensorflow c++', 'terraform', 'trio', 'twig', 'typescript', 'underscore.js', 'vagrant', 'vite', 'vue router', 'vue.js', 'vuex', 'vulkan', 'web extensions', 'webpack', 'werkzeug', 'wordpress', 'xslt & xpath', 'yarn', 'yii'] + keywords: ['api documentation', 'free', 'open-source', 'developer tools', 'interface', 'offline', 'css', 'html', 'http', 'javascript', 'web apis', 'angular', 'angularjs', 'ansible', 'apache http server', 'apache pig', 'async', 'babel', 'backbone.js','bash', 'bluebird', 'bootstrap', 'bottle', 'bower', 'c', 'c++', 'cakephp', 'chai', 'chef', 'clojure', 'cmake', 'codeception', 'codeceptjs', 'codeigniter', 'coffeescript', 'composer','cordova', 'crystal','cypress','d','d3.js', 'dart', 'deno', 'django', 'django rest framework', 'docker', 'dojo', 'drupal', 'eigen3', 'electron', 'elisp', 'elixir', 'ember.js', 'enzyme', 'erlang', 'esbuild', 'eslint', 'express', 'falcon', 'fish', 'flask', 'flow', 'gcc', 'git', 'gnu fortran', 'gnu make', 'gnucobol','gnuplot', 'go', 'godot', 'graphite', 'groovy', 'grunt', 'gtk', 'handlebars', 'haproxy', 'haskell', 'haxe', 'homebrew', 'i3', 'immutable.js', 'influxdata', 'jasmine', 'jekyll', 'jest', 'jinja', 'jq', 'jquery', 'jquery mobile', 'jquery ui', 'jsdoc', 'julia', 'knockout.js', 'koa', 'kotlin', 'kubectl', 'kubernetes', 'laravel', 'latex', 'leaflet', 'less', 'liquid', 'lodash', 'lua', 'love', 'mariadb', 'marionette.js', 'markdown', 'matplotlib', 'meteor', 'mocha', 'modernizr', 'moment.js', 'mongoose', 'nginx', 'nginx lua module', 'nim', 'nix', 'node.js', 'nokogiri', 'npm', 'numpy', 'ocaml', 'octave', 'openjdk', 'opentsdb', 'padrino', 'pandas', 'perl', 'phalcon', 'phaser', 'phoenix', 'php', 'phpunit', 'pointcloudlibrary', 'pony', 'postgresql', 'prettier', 'pug', 'puppeteer', 'pygame', 'python', 'pytorch', 'q', 'qt', 'r', 'ramda', 'react', 'reactbootstrap', 'react native', 'react router', 'reactivex', 'redis', 'redux', 'relay', 'requirejs', 'rethinkdb', 'ruby', 'ruby minitest', 'ruby on rails', 'rust', 'rxjs', 'saltstack', 'sass', 'scala', 'scikit-image', 'scikit-learn', 'sequelize', 'sinon.js', 'socket.io', 'spring boot', 'sqlite', 'statsmodels', 'support tables', 'svg', 'symfony', 'tailwind css', 'tcl tk', 'tensorflow', 'tensorflow c++', 'terraform' , 'trio', 'twig', 'typescript', 'underscore.js', 'vagrant', 'vite', 'vue router', 'vue.js', 'vuex', 'vulkan', 'web extensions', 'webpack', 'werkzeug', 'wordpress', 'xslt & xpath', 'yarn', 'yii'] }, { name: 'Picular', @@ -172,7 +173,7 @@ const resources = [ { name: 'Python Tutor: Visualize Code in Python, JavaScript, C, C++, and Java', url: 'https://pythontutor.com/visualize.html#mode=edit', - keywords: ['code', 'visualize', 'python', 'javascript', 'c', 'c++', 'javascript', 'java', 'visualize execution', 'coding tutor', 'debug', 'supplement', 'recursion', 'execution', 'frames', 'objects', 'steps'] + keywords: ['code', 'visualize','python', 'javascript', 'c', 'c++', 'javascript', 'java', 'visualize execution', 'coding tutor', 'debug','supplement', 'recursion', 'execution', 'frames', 'objects', 'steps'] }, { name: 'Unscreen', @@ -217,7 +218,7 @@ const resources = [ { name: 'Oh My Posh', url: 'https://ohmyposh.dev', - keywords: ['theme engine', 'shell', 'color', 'terminal', 'prompt', 'render', 'customizable', 'theme', 'powershell', 'windows', 'macos', 'linux', 'fonts', 'console', 'full color set', 'prompt string', 'function', 'variable'] + keywords: ['theme engine', 'shell', 'color', 'terminal', 'prompt', 'render', 'customizable', 'theme', 'powershell', 'windows', 'macos','linux', 'fonts', 'console', 'full color set', 'prompt string', 'function', 'variable'] }, { name: 'Compressor', @@ -259,48 +260,13 @@ const resources = [ url: 'https://cloudconvert.com/jpg-to-webp', keywords: ['jpg', 'webp', 'converter', 'heic', 'formats', 'high-quality', 'api'] }, + // { + // name: '', + // url: '', + // description: '', + // keywords: [''] + // }, - { - name: 'Thumbnails for Social Media "Metatags', - url: 'https://nickcarmont8.medium.com/how-to-add-a-website-thumbnail-for-sharing-your-html-site-on-social-media-facebook-linkedin-12813f8d2618', - keywords: ['metadata', 'metatags', 'thumbnails', 'social media'] - }, - { - name: 'HTML Cheat Sheet', - url: 'https://htmlcheatsheet.com/', - keywords: ['HTML', 'cheat sheet', 'tags'] - }, - { - name: 'CSS Cheat Sheet', - url: 'https://htmlcheatsheet.com/css/', - keywords: ['CSS', 'cheat sheet', 'box model', 'selectors', 'color picker'] - }, - { - name: 'JS "JavaScript" Cheat Sheet', - url: 'https://htmlcheatsheet.com/js/', - keywords: ['JS', 'Javascript', 'cheat sheet', 'conditionals', 'loops', 'variables', 'dates', 'events', 'functions', 'regex', 'json', 'promises', 'arrays'] - }, - { - name: 'SEO Cheat Sheet', - url: 'https://htmlcheatsheet.com/seo/', - keywords: ['SEO', 'cheat sheet'] - }, - { - name: 'SEO Guide to Lighthouse Performance Metrics', - url: 'https://www.searchenginejournal.com/core-web-vitals/technical-seo-lighthouse/', - keywords: ['SEO', 'lighthouse', 'performance', 'metrics'] - }, - { - name: 'Centering in CSS', - url: 'https://ishadeed.com/article/learn-css-centering/#:~:text=To%20center%20an%20inline%20element,is%20text%2Dalign%3A%20center%20.&text=For%20multiple%20inline%20elements%2C%20the,using%20text%2Dalign%3A%20center%20', - keywords: ['CSS', 'center', 'align'] - }, - // Resource Format - please follow the styling below. - // { - // name: '', - // url: '', - // keywords: [''] - // }, ]; -exports.resources = resources; +exports.resources = resources; \ No newline at end of file From b95c44158d2606cda43bb44979c7fd4754577a6f Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Tue, 14 Jun 2022 19:53:23 -0400 Subject: [PATCH 08/26] added descriptions --- resources.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/resources.js b/resources.js index 4fcfd42..5123cc2 100644 --- a/resources.js +++ b/resources.js @@ -8,11 +8,13 @@ const resources = [ { name: 'Javascript.info - Arrays', url: 'https://javascript.info/array', + description: 'An informative article on arrays', keywords: ['arrays', 'javascript'], }, { name: 'Building a Simple CRUD App with Node, Express, and MongoDB', url: 'https://zellwk.com/blog/crud-express-mongodb/', + description: 'A comprehensive tutorial on how to build a CRUD app with Node, Express and MongoDB', keywords: ['mongodb', 'express', 'node', 'backend', 'javascript'], }, { From afe5988b64d6853985ff7054ccf4566a39c74ff9 Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Tue, 14 Jun 2022 20:06:43 -0400 Subject: [PATCH 09/26] added more descriptions --- resources.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/resources.js b/resources.js index 5123cc2..13bd295 100644 --- a/resources.js +++ b/resources.js @@ -14,17 +14,19 @@ const resources = [ { name: 'Building a Simple CRUD App with Node, Express, and MongoDB', url: 'https://zellwk.com/blog/crud-express-mongodb/', - description: 'A comprehensive tutorial on how to build a CRUD app with Node, Express and MongoDB', + description: 'A comprehensive tutorial on how to build a CRUD app that lets you track a list of quotes from Star Wars characters using Node, Express and MongoDB ', keywords: ['mongodb', 'express', 'node', 'backend', 'javascript'], }, { name: 'Useful string methods', url: 'https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Useful_string_methods', + description: 'An article on the useful operations that can be done on strings with built-in methods', keywords: ['string methods', 'javascript'], }, { name: 'The JavaScript Way', url: 'https://github.com/thejsway/thejsway', + description: 'A book that aims to be a useful companion for anyone wishing to (re)discover the many facets of JavaScript', keywords: ['javascript'], }, { From 8b81c04666ff97ace2fb582f81667ca94de75ef4 Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Tue, 14 Jun 2022 20:26:00 -0400 Subject: [PATCH 10/26] added descriptions --- resources.js | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/resources.js b/resources.js index 13bd295..9eb4ef8 100644 --- a/resources.js +++ b/resources.js @@ -32,21 +32,25 @@ const resources = [ { name: 'First Timers Only: Beginner Guide to Open Source', url: 'https://www.firsttimersonly.com/', - keywords: ['open source'], + description: 'Friendly open source projects for code-newbies', + keywords: ['open source', 'code newbies'], }, { name: 'A Complete Guide to Flexbox', url: 'https://css-tricks.com/snippets/css/a-guide-to-flexbox/', - keywords: ['css', 'flexbox'], + description: 'A complete guide that explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser support chart', + keywords: ['css', 'flexbox', 'properties', 'parent element', 'child element', 'flex items'], }, { name: 'Learn to Code HTML & CSS', url: 'https://learn.shayhowe.com/html-css/', - keywords: ['css', 'html'], + description: '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', + keywords: ['css', 'html', 'shay howe'], }, { name: 'CSS-Tricks', url: 'https://css-tricks.com/', + description: '', keywords: ['css'], }, { From fd51640bfd8b62641113b7a69b2fd84d9a60b69c Mon Sep 17 00:00:00 2001 From: Jacob Asper Date: Tue, 14 Jun 2022 20:34:15 -0400 Subject: [PATCH 11/26] added resources from main --- resources.js | 47 +++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 41 insertions(+), 6 deletions(-) diff --git a/resources.js b/resources.js index 9eb4ef8..5a89486 100644 --- a/resources.js +++ b/resources.js @@ -98,7 +98,7 @@ const resources = [ url: "https://www.freecodecamp.org/news/how-to-make-your-first-pull-request-on-github-3/", keywords: ["open source", "git"] }, - { + { name: 'CORS Proxy', url: 'https://codetabs.com/cors-proxy/cors-proxy.html', keywords: ['cors', 'proxy', 'api', 'errors'] @@ -113,7 +113,7 @@ const resources = [ url: 'https://www.techinterviewhandbook.org/grind75', keywords: ['interview', 'job search', 'coding challenges', 'leet code'] }, - { + { name: 'Font Awesome', url: 'https://faicons.com/', keywords: ['icons', 'frontend'] @@ -141,7 +141,7 @@ const resources = [ { name: 'What the Flexbox', url: 'https://flexbox.io/', - keywords: ['css', 'flexbox'] + keywords: ['css', 'flexbox'] }, { name: 'Code Driven Animation Editor', @@ -166,7 +166,7 @@ const resources = [ { name: 'DevDocs', url: 'https://devdocs.io', - keywords: ['api documentation', 'free', 'open-source', 'developer tools', 'interface', 'offline', 'css', 'html', 'http', 'javascript', 'web apis', 'angular', 'angularjs', 'ansible', 'apache http server', 'apache pig', 'async', 'babel', 'backbone.js','bash', 'bluebird', 'bootstrap', 'bottle', 'bower', 'c', 'c++', 'cakephp', 'chai', 'chef', 'clojure', 'cmake', 'codeception', 'codeceptjs', 'codeigniter', 'coffeescript', 'composer','cordova', 'crystal','cypress','d','d3.js', 'dart', 'deno', 'django', 'django rest framework', 'docker', 'dojo', 'drupal', 'eigen3', 'electron', 'elisp', 'elixir', 'ember.js', 'enzyme', 'erlang', 'esbuild', 'eslint', 'express', 'falcon', 'fish', 'flask', 'flow', 'gcc', 'git', 'gnu fortran', 'gnu make', 'gnucobol','gnuplot', 'go', 'godot', 'graphite', 'groovy', 'grunt', 'gtk', 'handlebars', 'haproxy', 'haskell', 'haxe', 'homebrew', 'i3', 'immutable.js', 'influxdata', 'jasmine', 'jekyll', 'jest', 'jinja', 'jq', 'jquery', 'jquery mobile', 'jquery ui', 'jsdoc', 'julia', 'knockout.js', 'koa', 'kotlin', 'kubectl', 'kubernetes', 'laravel', 'latex', 'leaflet', 'less', 'liquid', 'lodash', 'lua', 'love', 'mariadb', 'marionette.js', 'markdown', 'matplotlib', 'meteor', 'mocha', 'modernizr', 'moment.js', 'mongoose', 'nginx', 'nginx lua module', 'nim', 'nix', 'node.js', 'nokogiri', 'npm', 'numpy', 'ocaml', 'octave', 'openjdk', 'opentsdb', 'padrino', 'pandas', 'perl', 'phalcon', 'phaser', 'phoenix', 'php', 'phpunit', 'pointcloudlibrary', 'pony', 'postgresql', 'prettier', 'pug', 'puppeteer', 'pygame', 'python', 'pytorch', 'q', 'qt', 'r', 'ramda', 'react', 'reactbootstrap', 'react native', 'react router', 'reactivex', 'redis', 'redux', 'relay', 'requirejs', 'rethinkdb', 'ruby', 'ruby minitest', 'ruby on rails', 'rust', 'rxjs', 'saltstack', 'sass', 'scala', 'scikit-image', 'scikit-learn', 'sequelize', 'sinon.js', 'socket.io', 'spring boot', 'sqlite', 'statsmodels', 'support tables', 'svg', 'symfony', 'tailwind css', 'tcl tk', 'tensorflow', 'tensorflow c++', 'terraform' , 'trio', 'twig', 'typescript', 'underscore.js', 'vagrant', 'vite', 'vue router', 'vue.js', 'vuex', 'vulkan', 'web extensions', 'webpack', 'werkzeug', 'wordpress', 'xslt & xpath', 'yarn', 'yii'] + keywords: ['api documentation', 'free', 'open-source', 'developer tools', 'interface', 'offline', 'css', 'html', 'http', 'javascript', 'web apis', 'angular', 'angularjs', 'ansible', 'apache http server', 'apache pig', 'async', 'babel', 'backbone.js', 'bash', 'bluebird', 'bootstrap', 'bottle', 'bower', 'c', 'c++', 'cakephp', 'chai', 'chef', 'clojure', 'cmake', 'codeception', 'codeceptjs', 'codeigniter', 'coffeescript', 'composer', 'cordova', 'crystal', 'cypress', 'd', 'd3.js', 'dart', 'deno', 'django', 'django rest framework', 'docker', 'dojo', 'drupal', 'eigen3', 'electron', 'elisp', 'elixir', 'ember.js', 'enzyme', 'erlang', 'esbuild', 'eslint', 'express', 'falcon', 'fish', 'flask', 'flow', 'gcc', 'git', 'gnu fortran', 'gnu make', 'gnucobol', 'gnuplot', 'go', 'godot', 'graphite', 'groovy', 'grunt', 'gtk', 'handlebars', 'haproxy', 'haskell', 'haxe', 'homebrew', 'i3', 'immutable.js', 'influxdata', 'jasmine', 'jekyll', 'jest', 'jinja', 'jq', 'jquery', 'jquery mobile', 'jquery ui', 'jsdoc', 'julia', 'knockout.js', 'koa', 'kotlin', 'kubectl', 'kubernetes', 'laravel', 'latex', 'leaflet', 'less', 'liquid', 'lodash', 'lua', 'love', 'mariadb', 'marionette.js', 'markdown', 'matplotlib', 'meteor', 'mocha', 'modernizr', 'moment.js', 'mongoose', 'nginx', 'nginx lua module', 'nim', 'nix', 'node.js', 'nokogiri', 'npm', 'numpy', 'ocaml', 'octave', 'openjdk', 'opentsdb', 'padrino', 'pandas', 'perl', 'phalcon', 'phaser', 'phoenix', 'php', 'phpunit', 'pointcloudlibrary', 'pony', 'postgresql', 'prettier', 'pug', 'puppeteer', 'pygame', 'python', 'pytorch', 'q', 'qt', 'r', 'ramda', 'react', 'reactbootstrap', 'react native', 'react router', 'reactivex', 'redis', 'redux', 'relay', 'requirejs', 'rethinkdb', 'ruby', 'ruby minitest', 'ruby on rails', 'rust', 'rxjs', 'saltstack', 'sass', 'scala', 'scikit-image', 'scikit-learn', 'sequelize', 'sinon.js', 'socket.io', 'spring boot', 'sqlite', 'statsmodels', 'support tables', 'svg', 'symfony', 'tailwind css', 'tcl tk', 'tensorflow', 'tensorflow c++', 'terraform', 'trio', 'twig', 'typescript', 'underscore.js', 'vagrant', 'vite', 'vue router', 'vue.js', 'vuex', 'vulkan', 'web extensions', 'webpack', 'werkzeug', 'wordpress', 'xslt & xpath', 'yarn', 'yii'] }, { name: 'Picular', @@ -181,7 +181,7 @@ const resources = [ { name: 'Python Tutor: Visualize Code in Python, JavaScript, C, C++, and Java', url: 'https://pythontutor.com/visualize.html#mode=edit', - keywords: ['code', 'visualize','python', 'javascript', 'c', 'c++', 'javascript', 'java', 'visualize execution', 'coding tutor', 'debug','supplement', 'recursion', 'execution', 'frames', 'objects', 'steps'] + keywords: ['code', 'visualize', 'python', 'javascript', 'c', 'c++', 'javascript', 'java', 'visualize execution', 'coding tutor', 'debug', 'supplement', 'recursion', 'execution', 'frames', 'objects', 'steps'] }, { name: 'Unscreen', @@ -226,7 +226,7 @@ const resources = [ { name: 'Oh My Posh', url: 'https://ohmyposh.dev', - keywords: ['theme engine', 'shell', 'color', 'terminal', 'prompt', 'render', 'customizable', 'theme', 'powershell', 'windows', 'macos','linux', 'fonts', 'console', 'full color set', 'prompt string', 'function', 'variable'] + keywords: ['theme engine', 'shell', 'color', 'terminal', 'prompt', 'render', 'customizable', 'theme', 'powershell', 'windows', 'macos', 'linux', 'fonts', 'console', 'full color set', 'prompt string', 'function', 'variable'] }, { name: 'Compressor', @@ -268,6 +268,41 @@ const resources = [ url: 'https://cloudconvert.com/jpg-to-webp', keywords: ['jpg', 'webp', 'converter', 'heic', 'formats', 'high-quality', 'api'] }, + { + name: 'Thumbnails for Social Media "Metatags', + url: 'https://nickcarmont8.medium.com/how-to-add-a-website-thumbnail-for-sharing-your-html-site-on-social-media-facebook-linkedin-12813f8d2618', + keywords: ['metadata', 'metatags', 'thumbnails', 'social media'] + }, + { + name: 'HTML Cheat Sheet', + url: 'https://htmlcheatsheet.com/', + keywords: ['HTML', 'cheat sheet', 'tags'] + }, + { + name: 'CSS Cheat Sheet', + url: 'https://htmlcheatsheet.com/css/', + keywords: ['CSS', 'cheat sheet', 'box model', 'selectors', 'color picker'] + }, + { + name: 'JS "JavaScript" Cheat Sheet', + url: 'https://htmlcheatsheet.com/js/', + keywords: ['JS', 'Javascript', 'cheat sheet', 'conditionals', 'loops', 'variables', 'dates', 'events', 'functions', 'regex', 'json', 'promises', 'arrays'] + }, + { + name: 'SEO Cheat Sheet', + url: 'https://htmlcheatsheet.com/seo/', + keywords: ['SEO', 'cheat sheet'] + }, + { + name: 'SEO Guide to Lighthouse Performance Metrics', + url: 'https://www.searchenginejournal.com/core-web-vitals/technical-seo-lighthouse/', + keywords: ['SEO', 'lighthouse', 'performance', 'metrics'] + }, + { + name: 'Centering in CSS', + url: 'https://ishadeed.com/article/learn-css-centering/#:~:text=To%20center%20an%20inline%20element,is%20text%2Dalign%3A%20center%20.&text=For%20multiple%20inline%20elements%2C%20the,using%20text%2Dalign%3A%20center%20', + keywords: ['CSS', 'center', 'align'] + }, // { // name: '', // url: '', From c7f12a59353f757b715906b5267b487a19f0c4ed Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Tue, 14 Jun 2022 20:37:33 -0400 Subject: [PATCH 12/26] added more descriptions --- resources.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/resources.js b/resources.js index 5a89486..0dc75a7 100644 --- a/resources.js +++ b/resources.js @@ -50,22 +50,25 @@ const resources = [ { name: 'CSS-Tricks', url: 'https://css-tricks.com/', - description: '', + description: 'Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.', keywords: ['css'], }, { name: 'All About Floats', url: 'https://css-tricks.com/all-about-floats/', + description: 'An article about float concepts', keywords: ['css', 'floats'] }, { name: 'JavaScript Arrays: Explain Like I\'m Five', url: 'https://sumudusiriwardana.hashnode.dev/javascript-arrays-explain-like-im-five', - keywords: ['arrays', 'basics', 'fundamentals', 'javascript'], + description: 'A hashnode blog article that explains the basics of arrays and array methods', + keywords: ['arrays', 'methods', 'basics', 'fundamentals', 'javascript'], }, { name: 'Objects vs. Arrays', url: 'https://medium.com/@zac_heisey/objects-vs-arrays-42601ff79421', + description: 'An article explaining the basic differences between objects and arrays', keywords: ['arrays', 'basics', 'fundamentals', 'javascript', 'objects'], }, { From 175cd16abc7d6fbd80ec0a9cc4f2c5d92c3e39ff Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Tue, 14 Jun 2022 20:54:34 -0400 Subject: [PATCH 13/26] more descriptions --- resources.js | 55 +++++++++++++--------------------------------------- 1 file changed, 13 insertions(+), 42 deletions(-) diff --git a/resources.js b/resources.js index 0dc75a7..bc5ff4f 100644 --- a/resources.js +++ b/resources.js @@ -74,34 +74,40 @@ const resources = [ { name: 'Flexbex Zombies', url: 'https://mastery.games/flexboxzombies/', + description: 'In this game you control a Hoodie character with a crossbow, using Flexbox code. The goal is to learn Flexbox in order to survive the onslaught of zombies.', keywords: ['css', 'flexbox'], }, { name: 'A Complete Guide to CSS Media Queries', url: 'https://css-tricks.com/a-complete-guide-to-css-media-queries/', + description: 'A guide to media queries, which can modify the appearance (and even behavior) or a website or app based on a matched set of conditions about the user’s device, browser or system settings.', keywords: ['css', 'media queries', 'responsive web design', 'responsive'] }, { name: 'A Complete Guide to Grid', url: 'https://css-tricks.com/snippets/css/complete-guide-grid/', + description: 'Our comprehensive guide to CSS grid, focusing on all the settings both for the grid parent container and the grid child elements.', keywords: ['css', 'css grid', 'grid'] }, { name: 'Objects', url: 'https://javascript.info/object', + description: 'An article on the basics of objects', keywords: ['javascript', 'objects'] }, { name: 'Crypto Zombies', url: "https://cryptozombies.io", + description: 'CryptoZombies is an interactive school that teaches you all things technical about blockchains. Learn to make smart contracts in Solidity by making your own crypto-collectibles game.', keywords: ["crypto", "web3", "blockchain"] }, { name: 'How to make your first pull request on GitHub', url: "https://www.freecodecamp.org/news/how-to-make-your-first-pull-request-on-github-3/", - keywords: ["open source", "git"] + description: 'A step by step guide on how to make your first pull request', + keywords: ["open source", "git", "pull request"] }, - { + { name: 'CORS Proxy', url: 'https://codetabs.com/cors-proxy/cors-proxy.html', keywords: ['cors', 'proxy', 'api', 'errors'] @@ -116,7 +122,7 @@ const resources = [ url: 'https://www.techinterviewhandbook.org/grind75', keywords: ['interview', 'job search', 'coding challenges', 'leet code'] }, - { + { name: 'Font Awesome', url: 'https://faicons.com/', keywords: ['icons', 'frontend'] @@ -144,7 +150,7 @@ const resources = [ { name: 'What the Flexbox', url: 'https://flexbox.io/', - keywords: ['css', 'flexbox'] + keywords: ['css', 'flexbox'] }, { name: 'Code Driven Animation Editor', @@ -169,7 +175,7 @@ const resources = [ { name: 'DevDocs', url: 'https://devdocs.io', - keywords: ['api documentation', 'free', 'open-source', 'developer tools', 'interface', 'offline', 'css', 'html', 'http', 'javascript', 'web apis', 'angular', 'angularjs', 'ansible', 'apache http server', 'apache pig', 'async', 'babel', 'backbone.js', 'bash', 'bluebird', 'bootstrap', 'bottle', 'bower', 'c', 'c++', 'cakephp', 'chai', 'chef', 'clojure', 'cmake', 'codeception', 'codeceptjs', 'codeigniter', 'coffeescript', 'composer', 'cordova', 'crystal', 'cypress', 'd', 'd3.js', 'dart', 'deno', 'django', 'django rest framework', 'docker', 'dojo', 'drupal', 'eigen3', 'electron', 'elisp', 'elixir', 'ember.js', 'enzyme', 'erlang', 'esbuild', 'eslint', 'express', 'falcon', 'fish', 'flask', 'flow', 'gcc', 'git', 'gnu fortran', 'gnu make', 'gnucobol', 'gnuplot', 'go', 'godot', 'graphite', 'groovy', 'grunt', 'gtk', 'handlebars', 'haproxy', 'haskell', 'haxe', 'homebrew', 'i3', 'immutable.js', 'influxdata', 'jasmine', 'jekyll', 'jest', 'jinja', 'jq', 'jquery', 'jquery mobile', 'jquery ui', 'jsdoc', 'julia', 'knockout.js', 'koa', 'kotlin', 'kubectl', 'kubernetes', 'laravel', 'latex', 'leaflet', 'less', 'liquid', 'lodash', 'lua', 'love', 'mariadb', 'marionette.js', 'markdown', 'matplotlib', 'meteor', 'mocha', 'modernizr', 'moment.js', 'mongoose', 'nginx', 'nginx lua module', 'nim', 'nix', 'node.js', 'nokogiri', 'npm', 'numpy', 'ocaml', 'octave', 'openjdk', 'opentsdb', 'padrino', 'pandas', 'perl', 'phalcon', 'phaser', 'phoenix', 'php', 'phpunit', 'pointcloudlibrary', 'pony', 'postgresql', 'prettier', 'pug', 'puppeteer', 'pygame', 'python', 'pytorch', 'q', 'qt', 'r', 'ramda', 'react', 'reactbootstrap', 'react native', 'react router', 'reactivex', 'redis', 'redux', 'relay', 'requirejs', 'rethinkdb', 'ruby', 'ruby minitest', 'ruby on rails', 'rust', 'rxjs', 'saltstack', 'sass', 'scala', 'scikit-image', 'scikit-learn', 'sequelize', 'sinon.js', 'socket.io', 'spring boot', 'sqlite', 'statsmodels', 'support tables', 'svg', 'symfony', 'tailwind css', 'tcl tk', 'tensorflow', 'tensorflow c++', 'terraform', 'trio', 'twig', 'typescript', 'underscore.js', 'vagrant', 'vite', 'vue router', 'vue.js', 'vuex', 'vulkan', 'web extensions', 'webpack', 'werkzeug', 'wordpress', 'xslt & xpath', 'yarn', 'yii'] + keywords: ['api documentation', 'free', 'open-source', 'developer tools', 'interface', 'offline', 'css', 'html', 'http', 'javascript', 'web apis', 'angular', 'angularjs', 'ansible', 'apache http server', 'apache pig', 'async', 'babel', 'backbone.js','bash', 'bluebird', 'bootstrap', 'bottle', 'bower', 'c', 'c++', 'cakephp', 'chai', 'chef', 'clojure', 'cmake', 'codeception', 'codeceptjs', 'codeigniter', 'coffeescript', 'composer','cordova', 'crystal','cypress','d','d3.js', 'dart', 'deno', 'django', 'django rest framework', 'docker', 'dojo', 'drupal', 'eigen3', 'electron', 'elisp', 'elixir', 'ember.js', 'enzyme', 'erlang', 'esbuild', 'eslint', 'express', 'falcon', 'fish', 'flask', 'flow', 'gcc', 'git', 'gnu fortran', 'gnu make', 'gnucobol','gnuplot', 'go', 'godot', 'graphite', 'groovy', 'grunt', 'gtk', 'handlebars', 'haproxy', 'haskell', 'haxe', 'homebrew', 'i3', 'immutable.js', 'influxdata', 'jasmine', 'jekyll', 'jest', 'jinja', 'jq', 'jquery', 'jquery mobile', 'jquery ui', 'jsdoc', 'julia', 'knockout.js', 'koa', 'kotlin', 'kubectl', 'kubernetes', 'laravel', 'latex', 'leaflet', 'less', 'liquid', 'lodash', 'lua', 'love', 'mariadb', 'marionette.js', 'markdown', 'matplotlib', 'meteor', 'mocha', 'modernizr', 'moment.js', 'mongoose', 'nginx', 'nginx lua module', 'nim', 'nix', 'node.js', 'nokogiri', 'npm', 'numpy', 'ocaml', 'octave', 'openjdk', 'opentsdb', 'padrino', 'pandas', 'perl', 'phalcon', 'phaser', 'phoenix', 'php', 'phpunit', 'pointcloudlibrary', 'pony', 'postgresql', 'prettier', 'pug', 'puppeteer', 'pygame', 'python', 'pytorch', 'q', 'qt', 'r', 'ramda', 'react', 'reactbootstrap', 'react native', 'react router', 'reactivex', 'redis', 'redux', 'relay', 'requirejs', 'rethinkdb', 'ruby', 'ruby minitest', 'ruby on rails', 'rust', 'rxjs', 'saltstack', 'sass', 'scala', 'scikit-image', 'scikit-learn', 'sequelize', 'sinon.js', 'socket.io', 'spring boot', 'sqlite', 'statsmodels', 'support tables', 'svg', 'symfony', 'tailwind css', 'tcl tk', 'tensorflow', 'tensorflow c++', 'terraform' , 'trio', 'twig', 'typescript', 'underscore.js', 'vagrant', 'vite', 'vue router', 'vue.js', 'vuex', 'vulkan', 'web extensions', 'webpack', 'werkzeug', 'wordpress', 'xslt & xpath', 'yarn', 'yii'] }, { name: 'Picular', @@ -184,7 +190,7 @@ const resources = [ { name: 'Python Tutor: Visualize Code in Python, JavaScript, C, C++, and Java', url: 'https://pythontutor.com/visualize.html#mode=edit', - keywords: ['code', 'visualize', 'python', 'javascript', 'c', 'c++', 'javascript', 'java', 'visualize execution', 'coding tutor', 'debug', 'supplement', 'recursion', 'execution', 'frames', 'objects', 'steps'] + keywords: ['code', 'visualize','python', 'javascript', 'c', 'c++', 'javascript', 'java', 'visualize execution', 'coding tutor', 'debug','supplement', 'recursion', 'execution', 'frames', 'objects', 'steps'] }, { name: 'Unscreen', @@ -229,7 +235,7 @@ const resources = [ { name: 'Oh My Posh', url: 'https://ohmyposh.dev', - keywords: ['theme engine', 'shell', 'color', 'terminal', 'prompt', 'render', 'customizable', 'theme', 'powershell', 'windows', 'macos', 'linux', 'fonts', 'console', 'full color set', 'prompt string', 'function', 'variable'] + keywords: ['theme engine', 'shell', 'color', 'terminal', 'prompt', 'render', 'customizable', 'theme', 'powershell', 'windows', 'macos','linux', 'fonts', 'console', 'full color set', 'prompt string', 'function', 'variable'] }, { name: 'Compressor', @@ -271,41 +277,6 @@ const resources = [ url: 'https://cloudconvert.com/jpg-to-webp', keywords: ['jpg', 'webp', 'converter', 'heic', 'formats', 'high-quality', 'api'] }, - { - name: 'Thumbnails for Social Media "Metatags', - url: 'https://nickcarmont8.medium.com/how-to-add-a-website-thumbnail-for-sharing-your-html-site-on-social-media-facebook-linkedin-12813f8d2618', - keywords: ['metadata', 'metatags', 'thumbnails', 'social media'] - }, - { - name: 'HTML Cheat Sheet', - url: 'https://htmlcheatsheet.com/', - keywords: ['HTML', 'cheat sheet', 'tags'] - }, - { - name: 'CSS Cheat Sheet', - url: 'https://htmlcheatsheet.com/css/', - keywords: ['CSS', 'cheat sheet', 'box model', 'selectors', 'color picker'] - }, - { - name: 'JS "JavaScript" Cheat Sheet', - url: 'https://htmlcheatsheet.com/js/', - keywords: ['JS', 'Javascript', 'cheat sheet', 'conditionals', 'loops', 'variables', 'dates', 'events', 'functions', 'regex', 'json', 'promises', 'arrays'] - }, - { - name: 'SEO Cheat Sheet', - url: 'https://htmlcheatsheet.com/seo/', - keywords: ['SEO', 'cheat sheet'] - }, - { - name: 'SEO Guide to Lighthouse Performance Metrics', - url: 'https://www.searchenginejournal.com/core-web-vitals/technical-seo-lighthouse/', - keywords: ['SEO', 'lighthouse', 'performance', 'metrics'] - }, - { - name: 'Centering in CSS', - url: 'https://ishadeed.com/article/learn-css-centering/#:~:text=To%20center%20an%20inline%20element,is%20text%2Dalign%3A%20center%20.&text=For%20multiple%20inline%20elements%2C%20the,using%20text%2Dalign%3A%20center%20', - keywords: ['CSS', 'center', 'align'] - }, // { // name: '', // url: '', From dae276571caf4fd70a5789dd235731937b00ee34 Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Thu, 16 Jun 2022 19:23:08 -0400 Subject: [PATCH 14/26] added resources from other file --- resources.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/resources.js b/resources.js index bc5ff4f..9662f31 100644 --- a/resources.js +++ b/resources.js @@ -110,11 +110,13 @@ const resources = [ { name: 'CORS Proxy', url: 'https://codetabs.com/cors-proxy/cors-proxy.html', + description: 'A CORS proxy is a service that allows developers (probably you) to access resources from other websites, without having to own that website. Be careful when you use them! (Jacob).', keywords: ['cors', 'proxy', 'api', 'errors'] }, { name: 'How to write good commit messages', url: 'https://www.freecodecamp.org/news/writing-good-commit-messages-a-practical-guide/', + description: '', keywords: ['git', 'commit', 'version control', 'command line'] }, { From 60bc5abdef78a58433d2eede5aab32aa49c99110 Mon Sep 17 00:00:00 2001 From: brianschnee Date: Thu, 16 Jun 2022 20:42:47 -0400 Subject: [PATCH 15/26] added resource description to initial index.ejs render --- views/index.ejs | 1 + 1 file changed, 1 insertion(+) diff --git a/views/index.ejs b/views/index.ejs index c71bb76..e5cce06 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -66,6 +66,7 @@

name: '<%= resources[i].name %>',

url: ' target="_blank"><%= resources[i].url %>',
+

description: '<%= resources[i].description %>'

keywords: [<%= resources[i].keywords.map(keyword => `'${keyword}'`).join(", ") %>]
}, From a1186ebf90a6a53a956082702fa020db16a4525b Mon Sep 17 00:00:00 2001 From: brianschnee Date: Thu, 16 Jun 2022 20:43:53 -0400 Subject: [PATCH 16/26] added resource description to main.js search --- public/js/main.js | 1 + 1 file changed, 1 insertion(+) diff --git a/public/js/main.js b/public/js/main.js index a3c16a5..a4a2212 100644 --- a/public/js/main.js +++ b/public/js/main.js @@ -69,6 +69,7 @@ function renderMatches(matches) {

name: ${match.name},

url: '${match.url}',
+

description: ${match.description},

keywords: [${match.keywords.map(keyword => `'${keyword}'`).join(", ")}]
}, From 71e687d8d8f66e6a99053719e6eaa982b8e84351 Mon Sep 17 00:00:00 2001 From: brianschnee Date: Thu, 16 Jun 2022 20:48:00 -0400 Subject: [PATCH 17/26] Updated CONTRIBUTING.md with resource-description formatting --- CONTRIBUTING.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index b453829..8303f09 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -34,6 +34,7 @@ Contributions are what make the open source community such an amazing place to l - Keywords array should contain strings only. - Keywords are preferred in lower case. - Keywords must be specific. Do not include broad keywords such as 'guide', 'tutorial', 'information' or we will be unable to process your PR. Please opt for keywords that are specific to the content. + - Description should be clear and concise. Resource Format: @@ -41,6 +42,7 @@ Contributions are what make the open source community such an amazing place to l { name: 'resource name', url: 'url here', + description: 'add a detailed description', keywords: ['each', 'keyword', 'should', 'be', 'a', 'string'] }, ``` From c2c9bc2568b6f4b53c4289250ab8d4370f15acf6 Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Thu, 16 Jun 2022 22:39:42 -0400 Subject: [PATCH 18/26] added description --- resources.js | 51 +++++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 43 insertions(+), 8 deletions(-) diff --git a/resources.js b/resources.js index 9662f31..28947d6 100644 --- a/resources.js +++ b/resources.js @@ -116,12 +116,13 @@ const resources = [ { name: 'How to write good commit messages', url: 'https://www.freecodecamp.org/news/writing-good-commit-messages-a-practical-guide/', - description: '', + description: 'An article on how to create a useful revision history by creating an agreed upon commit message convention to use. This applies to both personal and professional projects.', keywords: ['git', 'commit', 'version control', 'command line'] }, { name: 'Grind 75 questions', url: 'https://www.techinterviewhandbook.org/grind75', + description: '', keywords: ['interview', 'job search', 'coding challenges', 'leet code'] }, { @@ -279,13 +280,47 @@ const resources = [ url: 'https://cloudconvert.com/jpg-to-webp', keywords: ['jpg', 'webp', 'converter', 'heic', 'formats', 'high-quality', 'api'] }, - // { - // name: '', - // url: '', - // description: '', - // keywords: [''] - // }, - + { + name: 'Thumbnails for Social Media "Metatags', + url: 'https://nickcarmont8.medium.com/how-to-add-a-website-thumbnail-for-sharing-your-html-site-on-social-media-facebook-linkedin-12813f8d2618', + keywords: ['metadata', 'metatags', 'thumbnails', 'social media'] + }, + { + name: 'HTML Cheat Sheet', + url: 'https://htmlcheatsheet.com/', + keywords: ['HTML', 'cheat sheet', 'tags'] + }, + { + name: 'CSS Cheat Sheet', + url: 'https://htmlcheatsheet.com/css/', + keywords: ['CSS', 'cheat sheet', 'box model', 'selectors', 'color picker'] + }, + { + name: 'JS "JavaScript" Cheat Sheet', + url: 'https://htmlcheatsheet.com/js/', + keywords: ['JS', 'Javascript', 'cheat sheet', 'conditionals', 'loops', 'variables', 'dates', 'events', 'functions', 'regex', 'json', 'promises', 'arrays'] + }, + { + name: 'SEO Cheat Sheet', + url: 'https://htmlcheatsheet.com/seo/', + keywords: ['SEO', 'cheat sheet'] + }, + { + name: 'SEO Guide to Lighthouse Performance Metrics', + url: 'https://www.searchenginejournal.com/core-web-vitals/technical-seo-lighthouse/', + keywords: ['SEO', 'lighthouse', 'performance', 'metrics'] + }, + { + name: 'Centering in CSS', + url: 'https://ishadeed.com/article/learn-css-centering/#:~:text=To%20center%20an%20inline%20element,is%20text%2Dalign%3A%20center%20.&text=For%20multiple%20inline%20elements%2C%20the,using%20text%2Dalign%3A%20center%20', + keywords: ['CSS', 'center', 'align'] + }, + // Resource Format - please follow the styling below. + // { + // name: '', + // url: '', + // keywords: [''] + // }, ]; exports.resources = resources; \ No newline at end of file From 30051bc06ebf674b1bc6ec72a3c701c4eda7ea32 Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Thu, 16 Jun 2022 22:48:15 -0400 Subject: [PATCH 19/26] added even more descriptions --- resources.js | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/resources.js b/resources.js index 28947d6..cb8c9e9 100644 --- a/resources.js +++ b/resources.js @@ -122,28 +122,32 @@ const resources = [ { name: 'Grind 75 questions', url: 'https://www.techinterviewhandbook.org/grind75', - description: '', + description: 'Grind 75 is a better version of Blind 75 which goes beyond 75 questions. You can customize the available time you have, difficulty, topics, etc.', keywords: ['interview', 'job search', 'coding challenges', 'leet code'] }, { name: 'Font Awesome', url: 'https://faicons.com/', + description: 'Font Awesome is the Internet\'s icon library and toolkit, used by millions of designers, developers, and content creators.', keywords: ['icons', 'frontend'] }, { name: 'Frontend Project README template', url: 'https://github.com/alecortega/portfolio-template', + description: 'A template to get started with your next portfolio README', keywords: ['markdown', 'frontend', 'documentation'] }, { name: 'CSS Diner', url: 'https://flukeout.github.io/', - keywords: ['css'] + description: 'A fun game to learn and practice CSS Selectors! Selectors are how you pick which element to apply styles to.', + keywords: ['css', 'game', 'selectors'] }, { name: 'Flexbox Froggy', url: 'https://flexboxfroggy.com/', - keywords: ['css', 'flexbox'] + description: 'Flexbox Froggy is a game for learning CSS flexbox. It is a fun way to learn how to format web content.', + keywords: ['css', 'flexbox', 'game'] }, { name: 'Learn Git Branching', From bf4c26e3583ed28c750b6e008638a35f20d37a47 Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Thu, 16 Jun 2022 22:57:39 -0400 Subject: [PATCH 20/26] added more descriptions --- resources.js | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/resources.js b/resources.js index cb8c9e9..11d99b0 100644 --- a/resources.js +++ b/resources.js @@ -152,31 +152,37 @@ const resources = [ { name: 'Learn Git Branching', url: 'https://learngitbranching.js.org/', - keywords: ['git', 'version control'] + description: '"Learn Git Branching" is the most visual and interactive way to learn Git on the web; you\'ll be challenged with exciting levels, given step-by-step demonstrations of powerful features, and maybe even have a bit of fun along the way.', + keywords: ['git', 'version control', 'branching', 'github'] }, { name: 'What the Flexbox', url: 'https://flexbox.io/', - keywords: ['css', 'flexbox'] + description: 'A simple, free 20 video course that will help you master CSS Flexbox! The first 13 videos are aimed at understanding the fundamentals of Flexbox - we will take a deep dive into understanding rows, columns, axes, wrapping, alignment, centering and layout. The last 7 are code alongs where we will build everything from a navigation to a mobile app layout entirely with Flexbox!', + keywords: ['css', 'flexbox', 'video course', 'alignment', 'styling'] }, { name: 'Code Driven Animation Editor', url: 'https://www.timelinecss.io/', - keywords: ['css animations', 'css', 'animations', 'editor', 'visuals'] + description: 'The CSS file is the "source of truth" for the project. This CSS source code can be edited directly, and changes will be reflected in the live preview and the timeline view immediately', + keywords: ['css animations', 'editor', 'visuals'] }, { name: 'Simple Icons', url: 'https://simpleicons.org', - keywords: ['free', 'svg icons', 'svg', 'icons', 'popular brands'] + description: 'A collection of free SVG icons for your website or web application project', + keywords: ['svg icons', 'icons', 'popular brands'] }, { name: 'JavaScript Visualizer 9000', url: 'https://www.jsv9000.app', + description: 'A tool for visualizing execution content, hoisting, closures and scopes in JavaScript', keywords: ['javascript', 'call stack', 'event loop', 'microtask queue', 'task queue'] }, { name: 'unDraw', url: 'https://undraw.co', + description: 'A constantly updated design project with beautiful SVG images that you can use completely free and without attribution.', keywords: ['open-source illustrations', 'svg', 'images', 'design', 'graphics', 'art', 'vectors', 'minimal', 'free', 'modern', 'png', 'interface', 'open-source'] }, { @@ -323,6 +329,7 @@ const resources = [ // { // name: '', // url: '', + // description: '', // keywords: [''] // }, ]; From f5f3b37a101fcb1d08d416942eb7eb1449925b38 Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Thu, 16 Jun 2022 23:05:33 -0400 Subject: [PATCH 21/26] added more descriptions --- resources.js | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/resources.js b/resources.js index 11d99b0..f37dfb8 100644 --- a/resources.js +++ b/resources.js @@ -188,20 +188,24 @@ const resources = [ { name: 'DevDocs', url: 'https://devdocs.io', + description: 'DevDocs is an open source web app that combines documentation for lots of developer tools into a single searchable interface', keywords: ['api documentation', 'free', 'open-source', 'developer tools', 'interface', 'offline', 'css', 'html', 'http', 'javascript', 'web apis', 'angular', 'angularjs', 'ansible', 'apache http server', 'apache pig', 'async', 'babel', 'backbone.js','bash', 'bluebird', 'bootstrap', 'bottle', 'bower', 'c', 'c++', 'cakephp', 'chai', 'chef', 'clojure', 'cmake', 'codeception', 'codeceptjs', 'codeigniter', 'coffeescript', 'composer','cordova', 'crystal','cypress','d','d3.js', 'dart', 'deno', 'django', 'django rest framework', 'docker', 'dojo', 'drupal', 'eigen3', 'electron', 'elisp', 'elixir', 'ember.js', 'enzyme', 'erlang', 'esbuild', 'eslint', 'express', 'falcon', 'fish', 'flask', 'flow', 'gcc', 'git', 'gnu fortran', 'gnu make', 'gnucobol','gnuplot', 'go', 'godot', 'graphite', 'groovy', 'grunt', 'gtk', 'handlebars', 'haproxy', 'haskell', 'haxe', 'homebrew', 'i3', 'immutable.js', 'influxdata', 'jasmine', 'jekyll', 'jest', 'jinja', 'jq', 'jquery', 'jquery mobile', 'jquery ui', 'jsdoc', 'julia', 'knockout.js', 'koa', 'kotlin', 'kubectl', 'kubernetes', 'laravel', 'latex', 'leaflet', 'less', 'liquid', 'lodash', 'lua', 'love', 'mariadb', 'marionette.js', 'markdown', 'matplotlib', 'meteor', 'mocha', 'modernizr', 'moment.js', 'mongoose', 'nginx', 'nginx lua module', 'nim', 'nix', 'node.js', 'nokogiri', 'npm', 'numpy', 'ocaml', 'octave', 'openjdk', 'opentsdb', 'padrino', 'pandas', 'perl', 'phalcon', 'phaser', 'phoenix', 'php', 'phpunit', 'pointcloudlibrary', 'pony', 'postgresql', 'prettier', 'pug', 'puppeteer', 'pygame', 'python', 'pytorch', 'q', 'qt', 'r', 'ramda', 'react', 'reactbootstrap', 'react native', 'react router', 'reactivex', 'redis', 'redux', 'relay', 'requirejs', 'rethinkdb', 'ruby', 'ruby minitest', 'ruby on rails', 'rust', 'rxjs', 'saltstack', 'sass', 'scala', 'scikit-image', 'scikit-learn', 'sequelize', 'sinon.js', 'socket.io', 'spring boot', 'sqlite', 'statsmodels', 'support tables', 'svg', 'symfony', 'tailwind css', 'tcl tk', 'tensorflow', 'tensorflow c++', 'terraform' , 'trio', 'twig', 'typescript', 'underscore.js', 'vagrant', 'vite', 'vue router', 'vue.js', 'vuex', 'vulkan', 'web extensions', 'webpack', 'werkzeug', 'wordpress', 'xslt & xpath', 'yarn', 'yii'] }, { name: 'Picular', url: 'https://picular.co', + description: 'Picular is a rocket fast primary color generator using Google\'s image search. If you ever needed the perfect yellow hex code from a banana, this is the tool for you!', keywords: ['color', 'palette', 'color palette', 'primary color generator', 'fast', 'google image search', 'generator', 'hex codes'] }, { name: 'Canva Wireframe Templates', + description: 'Browse high-quality Wireframe templates for your next design', url: 'https://www.canva.com/templates/?query=wireframe', keywords: ['canva', 'wireframe', 'template', 'prototype', 'project', 'design'] }, { name: 'Python Tutor: Visualize Code in Python, JavaScript, C, C++, and Java', + description: 'This coding tutor tool helps you learn Python, JavaScript, C, C++, and Java by visualizing code execution. You can use it to debug your homework assignments and as a supplement to online coding tutorials.', url: 'https://pythontutor.com/visualize.html#mode=edit', keywords: ['code', 'visualize','python', 'javascript', 'c', 'c++', 'javascript', 'java', 'visualize execution', 'coding tutor', 'debug','supplement', 'recursion', 'execution', 'frames', 'objects', 'steps'] }, From 686a7ded5657abfc5892b2114364119e8864ef2c Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Fri, 17 Jun 2022 07:37:13 -0400 Subject: [PATCH 22/26] added more descriptions --- resources.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/resources.js b/resources.js index f37dfb8..cbfe030 100644 --- a/resources.js +++ b/resources.js @@ -212,21 +212,25 @@ const resources = [ { name: 'Unscreen', url: 'https://www.unscreen.com', - keywords: ['remove video background', 'video', 'background', 'free', 'hd', 'no watermark', 'api plugins', 'plugins', 'clips', 'video file', 'audio', 'gif', 'presentation', 'remove', '.mp4', '.mov', '.gif', 'url', 'footage', 'record', 'video editing'] + description:'100% automatic and free video background remover', + keywords: ['remove video background', 'free', 'hd', 'no watermark', 'api plugins', 'plugins', 'clips', 'video file', 'audio', 'gif', 'presentation', 'remove', '.mp4', '.mov', '.gif', 'url', 'footage', 'record', 'video editing'] }, { name: 'Quicktools by Picsart', url: 'https://tools.picsart.com/image/background-remover/', + description: 'Tool to remove backgrounds of images', keywords: ['remove', 'background remover', 'image', 'picture', 'transparent', 'ai', 'free', 'refine', 'backgrounds', 'shadows', 'borders'] }, { name: 'Squoosh', url: 'https://squoosh.app', + description: 'Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.', keywords: ['compress image', 'reduce file size', 'reduce', 'high quality', 'image', 'smaller file', 'file size', 'privacy', 'image optimizer', 'compress', 'codecs', 'resize', 'convert image', 'convert', 'free', 'open-source', 'pixels', 'real-time', 'jpg', 'png', 'webp', 'avif'] }, { name: 'Warp', url: 'https://www.warp.dev', + description: 'Warp is a fully native, GPU-accelerated, Rust-based terminal. No Electron or web-tech. 60fps on 4K screens. Along the way, we built our own UI framework, our own Rust-based CRDT editor and our own graphics shaders.', keywords: ['terminal', 'gpu', 'crdt', 'rust', 'zsh', 'fish', 'bash', 'modern', 'development', 'code editor', 'writing code', 'code', 'commands', 'selections', 'cursor positioning', 'ai', 'shell commands', 'terminal sharing', 'customize', 'cli', 'command line'] }, { From cff169d6ce7fbc62e917b6713a4a6cafb584b6ec Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Fri, 17 Jun 2022 07:46:53 -0400 Subject: [PATCH 23/26] added more descriptions --- resources.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/resources.js b/resources.js index cbfe030..24921dd 100644 --- a/resources.js +++ b/resources.js @@ -236,16 +236,19 @@ const resources = [ { name: 'Uiverse', url: 'https://uiverse.io', - keywords: ['ui', 'ui elements', 'open-source', 'free', 'button', 'checkbox', 'toggle', 'switches', 'cards', 'loaders', 'inputs', 'css', 'html', 'hover', 'copy paste', 'cssbuttons'] + description: 'Universe of UI elements to help you stand out. Open-source and free to use, just copy and paste! Order by favorites', + keywords: ['ui elements', 'open-source', 'free', 'button', 'checkbox', 'toggle', 'switches', 'cards', 'loaders', 'inputs', 'css', 'html', 'hover', 'copy paste', 'cssbuttons'] }, { name: 'Loaders', url: 'https://cssloaders.github.io', - keywords: ['css', 'html', 'loader', 'loaders', 'animations', 'speed', 'simplicity', 'spinners', 'styling', 'pseudo elements', 'website', 'frontend'] + description: 'CSS Loader is a collection of different types of loaders, spinners and their source code.', + keywords: ['css', 'html', 'loaders', 'animations', 'speed', 'spinners', 'styling', 'pseudo elements', 'website', 'frontend'] }, { name: 'Postman', url: 'https://www.postman.com', + description: 'Postman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.', keywords: ['api', 'api platform', 'data', 'api lifecycle', 'collaboration', 'design', 'build', 'test', 'iterate', 'documentation', 'workspace', 'rest api', 'accessibility', 'http requests', 'tracking'] }, { From ff07a9f0cf4bd12f028d0e4723b181356aad2880 Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Fri, 17 Jun 2022 08:06:27 -0400 Subject: [PATCH 24/26] added more descriptions --- resources.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/resources.js b/resources.js index 24921dd..6b15715 100644 --- a/resources.js +++ b/resources.js @@ -254,36 +254,43 @@ const resources = [ { name: 'Screeps', url: 'https://screeps.com', + description: 'Screeps World is an open source MMO RTS sandbox game for programming enthusiasts, wherein the core mechanic is programming your units AI. You control your colony by writing JavaScript which operates 24/7 in the single persistent open world filled by other players on par with you.', keywords: ['sandbox', 'game', 'open-source', 'ai', 'programming', 'javascript', 'mmo', 'rts', 'player', 'scripting', 'steam', 'multiplayer', 'strategy game', 'colony', 'resources', 'mine', 'units', 'territory'] }, { name: 'Oh My Posh', url: 'https://ohmyposh.dev', + description: 'Oh My Posh is a custom prompt engine for any shell that has the ability to adjust the prompt string with a function or variable.', keywords: ['theme engine', 'shell', 'color', 'terminal', 'prompt', 'render', 'customizable', 'theme', 'powershell', 'windows', 'macos','linux', 'fonts', 'console', 'full color set', 'prompt string', 'function', 'variable'] }, { name: 'Compressor', url: 'https://compressor.io', + description: 'Optimize and compress JPEG, PNG, SVG, GIF and WEBP images online. Compress, resize and rename your photos for free.', keywords: ['image compressor', 'image', 'fast', 'efficient', 'jpeg', 'png', 'svg', 'gif', 'webp', 'smaller images', 'faster website', 'optimized', 'seo', 'seo ranking', 'lighthouse', 'compression algorithm', 'shrink'] }, { name: 'tiny png', url: 'https://tinypng.com', + description: 'TinyJPG reduces the file size of your JPEG images. Every uploaded image is analyzed to apply the best possible JPEG encoding. Based on the content of your image an optimal strategy is chosen. The result is a quality image without wasting storage or bandwidth!', keywords: ['image compressor', 'image', 'fast', 'efficient', 'jpeg', 'png', 'webp', 'smaller images', 'transparent image', 'faster website', 'optimized', 'seo', 'seo ranking', 'lighthouse', 'compression algorithm', 'shrink'] }, { name: 'Nerdy Data', url: 'https://www.nerdydata.com', + description: 'NerdyData is a search engine for code. So you can plop in a bit of code from your website (ex: a Facebook tracking pixel snippet) and find all of the other sites on the internet that have that code on their website.', keywords: ['search engine', 'source-code', 'tech stack', 'code', 'companies', 'leads', 'integrations', 'api access', 'domain', 'domain lookup', 'seo', 'google analytics', 'images', 'badges', 'websites', 'competitors'] }, { name: 'Coolors', url: 'https://coolors.co/palettes/trending', - keywords: ['color', 'color palettes', 'topics', 'styles', 'hex', 'hex values', 'color schemes', 'color combinations', 'design', 'free', 'css', 'generator'] + description: 'Get inspired by thousands of beautiful color schemes and make something cool', + keywords: ['color palettes', 'styles', 'hex values', 'color schemes', 'color combinations', 'design', 'free', 'css', 'generator'] }, { name: 'Name Cheap Logo Maker', url: 'https://www.namecheap.com/logo-maker/', + description: '', keywords: ['logo', 'logo maker', 'free', 'creator', 'business', 'branding'] }, { From 27345bf8a2483c44b22db194d0bd5fe7bfefbde5 Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Fri, 17 Jun 2022 08:21:11 -0400 Subject: [PATCH 25/26] added more descriptions --- resources.js | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/resources.js b/resources.js index 6b15715..462ec60 100644 --- a/resources.js +++ b/resources.js @@ -290,42 +290,49 @@ const resources = [ { name: 'Name Cheap Logo Maker', url: 'https://www.namecheap.com/logo-maker/', - description: '', + description: 'Create a logo with our free logo maker. Make your own custom logo design for a website or business with Namecheap Logo Maker and download it free on any device.', keywords: ['logo', 'logo maker', 'free', 'creator', 'business', 'branding'] }, { name: 'Unsplash', url: 'https://unsplash.com', + description: 'Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.', keywords: ['images', 'free', 'high-resolution', 'wallpapers', '3d renders', 'textures', 'patterns', 'experimental', 'architecture', 'nature', 'business and work', 'fashion', 'film', 'food', 'drink', 'street photography', 'arts and culture', 'royalty-free', 'stock photo', 'commercial', 'personal projects'] }, { name: 'Page Speed', url: 'https://pagespeed.web.dev', - keywords: ['page speed', 'web page', 'speed', 'load time', 'browser request', 'seo', 'optimization'] + description: 'PageSpeed Insights (PSI) is performance focused, using both lab (Lighthouse) and field (Chrome UX Report) data to provide a summary of performance. Furthermore, PSI provides origin level insights in the field, whereas web. dev/measure is intended to deep-dive into a single URL in the lab ', + keywords: ['page speed', 'web page', 'load time', 'browser request', 'seo', 'optimization'] }, { name: 'Cloud Convert', url: 'https://cloudconvert.com/jpg-to-webp', + description: 'CloudConvert converts your image files online. Amongst many others, we support PNG, JPG, GIF, WEBP and HEIC.', keywords: ['jpg', 'webp', 'converter', 'heic', 'formats', 'high-quality', 'api'] }, { - name: 'Thumbnails for Social Media "Metatags', - url: 'https://nickcarmont8.medium.com/how-to-add-a-website-thumbnail-for-sharing-your-html-site-on-social-media-facebook-linkedin-12813f8d2618', - keywords: ['metadata', 'metatags', 'thumbnails', 'social media'] + name: 'The Essential Meta Tags for Social Media', + url: 'https://css-tricks.com/essential-meta-tags-social-media/', + description: 'These days, almost every website encourages visitors to share its pages on social media. We’ve all seen the ubiquitous Facebook and Twitter icons, among others, just begging to be clicked. This comes as no surprise as sharing via social media, the internet incarnation of word-of-mouth, is one of the most effective ways for businesses and individuals to gain awareness.', + keywords: ['metadata', 'metatag', 'thumbnail', 'social media'] }, { name: 'HTML Cheat Sheet', url: 'https://htmlcheatsheet.com/', + description: 'Online interactive HTML Cheat Sheet contains useful code examples and web developer tools, markup generators and more.', keywords: ['HTML', 'cheat sheet', 'tags'] }, { name: 'CSS Cheat Sheet', url: 'https://htmlcheatsheet.com/css/', + description: 'CSS Cheat Sheet contains the most common style snippets: CSS gradient, background, button, font-family, border, radius, box and text shadow generators', keywords: ['CSS', 'cheat sheet', 'box model', 'selectors', 'color picker'] }, { name: 'JS "JavaScript" Cheat Sheet', url: 'https://htmlcheatsheet.com/js/', + description: '', keywords: ['JS', 'Javascript', 'cheat sheet', 'conditionals', 'loops', 'variables', 'dates', 'events', 'functions', 'regex', 'json', 'promises', 'arrays'] }, { From bbde2c58f68b522ff0f8374708a03ccc46898d3c Mon Sep 17 00:00:00 2001 From: Dana Lee Date: Fri, 17 Jun 2022 08:25:39 -0400 Subject: [PATCH 26/26] finished adding descriptions --- resources.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/resources.js b/resources.js index 462ec60..9ec9861 100644 --- a/resources.js +++ b/resources.js @@ -332,22 +332,25 @@ const resources = [ { name: 'JS "JavaScript" Cheat Sheet', url: 'https://htmlcheatsheet.com/js/', - description: '', + description: 'JavaScript Cheat Sheet contains useful code examples on a single page. Not just a PDF because it\'s interactive! Find code for JS loops, variables, objects and more.', keywords: ['JS', 'Javascript', 'cheat sheet', 'conditionals', 'loops', 'variables', 'dates', 'events', 'functions', 'regex', 'json', 'promises', 'arrays'] }, { name: 'SEO Cheat Sheet', url: 'https://htmlcheatsheet.com/seo/', + description: 'This online SEO cheat sheet lists everyting you need to know and do to rank your website as high as possible among the Google search results.', keywords: ['SEO', 'cheat sheet'] }, { name: 'SEO Guide to Lighthouse Performance Metrics', url: 'https://www.searchenginejournal.com/core-web-vitals/technical-seo-lighthouse/', + description: 'Take a deep dive into Lighthouse performance metrics with technical SEO pros Jamie Indigo and Rachel Anderson.', keywords: ['SEO', 'lighthouse', 'performance', 'metrics'] }, { name: 'Centering in CSS', url: 'https://ishadeed.com/article/learn-css-centering/#:~:text=To%20center%20an%20inline%20element,is%20text%2Dalign%3A%20center%20.&text=For%20multiple%20inline%20elements%2C%20the,using%20text%2Dalign%3A%20center%20', + description: 'A guide to everything you need to know about centering in CSS', keywords: ['CSS', 'center', 'align'] }, // Resource Format - please follow the styling below.