<commit_before>﻿{% extends "layout.html" %}

{% block header %}
<style type="text/css">
   .redbox {
        background-color: #ff0000;
        width: 100px;
        height: 100px;
        float: left;
    }

    .bluebox {
        background-color: #3c59e8;
        width: 100px;
        height: 100px;
        float: left;
    }

    .greenbox {
        background-color: #00ff90;
        width: 100px;
        height: 100px;
        float: left;
    }
</style>
{% endblock %}


{% block content %}

<div>
    <h1>Learning CSS 02</h1>
    <div class="graybox">
        <p>
            This domain is established to be used for illustrative examples in documents. You may use this
            domain in examples without prior coordination or asking for permission.
        </p>
    </div>

    <div class="redbox">
        <p>
            Adding another paragraph to test margin properties
        </p>
    </div>

    <div class="bluebox">
        <p>
            Adding another paragraph to test margin properties
        </p>
    </div>

    <div class="greenbox">
        <p>
            Adding another paragraph to test margin properties
        </p>
    </div>
</div>
<commit_msg>adding border radius to have smooth edge box<commit_after>﻿{% extends "layout.html" %}

{% block header %}
<style type="text/css">
    .udemy {
        width: 300px;
        height: 100px;
        float: left;
        margin: 20px;
        border-radius: 20px;
    }

    .redbox {
        background-color: #ff0000;
        border: 5px black solid;
    }

    .bluebox {
        background-color: #3c59e8;
    }

    .greenbox {
        background-color: #00ff90;
    }
</style>
{% endblock %}


{% block content %}

<h1>Learning CSS 02</h1>

<div class="redbox udemy">
    <p>
        Adding another paragraph to test margin properties
    </p>
</div>

<div class="bluebox udemy">
    <p>
        Adding another paragraph to test margin properties
    </p>
</div>

<div class="greenbox udemy">
    <p>
        Adding another paragraph to test margin properties
    </p>
</div>


{'fraction_non_alphanumeric': 0.11998064828253507, 'fraction_numerical': 0.029511369134010642, 'mean_word_length': 1.9004207573632539, 'pattern_counts': {'":': 0, '<': 41, '<?xml version=': 0, '>': 41, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3617946', 'n_tokens_mistral': 716, 'n_tokens_neox': 631, 'n_words': 194}