From 073591f03235e2c27ffafd62275c2c2ce66059c8 Mon Sep 17 00:00:00 2001 From: Fajrian Aidil Pratama Date: Mon, 8 Sep 2025 08:34:39 +0700 Subject: [PATCH 1/7] feat: implement comprehensive responsive design and mobile navigation - Add mobile hamburger menu with smooth slide-in animation - Implement responsive typography scaling (text-3xl -> sm:text-4xl -> md:text-5xl) - Optimize hero section layout and spacing for mobile devices - Enhance bento grid with proper responsive breakpoints (sm:grid-cols-2) - Extract DataSources into reusable component with clickable links - Add mobile-first navigation with language toggle - Improve padding and margins across all screen sizes - Add proper mobile menu overlay and body scroll prevention --- src/components/DataSources.vue | 70 +++++++++++++ src/views/Home.vue | 181 ++++++++++++++++++++++++--------- 2 files changed, 202 insertions(+), 49 deletions(-) create mode 100644 src/components/DataSources.vue diff --git a/src/components/DataSources.vue b/src/components/DataSources.vue new file mode 100644 index 0000000..5668eb6 --- /dev/null +++ b/src/components/DataSources.vue @@ -0,0 +1,70 @@ + + + \ No newline at end of file diff --git a/src/views/Home.vue b/src/views/Home.vue index a8d7ad3..c6b3818 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -10,6 +10,7 @@

PICO SulTeng

+ + + +
+ + + + + +
+ + + + +
+ + +
+
+
+ + {{ t('nav.home') }} + + + {{ t('nav.documentation') }} + + + {{ t('nav.apiReference') }} + + + {{ t('nav.liveApi') }} + +
@@ -78,7 +165,7 @@
-
+
@@ -90,21 +177,21 @@
-

+

{{ t('hero.title').split(' ')[0] }} {{ t('hero.title').split(' ')[1] }} - {{ t('hero.subtitle') }} + {{ t('hero.subtitle') }}

-
-

+

+

-

+

{{ t('hero.tagline') }}

@@ -162,7 +249,7 @@
-
+
@@ -189,7 +276,7 @@
-
+
@@ -251,48 +338,26 @@
-
-

{{ t('dataSources.trustedBy') }}

-
-
- INACOVID-19 -
-
- Dinkes Sulteng -
-
- Sulteng Lawan COVID -
-
- Detexi -
-
- Banua Coders -
-
- Ethical Hacker Indonesia -
-
-
+
-
+
-
-

+
+

{{ t('features.title') }}

-

+

{{ t('features.subtitle') }}

-
+
-
+
@@ -311,7 +376,7 @@
-
+
@@ -325,42 +390,42 @@
-
+
-

Secure & Reliable

-

Robust error handling and secure data access

+

Secure & Reliable

+

Robust error handling and secure data access

-
+
-

Rich Documentation

-

Interactive Swagger UI with examples

+

Rich Documentation

+

Interactive Swagger UI with examples

-
+
-

Regional Focus

-

Specialized for Central Sulawesi data

+

Regional Focus

+

Specialized for Central Sulawesi data

-
-
+
+
@@ -478,6 +543,7 @@ \ No newline at end of file From 25ee3b8332391a218adb95c6cb03d1605dc61a3b Mon Sep 17 00:00:00 2001 From: Fajrian Aidil Pratama Date: Mon, 8 Sep 2025 08:36:12 +0700 Subject: [PATCH 2/7] fix: update data source URLs to correct endpoints --- src/components/DataSources.vue | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/components/DataSources.vue b/src/components/DataSources.vue index 5668eb6..6bfb130 100644 --- a/src/components/DataSources.vue +++ b/src/components/DataSources.vue @@ -44,27 +44,27 @@ const dataSources: DataSource[] = [ { image: '/dinkes-sulteng.webp', alt: 'Dinkes Sulteng', - url: 'https://dinkes.sultengprov.go.id' + url: 'https://dinkes.sultengprov.go.id/category/covid-19/' }, { image: '/sulteng-lawan-covid.webp', alt: 'Sulteng Lawan COVID', - url: 'https://covid19.sultengprov.go.id' + url: 'https://www.instagram.com/sultenglawancovid/' }, { image: '/detexi.webp', alt: 'Detexi', - url: 'https://detexi.com' + url: 'https://detexi.id' }, { image: '/banua-coder.webp', - alt: 'Banua Coders', - url: 'https://banuacoders.com' + alt: 'Banua Coder', + url: 'https://banuacoder.com' }, { image: '/ethical-hacker-indonesia.webp', alt: 'Ethical Hacker Indonesia', - url: 'https://ethicalhacker.id' + url: 'https://hack.co.id' } ] \ No newline at end of file From 136a5457eaf9eb4165bbd9ec1a1247a75180a287 Mon Sep 17 00:00:00 2001 From: Fajrian Aidil Pratama Date: Mon, 8 Sep 2025 08:41:06 +0700 Subject: [PATCH 3/7] fix: resolve CSS conflict in DataSources component - Remove conflicting 'block' class that conflicts with 'flex' - Keep Banua Coder URL pointing to banuacoder.com website --- src/components/DataSources.vue | 29 +++++++++-------------------- 1 file changed, 9 insertions(+), 20 deletions(-) diff --git a/src/components/DataSources.vue b/src/components/DataSources.vue index 6bfb130..9b9665a 100644 --- a/src/components/DataSources.vue +++ b/src/components/DataSources.vue @@ -3,25 +3,14 @@

{{ $t('dataSources.trustedBy') }}

