alternate.thiscat.rocks/index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="https://unpkg.com/@sakun/system.css">
        <link rel="stylesheet" href="style/style.css">
        <title>Baxter's Desktop</title>
    </head>

    <body>
        <div class="window">
            <div class="title-bar">
                <button aria-label="Close" disabled class="hidden"></button>
                <h1 class="title">Baxter Images</h1>
                <button aria-label="Resize" disabled class="hidden"></button>
            </div>
            <div class="separator"></div>
            
            <div class="window-pane">
                <figure>
                    <img src="img/thumbnails/baxter-stare-thumb.jpg" alt="A thumbnail of an image of baxter looking at the camera.">
                    <figcaption>baxter-stare.jpg</figcaption>
                </figure>
            </div>
        </div>

        <div class="standard-dialog center scale-down site-info">
            <h1 class="dialog-text">Baxter's desktop</h1>
            <p class="dialog-text">Welcome to Baxter's desktop, a time trip to before Baxter himself!</p>
            <p class="dialog-text">This site makes use of JavaScript, so you may want to turn that on if things aren't working as intended.</p>
            <p class="dialog-text">In the "Baxter Images" dialog, you can single-click on a photo to view it with a small description.</p>
            <p class="dialog-text">I hope you enjoy this little nostalgia trip featuring my cat, you can go back to his normal homepage <a href="https://thiscat.rocks/">here</a>.</p>
        </div>

        <script src="js/script.js"></script>
    </body>
</html>
Initial project set up 2024-10-27 23:31:19 +00:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="utf-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
			`<link rel="stylesheet" href="https://unpkg.com/@sakun/system.css">`
			`<link rel="stylesheet" href="style/style.css">`
			`<title>Baxter's Desktop</title>`
			`</head>`

			`<body>`
Initial layout coded. Further development will involve functionality of the website itself. Along with a revisit of the layout for mobile devices 2024-10-28 01:05:18 +00:00			`<div class="window">`
			`<div class="title-bar">`
Removing titlebar buttons that have no function These buttons will serve no purpose for the photo gallery window and should be disabled and hidden 2024-10-28 01:27:27 +00:00			`<button aria-label="Close" disabled class="hidden"></button>`
Initial layout coded. Further development will involve functionality of the website itself. Along with a revisit of the layout for mobile devices 2024-10-28 01:05:18 +00:00			`<h1 class="title">Baxter Images</h1>`
Removing titlebar buttons that have no function These buttons will serve no purpose for the photo gallery window and should be disabled and hidden 2024-10-28 01:27:27 +00:00			`<button aria-label="Resize" disabled class="hidden"></button>`
Initial layout coded. Further development will involve functionality of the website itself. Along with a revisit of the layout for mobile devices 2024-10-28 01:05:18 +00:00			`</div>`
			`<div class="separator"></div>`

			`<div class="window-pane">`
Playing around with thumbnail layout, wire up js Testing grid layout with thumbnails for images. Beginning of writing JS for enlaring images to their own window. 2024-10-28 02:10:16 +00:00			`<figure>`
Only need one figure element and image for JS Only need one image to test with when writing JS. Still need to edit more photos for desired look. Focusing on code right now. 2024-10-28 02:24:37 +00:00			`<img src="img/thumbnails/baxter-stare-thumb.jpg" alt="A thumbnail of an image of baxter looking at the camera.">`
			`<figcaption>baxter-stare.jpg</figcaption>`
Playing around with thumbnail layout, wire up js Testing grid layout with thumbnails for images. Beginning of writing JS for enlaring images to their own window. 2024-10-28 02:10:16 +00:00			`</figure>`
Initial layout coded. Further development will involve functionality of the website itself. Along with a revisit of the layout for mobile devices 2024-10-28 01:05:18 +00:00			`</div>`
			`</div>`
Initial project set up 2024-10-27 23:31:19 +00:00
Initial layout coded. Further development will involve functionality of the website itself. Along with a revisit of the layout for mobile devices 2024-10-28 01:05:18 +00:00			`<div class="standard-dialog center scale-down site-info">`
			`<h1 class="dialog-text">Baxter's desktop</h1>`
			`<p class="dialog-text">Welcome to Baxter's desktop, a time trip to before Baxter himself!</p>`
			`<p class="dialog-text">This site makes use of JavaScript, so you may want to turn that on if things aren't working as intended.</p>`
			`<p class="dialog-text">In the "Baxter Images" dialog, you can single-click on a photo to view it with a small description.</p>`
			`<p class="dialog-text">I hope you enjoy this little nostalgia trip featuring my cat, you can go back to his normal homepage <a href="https://thiscat.rocks/">here</a>.</p>`
			`</div>`
Playing around with thumbnail layout, wire up js Testing grid layout with thumbnails for images. Beginning of writing JS for enlaring images to their own window. 2024-10-28 02:10:16 +00:00
			`<script src="js/script.js"></script>`
Initial project set up 2024-10-27 23:31:19 +00:00			`</body>`
			`</html>`