ScriptSource | Al-Bayati

def x(n):
    i = 0
    while i != n:
        i += 1
    return chr(i)
def y(t):
    r = []
    i = 0
    while i < len(t):
        c = 0
        j = 0
        while j < len(t):
            if t[j] == t[i]:
                c += 1
            j += 1
        r.append(ord(t[i]) + (c - c))
        i += 1
    return r
def z(a):
    s = ""
    i = 0
    while i < len(a):
        s += x(a[i])
        i += 1
    return s
i = [72,105,32,69,118,101,114,121,111,110,101,32]
j = ""
k = 0
while k < len(i):
    j += x(i[k])
    k += 1
a = []
b = "I'm Bayati"
i = 0
while i < len(b):
    a.append(ord(b[i]))
    i += 1
c = ""
i = 0
while i < len(a):
    c += x(a[i])
    i += 1
d = z(y(c))
e = ""
for i in [j,d]:
    e += i
print(e)

للتواصل : @ClassZaid .. اعمالنا : @Zwebsit

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Alert Icon</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap" rel="stylesheet">
    <style>
        :root {--a1:#FDE8E88C; --b1:#DC3545; --a2:#E7F3FEBD; --b2:#007bff;
            --fs:1.1rem; --bw:5px; --sz:24px; --lh:1.6; --pd:15px; --mb:10px }     
        body { font-family:'Tajawal', sans-serif; background-color:#f8f9fa; margin:0; padding:20px; }
        .x2 { border-radius:4px; padding:var(--pd); margin-bottom:var(--mb); display:flex; align-items:flex-start; animation:b 2s infinite alternate; }
        .x2 .x1009 { font-size:var(--sz); margin-left:10px}
        .x2 p { margin:0; text-align:justify; word-spacing:-1px; flex:1; line-height:var(--lh); }
        .x17 { background-color:var(--a1); border-right:var(--bw) solid var(--b1); color:#721C24; font-size:var(--fs); }
        .x17 .x1009 { color:var(--b1); }
        .x200 { background-color:var(--a2); border-right:calc(var(--bw) + 1px) solid var(--b2); color:#0056b3; font-size:var(--fs); }
        .x200 .x1009 { color:var(--b2); }
        @keyframes b { from { transform:translateY(0); } to { transform:translateY(-5px); } }
    </style>
</head>
<body>
    <div class="x2 x17">
        <i class="fas fa-exclamation-triangle x1009"></i>
        <p>ترقية النظام تصبح أمرًا ضروريًا جدًا حين يصبح إصدارك قديمًا ولم يعد مدعومًا (مما يعني أنه لم يعد يتلقى تحديثات أمنية) وذلك لتحافظ على أمان النظام ولتضمن توافقه مع البرمجيات الحديثة.</p>
    </div>
    <div class="x2 x200">
        <i class="fas fa-info-circle x1009"></i>
        <p>بالرغم من أن ترقية النظام يمكن أن توفر ميزات وتحسينات كبيرة، فإنها قد تسبب مشاكل في توافق البرمجيات إذا لم يكن مطوروها قد قاموا بتحديثها للتوافق مع الإصدار الجديد. لذلك، عند إجراء ترقية للنظام، عليك تجربة البرامج التي كنت تستعملها في حياتك اليومية للتأكد من أنها لا تزال تعمل بكفاءة.</p>
    </div>
</body>
</html>

aL-Bayati Zai∆ :) @ClassZaid

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Alert Icon</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap" rel="stylesheet">
    <style>
        :root {--a1:#FDE8E88C; --b1:#DC3545; --a2:#E7F3FEBD; --b2:#007bff;
            --fs:1.1rem; --bw:5px; --sz:24px; --lh:1.6; --pd:15px; --mb:10px }     
        body { font-family:'Tajawal', sans-serif; background-color:#f8f9fa; margin:0; padding:20px; }
        .x2 { border-radius:4px; padding:var(--pd); margin-bottom:var(--mb); display:flex; align-items:flex-start; animation:b 2s infinite alternate; }
        .x2 .x1009 { font-size:var(--sz); margin-left:10px}
        .x2 p { margin:0; text-align:justify; word-spacing:-1px; flex:1; line-height:var(--lh); }
        .x17 { background-color:var(--a1); border-right:var(--bw) solid var(--b1); color:#721C24; font-size:var(--fs); }
        .x17 .x1009 { color:var(--b1); }
        .x200 { background-color:var(--a2); border-right:calc(var(--bw) + 1px) solid var(--b2); color:#0056b3; font-size:var(--fs); }
        .x200 .x1009 { color:var(--b2); }
        @keyframes b { from { transform:translateY(0); } to { transform:translateY(-5px); } }
    </style>
</head>
<body>
    <div class="x2 x17">
        <i class="fas fa-exclamation-triangle x1009"></i>
        <p>ترقية النظام تصبح أمرًا ضروريًا جدًا حين يصبح إصدارك قديمًا ولم يعد مدعومًا (مما يعني أنه لم يعد يتلقى تحديثات أمنية) وذلك لتحافظ على أمان النظام ولتضمن توافقه مع البرمجيات الحديثة.</p>
    </div>
    <div class="x2 x200">
        <i class="fas fa-info-circle x1009"></i>
        <p>بالرغم من أن ترقية النظام يمكن أن توفر ميزات وتحسينات كبيرة، فإنها قد تسبب مشاكل في توافق البرمجيات إذا لم يكن مطوروها قد قاموا بتحديثها للتوافق مع الإصدار الجديد. لذلك، عند إجراء ترقية للنظام، عليك تجربة البرامج التي كنت تستعملها في حياتك اليومية للتأكد من أنها لا تزال تعمل بكفاءة.</p>
    </div>
</body>
</html>

aL-Bayati Zai∆ :) @ClassZaid

اللغات المستخدمة في برمجة هذا الموقع: 1) HyperText Markup Language | HTML 2) Cascading Style Sheets | CSS 3) JavaScript

للاستفسارات : @ClassZaid

A site being built... a site that converts images into designs ( ASCII ) .. With the ability to copy text and image color. With programming language formats (Python - Html - Css - JavaScript ) .. موقع قيد الإنشاء... موقع يحوّل الصور إلى تصاميم (ASCII).. مع إمكانية نسخ النصوص ولون الصور. بتنسيقات لغات البرمجة (Python - Html - Css - JavaScript)..