-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
161 lines (141 loc) · 7.23 KB
/
index.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
<!DOCTYPE html>
<html lang="he">
<head>
<meta charset="utf-8">
<meta name="author" content="NHLOCAL">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="חיפוש חופשי והורדה בתוך מאגר של עשרות אלפי שירים, מוזיקה בדרייב, מאגר שירים חרדי: הורדת שירים חינם באופן פשוט וקליל. שיר-בוט: הפלטפורמה להורדת שירים חרדיים ברמה הגבוהה ביותר.">
<meta name="keywords" content="הורדת שירים, מוזיקה בדרייב, שירים בדרייב, שירים חרדיים, מוזיקה חסידית, שיר-בוט, מאגר שירים, חיפוש שירים, זמרים חרדיים, שירים חסידיים, הורדה מהירה, מספר סידורי, אלבום, זמר, חרדים, יהדות, טקסטים, תורה, מוסיקליות, מועדים, אמנות, song downloads, Chassidic songs, Jewish music, Shir-Bot, song database, song search, Chassidic singers, Chassidic music, fast download, serial number, album, singer, Chassidic, Judaism, lyrics, Torah, musicality, holidays, art, חיפוש שירים, שירים חסידיים,מוזיקה חסידית, מוזיקה יהודית">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<title>שיר-בוט</title>
<link rel="canonical" href="https://nhlocal.github.io/shir-bot" />
<link rel="icon" type="image/x-icon" href="site/favicon.ico">
<link rel="stylesheet" href="site/styles.css">
<link rel="stylesheet" href="site/personal.css">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TGD4VQW4X8"></script>
<script src="https://nhlocal.github.io/general-settings.js"></script>
</head>
<body dir="rtl" style="background-color:#FFFEDB;">
<div class="topnav">
<header class="ripple-header">
<a class="feedback-button" href="mailto:[email protected]" target="_blank" title="שלח משוב"><i class="fas fa-envelope"></i></a>
<a class="right-item" href="https://nhlocal.github.io/" title="לשאר התוכנות של היוצר"><img width="50" style="border-radius: 48%;" src="site/NH.LOCAL.jpg" alt="הסמל של המחבר"></a>
<center class="parent-element">
<h3 id="nextObject">
<img width="85" src="site/logo.png" alt="סמל האתר">שיר-בוט
</h3>
</center>
</header>
<form id="searchForm" class="search-form">
<select id="searchBy" name="searchBy" class="search-select">
<option value="all"><i class="fas fa-globe"></i> הכל</option>
<option value="serial"><i class="fas fa-list-ol"></i> מספר סידורי</option>
<option value="name"><i class="fas fa-music"></i> שם השיר</option>
<option value="album"><i class="fas fa-album"></i> שם האלבום</option>
<option value="singer"><i class="fas fa-microphone"></i> שם הזמר</option>
</select>
<div class="input-container">
<input type="text" id="searchInput" name="searchInput" class="search-input awesomplete" class="search-input" placeholder="הזן מילות מפתח..." autofocus>
<div id="textBubble" class="text-bubble">נסה לחפש שירים חדשים שיצאו לאחרונה!</div>
</div>
<button type="submit" class="search-button"><i class="fas fa-search"></i></button>
<div class="filter-container">
<button id="newsFilter" class="filter-button-light">הצג שירים חדשים</button>
<button id="singleFilter">הצג את כל השירים</button>
</div>
</form>
</div>
<div id="loadingMessage" class="loading-message">
<div class="progress-bar-container">
<img src="site/loading.gif" alt="טעינה" />
<span id="progressText"></span>
<div class="progress-bar">
<div id="progress" class="progress"></div>
</div>
</div>
</div>
<div id="modalOverlay" class="modal-overlay">
<div class="modal-content">
<span id="modalMessage"></span><br>
<button id="modalOkButton" style="font-family: tahoma">אישור</button>
</div>
</div>
<div id="resultsTable">
<table>
<thead style="display: none">
<tr>
<th>מספר סידורי</th>
<th>שם השיר</th>
<th>שם האלבום</th>
<th>שם הזמר</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border-bottom: 0;" colspan="4">
<center id="instructions">
<div class="small-ad-container">
<div class="small-ad-left"></div> <!-- Small ads on the left -->
<div id="instructions-container" class="instructions-container">
<!-- Content of the large rotating ad goes here -->
</div>
<div class="small-ad-right"></div> <!-- Small ads on the right -->
</div>
<button id="prevSection"><</button>
<button id="nextSection">></button>
</center>
</td>
</tr>
</tbody>
</table>
<!-- Add this button in your HTML where you want it to appear -->
<button id="loadMoreButton">טען עוד</button>
</div>
<!-- מודעות מתחלפות באופן אוטומטי -->
<div class="fixed-bottom">
<p></p>
</div>
<!-- Help Section Overlay -->
<div class="help-overlay">
<div class="help-modal-container">
<!-- Close button -->
<span class="close-button" onclick="closeHelp()">X</span>
<!-- Step 1 -->
<div class="help-modal">
<h2>שלב א' - חיפוש</h2>
<p>חפש שם שיר, זמר או אלבום כרצונך. ניתן לחפש באופן חופשי בכל צורה שתרצו, גם לפי שם השיר, שם האלבום או שם הזמר בלבד</p>
<img src="help/1.png" alt="תמונה בינונית">
<div class="prev-step" onclick="showStep(1)">◄</div>
<div class="next-step" onclick="showStep(-1)">►</div>
</div>
<!-- Step 2 -->
<div class="help-modal" style="display: none;">
<h2>שלב ב' - מציאת שיר</h2>
<p>עבור על רשימת השירים שנמצאו ומצא את השיר הרצוי לך</p>
<img src="help/3.png" alt="תמונה בינונית">
<div class="prev-step" onclick="showStep(1)">◄</div>
<div class="next-step" onclick="showStep(-1)">►</div>
</div>
<!-- Step 3 -->
<div class="help-modal" style="display: none;">
<h2>שלב ג' - בחירת שיר</h2>
<p>לחץ על השיר שבחרת, שים לב שמדובר בסינגל ולא בשיר מאלבום. תוכל לבדוק האם שם האלבום או האמן מכיל את המילה "סינגלים"</p>
<img src="help/2.png" alt="תמונה בינונית">
<div class="prev-step" onclick="showStep(1)">◄</div>
<div class="next-step" onclick="showStep(-1)">►</div>
</div>
<!-- Step 4 -->
<div class="help-modal" style="display: none;">
<h2>שלב ד' - הורדת השיר</h2>
<p>כעת לא נותר לך אלא להמתין, ותוך זמן קצר השיר שבחרת ירד ישירות למחשב שלך</p><p>ניתן להמשיך להשתמש באתר בזמן ההורדה</p>
<img src="help/4.2.png" alt="תמונה בינונית">
<div class="prev-step" onclick="showStep(1)">◄</div>
<div class="next-step" onclick="showStep(-1)">►</div>
</div>
</div>
</div>
<script src="site/search.js"></script>
<script src="site/messages.js"></script>
<script src="site/ads.js"></script>
</body>
</html>