index.html

---
layout: index
title: be-framework
category: Index
---
<div class="jumbotron">
    <div class="hero-logo"><img src="./images/logo.png" alt="logo" width="256 px"></div>
<!--    <div style="font-size: xxx-large; font-family: 'Arial Black',serif">Be Framework</div>-->
    <span class="sr-only">乾道變化、各正性命 — I Ching, Commentary on the Hexagram Qián (Circa 4th Century BC)</span>
    <style>
        .hero-logo {
            margin-bottom: 2.25rem;
        }
        .jumbotron > p.hero-tagline {
            max-width: 72rem;
            margin-left: auto;
            margin-right: auto;
            padding: 0 1.5rem;
            font-size: 1.85rem;
            font-weight: 300;
            line-height: 1.3;
            text-wrap: balance;
        }
        .jumbotron > p.hero-tagline .hero-subtagline {
            display: block;
            margin-top: 0.25rem;
            font-size: 1.65rem;
        }
        @media (max-width: 767.98px) {
            .jumbotron > p.hero-tagline {
                padding: 0 1rem;
                font-size: 1.65rem;
            }
            .jumbotron > p.hero-tagline .hero-subtagline { font-size: 1.5rem; }
        }
    </style>
    <p class="hero-tagline">
        As the Way <strong>transforms</strong>, each thing settles into its <strong>nature</strong> and <strong>destiny</strong>.
        <span class="hero-subtagline">The Being-Oriented Framework for PHP</span>
    </p>

    <a class="intl btn btn-primary" href="/manuals/1.0/en/index.html">
        be &raquo;
    </a>
    <script>
        window.addEventListener('DOMContentLoaded', () => {
            const navigatorLanguages = window.navigator.languages;
            const locales = (navigatorLanguages && navigatorLanguages.length)
                ? navigatorLanguages
                : [window.navigator.language ?? ''];
            const prefersJapanese = locales.some((locale) => locale.toLowerCase().startsWith('ja'));

            if (!prefersJapanese) {
                return;
            }

            const links = document.getElementsByClassName('intl');
            for (const link of links) {
                const href = link.getAttribute('href');
                if (href && href.includes('/en/')) {
                    link.setAttribute('href', href.replace('/en/', '/ja/'));
                }
            }
        });
    </script>
</div>