pre-title.html

<style>
    .book-info {
        display: flex;
        align-items: stretch; /* Align items to stretch to the same height */
        gap: 20px;
        margin-bottom: 40px;
    }

    .text-column {
        flex: 1.3; /* Allocate more space to text */
        display: flex;
        flex-direction: column; /* Stack children vertically */
        justify-content: space-between; /* Space out children */
    }

    .image-column {
        flex: 1; /* Allocate less space to the image */
        text-align: center; /* Center-align the image */
    }

    .image-column img {
        max-width: 100%;
        height: auto;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); /* Optional shadow */
    }

    .text-column p {
        margin: 5px 0;
        line-height: 1.5;
    }

    .author-label {
        /* font-size: 1.8em; */
        text-transform: uppercase; /* Make text uppercase */
        color: #666666; /* Muted gray color */
        margin-bottom: 10px; /* Add spacing below */
    }

    .press-label {
        margin-top: auto; /* Push this to the bottom of the column */
        /* font-size: 1.2em;  */
        text-align: left; /* Align text to the left */
    }
</style>


<div class="book-info">
    <div class="text-column">
        <div>
            <div class="author-label">Authors</div>
            <p>
                <a href="https://groups.csail.mit.edu/vision/torralbalab/" target="_blank">Antonio Torralba</a>,
                <a href="https://web.mit.edu/phillipi/" target="_blank">Phillip Isola</a>, and
                <a href="https://billf.mit.edu" target="_blank">William Freeman</a>
            </p>
            <!-- <p>Department of Electrical Engineering and Computer Science</p> -->

            <!-- <p>Massachusetts Institute of Technology</p> -->
            <br>
            <br>
            </div>

<div class="press-label">
<p>You can buy the print version of this book <a href="https://mitpress.mit.edu/9780262048972/foundations-of-computer-vision/">here</a>.</p>
<br>
Published by <em>The MIT Press</em>
<p>Cambridge, Massachusetts</p>
<p>London, England</p>
        </div>

<!-- 
        <div class="callout callout-style-default callout-tip  callout-titled">
            <div class="callout-header d-flex align-content-center">
                <div class="callout-icon-container">
                    <i class="callout-icon "></i>
                </div>
                <div class="callout-title-container flex-fill">
                    Disclaimer
                </div>
            </div>
            <div class="callout-body-container callout-body">
                <p>
                    This website is a draft online version of the book
                    <em>Foundations of Computer Vision</em>. The print version was published by
                    <a href="https://mitpress.mit.edu/9780262048972/foundations-of-computer-vision/">
                        <em>The MIT Press</em>
                    </a>
                    on April 16, 2024.

                </p>
                <p>The open access edition of this book was made possible by generous funding and support from MIT Libraries.</p>
            </div>
        </div> -->
    </div>
    <div class="image-column">
        <img src="figures/logo.jpg" alt="Book Cover"/>
    </div>


</div>

<script>
    document.addEventListener("DOMContentLoaded", function () {
    var script = document.createElement("script");
    script.type = "module";
    script.id = "runllm-widget-script";
    script.src = "https://widget.runllm.com";
    script.setAttribute("version", "stable");
    script.setAttribute("runllm-keyboard-shortcut", "Mod+i"); // cmd-i or ctrl-i to open the widget.
    script.setAttribute("runllm-name", "Vision Book");
    script.setAttribute("runllm-position", "BOTTOM_RIGHT");
    script.setAttribute("runllm-position-y", "120px");
    script.setAttribute("runllm-position-x", "20px");
    script.setAttribute("runllm-floating-button-text", "Try AI (beta testing):");
    script.setAttribute("runllm-assistant-id", "783");
    script.async = true;
    document.head.appendChild(script);
});
</script>