This repository has been archived by the owner on Nov 29, 2024. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
salam-online.html
171 lines (156 loc) · 10.7 KB
/
salam-online.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html dir="rtl" lang="fa-IR">
<head>
<meta charset="UTF-8">
<title>آزمایش آنلاین زبان برنامه نویسی سلام - برنامه نویسی برای همه</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style/normalize.css">
<link rel="stylesheet" href="/style/style.css">
<link rel="manifest" href="/manifest.json">
<meta name="description"
content="آزمایش آنلاین زبان برنامه نویسی سلام - تجربه برنامه نویسی آسان و جذاب برای همه به ویژه کودکان و نوجوانان. یادگیری سریع و آسان با زبان سلام.">
<meta name="keywords"
content="آزمایش آنلاین, زبان برنامه نویسی سلام, برنامه نویسی, زبان سلام, برنامه نویسی برای کودکان, یادگیری کدنویسی, توسعه نرم‌افزار">
<meta name="robots" content="index, follow">
<meta name="author" content="Salam Language Team">
<link rel="canonical" href="https://editor.salamlang.ir/">
<meta property="og:title" content="آزمایش آنلاین زبان برنامه نویسی سلام - برنامه نویسی برای همه">
<meta property="og:description"
content="با زبان برنامه نویسی سلام، برنامه نویسی را به شکلی ساده و جذاب یاد بگیرید. مناسب برای کودکان و نوجوانان.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://editor.salamlang.ir/">
<meta property="og:image" content="https://editor.salamlang.ir/image/screenshot.jpg">
<meta property="og:locale" content="fa_IR">
<meta property="og:site_name" content="زبان برنامه نویسی سلام">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="آزمایش آنلاین زبان برنامه نویسی سلام - برنامه نویسی برای همه">
<meta name="twitter:description"
content="تجربه‌ای آسان و جذاب در یادگیری برنامه نویسی با زبان سلام، مناسب برای کودکان و نوجوانان.">
<meta name="twitter:image" content="https://editor.salamlang.ir/image/screenshot.jpg">
<meta name="twitter:site" content="@SalamLang">
<meta name="twitter:creator" content="@SalamLang">
<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
</head>
<body>
<!-- Header -->
<header class="header">
<div class="btn-wrapper">
<button class="setting">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<circle cx="12" cy="12" r="3" stroke="#ffffff" stroke-width="1.5"></circle>
<path
d="M3.66122 10.6392C4.13377 10.9361 4.43782 11.4419 4.43782 11.9999C4.43781 12.558 4.13376 13.0638 3.66122 13.3607C3.33966 13.5627 3.13248 13.7242 2.98508 13.9163C2.66217 14.3372 2.51966 14.869 2.5889 15.3949C2.64082 15.7893 2.87379 16.1928 3.33973 16.9999C3.80568 17.8069 4.03865 18.2104 4.35426 18.4526C4.77508 18.7755 5.30694 18.918 5.83284 18.8488C6.07287 18.8172 6.31628 18.7185 6.65196 18.5411C7.14544 18.2803 7.73558 18.2699 8.21895 18.549C8.70227 18.8281 8.98827 19.3443 9.00912 19.902C9.02332 20.2815 9.05958 20.5417 9.15224 20.7654C9.35523 21.2554 9.74458 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8478 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.9021C15.0117 19.3443 15.2977 18.8281 15.7811 18.549C16.2644 18.27 16.8545 18.2804 17.3479 18.5412C17.6837 18.7186 17.9271 18.8173 18.1671 18.8489C18.693 18.9182 19.2249 18.7756 19.6457 18.4527C19.9613 18.2106 20.1943 17.807 20.6603 17C20.8677 16.6407 21.029 16.3614 21.1486 16.1272M20.3387 13.3608C19.8662 13.0639 19.5622 12.5581 19.5621 12.0001C19.5621 11.442 19.8662 10.9361 20.3387 10.6392C20.6603 10.4372 20.8674 10.2757 21.0148 10.0836C21.3377 9.66278 21.4802 9.13092 21.411 8.60502C21.3591 8.2106 21.1261 7.80708 20.6601 7.00005C20.1942 6.19301 19.9612 5.7895 19.6456 5.54732C19.2248 5.22441 18.6929 5.0819 18.167 5.15113C17.927 5.18274 17.6836 5.2814 17.3479 5.45883C16.8544 5.71964 16.2643 5.73004 15.781 5.45096C15.2977 5.1719 15.0117 4.6557 14.9909 4.09803C14.9767 3.71852 14.9404 3.45835 14.8478 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74458 2.35523 9.35523 2.74458 9.15224 3.23463C9.05958 3.45833 9.02332 3.71848 9.00912 4.09794C8.98826 4.65566 8.70225 5.17191 8.21891 5.45096C7.73557 5.73002 7.14548 5.71959 6.65205 5.4588C6.31633 5.28136 6.0729 5.18269 5.83285 5.15108C5.30695 5.08185 4.77509 5.22436 4.35427 5.54727C4.03866 5.78945 3.80569 6.19297 3.33974 7C3.13231 7.35929 2.97105 7.63859 2.85138 7.87273"
stroke="#ffffff" stroke-width="1.5" stroke-linecap="round"></path>
</g>
</svg>
</button>
<button class="execute" disabled=""><span class="title">اجرا</span>
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#000000"
stroke-width="0.048"></g>
<g id="SVGRepo_iconCarrier">
<path
d="M3 12L3 18.9671C3 21.2763 5.53435 22.736 7.59662 21.6145L10.7996 19.8727M3 8L3 5.0329C3 2.72368 5.53435 1.26402 7.59661 2.38548L20.4086 9.35258C22.5305 10.5065 22.5305 13.4935 20.4086 14.6474L14.0026 18.131"
stroke="#ffffff" stroke-width="2.4" stroke-linecap="round"></path>
</g>
</svg>
</button>
<button class="refactor"><span class="title">تمیز‌کردن</span>
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path
d="M11.4096 5.50506C13.0796 3.83502 13.9146 3 14.9522 3C15.9899 3 16.8249 3.83502 18.4949 5.50506C20.165 7.1751 21 8.01013 21 9.04776C21 10.0854 20.165 10.9204 18.4949 12.5904L14.3017 16.7837L7.21634 9.69828L11.4096 5.50506Z"
fill="#ffffff"></path>
<path
d="M6.1557 10.759L13.2411 17.8443L12.5904 18.4949C12.2127 18.8727 11.8777 19.2077 11.5734 19.5H21C21.4142 19.5 21.75 19.8358 21.75 20.25C21.75 20.6642 21.4142 21 21 21H9C7.98423 20.9747 7.1494 20.1393 5.50506 18.4949C3.83502 16.8249 3 15.9899 3 14.9522C3 13.9146 3.83502 13.0796 5.50506 11.4096L6.1557 10.759Z"
fill="#ffffff"></path>
</g>
</svg>
</button>
<button class="save"><span class="title">ذخیره</span>
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path
d="M12.89 5.87891H5.11C3.4 5.87891 2 7.27891 2 8.98891V20.3489C2 21.7989 3.04 22.4189 4.31 21.7089L8.24 19.5189C8.66 19.2889 9.34 19.2889 9.75 19.5189L13.68 21.7089C14.96 22.4089 16 21.7989 16 20.3489V8.98891C16 7.27891 14.6 5.87891 12.89 5.87891Z"
fill="#292D32"></path>
<path
d="M21.9998 5.11V16.47C21.9998 17.92 20.9598 18.53 19.6898 17.83L17.7598 16.75C17.5998 16.66 17.4998 16.49 17.4998 16.31V8.99C17.4998 6.45 15.4298 4.38 12.8898 4.38H8.81984C8.44984 4.38 8.18984 3.99 8.35984 3.67C8.87984 2.68 9.91984 2 11.1098 2H18.8898C20.5998 2 21.9998 3.4 21.9998 5.11Z"
fill="#292D32"></path>
</g>
</svg>
</button>
</div>
<!--
<a href="https://auth.salamlang.ir/auth" class="login">
<span class="title">ورود</span>
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path d="M2.00098 11.999L16.001 11.999M16.001 11.999L12.501 8.99902M16.001 11.999L12.501 14.999"
stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path
d="M9.00195 7C9.01406 4.82497 9.11051 3.64706 9.87889 2.87868C10.7576 2 12.1718 2 15.0002 2L16.0002 2C18.8286 2 20.2429 2 21.1215 2.87868C22.0002 3.75736 22.0002 5.17157 22.0002 8L22.0002 16C22.0002 18.8284 22.0002 20.2426 21.1215 21.1213C20.3531 21.8897 19.1752 21.9862 17 21.9983M9.00195 17C9.01406 19.175 9.11051 20.3529 9.87889 21.1213C10.5202 21.7626 11.4467 21.9359 13 21.9827"
stroke="#ffffff" stroke-width="1.5" stroke-linecap="round"></path>
</g>
</svg>
</a>
<button class="logout" style="display: none">
<span class="title">خروج</span>
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path d="M15 12L2 12M2 12L5.5 9M2 12L5.5 15" stroke="#ffffff" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round"></path>
<path
d="M9.00195 7C9.01406 4.82497 9.11051 3.64706 9.87889 2.87868C10.7576 2 12.1718 2 15.0002 2L16.0002 2C18.8286 2 20.2429 2 21.1215 2.87868C22.0002 3.75736 22.0002 5.17157 22.0002 8L22.0002 16C22.0002 18.8284 22.0002 20.2426 21.1215 21.1213C20.3531 21.8897 19.1752 21.9862 17 21.9983M9.00195 17C9.01406 19.175 9.11051 20.3529 9.87889 21.1213C10.5202 21.7626 11.4467 21.9359 13 21.9827"
stroke="#ffffff" stroke-width="1.5" stroke-linecap="round"></path>
</g>
</svg>
</button>
-->
</header>
<!-- Output -->
<textarea name="code" class="code"></textarea>
<iframe class="iframe"></iframe>
<pre class="output"></pre>
<pre class="error"></pre>
<!-- Modal -->
<div class="overlay"></div>
<div class="setting_modal">
<h1>تنظیمات</h1>
<hr>
<div class="setting-wrapper">
<span>تغییر حالت ادیتور: </span>
<div class="setting-item-wrapper">
<div class="setting-item editor_mode1">
<img src="/image/view-full.jpg" alt="حالت تمام صفحه">
</div>
<div class="setting-item editor_mode2">
<img src="/image/view-split.jpg" alt="حالت نیمه صفحه">
</div>
</div>
<span>تغییر تم ادیتور: </span>
<div class="setting-item-wrapper">
<div class="setting-item editor_light">
<img src="/image/theme-light.jpg" alt="ظاهر روشن">
</div>
<div class="setting-item editor_dark">
<img src="/image/theme-dark.jpg" alt="ظاهر تیره">
</div>
</div>
</div>
</div>
<script src="script/sweetalert.js"></script>
<script src="script/script.js"></script>
</body>
</html>