<commit_before><!DOCTYPE html>
<html>
    <style type="text/css">
        body {
            background-color: black;
            color: #5a5656;
            font-family: 'Open Sans', Arial, Helvetica, sans-serif;
            font-size: 16px;
            line-height: 1.5em;
        }
        #outer
        {
        	width: 100px;
        	height: 100px;
        	background: skyblue;
        }
        #cube
        {
        	width: 100px;
        	height: 100px;
        	line-height: 100px;
        	background: blue;
        	transition: all 3s ease-in-out;
        }
        #cube p
        {
        	color: white;
        	text-align: center;
        }
        #cube:hover
        {
        	width: 200px;
        	border-radius: 10px;
        	background: red;
        	transform: scale(1);
        }
        a { text-decoration: none; }
        h1 { font-size: 1em; }
        h1, p {
            margin-bottom: 10px;
        }
        strong {
            font-weight: bold;
        }
        .uppercase { text-transform: uppercase; }
        /* ---------- LOGIN ---------- */
        #login {
            margin: 50px auto;
            width: 300px;
        }
        form fieldset input[type="text"], input[type="password"] {
            background-color: #e5e5e5;
            border: none;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            color: #5a5656;
            font-family: 'Open Sans', Arial, Helvetica, sans-serif;
            font-size: 14px;
            height: 50px;
            outline: none;
            padding: 0px 10px;
            width: 280px;
            -webkit-appearance:none;
        }
        form fieldset input[type="submit"] {
            background-color: #008dde;
            border: none;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            color: #f4f4f4;
            cursor: pointer;
            font-family: 'Open Sans', Arial, Helvetica, sans-serif;
            height: 50px;
            text-transform: uppercase;
            width: 300px;
            -webkit-appearance:none;
        }
        form fieldset a {
            color: #5a5656;
            font-size: 10px;
        }
        form fieldset a:hover { text-decoration: underline; }
        .btn-round {
            background-color: #5a5656;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            color: #f4f4f4;
            display: block;
            font-size: 12px;
            height: 50px;
            line-height: 50px;
            margin: 30px 125px;
            text-align: center;
            text-transform: uppercase;
            width: 50px;
        }
        #img{
            position: fixed;
            text-align: center;
            font-weight: normal;
            width: 120px;
            margin: 5px;
        }
    </style>
</head>
<body background="code_funtoosh.jpg">
    <div id="img">
    <div id="outer">
    	<div id="cube">
    		<p>CodingWithFun!</p>
    	</div>
    </div>
    <div ><strong>We welcomes you at CodingWithFun</strong></div>
    </div>
    <div id="login">
        <h1><strong>Welcomes to Login Portal</strong> Please login.</h1>
        <form name="login" action="login.php" method="post">
            <fieldset>
                <p><input type="text" required value="Username" name="userid"  onBlur="if (this.value === '')
                            this.value = 'Username'" onFocus="if (this.value === 'Username')
                                        this.value = ''"/></p>

                <p><input type="password" required value="Password" name="<PASSWORD>" onBlur="if (this.value === '')<commit_msg>Background image updated in login.html<commit_after><!DOCTYPE html>
<html>
    <style type="text/css">
        body {
            background-color: black;
            color: #5a5656;
            font-family: 'Open Sans', Arial, Helvetica, sans-serif;
            font-size: 16px;
            line-height: 1.5em;
        }
        #outer
        {
        	width: 100px;
        	height: 100px;
        	background: skyblue;
        }
        #cube
        {
        	width: 100px;
        	height: 100px;
        	line-height: 100px;
        	background: blue;
        	transition: all 3s ease-in-out;
        }
        #cube p
        {
        	color: white;
        	text-align: center;
        }
        #cube:hover
        {
        	width: 200px;
        	border-radius: 10px;
        	background: red;
        	transform: scale(1);
        }
        a { text-decoration: none; }
        h1 { font-size: 1em; }
        h1, p {
            margin-bottom: 10px;
        }
        strong {
            font-weight: bold;
        }
        .uppercase { text-transform: uppercase; }
        /* ---------- LOGIN ---------- */
        #login {
            margin: 50px auto;
            width: 300px;
        }
        form fieldset input[type="text"], input[type="password"] {
            background-color: #e5e5e5;
            border: none;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            color: #5a5656;
            font-family: 'Open Sans', Arial, Helvetica, sans-serif;
            font-size: 14px;
            height: 50px;
            outline: none;
            padding: 0px 10px;
            width: 280px;
            -webkit-appearance:none;
        }
        form fieldset input[type="submit"] {
            background-color: #008dde;
            border: none;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            color: #f4f4f4;
            cursor: pointer;
            font-family: 'Open Sans', Arial, Helvetica, sans-serif;
            height: 50px;
            text-transform: uppercase;
            width: 300px;
            -webkit-appearance:none;
        }
        form fieldset a {
            color: #5a5656;
            font-size: 10px;
        }
        form fieldset a:hover { text-decoration: underline; }
        .btn-round {
            background-color: #5a5656;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            color: #f4f4f4;
            display: block;
            font-size: 12px;
            height: 50px;
            line-height: 50px;
            margin: 30px 125px;
            text-align: center;
            text-transform: uppercase;
            width: 50px;
        }
        #img{
            position: fixed;
            text-align: center;
            font-weight: normal;
            width: 120px;
            margin: 5px;
        }
    </style>
</head>
<body background="79.jpg">
    <div id="img">
    <div id="outer">
    	<div id="cube">
    		<p>CodingWithFun!</p>
    	</div>
    </div>
    <div ><strong>We welcomes you at CodingWithFun</strong></div>
    </div>
    <div id="login">
        <h1><strong>Welcomes to Login Portal</strong> Please login.</h1>
        <form name="login" action="login.php" method="post">
            <fieldset>
                <p><input type="text" required value="Username" name="userid"  onBlur="if (this.value === '')
                            this.value = 'Username'" onFocus="if (this.value === 'Username')
                                        this.value = ''"/></p>

                <p><input type="password" required value="Password" name="<PASSWORD>" onBlur="if (this.value === '')
{'fraction_non_alphanumeric': 0.1279439005027785, 'fraction_numerical': 0.030960571579783012, 'mean_word_length': 1.320135052179251, 'pattern_counts': {'":': 0, '<': 65, '<?xml version=': 0, '>': 63, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3037553', 'n_tokens_mistral': 2460, 'n_tokens_neox': 2248, 'n_words': 498}