gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat(client): Add news translation (#40577)

Browse Source
This commit is contained in:
Nicholas Carrigan (he/him)
2020-12-29 00:36:39 -08:00
committed by Mrugesh Mohapatra
parent 1e4c5fd6f0
commit 0de8dcdade
10 changed files with 392 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/i18n/allLangs.js
View File

@ -8,7 +8,7 @@ const availableLangs = {
// Each client language needs an entry in the rest of the variables below
/* These strings set the i18next langauge. It needs to be the two character
/* These strings set the i18next language. It needs to be the two character
* string for the language to take advantage of available functionality.
* Use a 639-1 code here https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
*/

5
client/i18n/config.js
View File

@ -12,10 +12,11 @@ i18n.use(initReactI18next).init({
// we only load one language since each language will have it's own server
resources: {
[i18nextCode]: {
translations: require(`./locales/${clientLocale}/translations.json`)
translations: require(`./locales/${clientLocale}/translations.json`),
trending: require(`./locales/${clientLocale}/trending.json`)
}
},
ns: ['translations'],
ns: ['translations', 'trending'],
defaultNS: 'translations',
returnObjects: true,
debug: environment === 'development',

5
client/i18n/locales.test.js
View File

@ -7,6 +7,7 @@ import {
langDisplayNames,
langCodes
} from './allLangs';
import { trendingSchema } from './trending-schema';
const fs = require('fs');
const { expectToMatchSchema, setup } = require('jest-json-schema-extended');
@ -21,6 +22,10 @@ const filesThatShouldExist = [
{
name: 'motivation.json',
schema: motivationSchema
},
{
name: 'trending.json',
schema: trendingSchema
}
];

62
client/i18n/locales/chinese/trending.json Normal file
View File

@ -0,0 +1,62 @@
{
"article1title": "Chinese: Git Clone",
"article1link": "https://www.freecodecamp.org/news/git-clone-branch-how-to-clone-a-specific-branch/",
"article2title": "Chinese: Agile Methods",
"article2link": "https://www.freecodecamp.org/news/agile-methods-and-methodology-for-beginners/",
"article3title": "Chinese: Python Main",
"article3link": "https://www.freecodecamp.org/news/if-name-main-python-example/",
"article4title": "Chinese: Callback",
"article4link": "https://www.freecodecamp.org/news/javascript-callback-functions-what-are-callbacks-in-js-and-how-to-use-them/",
"article5title": "Chinese: Debounce",
"article5link": "https://www.freecodecamp.org/news/debounce-javascript-tutorial-how-to-make-your-js-wait-up/",
"article6title": "Chinese: URL Encode",
"article6link": "https://www.freecodecamp.org/news/javascript-url-encode-example-how-to-use-encodeuricomponent-and-encodeuri/",
"article7title": "Chinese: Blink HTML",
"article7link": "https://www.freecodecamp.org/news/make-it-blink-html-tutorial-how-to-use-the-blink-tag-with-code-examples/",
"article8title": "Chinese: Python Tuple",
"article8link": "https://www.freecodecamp.org/news/python-returns-multiple-values-how-to-return-a-tuple-list-dictionary/",
"article9title": "Chinese: JavaScript Push",
"article9link": "https://www.freecodecamp.org/news/javascript-array-insert-how-to-add-to-an-array-with-the-push-unshift-and-concat-functions/",
"article10title": "Chinese: Java List",
"article10link": "https://www.freecodecamp.org/news/java-list-tutorial-util-list-api-example/",
"article11title": "Chinese: UX",
"article11link": "https://www.freecodecamp.org/news/learn-ux-design-self-taught-user-experience-designer/",
"article12title": "Chinese: Design Thinking",
"article12link": "https://www.freecodecamp.org/news/what-is-design-thinking-an-introduction-to-the-design-process-for-entrepreneurs-and-developers/",
"article13title": "Chinese: Prime Number List",
"article13link": "https://www.freecodecamp.org/news/prime-numbers-list-chart-of-primes/",
"article14title": "Chinese: Product Design",
"article14link": "https://www.freecodecamp.org/news/product-design-explained-in-plain-english/",
"article15title": "Chinese: Digital Design",
"article15link": "https://www.freecodecamp.org/news/what-is-digital-design-and-why-does-it-matter/",
"article16title": "Chinese: Coding Games",
"article16link": "https://www.freecodecamp.org/news/best-coding-games-online-adults-learn-to-code/",
"article17title": "Chinese: SVM",
"article17link": "https://www.freecodecamp.org/news/svm-machine-learning-tutorial-what-is-the-support-vector-machine-algorithm-explained-with-code-examples/",
"article18title": "Chinese: JavaScript forEach",
"article18link": "https://www.freecodecamp.org/news/javascript-foreach-how-to-loop-through-an-array-in-js/",
"article19title": "Chinese: Google BERT",
"article19link": "https://www.freecodecamp.org/news/google-bert-nlp-machine-learning-tutorial/",
"article20title": "Chinese: Create Table SQL",
"article20link": "https://www.freecodecamp.org/news/sql-create-table-statement-with-example-syntax/",
"article21title": "Chinese: Responsive Web Design",
"article21link": "https://www.freecodecamp.org/news/responsive-web-design-how-to-make-a-website-look-good-on-phones-and-tablets/",
"article22title": "Chinese: What Is an SVG File?",
"article22link": "https://www.freecodecamp.org/news/svg-basics-what-are-scalable-vector-graphics-and-how-do-you-use-them/",
"article23title": "Chinese: PDF Password Remover",
"article23link": "https://www.freecodecamp.org/news/pdf-password-remover-guide-how-to-remove-password-protection-from-a-pdf/",
"article24title": "Chinese: What Is a PDF?",
"article24link": "https://www.freecodecamp.org/news/what-is-a-pdf-file-and-how-do-you-open-it-solved/",
"article25title": "Chinese: What Is Python?",
"article25link": "https://www.freecodecamp.org/news/what-is-python-used-for-10-coding-uses-for-the-python-programming-language/",
"article26title": "Chinese: What Is TLS?",
"article26link": "https://www.freecodecamp.org/news/what-is-tls-transport-layer-security-encryption-explained-in-plain-english/",
"article27title": "Chinese: What Is a LAN?",
"article27link": "https://www.freecodecamp.org/news/what-is-a-lan-local-area-network-explained-in-plain-english/",
"article28title": "Chinese: What Is npm?",
"article28link": "https://www.freecodecamp.org/news/what-is-npm-a-node-package-manager-tutorial-for-beginners/",
"article29title": "Chinese: RSync Examples",
"article29link": "https://www.freecodecamp.org/news/rsync-examples-rsync-options-and-how-to-copy-files-over-ssh/",
"article30title": "Chinese: Random Forest",
"article30link": "https://www.freecodecamp.org/news/how-to-use-the-tree-based-algorithm-for-machine-learning/"
}

62
client/i18n/locales/english/trending.json Normal file
View File

@ -0,0 +1,62 @@
{
"article1title": "Git Clone",
"article1link": "https://www.freecodecamp.org/news/git-clone-branch-how-to-clone-a-specific-branch/",
"article2title": "Agile Methods",
"article2link": "https://www.freecodecamp.org/news/agile-methods-and-methodology-for-beginners/",
"article3title": "Python Main",
"article3link": "https://www.freecodecamp.org/news/if-name-main-python-example/",
"article4title": "Callback",
"article4link": "https://www.freecodecamp.org/news/javascript-callback-functions-what-are-callbacks-in-js-and-how-to-use-them/",
"article5title": "Debounce",
"article5link": "https://www.freecodecamp.org/news/debounce-javascript-tutorial-how-to-make-your-js-wait-up/",
"article6title": "URL Encode",
"article6link": "https://www.freecodecamp.org/news/javascript-url-encode-example-how-to-use-encodeuricomponent-and-encodeuri/",
"article7title": "Blink HTML",
"article7link": "https://www.freecodecamp.org/news/make-it-blink-html-tutorial-how-to-use-the-blink-tag-with-code-examples/",
"article8title": "Python Tuple",
"article8link": "https://www.freecodecamp.org/news/python-returns-multiple-values-how-to-return-a-tuple-list-dictionary/",
"article9title": "JavaScript Push",
"article9link": "https://www.freecodecamp.org/news/javascript-array-insert-how-to-add-to-an-array-with-the-push-unshift-and-concat-functions/",
"article10title": "Java List",
"article10link": "https://www.freecodecamp.org/news/java-list-tutorial-util-list-api-example/",
"article11title": "UX",
"article11link": "https://www.freecodecamp.org/news/learn-ux-design-self-taught-user-experience-designer/",
"article12title": "Design Thinking",
"article12link": "https://www.freecodecamp.org/news/what-is-design-thinking-an-introduction-to-the-design-process-for-entrepreneurs-and-developers/",
"article13title": "Prime Number List",
"article13link": "https://www.freecodecamp.org/news/prime-numbers-list-chart-of-primes/",
"article14title": "Product Design",
"article14link": "https://www.freecodecamp.org/news/product-design-explained-in-plain-english/",
"article15title": "Digital Design",
"article15link": "https://www.freecodecamp.org/news/what-is-digital-design-and-why-does-it-matter/",
"article16title": "Coding Games",
"article16link": "https://www.freecodecamp.org/news/best-coding-games-online-adults-learn-to-code/",
"article17title": "SVM",
"article17link": "https://www.freecodecamp.org/news/svm-machine-learning-tutorial-what-is-the-support-vector-machine-algorithm-explained-with-code-examples/",
"article18title": "JavaScript forEach",
"article18link": "https://www.freecodecamp.org/news/javascript-foreach-how-to-loop-through-an-array-in-js/",
"article19title": "Google BERT",
"article19link": "https://www.freecodecamp.org/news/google-bert-nlp-machine-learning-tutorial/",
"article20title": "Create Table SQL",
"article20link": "https://www.freecodecamp.org/news/sql-create-table-statement-with-example-syntax/",
"article21title": "Responsive Web Design",
"article21link": "https://www.freecodecamp.org/news/responsive-web-design-how-to-make-a-website-look-good-on-phones-and-tablets/",
"article22title": "What Is an SVG File?",
"article22link": "https://www.freecodecamp.org/news/svg-basics-what-are-scalable-vector-graphics-and-how-do-you-use-them/",
"article23title": "PDF Password Remover",
"article23link": "https://www.freecodecamp.org/news/pdf-password-remover-guide-how-to-remove-password-protection-from-a-pdf/",
"article24title": "What Is a PDF?",
"article24link": "https://www.freecodecamp.org/news/what-is-a-pdf-file-and-how-do-you-open-it-solved/",
"article25title": "What Is Python?",
"article25link": "https://www.freecodecamp.org/news/what-is-python-used-for-10-coding-uses-for-the-python-programming-language/",
"article26title": "What Is TLS?",
"article26link": "https://www.freecodecamp.org/news/what-is-tls-transport-layer-security-encryption-explained-in-plain-english/",
"article27title": "What Is a LAN?",
"article27link": "https://www.freecodecamp.org/news/what-is-a-lan-local-area-network-explained-in-plain-english/",
"article28title": "What Is npm?",
"article28link": "https://www.freecodecamp.org/news/what-is-npm-a-node-package-manager-tutorial-for-beginners/",
"article29title": "RSync Examples",
"article29link": "https://www.freecodecamp.org/news/rsync-examples-rsync-options-and-how-to-copy-files-over-ssh/",
"article30title": "Random Forest",
"article30link": "https://www.freecodecamp.org/news/how-to-use-the-tree-based-algorithm-for-machine-learning/"
}

62
client/i18n/locales/espanol/trending.json Normal file
View File

@ -0,0 +1,62 @@
{
"article1title": "Spanish: Git Clone",
"article1link": "https://www.freecodecamp.org/news/git-clone-branch-how-to-clone-a-specific-branch/",
"article2title": "Spanish: Agile Methods",
"article2link": "https://www.freecodecamp.org/news/agile-methods-and-methodology-for-beginners/",
"article3title": "Spanish: Python Main",
"article3link": "https://www.freecodecamp.org/news/if-name-main-python-example/",
"article4title": "Spanish: Callback",
"article4link": "https://www.freecodecamp.org/news/javascript-callback-functions-what-are-callbacks-in-js-and-how-to-use-them/",
"article5title": "Spanish: Debounce",
"article5link": "https://www.freecodecamp.org/news/debounce-javascript-tutorial-how-to-make-your-js-wait-up/",
"article6title": "Spanish: URL Encode",
"article6link": "https://www.freecodecamp.org/news/javascript-url-encode-example-how-to-use-encodeuricomponent-and-encodeuri/",
"article7title": "Spanish: Blink HTML",
"article7link": "https://www.freecodecamp.org/news/make-it-blink-html-tutorial-how-to-use-the-blink-tag-with-code-examples/",
"article8title": "Spanish: Python Tuple",
"article8link": "https://www.freecodecamp.org/news/python-returns-multiple-values-how-to-return-a-tuple-list-dictionary/",
"article9title": "Spanish: JavaScript Push",
"article9link": "https://www.freecodecamp.org/news/javascript-array-insert-how-to-add-to-an-array-with-the-push-unshift-and-concat-functions/",
"article10title": "Spanish: Java List",
"article10link": "https://www.freecodecamp.org/news/java-list-tutorial-util-list-api-example/",
"article11title": "Spanish: UX",
"article11link": "https://www.freecodecamp.org/news/learn-ux-design-self-taught-user-experience-designer/",
"article12title": "Spanish: Design Thinking",
"article12link": "https://www.freecodecamp.org/news/what-is-design-thinking-an-introduction-to-the-design-process-for-entrepreneurs-and-developers/",
"article13title": "Spanish: Prime Number List",
"article13link": "https://www.freecodecamp.org/news/prime-numbers-list-chart-of-primes/",
"article14title": "Spanish: Product Design",
"article14link": "https://www.freecodecamp.org/news/product-design-explained-in-plain-english/",
"article15title": "Spanish: Digital Design",
"article15link": "https://www.freecodecamp.org/news/what-is-digital-design-and-why-does-it-matter/",
"article16title": "Spanish: Coding Games",
"article16link": "https://www.freecodecamp.org/news/best-coding-games-online-adults-learn-to-code/",
"article17title": "Spanish: SVM",
"article17link": "https://www.freecodecamp.org/news/svm-machine-learning-tutorial-what-is-the-support-vector-machine-algorithm-explained-with-code-examples/",
"article18title": "Spanish: JavaScript forEach",
"article18link": "https://www.freecodecamp.org/news/javascript-foreach-how-to-loop-through-an-array-in-js/",
"article19title": "Spanish: Google BERT",
"article19link": "https://www.freecodecamp.org/news/google-bert-nlp-machine-learning-tutorial/",
"article20title": "Spanish: Create Table SQL",
"article20link": "https://www.freecodecamp.org/news/sql-create-table-statement-with-example-syntax/",
"article21title": "Spanish: Responsive Web Design",
"article21link": "https://www.freecodecamp.org/news/responsive-web-design-how-to-make-a-website-look-good-on-phones-and-tablets/",
"article22title": "Spanish: What Is an SVG File?",
"article22link": "https://www.freecodecamp.org/news/svg-basics-what-are-scalable-vector-graphics-and-how-do-you-use-them/",
"article23title": "Spanish: PDF Password Remover",
"article23link": "https://www.freecodecamp.org/news/pdf-password-remover-guide-how-to-remove-password-protection-from-a-pdf/",
"article24title": "Spanish: What Is a PDF?",
"article24link": "https://www.freecodecamp.org/news/what-is-a-pdf-file-and-how-do-you-open-it-solved/",
"article25title": "Spanish: What Is Python?",
"article25link": "https://www.freecodecamp.org/news/what-is-python-used-for-10-coding-uses-for-the-python-programming-language/",
"article26title": "Spanish: What Is TLS?",
"article26link": "https://www.freecodecamp.org/news/what-is-tls-transport-layer-security-encryption-explained-in-plain-english/",
"article27title": "Spanish: What Is a LAN?",
"article27link": "https://www.freecodecamp.org/news/what-is-a-lan-local-area-network-explained-in-plain-english/",
"article28title": "Spanish: What Is npm?",
"article28link": "https://www.freecodecamp.org/news/what-is-npm-a-node-package-manager-tutorial-for-beginners/",
"article29title": "Spanish: RSync Examples",
"article29link": "https://www.freecodecamp.org/news/rsync-examples-rsync-options-and-how-to-copy-files-over-ssh/",
"article30title": "Spanish: Random Forest",
"article30link": "https://www.freecodecamp.org/news/how-to-use-the-tree-based-algorithm-for-machine-learning/"
}

70
client/i18n/trending-schema.js Normal file
View File

@ -0,0 +1,70 @@
/* eslint-disable camelcase */
/* This is used for testing. If a trending.json file doesn't match the
* structure here exactly, the tests will fail.
*/
const { strictObject, stringType } = require('jest-json-schema-extended');
const trendingSchema = strictObject({
article1title: stringType,
article1link: stringType,
article2title: stringType,
article2link: stringType,
article3title: stringType,
article3link: stringType,
article4title: stringType,
article4link: stringType,
article5title: stringType,
article5link: stringType,
article6title: stringType,
article6link: stringType,
article7title: stringType,
article7link: stringType,
article8title: stringType,
article8link: stringType,
article9title: stringType,
article9link: stringType,
article10title: stringType,
article10link: stringType,
article11title: stringType,
article11link: stringType,
article12title: stringType,
article12link: stringType,
article13title: stringType,
article13link: stringType,
article14title: stringType,
article14link: stringType,
article15title: stringType,
article15link: stringType,
article16title: stringType,
article16link: stringType,
article17title: stringType,
article17link: stringType,
article18title: stringType,
article18link: stringType,
article19title: stringType,
article19link: stringType,
article20title: stringType,
article20link: stringType,
article21title: stringType,
article21link: stringType,
article22title: stringType,
article22link: stringType,
article23title: stringType,
article23link: stringType,
article24title: stringType,
article24link: stringType,
article25title: stringType,
article25link: stringType,
article26title: stringType,
article26link: stringType,
article27title: stringType,
article27link: stringType,
article28title: stringType,
article28link: stringType,
article29title: stringType,
article29link: stringType,
article30title: stringType,
article30link: stringType
});
exports.trendingSchema = trendingSchema;

122
client/src/components/Footer/__snapshots__/Footer.test.js.snap
View File

@ -77,148 +77,148 @@ exports[`<Footer /> matches snapshot 1`] = `
className="footer-col footer-col-1"
>
<a
href="https://www.freecodecamp.org/news/git-clone-branch-how-to-clone-a-specific-branch/"
href="trending:article1link"
rel="noopener noreferrer"
target="_blank"
>
Git Clone
trending:article1title
</a>
<a
href="https://www.freecodecamp.org/news/agile-methods-and-methodology-for-beginners/"
href="trending:article2link"
rel="noopener noreferrer"
target="_blank"
>
Agile Methods
trending:article2title
</a>
<a
href="https://www.freecodecamp.org/news/if-name-main-python-example/"
href="trending:article3link"
rel="noopener noreferrer"
target="_blank"
>
Python Main
trending:article3title
</a>
<a
href="https://www.freecodecamp.org/news/javascript-callback-functions-what-are-callbacks-in-js-and-how-to-use-them/"
href="trending:article4link"
rel="noopener noreferrer"
target="_blank"
>
Callback
trending:article4title
</a>
<a
href="https://www.freecodecamp.org/news/debounce-javascript-tutorial-how-to-make-your-js-wait-up/"
href="trending:article5link"
rel="noopener noreferrer"
target="_blank"
>
Debounce
trending:article5title
</a>
<a
href="https://www.freecodecamp.org/news/javascript-url-encode-example-how-to-use-encodeuricomponent-and-encodeuri/"
href="trending:article6link"
rel="noopener noreferrer"
target="_blank"
>
URL Encode
trending:article6title
</a>
<a
href="https://www.freecodecamp.org/news/make-it-blink-html-tutorial-how-to-use-the-blink-tag-with-code-examples/"
href="trending:article7link"
rel="noopener noreferrer"
target="_blank"
>
Blink HTML
trending:article7title
</a>
<a
href="https://www.freecodecamp.org/news/python-returns-multiple-values-how-to-return-a-tuple-list-dictionary/"
href="trending:article8link"
rel="noopener noreferrer"
target="_blank"
>
Python Tuple
trending:article8title
</a>
<a
href="https://www.freecodecamp.org/news/javascript-array-insert-how-to-add-to-an-array-with-the-push-unshift-and-concat-functions/"
href="trending:article9link"
rel="noopener noreferrer"
target="_blank"
>
JavaScript Push
trending:article9title
</a>
<a
href="https://www.freecodecamp.org/news/java-list-tutorial-util-list-api-example/"
href="trending:article10link"
rel="noopener noreferrer"
target="_blank"
>
Java List
trending:article10title
</a>
</div>
<div
className="footer-col footer-col-2"
>
<a
href="https://www.freecodecamp.org/news/learn-ux-design-self-taught-user-experience-designer/"
href="trending:article11link"
rel="noopener noreferrer"
target="_blank"
>
UX
trending:article11title
</a>
<a
href="https://www.freecodecamp.org/news/what-is-design-thinking-an-introduction-to-the-design-process-for-entrepreneurs-and-developers/"
href="trending:article12link"
rel="noopener noreferrer"
target="_blank"
>
Design Thinking
trending:article12title
</a>
<a
href="https://www.freecodecamp.org/news/prime-numbers-list-chart-of-primes/"
href="trending:article13link"
rel="noopener noreferrer"
target="_blank"
>
Prime Number List
trending:article13title
</a>
<a
href="https://www.freecodecamp.org/news/product-design-explained-in-plain-english/"
href="trending:article14link"
rel="noopener noreferrer"
target="_blank"
>
Product Design
trending:article14title
</a>
<a
href="https://www.freecodecamp.org/news/what-is-digital-design-and-why-does-it-matter/"
href="trending:article15link"
rel="noopener noreferrer"
target="_blank"
>
Digital Design
trending:article15title
</a>
<a
href="https://www.freecodecamp.org/news/best-coding-games-online-adults-learn-to-code/"
href="trending:article16link"
rel="noopener noreferrer"
target="_blank"
>
Coding Games
trending:article16title
</a>
<a
href="https://www.freecodecamp.org/news/svm-machine-learning-tutorial-what-is-the-support-vector-machine-algorithm-explained-with-code-examples/"
href="trending:article17link"
rel="noopener noreferrer"
target="_blank"
>
SVM
trending:article17title
</a>
<a
href="https://www.freecodecamp.org/news/javascript-foreach-how-to-loop-through-an-array-in-js/"
href="trending:article18link"
rel="noopener noreferrer"
target="_blank"
>
JavaScript forEach
trending:article18title
</a>
<a
href="https://www.freecodecamp.org/news/google-bert-nlp-machine-learning-tutorial/"
href="trending:article19link"
rel="noopener noreferrer"
target="_blank"
>
Google BERT
trending:article19title
</a>
<a
href="https://www.freecodecamp.org/news/sql-create-table-statement-with-example-syntax/"
href="trending:article20link"
rel="noopener noreferrer"
target="_blank"
>
Create Table SQL
trending:article20title
</a>
</div>
<div
@ -228,78 +228,78 @@ exports[`<Footer /> matches snapshot 1`] = `
className="footer-left"
>
<a
href="https://www.freecodecamp.org/news/responsive-web-design-how-to-make-a-website-look-good-on-phones-and-tablets/"
href="trending:article21link"
rel="noopener noreferrer"
target="_blank"
>
Responsive Web Design
trending:article21title
</a>
<a
href="https://www.freecodecamp.org/news/svg-basics-what-are-scalable-vector-graphics-and-how-do-you-use-them/"
href="trending:article22link"
rel="noopener noreferrer"
target="_blank"
>
What Is an SVG File?
trending:article22title
</a>
<a
href="https://www.freecodecamp.org/news/pdf-password-remover-guide-how-to-remove-password-protection-from-a-pdf/"
href="trending:article23link"
rel="noopener noreferrer"
target="_blank"
>
PDF Password Remover
trending:article23title
</a>
<a
href="https://www.freecodecamp.org/news/what-is-a-pdf-file-and-how-do-you-open-it-solved/"
href="trending:article24link"
rel="noopener noreferrer"
target="_blank"
>
What Is a PDF?
trending:article24title
</a>
<a
href="https://www.freecodecamp.org/news/what-is-python-used-for-10-coding-uses-for-the-python-programming-language/"
href="trending:article25link"
rel="noopener noreferrer"
target="_blank"
>
What Is Python?
trending:article25title
</a>
</div>
<div
className="footer-right"
>
<a
href="https://www.freecodecamp.org/news/what-is-tls-transport-layer-security-encryption-explained-in-plain-english/"
href="trending:article26link"
rel="noopener noreferrer"
target="_blank"
>
What Is TLS?
trending:article26title
</a>
<a
href="https://www.freecodecamp.org/news/what-is-a-lan-local-area-network-explained-in-plain-english/"
href="trending:article27link"
rel="noopener noreferrer"
target="_blank"
>
What Is a LAN?
trending:article27title
</a>
<a
href="https://www.freecodecamp.org/news/what-is-npm-a-node-package-manager-tutorial-for-beginners/"
href="trending:article28link"
rel="noopener noreferrer"
target="_blank"
>
What Is npm?
trending:article28title
</a>
<a
href="https://www.freecodecamp.org/news/rsync-examples-rsync-options-and-how-to-copy-files-over-ssh/"
href="trending:article29link"
rel="noopener noreferrer"
target="_blank"
>
RSync Examples
trending:article29title
</a>
<a
href="https://www.freecodecamp.org/news/how-to-use-the-tree-based-algorithm-for-machine-learning/"
href="trending:article30link"
rel="noopener noreferrer"
target="_blank"
>
Random Forest
trending:article30title
</a>
</div>
</div>
@ -307,7 +307,7 @@ exports[`<Footer /> matches snapshot 1`] = `
</div>
</div>
<div
className="footer-buttom"
className="footer-bottom"
>
<div
className="col-header"

10
client/src/components/Footer/footer.css
View File

@ -115,14 +115,14 @@ p.footer-donation a:hover {
margin: 0 0 3rem;
}
.footer-buttom .our-nonprofit {
.footer-bottom .our-nonprofit {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.footer-buttom .our-nonprofit a {
.footer-bottom .our-nonprofit a {
padding: 5px 10px;
}
@ -169,7 +169,7 @@ p.footer-donation a:hover {
.footer-container .col-spacer {
margin-top: 40px;
}
.footer-buttom .our-nonprofit a {
.footer-bottom .our-nonprofit a {
padding: 5px;
}
}
@ -209,12 +209,12 @@ p.footer-donation a:hover {
margin-top: 18px;
}
.footer-buttom .our-nonprofit {
.footer-bottom .our-nonprofit {
padding: 0 10px;
justify-content: space-between;
}
.footer-buttom .col-header {
.footer-bottom .col-header {
display: none;
}
.our-nonprofit {

272
client/src/components/Footer/index.js
View File

@ -42,260 +42,110 @@ function Footer() {
<div className='col-header'>{t('footer.trending-guides')}</div>
<div className='trending-guides-row'>
<div className='footer-col footer-col-1'>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/git-clone-branch-how-to-clone-a-specific-branch/'
}
>
Git Clone
<Link external={false} to={t('trending:article1link')}>
{t('trending:article1title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/agile-methods-and-methodology-for-beginners/'
}
>
Agile Methods
<Link external={false} to={t('trending:article2link')}>
{t('trending:article2title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/if-name-main-python-example/'
}
>
Python Main
<Link external={false} to={t('trending:article3link')}>
{t('trending:article3title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/javascript-callback-functions-what-are-callbacks-in-js-and-how-to-use-them/'
}
>
Callback
<Link external={false} to={t('trending:article4link')}>
{t('trending:article4title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/debounce-javascript-tutorial-how-to-make-your-js-wait-up/'
}
>
Debounce
<Link external={false} to={t('trending:article5link')}>
{t('trending:article5title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/javascript-url-encode-example-how-to-use-encodeuricomponent-and-encodeuri/'
}
>
URL Encode
<Link external={false} to={t('trending:article6link')}>
{t('trending:article6title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/make-it-blink-html-tutorial-how-to-use-the-blink-tag-with-code-examples/'
}
>
Blink HTML
<Link external={false} to={t('trending:article7link')}>
{t('trending:article7title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/python-returns-multiple-values-how-to-return-a-tuple-list-dictionary/'
}
>
Python Tuple
<Link external={false} to={t('trending:article8link')}>
{t('trending:article8title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/javascript-array-insert-how-to-add-to-an-array-with-the-push-unshift-and-concat-functions/'
}
>
JavaScript Push
<Link external={false} to={t('trending:article9link')}>
{t('trending:article9title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/java-list-tutorial-util-list-api-example/'
}
>
Java List
<Link external={false} to={t('trending:article10link')}>
{t('trending:article10title')}
</Link>
</div>
<div className='footer-col footer-col-2'>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/learn-ux-design-self-taught-user-experience-designer/'
}
>
UX
<Link external={false} to={t('trending:article11link')}>
{t('trending:article11title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/what-is-design-thinking-an-introduction-to-the-design-process-for-entrepreneurs-and-developers/'
}
>
Design Thinking
<Link external={false} to={t('trending:article12link')}>
{t('trending:article12title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/prime-numbers-list-chart-of-primes/'
}
>
Prime Number List
<Link external={false} to={t('trending:article13link')}>
{t('trending:article13title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/product-design-explained-in-plain-english/'
}
>
Product Design
<Link external={false} to={t('trending:article14link')}>
{t('trending:article14title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/what-is-digital-design-and-why-does-it-matter/'
}
>
Digital Design
<Link external={false} to={t('trending:article15link')}>
{t('trending:article15title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/best-coding-games-online-adults-learn-to-code/'
}
>
Coding Games
<Link external={false} to={t('trending:article16link')}>
{t('trending:article16title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/svm-machine-learning-tutorial-what-is-the-support-vector-machine-algorithm-explained-with-code-examples/'
}
>
SVM
<Link external={false} to={t('trending:article17link')}>
{t('trending:article17title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/javascript-foreach-how-to-loop-through-an-array-in-js/'
}
>
JavaScript forEach
<Link external={false} to={t('trending:article18link')}>
{t('trending:article18title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/google-bert-nlp-machine-learning-tutorial/'
}
>
Google BERT
<Link external={false} to={t('trending:article19link')}>
{t('trending:article19title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/sql-create-table-statement-with-example-syntax/'
}
>
Create Table SQL
<Link external={false} to={t('trending:article20link')}>
{t('trending:article20title')}
</Link>
</div>
<div className='footer-col footer-col-3'>
<div className='footer-left'>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/responsive-web-design-how-to-make-a-website-look-good-on-phones-and-tablets/'
}
>
Responsive Web Design
<Link external={false} to={t('trending:article21link')}>
{t('trending:article21title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/svg-basics-what-are-scalable-vector-graphics-and-how-do-you-use-them/'
}
>
What Is an SVG File?
<Link external={false} to={t('trending:article22link')}>
{t('trending:article22title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/pdf-password-remover-guide-how-to-remove-password-protection-from-a-pdf/'
}
>
PDF Password Remover
<Link external={false} to={t('trending:article23link')}>
{t('trending:article23title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/what-is-a-pdf-file-and-how-do-you-open-it-solved/'
}
>
What Is a PDF?
<Link external={false} to={t('trending:article24link')}>
{t('trending:article24title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/what-is-python-used-for-10-coding-uses-for-the-python-programming-language/'
}
>
What Is Python?
<Link external={false} to={t('trending:article25link')}>
{t('trending:article25title')}
</Link>
</div>
<div className='footer-right'>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/what-is-tls-transport-layer-security-encryption-explained-in-plain-english/'
}
>
What Is TLS?
<Link external={false} to={t('trending:article26link')}>
{t('trending:article26title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/what-is-a-lan-local-area-network-explained-in-plain-english/'
}
>
What Is a LAN?
<Link external={false} to={t('trending:article27link')}>
{t('trending:article27title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/what-is-npm-a-node-package-manager-tutorial-for-beginners/'
}
>
What Is npm?
<Link external={false} to={t('trending:article28link')}>
{t('trending:article28title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/rsync-examples-rsync-options-and-how-to-copy-files-over-ssh/'
}
>
RSync Examples
<Link external={false} to={t('trending:article29link')}>
{t('trending:article29title')}
</Link>
<Link
external={false}
to={
'https://www.freecodecamp.org/news/how-to-use-the-tree-based-algorithm-for-machine-learning/'
}
>
Random Forest
<Link external={false} to={t('trending:article30link')}>
{t('trending:article30title')}
</Link>
</div>
</div>
</div>
</div>
</div>
<div className='footer-buttom'>
<div className='footer-bottom'>
<div className='col-header'>{t('footer.our-nonprofit')}</div>
<div className='footer-divder' />
<div className='our-nonprofit'>