@extends('layouts.main')

@section('title', 'Fujitsu Judging Support System')

@section('styles')
<style>
    :root{
        --accent:#1a3a6e;
        --accent-strong:#0d1240;
        --muted:#666;
    }

    body{font-family:Segoe UI,Roboto,Arial,Helvetica,sans-serif;margin:0;padding:20px;line-height:1.7;color:#222;background:#fff}

    h1{font-size:36px;margin:0 0 12px;color:var(--accent-strong);font-weight:700;letter-spacing:0.6px}
    .image-container h1{color:#fff;font-size:2.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 2px 8px rgba(0,0,0,0.6)}
    h2{font-size:22px;margin-top:28px;margin-bottom:8px;color:var(--accent);font-weight:700;letter-spacing:0.4px}
    .section-title{border-left:4px solid var(--accent);padding-left:12px}

    p{font-size:16px;color:#333;margin:0 0 14px;font-weight:500}
    .lead p{font-size:18px;font-weight:600;color:#222}
    a{color:var(--accent);text-decoration:none}
    a:hover{text-decoration:underline}

    .card p{font-size:15px;color:#444;font-weight:500}

    .lead{max-width:900px}
    img.responsive{max-width:100%;height:auto;border:1px solid #f0f0f0;padding:6px;background:#fff}
    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:12px}
    .card{background:#fafafa;padding:16px;border-radius:8px;border:1px solid #eee;box-shadow:0 2px 6px rgba(20,20,20,0.03)}

    .image-container{position:relative;width:100%}
    .image-container img{width:100%;height:300px;object-fit:cover;display:block}
    .image-container h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:2em;font-weight:normal;text-align:center;white-space:nowrap}
</style>
@endsection

@section('content')
    <div class="image-container">
        <img src="{{ asset('img/olym.jpg') }}" alt="Olympic rings photo">
        <h1>FUJITSU JUDGING SUPPORT SYSTEM</h1>
    </div>

    <section class="lead">
        <p>The International Gymnastics Federation and Fujitsu have been collaborating on building a Judging Support System since 2017, and it has been officially used at Competitions since 2019.</p>

        <h2>Our 3 goals for the further development of the Gymnastics</h2>
        <ul>
            <li>Global expansion of Judging Support System (JSS) to reinforce the fairness of judging</li>
            <li>Providing greater safety and education through the use of ICT in training</li>
            <li>Increasing Fan Base with entertainment contents</li>
        </ul>
    </section>

    <section>
        <h2>Partnership with Fujitsu</h2>
        <div class="grid">
            <div class="card">
                <img class="responsive" src="https://www.gymnastics.sport/site/pages/images/fujitsuRoadmap.jpg" alt="Fujitsu Roadmap">
                <p><strong>Roadmap:</strong> Collaboration timeline and milestones.</p>
            </div>

            <div class="card">
                <img class="responsive" src="https://www.gymnastics.sport/site/pages/images/judges-support-stuttgart.jpg" alt="JSS Stuttgart">
                <p><strong>2019:</strong> Official use at World Championships in Stuttgart. Multi Angle View Function used for SRs, PH, VT (WAG &amp; MAG).</p>
            </div>

            <div class="card">
                <img class="responsive" src="https://www.gymnastics.sport/site/pages/images/friendshipSolidarity.jpg" alt="Friendship & Solidarity Competition">
                <p><strong>2020:</strong> Official use at Friendship &amp; Solidarity Competition in Tokyo. Element recognition supported D-score calculation for Vault.</p>
            </div>
        </div>
    </section>

    <section>
        <h2>Overview of Judging Support System</h2>
        <p>The Judging Support System is a tool that will assist judges in coming to accurate determination of elements by capturing the gymnasts' movements with 3D sensors and analyzing them as numerical data.</p>
        <img class="responsive" src="https://www.gymnastics.sport/site/pages/images/JudgingSupportSystem.jpg" alt="JSS Overview">
    </section>

    <section>
        <h2>Fujitsu Skeleton Recognition</h2>
        <p>Fujitsu's skeleton recognition and element-recognition technologies support judging accuracy and athlete safety.</p>
        <div class="grid">
            <div class="card">
                <img class="responsive" src="https://www.gymnastics.sport/site/pages/images/fujitsuBalanceBeam.jpg" alt="Fujitsu Balance Beam">
                <p>Image of Balance Beam experiments and tests.</p>
            </div>
        </div>
    </section>

    <section>
        <h2>Future Plans</h2>
        <p>Additional apparatus were planned to be tested and expanded to cover all apparatuses by 2024 to further improve judging accuracy and sport presentation.</p>
    </section>

    <section>
        <h2>Other Related Articles</h2>
        <ul>
            <li><a href="https://global.fujitsu/en-global/pr/news/2026/03/31-01">Fujitsu and Osaka University of Health and Sport Sciences partner to innovate sports performance</a></li>
            <li><a href="https://www.gymnastics.sport/site/news/displaynews.php?idNews=2976">FIG announces Friendship and Solidarity Competition in Tokyo</a></li>
            <li><a href="https://www.gymnastics.sport/site/news/displaynews.php?idNews=2703">Fujitsu technology used to enhance fairness in Stuttgart</a></li>
            <li><a href="https://www.youtube.com/watch?app=desktop&v=7jZVCuvRSjg&feature=emb_logo">YouTube - Fujitsu Operations in Stuttgart</a></li>
            <li><a href="https://sports-topics.jp.fujitsu.com/en/solutions/judging-support-system/">Fujitsu JSS English page</a></li>
        </ul>
    </section>
@endsection