Add more languages

[davepaiva]

Is your feature request related to a problem? Please describe.
Make amche more accessible by adding more language support, especially Konkani , Hindi & Marathi.

[planemad]

Broadly we should scope this into two parts which each have a very different workflow and implementation:

• Translation of the site interface/layer descriptions (P1) - This ticket
• Translation of the map (P2) - More complex

For reference, the state of the art machine translation model for Indic languages is IndicTrans2 by IITM.

For the actual translations, might be worth evaluating if the output is good enough for us to leverage https://ai4bharat.iitm.ac.in/areas/model/NMT/IndicTrans2

@davepaiva what would you think is the first step to move ahead with this?

[davepaiva]

@planemad we can start with translating the app interface .
The IITM project looks promising , I shall evaluate

[planemad]

we can start with translating the app interface .

On the interface, the primary element are the various map layers and descriptions

amche-goa/index.html

Lines 187 to 329 in a2dae0e

	let layersConfig = [
	{
	title: 'Community Pins',
	description: 'Community Added Locations',
	headerImage: 'assets/map-layer-pins.png',
	type: 'markers',
	id: 'community-pins',
	dataUrl: 'https://docs.google.com/spreadsheets/d/1Y0l4aSIdks8G3lmxSxSKxuzLoARL-FCiYbTL9a0b3O0/gviz/tq?tqx=out:json&tq&gid=0',
	attribution: 'Locations added by the community',
	style: {
	color: '#FF4136',
	radius: 8
	},
	inspect: {
	title: 'Pin Details',
	label: 'name',
	fields: ['Location Name', 'Latitude', 'Longitude', 'Additional Notes (optional)', 'Timestamp_ago'],
	fieldTitles: ['Name', 'Lat', 'Lon', 'Notes', 'Added'],
	}
	},
	{
	title: 'Survey Boundaries',
	description: 'Cadastral Boundaries',
	headerImage: 'assets/map-layer-survey.png',
	type: 'vector',
	id: 'goa-cadastral',
	url: 'https://indianopenmaps.fly.dev/not-so-open/cadastrals/goa/bhunaksha/{z}/{x}/{y}.pbf',
	sourceLayer: 'Goa_Bhunaksha_Cadastrals',
	opacity: 0.7,
	attribution: 'Source: <a href="https://bhunaksha.goa.gov.in/bhunaksha/">Goa Bhunaksha</a> - Collected by <a href="https://datameet.org">Datameet Community</a>',
	style: {
	color: '#555',
	width: .2,
	fillOpacity: 0.03
	},
	initiallyChecked: true,
	inspect: {
	id: 'id',
	title: 'Survey Number',
	label: 'kide',
	fields: ['VillageNam', 'TalName'],
	fieldTitles: ['Village', 'Taluk'],
	customHtml: 'Source: <a href="https://bhunaksha.goa.gov.in/bhunaksha/" target="_blank">Bhunaksha Goa</a> | <a href="https://goaonline.gov.in/Appln/Uil/DeptServices?__DocId=REV&__ServiceId=REV31" target="_blank">View RoR</a>'
	}
	},
	{
	title: 'Hill Slopes',
	description: 'Select Slope Source:',
	headerImage: 'assets/map-layer-slope.png',
	legendImage: 'assets/map-layer-slope-legend.jpg',
	layers: [
	{
	id: 'isro slope',
	label: 'ISRO CartoDEM 2.5m (Bardez)',
	sourceUrl: 'https://bhuvan-app3.nrsc.gov.in/data/',
	location: 'Guirim'
	},
	{
	id: 'aster slope',
	label: 'NASA Aster 30m (Goa Coast)',
	sourceUrl: 'https://gdemdl.aster.jspacesystems.or.jp/index_en.html',
	location: 'Panaji'
	}
	]
	},
	{
	title: 'Landuse Zones',
	description: 'Regional Development Plans 2021',
	headerImage: 'assets/map-layer-rdp.png',
	legendImage: 'assets/map-layer-rdp-legend.jpg',
	type: 'tms',
	id: 'goa-rdp-map',
	url: 'https://mapwarper.net/mosaics/tile/2054/{z}/{x}/{y}.png',
	opacity: 0.9,
	attribution: 'RDP 2021 plans from Goa TCP https://tcp.goa.gov.in/',
	initiallyChecked: true
	},
	{
	title: 'SOI Toposheets',
	description: 'Survey of India',
	headerImage: 'assets/map-layer-soi.png',
	legendImage: 'assets/map-layer-soi-legend.png',
	type: 'tms',
	id: 'goa-soi-map',
	url: 'https://indianopenmaps.fly.dev/soi/osm/{z}/{x}/{y}.webp',
	opacity: 0.9,
	attribution: 'Open Series Toposheets from Survey of India https://onlinemaps.surveyofindia.gov.in/FreeMapSpecification.aspx',
	},
	{
	title: 'Goa CZMP',
	description: 'Coastal Zone Management Plan 2019',
	headerImage: 'assets/map-layer-czmp.png',
	legendImage: 'assets/map-layer-czmp-legend.jpg',
	type: 'tms',
	id: 'goa-czmp-map',
	url: 'https://indianopenmaps.fly.dev/not-so-open/coastal/goa/regulation/ncscm/{z}/{x}/{y}.webp',
	opacity: 0.9,
	attribution: 'Source: <a href="https://czmp.ncscm.res.in/">National Center For Sustainable Coastal Management</a> - Collected by <a href="https://datameet.org">Datameet Community</a>'
	},
	{
	title: 'OpenStreetMap',
	description: 'OpenStreetMap Data',
	headerImage: 'assets/map-layer-osm.png',
	type: 'osm',
	layers: [
	{
	id: 'osm-tiles',
	label: 'OpenStreetMap',
	sourceUrl: 'https://www.openstreetmap.org/copyright',
	location: 'Panaji'
	}
	]
	},
	{
	title: 'Construction Sites',
	description: 'Construction Project Sites',
	headerImage: 'assets/map-layer-construction.png',
	type: 'geojson',
	id: 'construction-sites',
	data: geojsonData,
	attribution: 'Construction project sites in Goa',
	style: {
	fill: false,
	line: {
	color: '#ff0000',
	width: 2
	},
	label: {
	color: '#000000',
	size: 12,
	haloColor: '#ffffff',
	haloWidth: 2
	}
	}
	},
	{
	title: '3D Terrain',
	description: 'Terrain Controls',
	headerImage: 'assets/map-layer-terrain.png',
	type: 'terrain',
	initiallyChecked: true
	}
	];

Never done l10n on a site before. Curious to know what changes are required to enable a basic translation to happen.