Merge pull request #111 from smswithoutborders/staging

updated papers and update the website

Author: PromiseFru

README.md

@@ -49,3 +49,86 @@ In addition to React, we utilized the following packages to enhance functionalit
 - React Icons
 
 Feel free to explore and contribute to make SMS Without Borders even better!
+
+
+
+---------------------------------------------------------------------------------------------------------------------------------------------
+
+# Research & Publications Section – Integration Guide
+
+## Overview
+
+This adds a fully-featured **Research & Publications** page to the SMSWithoutBorders website that:
+
+- Displays all papers, white papers, and threads in a searchable, filterable grid
+- Lets non-developers **add new papers by only editing one JSON file** — no React code needed
+- Supports search by title, topic, author, or keyword
+- Supports filtering by type (whitepaper / research / thread), year, and topic tags
+- Links directly to PDFs (Google Drive, arXiv, etc.)
+
+---
+
+## Files Delivered
+
+```
+src/
+  data/
+    papers.json        
+  pages/
+    ResearchPage.jsx    
+```
+
+
+## How to add new papers (NO code needed)
+
+All papers live in **`src/data/papers.json`**. To add a new paper:
+
+1. Open `src/data/papers.json` in any text editor or directly on GitHub (click the file → pencil icon to edit)
+2. Copy this template and paste it before the last `]`:
+
+```json
+{
+  "id": "7",
+  "title": "Your Paper Title Here",
+  "authors": ["First Author", "Second Author"],
+  "abstract": "A short summary of the paper (2-4 sentences).",
+  "topics": ["Topic1", "Topic2", "Topic3"],
+  "type": "whitepaper",
+  "year": 2025,
+  "pdfUrl": "https://link-to-pdf-or-google-drive.com/...",
+  "thumbnail": null
+}
+```
+
+3. Save / commit the file
+4. The website will automatically show the new paper
+
+### Field reference
+
+| Field       | Required | Options / Notes                                                      |
+|-------------|----------|----------------------------------------------------------------------|
+| `id`        | Yes      | Unique string number (increment from last entry)                     |
+| `title`     | Yes      | Full paper title                                                      |
+| `authors`   | Yes      | Array of author name strings                                         |
+| `abstract`  | Yes      | 1–4 sentence summary shown on the card                               |
+| `topics`    | Yes      | Array of topic tags (used for filtering); use existing ones or new   |
+| `type`      | Yes      | `"whitepaper"`, `"research"`, or `"thread"`                          |
+| `year`      | Yes      | Publication year as a number, e.g. `2024`                            |
+| `pdfUrl`    | Yes      | Full URL to PDF, Google Drive view link, or arXiv. `""` = Coming Soon|
+| `thumbnail` | No       | Path to a cover image (optional, leave `null` if not used)           |
+
+---
+
+## Google Drive PDF links
+
+For Google Drive, use the **viewer link** format:
+```
+https://drive.google.com/file/d/FILE_ID/view
+```
+This opens an in-browser reader, which works perfectly with the "Read Paper" button.
+
+---
+
+## Want inline PDF reading (no leaving the site)?
+
+If you want papers to open in an embedded reader within the website instead of a new tab, we can add a modal with `react-pdf`. Let us know!

public/locales/en/translation.json

@@ -12,7 +12,8 @@
     "papers": {
       "whitepaper": "Whitepaper",
       "threatModel": "Threat Model"
-    }
+    },
+	"researchFull": "Research Papers"
 	},
 	"loader": "Loading Please Wait",
 	"LandingHeader": "Open Source | Research",
@@ -23,8 +24,9 @@
 		"description2": " Our journey toward achieving our mission began in 2021 with the development of the first Android version of RelaySMS. We have come far since then, with support for more platforms and many more apps.",
 		"description3": "We publish our research as frequently as possible on our blog and make announcements via our social media outlets. SMSWithoutBorders is a project started by the team at <a href='https://Afkanerd.com' class='afkanerd'>Afkanerd</a>."
 	},
-	"projectHeader": "Innovative Projects Under SMSWithoutBorders(SWOB)",
+	"projectHeader": "Innovative Projects Under SMSWithoutBorders",
 	"projectSubHeader": "SMSWithoutBorders Commits to buiding OpenSource Tools That Aid Free speech and Communication",
