From c615916be11613272999aec38dd6c214e94bb50c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Dere=C5=BEi=C4=87?= <nikola.derezic@gmail.com>
Date: Thu, 15 Feb 2024 09:18:26 +0100
Subject: [PATCH 1/4] title page translated to english

---
 app/login/page.tsx    | 22 +++++++++++-----------
 app/ui/PageFooter.tsx |  2 +-
 app/ui/PageHeader.tsx |  2 +-
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/app/login/page.tsx b/app/login/page.tsx
index 175d48e..431beb5 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -39,12 +39,12 @@ const Page:FC = async () => {
  return (
     <Main>
       <h1 className="text-3xl font-bold text-center">
-        <span className="text-neutral-50 mr-3">Što je pristiglo?</span>
-        <span className="text-indigo-400">Što je plaćeno?</span>
-        <span className="text-neutral-50 ml-3">Koliki su mi troškovi?</span>
+        <span className="text-neutral-50 mr-3">Which bills are due?</span>
+        <span className="text-indigo-400">Which are payed?</span>
+        <span className="text-neutral-50 ml-3">How much are my expenses?</span>
       </h1>
-      <p className="p mt-[1em] text-center">To su pitanja na koje ova jednostavna i besplatna aplikacija daje odgovore ...</p>
-      <p className="p mb-[1em] text-center">... isprobajte je i koristite potpuno besplatno!</p>
+      <p className="p mt-[1em] text-center">These are the questions this simple and free app will help you with ...</p>
+      <p className="p mb-[1em] text-center">... try it & use it completly free!</p>
       <span className="text-center">
       {
         Object.values(providers).map((provider) => (
@@ -57,18 +57,18 @@ const Page:FC = async () => {
       <video className="m-auto mt-4" title="Demo osnovnih koraka u aplikaciji" role="img" data-js-id="hero" loop muted playsInline autoPlay poster="hero.png">
         <source src="/welcome-demo-vp9-25fps-1500bps.webm" type="video/webm" />
       </video>
-      <h1 className="text-2xl font-bold text-neutral-50 my-5">Automatsko prenošenje stavaka u idući mjesec</h1>
-      <p className="p mt-[1em]">Sve vaše nekretnine i popis računa se automatski prenosi u novi mjesec ... što znači da ne morate svaki puta sve kreirati iz početka!</p>
+      <h1 className="text-2xl font-bold text-neutral-50 my-5">Easy copy of expenditures</h1>
+      <p className="p mt-[1em]">All your realestate and utilitys are automatically copied to the next month, so you don't neeed to do it by hand.</p>
       <video className="m-auto mt-4" title="Demo kopiranja mjeseca" role="img" data-js-id="hero" loop muted playsInline autoPlay poster="bar-code-demo.png">
         <source src="/kopiranje-mjeseca-demo.webm" type="video/webm" />
       </video>
 
-      <h1 className="text-2xl font-bold text-neutral-50 my-5">Boja označava status računa</h1>
-      <p className="p mt-[1em]">Jednim pogledom možete vidjeti na koji račun je zakačen PDF dokument i koji od računa je plaćen...</p>
+      <h1 className="text-2xl font-bold text-neutral-50 my-5">Color signals status</h1>
+      <p className="p mt-[1em]">Each of trhe utility bills is color coded - at a glance you can see which bill was received and which one is payed.</p>
       <Image src="/status-color-demo.png" alt="Boje označavaju status računa" className="m-auto mt-4" width={423} height={145} />
 
-      <h1 className="text-2xl font-bold text-neutral-50 my-5">Prikaz 2D koda za plaćanje</h1>
-      <p className="p mt-[1em]">Ako PDF dokument sadrži 2D kod uz plaćanje, on će automatski biti prikazan na stranici računa. Tako ga možete skenirati bez da otvarate PDF dokument...</p>
+      <h1 className="text-2xl font-bold text-neutral-50 my-5">Extraction of 2D bar code</h1>
+      <p className="p mt-[1em]">If the attached dokument contains a 2D bar code, it is automatically extracted and shown on the page, so you can scan it without opening the PDF document.</p>
       <video className="m-auto mt-4" title="Demo generiranja 2D bar koda" role="img" data-js-id="hero" loop muted playsInline autoPlay poster="bar-code-demo.png">
         <source src="/bar-code-demo.webm" type="video/webm" />
       </video>
diff --git a/app/ui/PageFooter.tsx b/app/ui/PageFooter.tsx
index 1ddbc3f..415cb2e 100644
--- a/app/ui/PageFooter.tsx
+++ b/app/ui/PageFooter.tsx
@@ -8,7 +8,7 @@ export const PageFooter: React.FC = () =>
             <div>
                 <div className="flex items-center gap-2">
                     <Image src="/icon4.png" alt="logo" width={64} height={64}></Image>
-                    <div className="font-title inline-flex text-3xl font-black ml-2">Moje Režije</div>
+                    <div className="font-title inline-flex text-3xl font-black ml-2">Režije</div>
                 </div>
                 <p className="text-base-content/70 mb-5">Web aplikacija za vođenje evidencije o pristiglim i plaćenim režijskim troškovima</p>
                 <Link href="/" className="link link-hover">Home</Link>
diff --git a/app/ui/PageHeader.tsx b/app/ui/PageHeader.tsx
index b304382..45867ce 100644
--- a/app/ui/PageHeader.tsx
+++ b/app/ui/PageHeader.tsx
@@ -3,5 +3,5 @@ import Link from "next/link";
 
 export const PageHeader = () =>
 <div className="navbar bg-base-100 mb-6">
-    <Link className="btn btn-ghost text-xl" href="/"><Image src="/icon3.png" alt="logo" width={48} height={48} /> Moje Režije</Link>
+    <Link className="btn btn-ghost text-xl" href="/"><Image src="/icon3.png" alt="logo" width={48} height={48} /> Režije</Link>
 </div>
\ No newline at end of file

From 37e1c8df0ea52fc60b9d0bcd849e330b119feba6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Dere=C5=BEi=C4=87?= <nikola.derezic@gmail.com>
Date: Thu, 15 Feb 2024 09:22:22 +0100
Subject: [PATCH 2/4] translation to english

---
 app/ui/AddMonthButton.tsx | 2 +-
 app/ui/PageFooter.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/ui/AddMonthButton.tsx b/app/ui/AddMonthButton.tsx
index af8e0f9..d42ca99 100644
--- a/app/ui/AddMonthButton.tsx
+++ b/app/ui/AddMonthButton.tsx
@@ -10,7 +10,7 @@ export interface AddMonthButtonProps {
 
 export const AddMonthButton:React.FC<AddMonthButtonProps> = ({ yearMonth }) =>
 <div className="card card-compact shadow-s mb-4">
-    <Link href={`/year-month/${formatYearMonth(yearMonth)}/add`} className='grid self-center tooltip' data-tip="Dodaj novi mjesec">
+    <Link href={`/year-month/${formatYearMonth(yearMonth)}/add`} className='grid self-center tooltip' data-tip="Create next month">
         <span className='flex self-center'>
             <CalendarDaysIcon className="h-[1em] w-[1em] cursor-pointer text-4xl"  />
             <PlusCircleIcon className="h-[1em] w-[1em] cursor-pointer text-xl text-green-500 ml-[-.4em] mt-[-.4em]"  />
diff --git a/app/ui/PageFooter.tsx b/app/ui/PageFooter.tsx
index 415cb2e..62e47b5 100644
--- a/app/ui/PageFooter.tsx
+++ b/app/ui/PageFooter.tsx
@@ -10,7 +10,7 @@ export const PageFooter: React.FC = () =>
                     <Image src="/icon4.png" alt="logo" width={64} height={64}></Image>
                     <div className="font-title inline-flex text-3xl font-black ml-2">Režije</div>
                 </div>
-                <p className="text-base-content/70 mb-5">Web aplikacija za vođenje evidencije o pristiglim i plaćenim režijskim troškovima</p>
+                <p className="text-base-content/70 mb-5">App for keeping track of your utility bills.</p>
                 <Link href="/" className="link link-hover">Home</Link>
                 <Link href="/policy/" className="link link-hover">Privacy Policy</Link>
                 <Link href="/terms/" className="link link-hover">Terms of Service</Link>

From a55f90972c4fac185b61a620a528dd0fb58af4c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Dere=C5=BEi=C4=87?= <nikola.derezic@gmail.com>
Date: Thu, 15 Feb 2024 09:34:06 +0100
Subject: [PATCH 3/4] added labels to buttons

---
 app/ui/AddLocationButton.tsx | 5 +++--
 app/ui/AddMonthButton.tsx    | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/ui/AddLocationButton.tsx b/app/ui/AddLocationButton.tsx
index f0a7ff2..becd871 100644
--- a/app/ui/AddLocationButton.tsx
+++ b/app/ui/AddLocationButton.tsx
@@ -11,10 +11,11 @@ export interface AddLocationButtonProps {
 
 export const AddLocationButton:React.FC<AddLocationButtonProps> = ({yearMonth}) =>
 <div className="card card-compact card-bordered bg-base-100 shadow-s my-1">
-    <Link href={`/location/${ formatYearMonth(yearMonth) }/add`} className="card-body tooltip self-center" data-tip="Add a new billing location">
-        <span className='flex self-center' data-tip="Add a new billing location">
+    <Link href={`/location/${ formatYearMonth(yearMonth) }/add`} className="card-body tooltip self-center" data-tip="Add a new realestate">
+        <span className='flex self-center mr-[-3em]' data-tip="Add a new realestate">
             <HomeIcon className="h-[1em] w-[1em] cursor-pointer text-4xl" />
             <PlusCircleIcon className="h-[1em] w-[1em] cursor-pointer text-xl text-green-500 ml-[-.6em] mt-[-.4em]"  />
+            <span className="ml-1 mt-[.4em] text-xs text-left leading-[1.2em]">Add now<br/>realestate</span>
         </span>
     </Link>
 </div>;
\ No newline at end of file
diff --git a/app/ui/AddMonthButton.tsx b/app/ui/AddMonthButton.tsx
index d42ca99..204df8c 100644
--- a/app/ui/AddMonthButton.tsx
+++ b/app/ui/AddMonthButton.tsx
@@ -10,10 +10,11 @@ export interface AddMonthButtonProps {
 
 export const AddMonthButton:React.FC<AddMonthButtonProps> = ({ yearMonth }) =>
 <div className="card card-compact shadow-s mb-4">
-    <Link href={`/year-month/${formatYearMonth(yearMonth)}/add`} className='grid self-center tooltip' data-tip="Create next month">
-        <span className='flex self-center'>
+    <Link href={`/year-month/${formatYearMonth(yearMonth)}/add`} className='grid self-center tooltip' data-tip="Add next month">
+        <span className='flex self-center mr-[-3em]'>
             <CalendarDaysIcon className="h-[1em] w-[1em] cursor-pointer text-4xl"  />
             <PlusCircleIcon className="h-[1em] w-[1em] cursor-pointer text-xl text-green-500 ml-[-.4em] mt-[-.4em]"  />
+            <span className="ml-1 mt-1 text-xs text-left leading-[1.2em]">Add next<br/>month</span>
         </span>
     </Link>
 </div>;

From eb82df387d420a9f4e79fcb9684b83078536dbb1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Dere=C5=BEi=C4=87?= <nikola.derezic@gmail.com>
Date: Thu, 15 Feb 2024 09:34:13 +0100
Subject: [PATCH 4/4] translating to english

---
 app/ui/PageFooter.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/ui/PageFooter.tsx b/app/ui/PageFooter.tsx
index 62e47b5..0e0cbf4 100644
--- a/app/ui/PageFooter.tsx
+++ b/app/ui/PageFooter.tsx
@@ -10,7 +10,7 @@ export const PageFooter: React.FC = () =>
                     <Image src="/icon4.png" alt="logo" width={64} height={64}></Image>
                     <div className="font-title inline-flex text-3xl font-black ml-2">Režije</div>
                 </div>
-                <p className="text-base-content/70 mb-5">App for keeping track of your utility bills.</p>
+                <p className="text-base-content/70 mb-5">App for helping you keeping track of your utility bills.</p>
                 <Link href="/" className="link link-hover">Home</Link>
                 <Link href="/policy/" className="link link-hover">Privacy Policy</Link>
                 <Link href="/terms/" className="link link-hover">Terms of Service</Link>