diff --git a/package-lock.json b/package-lock.json index fb0e456..7cb82b8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,5 +1,5 @@ { - "name": "perpus", + "name": "skripsi-perpus-fe", "lockfileVersion": 3, "requires": true, "packages": { diff --git a/resources/scss/_custom.scss b/resources/scss/_custom.scss index 68b90d2..7f6a17e 100644 --- a/resources/scss/_custom.scss +++ b/resources/scss/_custom.scss @@ -19,6 +19,190 @@ } } +// =================================== +// LANDING PAGE CUSTOM STYLING +// =================================== + +html { + scroll-behavior: smooth; +} + +// Navbar Landing +.landing-navbar { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + z-index: 1050; + + .navbar-brand { + font-size: 1.25rem; + + i { + font-size: 1.5rem; + } + + @media (max-width: 575.98px) { + font-size: 1.1rem; + + i { + font-size: 1.25rem; + } + } + } + + .navbar-toggler { + padding: 0.25rem 0.5rem; + + &:focus { + box-shadow: none; + } + } + + .navbar-nav { + .nav-link { + padding: 0.5rem 1rem; + color: #49769F; + + &:hover, &.active { + color: #0A4174; + } + + @media (max-width: 991.98px) { + padding: 0.5rem 0; + } + } + } + + @media (max-width: 991.98px) { + .navbar-collapse { + margin-top: 1rem; + padding-top: 1rem; + border-top: 1px solid rgba(0, 0, 0, 0.1); + + .navbar-nav { + text-align: left !important; + width: 100%; + } + + .nav-item { + margin: 0 !important; + text-align: left !important; + } + + .nav-link { + width: 100%; + justify-content: start; + padding-left: 0.75rem; + padding-right: 0.75rem; + } + } + } +} + +// Hero Section +.landing-hero-section { + background: linear-gradient( + 135deg, + #0A4174 0%, + color.adjust(#0A4174, $lightness: 10%) 100% + ); + padding: 60px 0; + + @media (min-width: 992px) { + padding: 100px 0; + } + + .btn-hero-solid { + background-color: #fff !important; + border-color: #fff !important; + color: $primary !important; /* Menggunakan warna primary Anda #0A4174 */ + + &:hover { + background-color: lighten($primary, 70%) !important; /* Sedikit keabu-abuan saat hover */ + border-color: lighten($primary, 70%) !important; + color: $primary !important; + } + } +} + +.landing-hero-illustration { + width: 180px; + height: 180px; + background: rgba(255, 255, 255, 0.1); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + + i { + font-size: 5rem; + } + + @media (min-width: 1200px) { + width: 220px; + height: 220px; + + i { + font-size: 6rem; + } + } +} + + + +.card-img-top { + height: 200px; + object-fit: cover; +} + +.card-title { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + line-height: 1.4; + min-height: 2.8rem; + font-size: 0.9rem; + + @media (max-width: 575.98px) { + font-size: 0.85rem; + min-height: 2.4rem; + } +} + + +// Stat Card +.landing-stat-card { + transition: all 0.3s ease; + + &:hover { + transform: translateY(-3px); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important; + } + + h2 { + font-size: 2rem; + + @media (min-width: 768px) { + font-size: 2.5rem; + } + } +} + +// CTA Section +.landing-cta-section { + background: linear-gradient( + 135deg, + #0A4174 0%, + color.adjust(#0A4174, $lightness: 10%) 100% + ); + border-radius: 1rem; + + @media (min-width: 768px) { + border-radius: 1.5rem; + } +} + + // =================================== // BASE COMPONENTS // =================================== diff --git a/resources/scss/_variables.scss b/resources/scss/_variables.scss index f3d2700..5f19277 100644 --- a/resources/scss/_variables.scss +++ b/resources/scss/_variables.scss @@ -9,7 +9,7 @@ $theme-colors: ( "primary": #0A4174, "secondary": #49769F, "success": #14b8a6, - "info": #7BBDE8, + "info": #0c88db, "warning": #fbb716, "danger": #f43f5e, ); diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php index 2f56f69..99d4d41 100644 --- a/resources/views/auth/login.blade.php +++ b/resources/views/auth/login.blade.php @@ -47,7 +47,7 @@
- +

diff --git a/resources/views/katalog/index.blade.php b/resources/views/katalog/index.blade.php index 78026d4..ea2e136 100644 --- a/resources/views/katalog/index.blade.php +++ b/resources/views/katalog/index.blade.php @@ -67,7 +67,7 @@ class="badge fw-normal {{ $buku['status'] == 'Tersedia' ? 'bg-success-subtle tex