+	"projectsub": "Our Projects",
 	"project1": {
 		"title": "RelaySMS",
 		"description": "RelaySMS uses SMS messaging to communicate with online platforms without needing an internet connection. The users can grant access to their online platforms which would be used to act on their behalf using SMS messaging. The access granted, messages being sent from the app, and how they get published online are secured with strong up-to-date cryptographic and security practices.",
@@ -42,11 +44,13 @@
 		"keyPoint2": "Privacy"
 	},
 	"Sponsor": {
+		"Sponsorsub": "Partners",
 		"SponsorT": "Supporting Organizations",
-		"Sponsor-subheader": "This Organizations helps keep SMSWithoutBorders afloat"
+		"sponsorfooter": "Proudly supported by organizations committed to a free and open internet."
 	},
 	"footer": {
-		"copyright": "© Afkanerd."
+		"copyright": "© Afkanerd.",
+		"github": "GitHub"
 	},
 	"social": {
 		"x": "Follow us on X",
@@ -120,5 +124,37 @@
 	"Privacy-Policy12": {
 		"policyHeader12": "Contact Us",
 		"policyBody16": "If you have any questions about this Privacy Policy, you can contact us by visiting this page on our website <a href=\"https://smswithoutborders.com\">smswithoutborders.com</a>"
-	}
+	},
+
+	"paperReader": {
+  "notFound": "Paper not found.",
+  "backToResearch": "Back to Research",
+  "researchAndPublications": "Research Papers",
+  "research": "Research",
+  "comingSoon": "Full text coming soon",
+  "comingSoonSub": "This paper has not been published yet. Check back later.",
+  "openPdf": "Open PDF",
+  "openPdfDirectly": "Open PDF directly",
+  "loading": "Loading document…",
+  "errorMessage": "The document could not be loaded. Make sure the PDF file exists in public/papers/ and the filename matches exactly.",
+  "back": "← Back",
+  "type": {
+    "whitepaper": "White Paper",
+    "research": "Research",
+    "thread": "Thread"
+  }
+},
+"researchPage": {
+  "knowledgeBase": "Knowledge Base",
+  "title": "Research & Publications",
+  "subtitle": "White papers, research findings, and community threads on offline communication, privacy, and digital inclusion.",
+  "searchPlaceholder": "Search by title, topic or author…",
+  "filterAll": "All",
+  "clearTags": "✕ Clear tags",
+  "of": "of",
+  "noResults": "No results found. Try adjusting your filters.",
+  "readPaper": "Read Paper",
+  "comingSoon": "Coming Soon",
+  "viewFullDocument": "View full document →"
+}
 }

public/locales/es/translation.json

@@ -12,19 +12,21 @@
     "papers": {
       "whitepaper": "Libro blanco",
       "threatModel": "Modelo de amenazas"
-    }
+    },
+	"researchFull": "Artículos de investigación"
 	},
 	"loader": "Cargando, por favor espere",
 	"LandingHeader": "Código abierto | Investigación",
 	"About": {
-		"AboutHeader": "Explorar SMSWithoutBorders",
+		"AboutHeader": "Explora SMSWithoutBorders",
 		"description": "SMSWithoutBorders (SWOB) se dedica a investigar, desarrollar y promover herramientas de comunicación seguras y accesibles que funcionen incluso sin conexión a Internet.",
 		"description1": "El desarrollo incluye aplicaciones móviles para varias plataformas como Android, iOS y sistemas Linux. Parte del trabajo también incluye documentos técnicos sobre temas como criptografía, comunicaciones y libertad en Internet.",
 		"description2": "Nuestro camino hacia el cumplimiento de nuestra misión comenzó en 2021 con el desarrollo de la primera versión de RelaySMS para Android. Desde entonces, hemos avanzado mucho, con soporte para más plataformas y muchas más aplicaciones.",
 		"description3": "Publicamos nuestras investigaciones con la mayor frecuencia posible en nuestro blog y hacemos anuncios a través de nuestras redes sociales. SMSWithoutBorders es un proyecto iniciado por el equipo de <a href='https://Afkanerd.com' class='afkanerd'>Afkanerd</a>."
 	},
-	"projectHeader": "Proyectos innovadores bajo SMSWithoutBorders(SWOB)",
+	"projectHeader": "Proyectos innovadores bajo SMSWithoutBorders",
 	"projectSubHeader": "SMSWithoutBorders se compromete a construir herramientas de código abierto que promuevan la libertad de expresión y la comunicación",