-
-
- - +
+
+ +
@@ -39,7 +28,7 @@ const dataSources: DataSource[] = [ { image: '/inacovid.webp', alt: 'INACOVID-19', - url: 'https://inacovid19.id' + url: 'https://covid19.go.id/peta-sebaran' }, { image: '/dinkes-sulteng.webp', From 49f042aa9934c6a764b97c3daf7d6ac6c6058abe Mon Sep 17 00:00:00 2001 From: Fajrian Aidil Pratama Date: Mon, 8 Sep 2025 08:48:14 +0700 Subject: [PATCH 4/7] feat: create reusable Navigation component with mobile support - Extract navigation into reusable Navigation component - Add mobile hamburger menu to Documentation and ApiReference pages - Support both transparent (home) and solid (other pages) variants - Add proper active state highlighting based on current route - Include mobile language toggle and responsive design - Fix padding for fixed navigation on all pages --- src/components/Navigation.vue | 218 ++++++++++++++++++++++++++++++++++ src/views/ApiReference.vue | 26 +--- src/views/Documentation.vue | 26 +--- src/views/Home.vue | 179 +--------------------------- 4 files changed, 228 insertions(+), 221 deletions(-) create mode 100644 src/components/Navigation.vue diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue new file mode 100644 index 0000000..d823ca4 --- /dev/null +++ b/src/components/Navigation.vue @@ -0,0 +1,218 @@ + + + \ No newline at end of file diff --git a/src/views/ApiReference.vue b/src/views/ApiReference.vue index 6cbc90b..4b2673d 100644 --- a/src/views/ApiReference.vue +++ b/src/views/ApiReference.vue @@ -1,27 +1,9 @@ \ No newline at end of file diff --git a/src/views/Documentation.vue b/src/views/Documentation.vue index 2260fb8..03dd8a2 100644 --- a/src/views/Documentation.vue +++ b/src/views/Documentation.vue @@ -1,27 +1,9 @@ \ No newline at end of file diff --git a/src/views/Home.vue b/src/views/Home.vue index c6b3818..2e98e87 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -1,133 +1,7 @@ \ No newline at end of file From 3f1961d1f30edf0870c80f5ef886f90d26b67acf Mon Sep 17 00:00:00 2001 From: Fajrian Aidil Pratama Date: Mon, 8 Sep 2025 09:12:09 +0700 Subject: [PATCH 5/7] fix: update branding and contact links - Fix company name from 'Banua Coders' to 'Banua Coder' - Update main website links from banuacoders.com to banuacoder.com - Add GitHub link for Fajrian Aidil Pratama (ryanaidilp) - Keep PICO app links pointing to banuacoders.com (not migrated yet) - Update footer author link to GitHub profile - Fix branding consistency across all pages --- public/api-down.html | 4 ++-- src/views/Home.vue | 6 +++--- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/public/api-down.html b/public/api-down.html index b33216a..ebc6775 100644 --- a/public/api-down.html +++ b/public/api-down.html @@ -181,13 +181,13 @@

Need immediate access?

- - Contact Banua Coders + Contact Banua Coder

-
- Banua Coders +
+ Banua Coder

@@ -394,7 +394,7 @@
  • {{ t('nav.apiReference') }}
  • Swagger UI
  • {{ t('footer.picoApp') }}
    • -
  • GitHub
    • +
  • GitHub
    • From 95ed65b1ae02d3479f650e363434f6d6495156be Mon Sep 17 00:00:00 2001 From: Fajrian Aidil Pratama Date: Mon, 8 Sep 2025 09:16:23 +0700 Subject: [PATCH 6/7] feat: add MIT license and API source code reference - Add MIT license file with Fajrian Aidil Pratama as copyright holder - Include API source code link to pico-api-go repository in footer - Separate developer GitHub link for better navigation --- LICENSE | 21 +++++++++++++++++++++ src/views/Home.vue | 3 ++- 2 files changed, 23 insertions(+), 1 deletion(-) create mode 100644 LICENSE diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..ad9b30a --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2025 Fajrian Aidil Pratama + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. \ No newline at end of file diff --git a/src/views/Home.vue b/src/views/Home.vue index a214c0d..449c7bb 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -394,7 +394,8 @@
  • {{ t('nav.apiReference') }}
  • Swagger UI
  • {{ t('footer.picoApp') }}
    • -
  • GitHub
    • +
  • API Source Code
    • +
  • Developer GitHub
    • From 17c22a2b2df6d38f378e9ad8c6e62f4f44fd7280 Mon Sep 17 00:00:00 2001 From: Fajrian Aidil Pratama Date: Mon, 8 Sep 2025 09:19:19 +0700 Subject: [PATCH 7/7] docs: update README with MIT license and API source references - Change license from ISC to MIT License with file reference - Add API source code link to pico-api-go repository - Fix branding from "Banua Coders" to "Banua Coder" - Add developer GitHub profile link - Include proper attribution and company website links --- README.md | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index ae286e2..b91d4a5 100644 --- a/README.md +++ b/README.md @@ -114,6 +114,7 @@ The site integrates with PICO SulTeng API: - **Base URL**: `https://pico-api.banuacoder.com/api/v1` - **Documentation**: `https://pico-api.banuacoder.com/swagger/index.html` - **Health Check**: `https://pico-api.banuacoder.com/api/v1/health` +- **Source Code**: `https://github.com/banua-coder/pico-api-go` ## Available Scripts @@ -154,9 +155,11 @@ pnpm run vue-tsc # Type check without emit ## License -This project is licensed under the ISC License. +This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details. --- **Created for PICO SulTeng API** -Banua Coders • Central Sulawesi COVID-19 Data API \ No newline at end of file +[Banua Coder](https://banuacoder.com) • Central Sulawesi COVID-19 Data API + +**Developer**: [Fajrian Aidil Pratama](https://github.com/ryanaidilp) \ No newline at end of file