{{ $buku['penulis'] }}

-
+
@if ($mode === 'offline') @if ($buku['status'] == 'Dipinjam') diff --git a/resources/views/profile/index.blade.php b/resources/views/profile/index.blade.php index 0db9427..a62a2ed 100644 --- a/resources/views/profile/index.blade.php +++ b/resources/views/profile/index.blade.php @@ -26,19 +26,23 @@ class="badge rounded-pill bg-success-subtle text-success-emphasis">{{ Str::title
{{-- Statistik Perpustakaan --}} -
-
-
Statistik Perpustakaan
-
- @foreach ($statistik as $stat) -
- -

{{ $stat['value'] }}

-

{{ $stat['label'] }}

+
+
Statistik Perpustakaan
+
+ @foreach ($statistik as $stat) +
+
+
+
+ +
+

{{ $stat['value'] }}

+

{{ $stat['label'] }}

+
- @endforeach -
+
+ @endforeach
@@ -83,14 +87,10 @@ class="btn btn-outline-secondary rounded-pill w-100 py-2">
- - {{-- =================================================================== --}} - {{-- TAMPILAN PROFIL UNTUK GURU --}} - {{-- =================================================================== --}} @elseif (Auth::user()->role == 'guru') -
-

Profil Guru

-
+ {{-- =================================================================== --}} + {{-- TAMPILAN PROFIL UNTUK GURU --}} + {{-- =================================================================== --}}
{{-- Kolom Kiri: Info & Ringkasan Laporan --}}
@@ -164,14 +164,10 @@ class="badge bg-success rounded-pill">{{ $kategori['total_pembaca'] }} ])
- - {{-- =================================================================== --}} - {{-- TAMPILAN PROFIL UNTUK SISWA (DEFAULT) --}} - {{-- =================================================================== --}} @else -
-

Profil Saya

-
+ {{-- =================================================================== --}} + {{-- TAMPILAN PROFIL UNTUK SISWA (DEFAULT) --}} + {{-- =================================================================== --}}
{{-- Kolom Kiri: Info & Statistik Siswa --}}
@@ -215,19 +211,23 @@ class="btn btn-outline-primary rounded-pill ms-md-auto">
{{-- Statistik Personal Siswa --}} -
-
-
Statistik Saya
-
- @foreach ($statistik as $stat) -
- -

{{ $stat['value'] }}

-

{{ $stat['label'] }}

+
+
Statistik Saya
+
+ @foreach ($statistik as $stat) +
+
+
+
+ +
+

{{ $stat['value'] }}

+

{{ $stat['label'] }}

+
- @endforeach -
+
+ @endforeach
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php index 19aa7ed..71c2cd0 100644 --- a/resources/views/welcome.blade.php +++ b/resources/views/welcome.blade.php @@ -1,153 +1,384 @@ - + + Selamat Datang di {{ config('app.name', 'Perpus Digital') }} + @vite(['resources/scss/app.scss', 'resources/js/app.js']) - - -
-
-
- -
-
-
- Perpustakaan Digital -
-

DIGIPUS.GO

-

- Gerbang menuju dunia pengetahuan tanpa batas. Akses ribuan koleksi buku digital dengan mudah. -

- -
-
-
-
- -
+ + + + @php + // Dummy data untuk landing page (Hanya contoh) + $buku_unggulan = \App\Services\DummyDataService::getAllBooks()->take(6); + $stats = [ + ['label' => 'Koleksi Buku', 'value' => 12500, 'icon' => 'bi-bookshelf'], + ['label' => 'Pengguna Aktif', 'value' => 4500, 'icon' => 'bi-person-lines-fill'], + ['label' => 'Total Dibaca', 'value' => '900K+', 'icon' => 'bi-hand-thumbs-up-fill'], + ['label' => 'Tahun Berdiri', 'value' => 2018, 'icon' => 'bi-clock-fill'], + ]; + @endphp + + {{-- Navbar --}} +
- - -
-
-
- -
-
- -
-

Selamat Datang

-

Pilih peran Anda untuk melanjutkan

-
- - -
- - -
-
-
-
- -
-
-
Siswa
-

Pinjam dan baca buku digital

-
- -
-
+
Siswa
+ Pinjam & Baca + Buku
- - - -
-
-
-
- -
-
-
Guru
-

Kelola dan rekomendasikan buku