+	"projectsub": "Nuestros proyectos",
 	"project1": {
 		"title": "RelaySMS",
 		"description": "RelaySMS utiliza la mensajería SMS para comunicarse con plataformas en línea sin necesidad de conexión a Internet. Los usuarios pueden otorgar acceso a sus plataformas en línea, el cual se utilizará para actuar en su nombre mediante mensajes SMS. El acceso concedido, los mensajes enviados desde la aplicación y cómo se publican en línea están asegurados con prácticas criptográficas y de seguridad modernas y sólidas.",
@@ -42,8 +44,9 @@
 		"keyPoint2": "Privacidad"
 	},
 	"Sponsor": {
+		"Sponsorsub": "Socios",
 		"SponsorT": "Organizaciones de apoyo",
-		"Sponsor-subheader": "Estas organizaciones ayudan a mantener SMSWithoutBorders en funcionamiento"
+		"sponsorfooter": "Orgullosamente respaldado por organizaciones comprometidas con un internet libre y abierto."
 	},
 	"footer": {
 		"copyright": "© Afkanerd."
@@ -120,5 +123,36 @@
 	"Privacy-Policy12": {
 		"policyHeader12": "Contáctanos",
 		"policyBody16": "Si tiene alguna pregunta sobre esta Política de Privacidad, puede contactarnos visitando esta página en nuestro sitio web. <a href=\"https://smswithoutborders.com\">smswithoutborders.com</a>"
-	}
+	},
+	"paperReader": {
+  "notFound": "Documento no encontrado.",
+  "backToResearch": "Volver a investigación",
+  "researchAndPublications": "Investigación y publicaciones",
+  "research": "Investigación",
+  "comingSoon": "Texto completo próximamente",
+  "comingSoonSub": "Este documento aún no ha sido publicado. Vuelve más tarde.",
+  "openPdf": "Abrir PDF",
+  "openPdfDirectly": "Abrir PDF directamente",
+  "loading": "Cargando documento…",
+  "errorMessage": "No se pudo cargar el documento. Asegúrate de que el archivo PDF exista en public/papers/ y que el nombre del archivo coincida exactamente.",
+  "back": "← Volver",
+  "type": {
+    "whitepaper": "Libro blanco",
+    "research": "Investigación",
+    "thread": "Hilo"
+  }
+},
+"researchPage": {
+  "knowledgeBase": "Base de conocimiento",
+  "title": "Investigación y publicaciones",
+  "subtitle": "Libros blancos, hallazgos de investigación y debates comunitarios sobre comunicación offline, privacidad e inclusión digital.",
+  "searchPlaceholder": "Buscar por título, tema o autor…",
+  "filterAll": "Todos",
+  "clearTags": "✕ Limpiar etiquetas",
+  "of": "de",
+  "noResults": "No se encontraron resultados. Intenta ajustar tus filtros.",
+  "readPaper": "Leer documento",
+  "comingSoon": "Próximamente",
+  "viewFullDocument": "Ver documento completo →"
+}
 }

public/locales/fa/translation.json

@@ -12,19 +12,21 @@
     "papers": {
       "whitepaper": "کتاب سفید",
       "threatModel": "مدل تهدید"
-    }
+    },
+	"researchFull": "مقالات پژوهشی"
 	},
 	"loader": "در حال بارگذاری، لطفاً صبر کنید",
 	"LandingHeader": "منبع باز | پژوهش",
 	"About": {
-		"Aboutheader": "کاوش در SMSWithoutBorders",
+		"AboutHeader": "کاوش در SMSWithoutBorders",
 		"description": "SMSWithoutBorders (SWOB) به تحقیق، توسعه و ترویج ابزارهای ارتباطی امن و در دسترس اختصاص دارد که حتی بدون اتصال اینترنت نیز کار می‌کنند.",
 		"description1": "توسعه شامل اپلیکیشن‌های موبایل برای پلتفرم‌های مختلف مانند اندروید، iOS و سیستم‌های لینوکس است. بخشی از کار همچنین شامل مقالات پژوهشی در موضوعاتی مانند رمزنگاری، ارتباطات و آزادی اینترنت می‌باشد.",
 		"description2": "سفر ما برای دستیابی به مأموریت خود در سال 2021 با توسعه اولین نسخه اندروید RelaySMS آغاز شد. از آن زمان تاکنون پیشرفت زیادی داشته‌ایم، با پشتیبانی از پلتفرم‌های بیشتر و اپلیکیشن‌های فراوان دیگر.",
 		"description3": "ما تحقیقات خود را تا حد امکان در بلاگ منتشر می‌کنیم و از طریق شبکه‌های اجتماعی اطلاع‌رسانی می‌کنیم. SMSWithoutBorders پروژه‌ای است که توسط تیم <a href='https://Afkanerd.com' class='afkanerd'>Afkanerd</a> آغاز شد."
 	},
