webbed-site/_drafts/cheesecake.html

66 lines
2.9 KiB
HTML
Raw Normal View History

2025-01-06 12:22:24 -06:00
<!DOCTYPE html>
<html lang=en>
<!-- This is a free layout for anyone to use!
All I ask is that you keep this credit in-tact, or that you put my website link
(https://nonkiru.art) somewhere on your site.
Otherwise, edit this as much as you'd like!
Last Updated: 8th December 2024 -->
<head>
<!-- These are tags for how the embded will look. -->
<meta property="og:title" content="Website Title">
<meta name="twitter:title" content="Website Title (For Twitter)">
<!-- Update the image here with your embed! -->
<meta property="og:image" content="embed_image.png">
<!-- Image here, too! -->
<meta name="twitter:card" content="summary_large_image">
<meta name="description" content="Description of your website.">
<meta name="keywords" content="Keywords for your website.">
<meta name="author" content="Name of who made this website.">
<meta name="twitter:description" content="Description of your website (For Twitter).">
<!-- Change the colour code to match your website. -->
<meta content="#ffffff " data-react-helmet="true" name="theme-color">
<!-- Various other website settings. -->
<!-- Keep this in-tact if you want to use unicode in text without it breaking. You shouldn't need to change this. -->
<meta charset="utf-8">
<!-- For setting the viewport for different screen sizes. You shouldn't need to change this. -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- If you change the name of the stylesheet, make sure to reflect it here. -->
<link rel="stylesheet" href="/themes/cheesecake_style.css">
<link rel="icon" type="image/x-icon" href="/img/cheesecake/favicon.gif">
<title>{{ page.title }}</title>
</head>
<body>
{{ content }}
<footer>
<a href="/" title="back?">
<i class="ph ph-caret-left"></i>
</a>
</footer>
</body>
<script src="https://unpkg.com/@phosphor-icons/web"></script>
<!-- JQuery scripts. These are required for the draggable divs. -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" integrity="sha512-uto9mlQzrs59VwILcLiRYeLKPPbS/bT71da/OEBYEwcdNUk8jYIy+D176RYoop1Da+f9mvkYrmj5MCLZWEtQuA==" crossorigin="anonymous"></script></script>
<script>
$(function() {
var sectionCounter = 1; // Start at drag1 for the dynamic sections
$(".box").each(function() {
var boxId = "drag" + sectionCounter; // Assign drag2, drag3, etc.
$("#" + boxId).draggable(); // Make the element with this ID draggable
sectionCounter++; // Increment the counter for the next section
});
});
</script>
</html>