Files
takeone-youtube-clone/resources/views/welcome.blade.php
T
ghassanandClaude Opus 4.7 7dd92aaeb2 feat(a11y,admin): skip link, aria-labels, Ready label, title + age fixes
A11y:
- Skip-to-content link lands first in the body and jumps to #main
  past the header + sidebar for keyboard users.
- aria-label on the icon buttons that previously carried only an
  icon: hamburger menu (+ aria-controls="sidebar"), mobile search
  toggle, account menu (also drops the duplicate alt on the avatar
  since the button name already speaks the user's name).

Admin:
- Dashboard stat card renamed "Live Videos" → "Ready" (matches the
  DB status column; nothing on this card is actually live).

Settings:
- Duplicate "Prefer not to say" option on the Gender select — the
  empty placeholder shared the same label as the real option.
  Placeholder is now "Select…"; the real "Prefer not to say" option
  stays unchanged.
- Birthday picker caps the Year dropdown at (this year − 13) and
  the server-side register validation requires the same, so a
  client bypass can't let a <13 user through.

Titles:
- Admin layout uses "{Page} | TAKEONE" to match the frontend format
  (was "{Page} — TAKEONE"). User pages that said "| TAKEONE" literal
  now interpolate config('app.name'). Shorts and Welcome moved from
  " - " to " | " separator.

Co-Authored-By: Claude Opus 4.7 (1M context) <[email protected]>
2026-10-21 10:53:23 +03:00

58 lines
2.4 KiB
PHP
Executable File

@extends('layouts.app')
@section('title', 'Welcome | ' . config('app.name'))
@section('content')
<div class="welcome-container">
<div class="text-center mb-5">
<img src="{{ asset('storage/images/fullLogo.png') }}" alt="{{ config('app.name') }}" style="height: 60px;" class="mb-4">
<h1 class="mb-3">Welcome to {{ config('app.name') }}</h1>
<p class="text-secondary">Discover, watch, and share videos</p>
</div>
<div class="row justify-content-center">
<div class="col-md-8">
<div class="d-grid gap-3">
@auth
<a href="{{ route('videos.index') }}" class="btn btn-lg" style="background: var(--brand-red); color: white;">
<i class="bi bi-play-circle-fill me-2"></i>
Browse Videos
</a>
@else
<a href="{{ route('login') }}" class="btn btn-lg" style="background: var(--brand-red); color: white;">
<i class="bi bi-box-arrow-in-right me-2"></i>
Sign In
</a>
<a href="{{ route('register') }}" class="btn btn-lg btn-outline-light">
<i class="bi bi-person-plus me-2"></i>
Create Account
</a>
@endauth
<a href="{{ route('videos.trending') }}" class="btn btn-lg btn-outline-light">
<i class="bi bi-fire me-2"></i>
Trending Videos
</a>
</div>
</div>
</div>
<div class="text-center mt-5 pt-4 border-top" style="border-color: var(--border-color) !important;">
<p class="text-secondary mb-2">Explore our features</p>
<div class="d-flex justify-content-center gap-4 flex-wrap">
<div class="text-center">
<i class="bi bi-play-btn-fill fs-2" style="color: var(--brand-red);"></i>
<p class="mt-2 mb-0">Watch Videos</p>
</div>
<div class="text-center">
<i class="bi bi-cloud-upload fs-2" style="color: var(--brand-red);"></i>
<p class="mt-2 mb-0">Upload Content</p>
</div>
<div class="text-center">
<i class="bi bi-people fs-2" style="color: var(--brand-red);"></i>
<p class="mt-2 mb-0">Build Community</p>
</div>
</div>
</div>
</div>
@endsection