Add Hungarian language and small fixes

js/desktopCal.js

@@ -410,7 +410,8 @@ function generateCalendar( month, year, canvas = null ) {
 			let i = initialWeekday,
 				d = ndays[ prevMon ] - ( dow < initialWeekday ? dow + 7 : dow ) + initialWeekday + 1;
 			do {
-				html += '<td class="prev-month' + ( i == 0 || checkHoliday( month == 1 ? year - 1 : year, prevMon, d ).length ? ' holiday' : '' ) + '">' + d;
+				html += '<td class="prev-month' + ( i == 0 || checkHoliday( month == 1 ? year - 1 : year, prevMon, d ).length ? ' holiday' : '' ) + '"><span class="day">' + d + '</span>';
+
 				i = ++i % 7;
 				d++;
 			} while ( d <= ndays[ prevMon ] );
@@ -441,17 +442,17 @@ function generateCalendar( month, year, canvas = null ) {
 		}
 		else {
 			if ( holidays.length ) {
-				html += `<td class="holiday">${ i }<span class="holiday-name">`;
+				html += `<td class="holiday"><span class="day">${ i }</span><div class="holidays"><span class="holiday-name">`;
 				holidayList += `<span>${ i } - `;
 				holidays.forEach( ( name, idx ) => {
-					html += ( idx ? '<br>' : '' ) + name;
+					html += ( idx ? '</span><span class="holiday-name">' : '' ) + name;
 					holidayList += ( idx ? ' / ' : '' ) + name;
 				});
 				html += '</span>';
-				holidayList += '</span>';
+				holidayList += '</span></div>';
 			}
 			else
-				html += `<td${ dow == 0 ? ' class="holiday"' : ''}>${ i }`;
+				html += `<td${ dow == 0 ? ' class="holiday"' : ''}><span class="day">${ i }</span>`;
 		}
 
 		dow = ++dow % 7;
@@ -711,7 +712,7 @@ function initialize() {
 	let loaded = 0;
 
 	for ( const i of [0,1] ) {
-		fetch( `https://picsum.photos/${w}/${w*.75}/?random` )
+		fetch( `https://picsum.photos/${w}/${(w*.75).toFixed()}.jpg/?random`)
 		.then( response => response.blob() )
 		.then( blob => {
 			const url   = URL.createObjectURL( blob ),

js/holidays.js

@@ -188,6 +188,24 @@ function checkHoliday( year, month, day ) {
 			);
 			break;
 
+		case 'hu':
+			holidays.push(
+				{ date: '1-1', name: 'Újév' },
+				{ date: '3-15', name: '1848-as forradalom' },
+				{ date: '8-20', name: 'Államalapítás ünnepe' },
+				{ date: '5-1', name: 'A munka ünnepe' },
+				{ date: '10-23', name: '1956-os forradalom' },
+				{ date: '11-1', name: 'Mindenszentek' },
+				{ date: '12-25', name: 'Karácsony napja' },
+				{ date: '12-26', name: 'Karácsony másnapja' },
+				{ date: dateToMonthDay( dateAdd( easterSunday, -2 ) ), name: 'Nagypéntek' },
+				{ date: dateToMonthDay( dateAdd( easterSunday, 0 ) ), name: 'Húsvétvasárnap' },
+				{ date: dateToMonthDay( dateAdd( easterSunday, 1 ) ), name: 'Húsvéthétfő' },
+				{ date: dateToMonthDay( dateAdd( easterSunday, 49 ) ), name: 'Pünkösdvasárnap' },
+				{ date: dateToMonthDay( dateAdd( easterSunday, 50 ) ), name: 'Pünkösdhétfő' }
+			);
+			break;
+
 		case 'fr':
 			holidays.push(
 				{ date: '1-1', name: 'Nouvel an' },
@@ -528,6 +546,8 @@ function listCustomHolidays() {
 	var html = '',
 		holidays = getCustomHolidays();
 
+	console.table(holidays);
+
 	holidays.forEach( ( item, i ) => {
 		let d = item.date.split('-');
 		html += `<tr><td>${msg[lang].monthNames[ d[0] ]}</td><td>${d[1]}</td><td>${item.name}</td><td><button type="button" onclick="deleteCustomHoliday( ${i} );">${msg[lang].delete}</button></td></tr>`;

js/i18n.js

@@ -56,6 +56,7 @@ const countries = {
 	ca: { name: 'Canada' },
 	de: { name: 'Deutschland' },
 	es: { name: 'España' },
+	hu: { name: 'Magyarország' },
 	fr: { name: 'France' },
 	mx: { name: 'Mexico' },
 	pt: { name: 'Portugal' },
@@ -434,6 +435,98 @@ const msg = {
 		fold:       'plier sur les lignes pointillées',
 	},
 
+	hu: {
+		langName:   'Magyar',
+		defCountry: 'hu',
+		monthNames: [ 'Hónap', 'Január', 'Február', 'Március', 'Április', 'Május', 'Június', 'Július', 'Augusztus', 'Szeptember', 'Október', 'November', 'December' ],
+		weekDays:   [ 'Vas', 'Hét', 'Ked', 'Sze', 'Csü', 'Pén', 'Szo' ],
+		weekStart:  'A hét kezdőnapja',
+		sunday:     'Vasárnap',
+		monday:     'Hétfő',
+		year:       'Év',
+		month:      'Hónap',
+		day:        'Nap',
+		credits:    '<strong>desktopCal.js</strong> által',
+		creditTitle:'Lábléc',
+		creditDescr:'Testreszabható lábléc',
+		front:      '1. oldal',
+		back:       '2. oldal',
+		design:     'Elrendezés kiválasztása',
+		edit:       'Kép, hónap és év kiválasztása',
+		language:   'Nyelv',
+		layout:     'Elrendezés',
+		desktopCal: 'Asztali naptár',
+		wallSingle: 'Álló falinaptár',
+		digitalBg:  'Digitális háttérkép',
+		screenConf: 'Képernyő beállítás',
+		screenRes:  'Képernyő felbontás',
+		chgOrient:  'Orientáció váltás',
+		calStyle:   'Naptár kinézet',
+		small:      'Kis méretű naptár',
+		medium:     'Közepes méretű naptár',
+		large:      'Nagy méretű naptár',
+		column:     'Függőleges oszlop',
+		row:        'Vízszintes sor',
+		calSettings: 'Naptár beállítás',
+		modern:     'Modern',
+		classic:    'Klasszikus',
+		showHolidays: 'Ünnepek nevei',
+		yes:        'Igen',
+		no:         'Nem',
+		horAlign:   'Vízszintes igazítás',
+		verAlign:   'Függőleges igazítás',
+		left:       'Bal',
+		horCenter:  'Vízszintes-közép',
+		right:      'Jobb',
+		top:        'Fent',
+		verCenter:  'Függőleges-közép',
+		bottom:     'Lent',
+		width:      'Szélesség',
+		height:     'Magasság',
+		pixels:     'pixel',
+		rotateR:    'Óramutató járásával megegyező irányba forgat',
+		rotateL:    'Óramutató járásával ellenkező irányba forgat',
+		flipH:      'Vízszintesen tükröz',
+		flipV:      'Függőlegesen tükröz',
+		reset:      'Visszaállít',
+		colors:     'Színek',
+		colorPresets: 'Színösszeállítások',
+		saveColors: 'Új színösszeállítást elment',
+		deletePreset: 'Tényleg törölni szeretné az egyéni színsémát?\nEZ A MŰVELETET NEM VISSZAVONHATÓ!',
+		bgColor:    'Háttérszín',
+		bgOpacity:  'Háttér áttetszőség',
+		textColor:  'Szövegszín',
+		holidayColor:'Ünnepek színe',
+		loadImage:  'Fénykép betöltése',
+		holidays:   'Ünnepek',
+		countryHolidays: 'Nemzeti ünnepek',
+		customHolidays: 'Saját ünnepek',
+		description: 'Leírás',
+		none:       'Egyik sem',
+		add:        'Hozzáad',
+		delete:     'Töröl',
+		load:       'Betölt',
+		imgNotice:  'A képek NEM kerülnek feltöltésre, feldolgozás kizrólag a helyi böngészőben történik.',
+		printIt:    'Nyomtatás',
+		paperSize:  'Papírméret / méretarány:',
+		paperIso:   'A3 vagy A4',
+		paperLegal: 'Legal',
+		paperLetter:'Letter',
+		paperTabloid:'Tabloid',
+		print:      'Előkészít és nyomtat',
+		tipBgImg:   'Nyomtatási beállítások: <strong>nyomtassa a háttérgrafikát is</strong>;',
+		tipPortrait:'oldal orientációja (<em>elrendezés</em>): <strong>álló</strong>;',
+		tipMargins: 'nyomtatási margók: <strong>minimális</strong>;',
+		tipHeaders: 'fejlécek és láblécek <strong>elrejtése</strong> a nyomtatóbeállítási panelen.',
+		downloadIt: 'Háttérkép letöltése',
+		download:   'Letöltés',
+		fileFormat: 'Fájl formátum',
+		loading:    'Betöltés...',
+		loadingTip: 'Ha túl sokáig tart, próbáljon meg betölteni egy másik képet.',
+		preview:    'Előnézet:',
+		fold:       'behajtás a szaggatott vonalak mentén',
+	},
+
 	pt: {
 		langName:   'Português',
 		defCountry: 'br',

styles.css

@@ -128,6 +128,10 @@ p {
 	display: inline-block;
 	margin: 0 calc( ( 100vw - 1230px ) / 4 );
 }
+/* make space for credits */
+#preview {
+    margin-bottom: 5em !important;
+}
 
 #config {
 	color: #555;
@@ -455,7 +459,7 @@ label .note {
 	font-weight: normal;
 	height: 10%;
 	text-align: center;
-	text-transform: uppercase;
+	text-transform: capitalize;
 }
 .calendar table td {
 	position: relative;
@@ -628,4 +632,4 @@ label .note {
 	.wall-single .top-half .note {
 		display: none;
 	}
-}
+}