-	"projectHeader": "پروژه‌های نوآورانه تحت SMSWithoutBorders(SWOB)",
+	"projectHeader": "پروژه‌های نوآورانه تحت SMSWithoutBorders",
 	"projectSubHeader": "SMSWithoutBorders متعهد به ساخت ابزارهای متن‌باز است که به آزادی بیان و ارتباطات کمک می‌کنند",
+	"projectsub": "پروژه‌های ما",
 	"project1": {
 		"title": "RelaySMS",
 		"description": "RelaySMS از پیامک برای ارتباط با پلتفرم‌های آنلاین بدون نیاز به اینترنت استفاده می‌کند. کاربران می‌توانند دسترسی به پلتفرم‌های آنلاین خود را اعطا کنند که از طریق پیامک به نمایندگی از آنها عمل خواهد کرد. دسترسی داده‌شده، پیام‌های ارسال‌شده از برنامه و نحوه انتشار آنها به صورت آنلاین با استفاده از شیوه‌های رمزنگاری و امنیتی به‌روز و قدرتمند ایمن می‌شوند.",
@@ -42,8 +44,9 @@
 		"keyPoint2": "حریم خصوصی"
 	},
 	"Sponsor": {
+		"Sponsorsub": "شرکا",
 		"SponsorT": "سازمان‌های پشتیبان",
-		"Sponsor-subheader": "این سازمان‌ها به حفظ SMSWithoutBorders کمک می‌کنند"
+		"sponsorfooter": "با افتخار با حمایت سازمان‌هایی که به اینترنتی آزاد و باز متعهد هستند."
 	},
 	"footer": {
 		"copyright": "© Afkanerd."
@@ -120,5 +123,36 @@
 	"Privacy-Policy12": {
 		"policyHeader12": "با ما تماس بگیرید",
 		"policyBody16": "اگر سوالی در مورد این سیاست حفظ حریم خصوصی دارید، می‌توانید با مراجعه به این صفحه در وب‌سایت ما با ما تماس بگیرید <a href=\"https://smswithoutborders.com\">smswithoutborders.com</a>"
-	}
+	},
+	"paperReader": {
+  "notFound": "سند پیدا نشد.",
+  "backToResearch": "بازگشت به تحقیقات",
+  "researchAndPublications": "تحقیقات و انتشارات",
+  "research": "تحقیقات",
+  "comingSoon": "متن کامل به زودی منتشر می‌شود",
+  "comingSoonSub": "این مقاله هنوز منتشر نشده است. بعداً دوباره بررسی کنید.",
+  "openPdf": "باز کردن PDF",
+  "openPdfDirectly": "باز کردن مستقیم PDF",
+  "loading": "در حال بارگذاری سند…",
+  "errorMessage": "سند بارگذاری نشد. مطمئن شوید فایل PDF در مسیر public/papers/ وجود دارد و نام فایل دقیقاً مطابقت دارد.",
+  "back": "← بازگشت",
+  "type": {
+    "whitepaper": "وایت پیپر",
+    "research": "تحقیق",
+    "thread": "رشته"
+  }
+},
+"researchPage": {
+  "knowledgeBase": "پایگاه دانش",
+  "title": "تحقیقات و انتشارات",
+  "subtitle": "وایت‌پیپرها، یافته‌های پژوهشی و رشته‌های گفتگو درباره ارتباطات آفلاین، حریم خصوصی و شمول دیجیتال.",
+  "searchPlaceholder": "جستجو بر اساس عنوان، موضوع یا نویسنده…",
+  "filterAll": "همه",
+  "clearTags": "✕ پاک کردن برچسب‌ها",
+  "of": "از",
+  "noResults": "هیچ نتیجه‌ای یافت نشد. فیلترهای خود را تغییر دهید.",
+  "readPaper": "خواندن مقاله",
+  "comingSoon": "به‌زودی",
+  "viewFullDocument": "مشاهده سند کامل →"
+}
 }