shoaib sherazi: i used this theme on this blogger site

i used this theme on this blogger site

Wednesday, 9 August 2023 -







 <?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
    <title><data:blog.pageTitle/></title>
    <b:include data='blog' name='all-head-content'/>
    <b:skin>
    <![CDATA[/* 
        Modern and Fancy Styles 
    */
    body {
        font-family: 'Arial', sans-serif;
        background-color: #f7f8fc;
        color: #333;
        margin: 0;
        padding: 0;
    }

    header {
        background-color: #333;
        color: #fff;
        padding: 20px 0;
        text-align: center;
    }

    #content {
        max-width: 800px;
        margin: 40px auto;
        padding: 20px;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }

    h3 {
        border-bottom: 1px solid #eee;
        padding: 10px 0;
    }

    h3 a {
        text-decoration: none;
        color: #007BFF;
    }

    h3 a:hover {
        text-decoration: underline;
    }

    .date {
        font-size: 12px;
        color: #888;
    }

    pre {
        background-color: #f5f5f5;
        padding: 10px;
        border-radius: 5px;
        overflow-x: auto;
        position: relative;
    }

    .copy-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: #007BFF;
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 4px;
        padding: 5px 10px;
        font-size: 12px;
    }
.label-link {
    background-color: #f5f5f5;
    padding: 5px 10px;
    border-radius: 4px;
    margin: 5px;
    display: inline-block;
    text-decoration: none;
    color: #333;
    transition: background-color 0.3s;
}

.label-link:hover {
    background-color: #007BFF;
    color: #fff;
}
.home-btn {
        background-color: #007BFF;
        color: #fff;
        padding: 10px 20px;
        border: none;
        border-radius: 4px;
        margin-top: 20px;
        display: inline-block;
        text-decoration: none;
        transition: background-color 0.3s;
    }

    .home-btn:hover {
        background-color: #0056b3;
    }


    ]]>
    </b:skin>
</head>
<body>
    <header>
        <h1>Code Snippets Repository</h1>
      <a href='/' class='home-btn'>Home</a>
    </header>
    <div id="content">
    <!-- Labels section -->
    <b:section class='labels-section' id='labels-section' showaddelement='yes'>
        <b:widget id='Label1' locked='false' title='Labels' type='Label'>
            <b:includable id='main'>
                <b:loop values='data:labels' var='label'>
                    <a expr:href='data:label.url' class='label-link'><data:label.name/></a>
                </b:loop>
            </b:includable>
        </b:widget>
    </b:section>

    <!-- Original content section -->
    <b:section class='main' id='main' showaddelement='yes'>
        <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
            <b:includable id='main'>
                <b:loop values='data:posts' var='post'>
                    <b:if cond='data:blog.pageType == "index"'>
                        <h3><a expr:href='data:post.url'><data:post.title/></a></h3>
                        <span class="date"><data:post.date/></span>
                    <b:else/>
                        <h3><data:post.title/></h3>
                        <span class="date"><data:post.date/> - <data:post.time/></span>
                        <pre id="codeSnippet"><data:post.body/></pre>
                        <button class="copy-btn" onclick="copyToClipboard('codeSnippet')">Copy Code</button>
                        <b:if cond='data:post.allowEdit'>
                            <a expr:href='data:post.editUrl'>Edit this post</a>
                        </b:if>
                    </b:if>
                </b:loop>
            </b:includable>
        </b:widget>
    </b:section>
</div>

    <script type="text/javascript">
        var password = prompt("Please enter your password:", "");
        
        if (password != "code") {
            alert("Incorrect password. You will be redirected.");
            window.location.href = "https://www.google.com";
        }

        function copyToClipboard(elementId) {
            var copyText = document.getElementById(elementId).innerText;
            var textArea = document.createElement("textarea");
            textArea.value = copyText;
            document.body.appendChild(textArea);
            textArea.select();
            document.execCommand("Copy");
            textArea.remove();
            alert("Code copied to clipboard!");
        }
    </script>
</body>
</html>