-
- -
-
+ +
  • + + +
    +
    Guru
    + Kelola + Buku
    -
    • - - -
    - atau -
    - - -
    - - Login sebagai Petugas + +
  • +
    +
    • +
  • + + +
    Login Petugas
     -
    • -
    -
    - - -
    - - - Butuh bantuan? Hubungi petugas perpustakaan - + +
    -
    + + +
    + + {{-- Hero Section --}} +
    +
    +
    +
    +
    + Perpustakaan Digital +
    +

    Jelajahi Ribuan Buku Digital di Satu Tempat

    +

    + Gerbang menuju dunia pengetahuan tanpa batas. Akses ribuan koleksi buku digital, kapan saja, + di mana saja, dan tingkatkan minat baca Anda. +

    + +
    + + Mulai Membaca + +
    + +
    +
    +
    + +
    +
    +
    +
    +
    + +
    + + {{-- Koleksi Section --}} +
    +
    +

    Koleksi Unggulan Terbaru

    +
    + @foreach ($buku_unggulan as $buku) +
    +
    + Cover {{ $buku['judul'] }} +
    + {{ $buku['kategori'] }} +
    {{ $buku['judul'] }}
    +

    {{ $buku['penulis'] }}

    +
    + + (4.5) +
    +
    +
    +
    + @endforeach +
    +
    +
    + +
    + +
    +
    +
    + + Keunggulan Kami + +

    Manfaat Menggunakan DIGIPUS.GO

    +

    Akses mudah, koleksi lengkap, pengalaman membaca yang lebih baik.

    +
    + +
    +
    +
    +
    + +
    +
    Akses Online & Offline
    +

    Baca kapan saja. Unduh buku untuk dibaca tanpa koneksi internet. +

    +
    +
    +
    +
    +
    + +
    +
    Peminjaman Digital Otomatis
    +

    Proses pinjam dan kembali tercatat otomatis, bebas antri.

    +
    +
    +
    +
    +
    + +
    +
    Rekomendasi Personal
    +

    Temukan buku baru berdasarkan minat dan riwayat baca Anda.

    +
    +
    +
    +
    +
    + +
    +
    Akses 24/7 Responsif
    +

    Tersedia 24 jam sehari, 7 hari seminggu, di semua perangkat.

    +
    +
    +
    +
    +
    + +
    +
    Tandai & Simpan
    +

    Buat koleksi pribadi, tandai halaman penting, dan lanjutkan + bacaan Anda.

    +
    +
    +
    +
    +
    + +
    +
    Konten Selalu Baru
    +

    Ribuan buku dan modul pembelajaran terbaru ditambahkan setiap + bulan.

    +
    +
    +
    +
    +
    + +
    + +
    +
    +
    +
    + +
    +
    + + Tentang Kami + +

    Misi Kami: Mencerdaskan Bangsa Melalui Akses Digital

    +

    + **DIGIPUS.GO** adalah platform perpustakaan digital resmi yang dikelola untuk institusi + pendidikan. Kami bertujuan menyediakan akses mudah, cepat, dan merata terhadap sumber daya + pengetahuan berkualitas tinggi bagi seluruh siswa dan staf pengajar. +

    +
      +
    • Mewujudkan + ekosistem literasi digital yang inklusif.
      • +
    • Mendukung + proses pembelajaran berbasis teknologi.
      • +
    • Menjadikan + membaca sebagai kebiasaan sehari-hari.
      • +
    +
    +
    +
    +
    + +
    + +
    +
    +

    DIGIPUS.GO Dalam Angka

    +
    + @foreach ($stats as $stat) +
    +
    + +

    {{ $stat['value'] }}

    +

    {{ $stat['label'] }}

    +
    +
    + @endforeach +
    +
    +
    + +
    + +
    +
    +
    +

    Siap Memulai Petualangan Membaca Anda?

    +

    Baca sekarang dan akses ribuan koleksi buku digital gratis!

    + +
    +
    +
    + +
    + +
    +
    +
    +
    +
    + +
    DIGIPUS.GO
    +
    +

    Gerbang digital untuk seluruh koleksi buku pendidikan dan umum. + Dikelola oleh [Nama Institusi/Sekolah Anda].

    +
    + + + +
    +
    + +
    +
    Link Cepat
    + +
    + +
    +
    Informasi Hukum
    + +
    + +
    +
    Hubungi Kami
    +
      +
    • admin@digipus.go.id +
      • +
    • (021) 1234 5678
      • +
    • [Alamat Pustaka Anda] +
      • +
    +
    +
    + +
    +
    + © {{ date('Y') }} DIGIPUS.GO. Hak Cipta Dilindungi. +
    +
    +
    + + - \ No newline at end of file + +