The Atlas Educação uses the Brazilian Demographic Census and the School Census
- to highlight which areas have inadequate access to public secondary education.
- Use the map to explore every neighborhood in Brazil to see which have the most
- and the least access to high-quality public high schools.
-
-
Each dot represents the likely location of a group of 10 children in high-school age
- based on the 2010 Brazilian Census. Schools are not shown on the map, but their location
- was used to calculate the supply of high-school seats for each student in their area.
- All variables (except income and gender) are scaled to each state because most public high-schools in Brazil
- are managed by state-level institutions and policies.
- See full explanation in the Methodology section.
-
+
{t('popup.welcomeTitle')}
+ }}/>
+
+
+
+
+
+
-
+
);
};
-export default Popup;
+export default Popup;
\ No newline at end of file
diff --git a/src/components/Subheader.css b/src/components/Subheader.css
index 9245beb..8a60599 100644
--- a/src/components/Subheader.css
+++ b/src/components/Subheader.css
@@ -25,6 +25,8 @@
color: #333; /* Gray color for the description */
margin: 0; /* Remove default margin */
padding-left: 35px; /* Left padding for the description */
+ padding-right: 65px; /* Left padding for the description */
+
padding-top: 5px; /* Top padding for the description */
padding-bottom: 15px; /* Bottom padding for the description */
}
\ No newline at end of file
diff --git a/src/components/geojson_split.py b/src/components/geojson_split.py
deleted file mode 100644
index dfe0f52..0000000
--- a/src/components/geojson_split.py
+++ /dev/null
@@ -1 +0,0 @@
-geojson_split.py
\ No newline at end of file
diff --git a/src/i18n.js b/src/i18n.js
new file mode 100644
index 0000000..bf4c9cc
--- /dev/null
+++ b/src/i18n.js
@@ -0,0 +1,25 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import Backend from 'i18next-http-backend';
+import LanguageDetector from 'i18next-browser-languagedetector';
+
+i18n
+ .use(Backend)
+ .use(LanguageDetector)
+ .use(initReactI18next)
+ .init({
+ fallbackLng: 'en', // Fallback language if detection fails
+ debug: true, // Set to false in production
+ detection: {
+ order: ['localStorage', 'navigator'], // Detect language from localStorage first, then browser language
+ caches: ['localStorage'], // Store user language choice in localStorage
+ },
+ interpolation: {
+ escapeValue: false, // React already escapes values
+ },
+ backend: {
+ loadPath: '/locales/{{lng}}/{{ns}}.json', // Path to your translation files
+ },
+ });
+
+export default i18n;
diff --git a/src/index.js b/src/index.js
index 0fff0a9..99b42d2 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,6 +2,7 @@ import React from 'react';
import { createRoot } from 'react-dom/client';
import App from './App';
import './index.css';
+import './i18n'; // Import the i18next configuration
// Get the root container element from the HTML
const container = document.getElementById('root');