66 lines
2.9 KiB
HTML
66 lines
2.9 KiB
HTML
|
<!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>
|