-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
236 lines (230 loc) · 16.3 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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
<!DOCTYPE html>
<html>
<head>
<title>מדח"כ - הכלי הפשוט לבחירת המועמדים בפריימריס</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta property="og:title" content='מדח"כ' />
<meta property="og:type" content='website' />
<meta property="og:image" content='http://www.mitpakdim.co.il/site/primaries/app/static/thumbnail-01.jpg' />
<meta property="fb:app_id" content='362298483856854' />
<meta property="og:description" content=
"המדח"כ הינו למעשה פיתוח טכנולוגי חכם אשר שואב את המידע מאתר כנסת פתוחה ומציג פרופיל עדכני של כל מועמד,
על-פי הפעילות הפרלמנטרית שלו בכנסת, או הצהרת הכוונות שלו, במידה והוא מתמודד חדש. " />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-35688660-1']);
_gaq.push(['_setDomainName', 'mitpakdim.co.il']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script src='http://connect.facebook.net/en_US/all.js'></script>
<script type="text/javascript" src="lib/underscore-1.4.2.js"></script>
<script type="text/javascript" src="lib/jquery-1.8.2.js"></script>
<script type="text/javascript" src="lib/jquery-ui-1.9.0/js/jquery-ui-1.9.0.custom.js"></script>
<script type="text/javascript" src="lib/backbone-0.9.2.js"></script>
<script type="text/javascript" src="data/agenda.jsonp" charset="UTF-8"></script>
<script type="text/javascript" src="data/party.jsonp" charset="UTF-8"></script>
<script type="text/javascript" src="data/party_extra.jsonp" charset="UTF-8"></script>
<script type="text/javascript" src="data/member_extra.jsonp" charset="UTF-8"></script>
<script type="text/javascript" src="data/combined_newbies.jsonp" charset="UTF-8"></script>
<script type="text/javascript" src="data/combined_members.jsonp" charset="UTF-8"></script>
<script type="text/javascript" src="data/recommendations.jsonp" charset="UTF-8"></script>
<script type="text/javascript" src="data/party_declarations_extra.jsonp" charset="UTF-8"></script>
<script type="text/javascript" src="mitpakdim.js"></script>
<link href='mitpakdim.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="lib/jquery-ui-1.9.0/css/smoothness/jquery-ui-1.9.0.custom.css">
</head>
<body>
<div class="page_top_bar">
<div class="content">
<div class="icons">
<a class="oknesset" href="http://oknesset.org/" target="_blank"></a>
<a class="mitpakdim" href="http://mitpakdim.co.il/" target="_blank"></a>
</div>
<div class="fblike_container">
<div class="fb-like" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false" data-href="https://www.facebook.com/pages/%D7%9E%D7%93%D7%97%D7%9B/305773159538856"></div>
</div>
<div class="text">
<a class="logo" href="./index.html"></a>
<div class="links">
<a href="./qna.html" target="_blank">שאלות ותשובות</a>
</div>
<div class="separator4menu"></div>
<div class="links">
<a href="https://docs.google.com/spreadsheet/viewform?formkey=dHhGX1lVQV9HcWdBNy1QWXdGR2lnLVE6MQ#gid=0" target="_blank">משוב</a>
</div>
<div class="separator4menu"></div>
<div class="links">
<a href="http://www.youtube.com/watch?v=nTw1IpFseFs&feature=plcp" target="_blank">סרטון</a>
</div>
<div class="separator4menu"></div>
<div class="links">
<a href="./about.html" target="_blank">אודות</a>
</div>
</div>
</div>
</div>
<div id='fb-root'></div>
<div id="loading">
<h1>טוען, אנא המתן...</h1>
</div>
<div id="app_root" style="display:none;">
<div class="entrance_page">
<h1>מתפקד/ת יקר/ה,</h1>
<p>
כלי זה פותח ע"י תנועת <a href="http://mitpakdim.co.il/" target="_blank">"מתפקדים"</a> ו<a href="http://www.hasadna.org.il/" target="_blank">ה"סדנא לידע ציבורי"</a> על מנת לתת לך כלים לבצע בחירה מושכלת של המועמדים בבחירות המקדימות במפלגתך (פריימריז). כל שעליך לעשות הוא לבחון את האג'נדות המוצגות ולבחור מה עמדתך לגבי כל אג'נדה. באופן אוטמטי המערכת תדרג את חברי הכנסת והמועמדים על פי מידת ההתאמה של השקפתם להשקפתך. או במילים אחרות - מי מהם באמת עבד בשבילך ב-4 שנים האחרונות ולכן סבירות גבוהה יותר שיעבוד בשבילך בכנסת הבאה.<br/>
לתשומת לבך: המדדים המוצגים בכלי זה נוצרו ע"י ארגונים ותנועות שונות ומייצגים את האג'נדה - השקפת העולם הסובייקטיבית של אותו ארגון לאחר ניתוח הצעות החוק והצבעות הח"כים בכנסת הנשאבים מאתר <a class="oknesset" href="http://oknesset.org/" target="_blank">"כנסת פתוחה"</a>.
</p>
<p>
בסיום השימוש בכלי תוכל/י להפיק דף/לשתף בפייס ובו כל הפרטים הדרושים לך על מנת להגיע לקלפי ולהצביע לפי השקפותיך.
<br>בעצם המשך השימוש בכלי הנך מצהיר על קבלת תנאי השימוש כמפורט <a class="oknesset" href="legal.html" target="_blank">כאן</a>.
</p>
<div class="parties_container">לשימוש בכלי בחר את המפלגה אליה התפקדת: <select class="parties_choose"></select></div>
<div class="districts_container">בחר את מחוז הבחירה שלך (אם קיים): <select class="districts"></select></div>
<div class="party_selected_wrapper">
<div id="party_selected">בהצלחה בבחירות, לחץ כאן להמשך!</div>
</div>
</div>
<div class="party_page">
<div class="main_top">
<div class="instructions">
<div class="caption">לכל אחד מהנושאים החשובים לך, סמן את תמיכתך בו ואת חשיבותו עבורך באמצעות בחירת ערך. לפי הסרגל הבא:</div>
<div class="instructions_bar"></div>
<div class="remark">לאחר בחירת הערכים יוצגו בפניך המועמדים במפלגה לפי מידת התאמתם להשקפותיך</div>
</div>
<div class="recommendations_container">
<div class="caption">הצג לי המלצות של קבוצת מתפקדים הבאה:</div>
<div class="recommendations"></div>
</div>
</div>
<div class="agendas_container">
<div class="agendas"></div>
</div>
<div class="results_container">
<div class="party_candidates_container">
<div class="lists_wrapper">
<div class="half_candidates_pane">
<div class="title">סדר המפלגות לפי פעילותן</div><div class="parties_activity"></div>
</div>
<div class="half_candidates_pane">
<div class="title">סדר המפלגות לפי הצהרותיהן</div><div class="parties_declaration"></div>
</div>
</div>
</div>
<div class="candidates_container">
<div class="current_party">
<div class="current_party_logo_back"></div>
<div id="change_party">החלף מפלגה</div>
</div>
<div class="lists_wrapper">
<div class="left_background"></div>
<div class="social_bar top">
<div class="vertical_aligner"></div>
<div class="caption">שתף את הרשימה שלך:</div>
<div class="fb_share"></div>
<div class="tweet_share"></div>
<div class="separator"></div>
<div class="caption">הדפס:</div>
<div class="print"></div>
</div>
<div class="members_container half_candidates_pane"><div class="title">סדר המתמודדים<strong> המכהנים </strong>לפי בחירותך</div><div class="members"></div></div
><div class="newbies_container half_candidates_pane"><div class="title">סדר המתמודדים<strong> החדשים </strong>לפי בחירותך</div><div class="newbies"></div><div class="title" ><br>המתמודדים המופיעים בראש הרשימה הם אלה <strong>שבחרו</strong> להכניס את הנתונים שלהם על ידי הרשמה לכלי
בעזרת שליחת דוא"ל לכתובת:
<a href="mailto:primaries@mitpakdim.co.il?Subject=בקשה להרשמה למדחכ">primaries@mitpakdim.co.il</a><br/>
יתר המתמודדים ברשימה זו, המופיעים באפור, לא נרשמו לכלי ואינם מדורגים לפי בחירותך.
</div></div>
<div class="social_bar bottom">
<div class="vertical_aligner"></div>
<div class="caption">שתף את הרשימה שלך:</div>
<div class="fb_share"></div>
<div class="tweet_share"></div>
<div class="separator"></div>
<div class="caption">הדפס:</div>
<div class="print"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/template" id='candidate_template'>
<% if (is_placeholder) { %>
<div class="content placeholder" title="מועמד זה לא הכניס נתונים לכלי ולכן הוא אינו מדורג">
<% } else { %>
<div class="content" title="לחץ על המתמודד, ותראה מה הן עמדותיו">
<% } %>
<div class="image"><% if (typeof img_url != 'undefined') { %><img src="<%= img_url %>" /><% } %></div>
<div class="info">
<%
print("+".repeat(_.size(recommendation_positive)));
print("-".repeat(_.size(recommendation_negative)));
%><span class="name"><%= name %></span>
<div class="score<% if (score > 0) { %> positive<% } %>"><%if (!is_placeholder) {%><%= simplified_score %><%}%></div>
<div class="links">
<% if (typeof facebook_link_url != 'undefined') { %><a class="facebook" href="<%= facebook_link_url %>" target="_blank"><div class="icon"></div>לדף הפייסבוק</a><% } %>
<% if (typeof resume_link_url != 'undefined' && !is_placeholder) { %><a class="resume" href="<%= resume_link_url %>" target="_blank"><div class="icon"></div>קורות חיים</a><% } %>
<% if (typeof oknesset_link_url != 'undefined') { %><a class="oknesset" href="<%= oknesset_link_url %>" target="_blank"><div class="icon"></div>הח"כ <strong>בכנסת פתוחה</strong></a><% } %>
</div>
<div class="role_description"><% if (typeof current_role_descriptions != 'undefined') { %><%= current_role_descriptions %><% } %></div>
<% if (typeof minister_work_plans != 'undefined') { %>
<div class="work_plan">תוכניות העבודה לשנים:<br>
<% _.each(minister_work_plans, function (url, year) { %>
<a class="resume" href="<%= url %>" target="_blank"><%= year %></a>
<% }); %>
</div>
<% } %>
<div class="remarks">
<% if (typeof change_party_remark != 'undefined') { %>
<div class="remark_icon change_party" title="<%= change_party_remark %>"></div>
<% } %>
<% if (typeof minister_remark != 'undefined') { %>
<div class="remark_icon minister_remark" title="<%= minister_remark %>"></div>
<% } %>
</div>
</div>
</div>
</script>
<script type="text/template" id='party_candidate_template'>
<div class="content" title="לחץ על המפלגה, ותראה מה הן עמדותיה">
<div class="image"><% if (typeof picture_url != 'undefined') { %><img src="<%= picture_url %>" /><% } %></div>
<div class="info">
<span class="name"><%= name %></span>
<div class="score<% if (score > 0) { %> positive<% } %>"><%= simplified_score %></div>
</div>
</div>
</script>
<script type="text/template" id='agenda_template'>
<div class="agenda_title">
<div class="name_wrapper">
<a href="http://oknesset.org<%= absolute_url %>" target="_blank" class="name"><%= name %></a>
<div class="extra_info_wrapper">
<div class="extra_info_icon"></div>
<div class="extra_info">
<div class="name"><%= name %></div>
<div class="owner"><%= public_owner_name %></div>
<div class="description"><%= description %></div>
<a class="link" href="http://oknesset.org<%= absolute_url %>">למידע נוסף...</a>
<% if ((typeof image != "undefined") && image) { %>
<img class="logo" src="http://oknesset.org<%= image %>"/>
<% } %>
</div>
</div>
</div>
<div class="owner">נערך ע"י: <%= public_owner_name %></div>
</a>
</div>
<div class="slider" id="agenda_<%= id %>"></div>
</script>
<script type="text/template" id='recommendation_template'>
<div class="recommendation_item<% if (model.isSelected()) { %> selected<% } %>">
<img src="<%= img_url %>" alt="<%= name %>" title="<%= name %>" /><br/>
<span class="name"><%= name %></span>
<% if (url) { %><a class="details" href="<%= url %>">לפרטים...</a><% } %>
</div>
</script>
</body>
</html>