660 lines
48 KiB
HTML
660 lines
48 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||
<style>
|
||
body {
|
||
font-family: Arial, Helvetica, sans-serif;
|
||
}
|
||
|
||
.description {
|
||
padding-bottom: 1em;
|
||
}
|
||
|
||
.caption {
|
||
word-break: break-word;
|
||
}
|
||
|
||
.step {
|
||
padding-bottom: 2em;
|
||
}
|
||
|
||
.step .description {
|
||
font-weight: 600;
|
||
}
|
||
|
||
.hidden {
|
||
display: none;
|
||
}
|
||
|
||
.show {
|
||
display: -none;
|
||
}
|
||
|
||
.grayed {
|
||
display: -none;
|
||
opacity: 0.1;
|
||
transition: opacity 0.5s;
|
||
}
|
||
|
||
.fade-out {
|
||
opacity: 0;
|
||
transition: opacity 1s;
|
||
}
|
||
|
||
.fade-in {
|
||
opacity: 1.0;
|
||
transition: opacity 1s;
|
||
}
|
||
|
||
.button {
|
||
display: block;
|
||
color: #6ab43e;
|
||
border-color: #dedede;
|
||
border-radius: 1em;
|
||
border-style: solid;
|
||
border-width: 0.2em;
|
||
padding: 0.5em;
|
||
text-align: center;
|
||
}
|
||
|
||
.button:hover {
|
||
text-shadow: 0 0 1em #6ab43e;
|
||
transition: text-shadow 0.1s;
|
||
}
|
||
|
||
.radio {
|
||
color: #6ab43e;
|
||
border-color: #dedede;
|
||
border-radius: 1em;
|
||
border-style: solid;
|
||
border-width: 0.2em;
|
||
padding: 0.5em;
|
||
transition: opacity 1s, border-color 1s, filter 1s;
|
||
}
|
||
|
||
.radio:hover {
|
||
text-shadow: 0 0 1em #6ab43e;
|
||
transition: text-shadow 0.1s;
|
||
}
|
||
|
||
.radio-selected {
|
||
text-shadow: none;
|
||
border-color: #6ab43e;
|
||
opacity: 1.0;
|
||
}
|
||
|
||
.radio-not-selected {
|
||
border-color: #dedede;
|
||
opacity: 0.3;
|
||
filter: grayscale(100%);
|
||
}
|
||
|
||
.text-selection {
|
||
text-align: center;
|
||
font-size: 1.5em;
|
||
}
|
||
|
||
.pictured-selection .items .label .caption {
|
||
font-size: 1.5em;
|
||
}
|
||
|
||
.picture img {
|
||
width: 100%;
|
||
}
|
||
|
||
.tab-2, .tab-5, .tab-6, .tab-7 {
|
||
display: table;
|
||
width: 99%;
|
||
margin: auto;
|
||
}
|
||
|
||
.text-selection .items {
|
||
display: table-cell;
|
||
}
|
||
|
||
.pictured-selection .items {
|
||
display: table-cell;
|
||
}
|
||
|
||
.pictured-selection .items .radio .label {
|
||
display: table;
|
||
}
|
||
|
||
.pictured-selection .items .radio .label .picture {
|
||
display: table-cell;
|
||
width: 29%;
|
||
}
|
||
|
||
.pictured-selection .items .radio .label .caption {
|
||
display: table-cell;
|
||
padding-left: 1em;
|
||
vertical-align: middle;
|
||
width: 70%;
|
||
}
|
||
|
||
.submission .label {
|
||
font-size: 1.8em;
|
||
text-align: center;
|
||
}
|
||
|
||
#step-submission {
|
||
width: 99%;
|
||
margin: auto;
|
||
}
|
||
|
||
@media only screen and (min-width: 1024px) {
|
||
.text-selection,
|
||
.pictured-selection .items .label .caption {
|
||
font-size: 1.2em;
|
||
}
|
||
|
||
.text-selection .items {
|
||
display: table-row;
|
||
}
|
||
|
||
.text-selection .items .radio {
|
||
display: table-cell;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.pictured-selection .items {
|
||
display: table-row;
|
||
}
|
||
|
||
.pictured-selection .items .radio {
|
||
display: table-cell;
|
||
}
|
||
|
||
.pictured-selection .items .radio .label .picture {
|
||
display: table-row;
|
||
}
|
||
|
||
.pictured-selection .items .radio .label .caption {
|
||
display: table-row;
|
||
padding-top: 1em;
|
||
text-align: center;
|
||
}
|
||
|
||
.tab-2 {
|
||
width: 40%;
|
||
margin: auto;
|
||
}
|
||
|
||
.tab-2-cell-1 {
|
||
width: 25%;
|
||
}
|
||
|
||
.tab-5-cell-1 {
|
||
width: 20%;
|
||
}
|
||
|
||
.tab-6-cell-1 {
|
||
width: 16.6%;
|
||
}
|
||
|
||
.tab-7-cell-1 {
|
||
width: 14.2%;
|
||
}
|
||
|
||
.submission {
|
||
font-size: 1em;
|
||
}
|
||
}
|
||
</style>
|
||
<script>
|
||
var application = {};
|
||
|
||
function show(elm) {
|
||
elm.classList.remove("hidden");
|
||
elm.classList.add("show");
|
||
}
|
||
|
||
function hide(elm) {
|
||
elm.classList.remove("show");
|
||
elm.classList.add("hidden");
|
||
}
|
||
|
||
function gray(elm) {
|
||
elm.classList.remove("fade-in");
|
||
elm.classList.add("grayed");
|
||
}
|
||
|
||
function ungray(elm) {
|
||
elm.classList.remove("grayed");
|
||
elm.classList.add("fade-in");
|
||
}
|
||
|
||
function jump_to_step(step) {
|
||
window.scrollTo(0, document.getElementById("step-"+step).offsetTop);
|
||
}
|
||
|
||
function option_choosen(event) {
|
||
var elm = event.target;
|
||
|
||
while (true) {
|
||
if (elm.classList.contains("radio") && elm.attributes.getNamedItem("name") && elm.attributes.getNamedItem("value")) {
|
||
break;
|
||
}
|
||
|
||
elm = elm.parentNode;
|
||
if (!elm.parentNode)
|
||
return;
|
||
}
|
||
|
||
console.log(elm);
|
||
|
||
var name = elm.attributes.name.nodeValue;
|
||
var value = elm.attributes.value.nodeValue;
|
||
application[name] = value;
|
||
|
||
elm.parentNode.parentNode.parentNode.querySelectorAll(".radio").forEach(function(e) {
|
||
if (e == elm) {
|
||
e.classList.remove("radio-not-selected");
|
||
e.classList.add("radio-selected");
|
||
} else {
|
||
e.classList.remove("radio-selected");
|
||
e.classList.add("radio-not-selected");
|
||
}
|
||
console.log(e);
|
||
});
|
||
|
||
switch(name) {
|
||
case "language":
|
||
document.querySelectorAll(".localized").forEach(function(elm) { hide(elm); } );
|
||
document.querySelectorAll("." + value).forEach(function(elm) { show(elm); } );
|
||
document.querySelectorAll(".step").forEach(function(elm) { show(elm); } );
|
||
|
||
ungray(document.getElementById("step-description"));
|
||
ungray(document.getElementById("step-domicilie"));
|
||
jump_to_step("description");
|
||
|
||
break;
|
||
|
||
case "domicilie":
|
||
ungray(document.getElementById("step-notice"));
|
||
jump_to_step("notice");
|
||
break;
|
||
|
||
case "document":
|
||
ungray(document.getElementById("step-device"));
|
||
jump_to_step("device");
|
||
break;
|
||
|
||
case "device":
|
||
ungray(document.getElementById("step-data-processing"));
|
||
jump_to_step("data-processing");
|
||
break;
|
||
|
||
case "data-processing":
|
||
if (application["data-processing"] == "yes") {
|
||
ungray(document.getElementById("step-submission"));
|
||
jump_to_step("submission");
|
||
var subject = "Antrag für Gerät " + application['device'] + "/Wohnort " + application['domicilie']+ "/Nachweis " + application['document'] + "/Wizard";
|
||
console.log(subject);
|
||
var email_link = "mailto:mail@hardwareforfuture.de?subject=" + encodeURI(subject);
|
||
document.getElementById("email_link").href = email_link;
|
||
} else {
|
||
gray(document.getElementById("step-submission"));
|
||
document.getElementById("email_link").href = "";
|
||
jump_to_step("data-processing");
|
||
}
|
||
break;
|
||
}
|
||
}
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<div class="application">
|
||
<div class="show step" id="step-language">
|
||
<div class="description">
|
||
<span class="german" lang="de">Welche Sprache?</span>
|
||
<span class="english" lang="en">Which language?</span>
|
||
<span class="french" lang="fr">Quelle langue? (traduit automatiquement)</span>
|
||
<span class="ukrainian" lang="ua">Яка мова? (машинний переклад)</span>
|
||
<span class="russian" lang="ru">Какой язык? (машинный перевод)</span>
|
||
<span class="arabic" lang="ar">أية لغة؟ (آلة مترجمة)</span>
|
||
<span class="persian" lang="fa">چه زبانی؟ (ترجمه ماشینی)</span>
|
||
</div>
|
||
|
||
<div class="selection text-selection tab-7">
|
||
<div class="items">
|
||
<div class="tab-cell tab-7-cell-1 radio" name="language" value="german">
|
||
<span class="label">Deutsch</span>
|
||
</div>
|
||
<div class="tab-cell tab-7-cell-1 radio" name="language" value="english">
|
||
<span class="label">English</span>
|
||
</div>
|
||
<div class="tab-cell tab-7-cell-1 radio" name="language" value="french">
|
||
<span class="label">Français (divaduit automatiquement)</span>
|
||
</div>
|
||
<div class="tab-cell tab-7-cell-1 radio" name="language" value="ukrainian">
|
||
<span class="label">український (машинний переклад)</span>
|
||
</div>
|
||
<div class="tab-cell tab-7-cell-1 radio" name="language" value="russian">
|
||
<span class="label">Русский (машинный перевод)</span>
|
||
</div>
|
||
<div class="tab-cell tab-7-cell-1 radio" name="language" value="arabic">
|
||
<span class="label">العربية (آلة مترجمة)</span>
|
||
</div>
|
||
<div class="tab-cell tab-7-cell-1 radio" name="language" value="persian">
|
||
<span class="label">عربی (ترجمه ماشینی)</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="step grayed fade-out" id="step-description">
|
||
<div class="localized german" lang="de">
|
||
<p>Gerne möchten wir dich unterstützen! Um einen Rechner von uns zu bekommen benötigen wir weitere Informationen von dir.</p>
|
||
<p>Zurzeit decken wir vorrangig das Gebiet von Leipzig ab und geben Computer an Menschen, die in Leipzig wohnen.</p>
|
||
<p>Du benötigst ein Dokument, welches uns zeigt, dass du bedürftig bist. Schicke uns bitte nie das Dokument zu, wir brauchen es erst bei der Ausgabe. Ohne ein passendes Dokument erhälst du keinen Computer.</p>
|
||
<p>Solltest du für eine andere Person z.B. dein Kind den Antrag stellen, muss diese Person ebenfalls die Bedingungen erfüllen. Stelle bitte für jede Person einen einzelnen Antrag.</p>
|
||
<p>Wenn du alle Fragen beantwortet hast, erscheint ein Button für die Übermittlung des Antrags. Die Übermittlung erfolgt über eine E-Mail, damit wir weiter im Kontakt mit dir bleiben können. Die E-Mail enthält all deine Antworten. Solltest du noch ein weiteres Anliegen haben, dann schreib es einfach in die E-Mail.</p>
|
||
<p>Nach dem du einen Antrag stellst, prüfen wir dein Anliegen. Wir teilen dir dann unsere Entscheidung mit. Wenn du berechtigst bist einen Computer zu erhalten, erhälst du eine Nachricht, dass du auf der Warteliste bist. Wenn dein Rechner fertig ist, bekommst du eine weitere E-Mail mit der Einladung zur Ausgabe. Du hast dann zwei Wochen Zeit dein Gerät bei uns abzuholen. Solltest du dein Gerät nicht abholen ohne dich bei uns zu melden, verfällt deine Anfrage und du musst einen neuen Antrag stellen. Solltest du ohne Einladungsbenachrichtigung bei uns zur Ausgabe erscheinen erhälst du keinen Computer.</p>
|
||
<p>Bei der Ausgabe zeigst du uns deine Ticketnummer, gibst uns dein Nachweisdokument und füllst ein Übergabeprotokoll aus. Danach kannst du den Rechner einfach mitnehmen und für immer behalten.</p>
|
||
</div>
|
||
<div class="localized english" lang="en">
|
||
<p>We like to support you! To get a computer we need further information from you.</p>
|
||
<p>At the moment we serve primary the area of Leipzig and give people living in Leipzig a computer.</p>
|
||
<p>You will required a document which show us your neediness. Please never send this document to us. We only need it during the output. Without these documents you won't get a computer.</p>
|
||
<p>If you do an application for a another person like your children this person must fullfil the requirements too. Please create for each person a separate application.</p>
|
||
<p>When you answered all the questions a button will apear. The button will send your anwser via mail to us so we able to stay in contact with you. If you like to add something to your request simple append it into the mail.</p>
|
||
<p>After you send us your application, we will check it and send you our decision. If you are allowed to receive a computer you will get an mail that your request is placed on the waiting list. When you computer is ready you will get a second mail with a invitation to pick up your computer. You have two week to pick up your device. After this period your request will expire if you don't notify us. If you appear without an invitation mail you won't get a computer.
|
||
<p>During the output you will present your ticket number, give us your document and fil lin a protocol. After that you can take your computer with you and keep it as long as you like.</p>
|
||
</div>
|
||
<div class="localized french" lang="fr">
|
||
<p>Nous aimons vous soutenir! Pour obtenir un ordinateur, nous avons besoin de plus d'informations de votre part.</p>
|
||
<p>En ce moment, nous desservons la région principale de Leipzig et donnons un ordinateur aux habitants de Leipzig.</p>
|
||
<p>Vous demanderez un document démontrant votre besoin. Merci de ne pas nous envoyer ce document. Nous n'en avons besoin que lors de la sortie. Sans ces documents, vous n'obtiendrez pas d'ordinateur.</p>
|
||
<p>Si vous postulez à quelqu'un d'autre comme vos enfants, cette personne doit également répondre aux exigences. Veuillez créer une demande distincte pour chaque personne.</p>
|
||
<p>Lorsque vous aurez répondu à toutes les questions, un bouton apparaîtra. Le bouton nous enverra votre réponse par courrier afin que nous puissions rester en contact avec vous. Si vous souhaitez ajouter quelque chose à votre candidature, ajoutez-le simplement au courrier.</p>
|
||
<p>Après nous avoir envoyé votre candidature, nous la vérifierons et vous enverrons notre décision. Si vous êtes autorisé à recevoir un ordinateur, vous recevrez un courrier indiquant que votre commande a été placée sur la liste d'attente. Lorsque votre ordinateur sera prêt, vous recevrez un deuxième courrier avec une invitation à récupérer votre ordinateur. Vous avez deux semaines pour récupérer votre appareil. Passé ce délai, votre commande expirera si vous ne nous en informez pas. Si vous vous présentez sans invitation par e-mail, vous n'aurez pas d'ordinateur.</p>
|
||
<p>Lors du paiement, vous fournirez votre numéro de billet, nous donnerez votre document et un protocole. Ensuite, vous pouvez emporter votre ordinateur avec vous et le conserver.</p>
|
||
</div>
|
||
<div class="localized ukrainian" lang="ua">
|
||
<p>Ми любимо вас підтримувати! Щоб отримати комп’ютер, нам потрібна додаткова інформація від вас.</p>
|
||
<p>На даний момент ми обслуговуємо основний район Лейпцига і даємо людям, які живуть у Лейпцигу, комп'ютер.</p>
|
||
<p>Вам знадобиться документ, який підтвердить вашу потребу. Будь ласка, ніколи не надсилайте нам цей документ. Він нам знадобиться тільки під час виходу. Без цих документів ви не отримаєте комп’ютер.</p>
|
||
<p>Якщо ви подаєте заявку для іншої особи, як ваші діти, ця особа також повинна відповідати вимогам. Будь ласка, створіть для кожної особи окрему програму.</p>
|
||
<p>Коли ви відповісте на всі запитання, з’явиться кнопка. Кнопка надішле нам ваш відповідь поштою, щоб ми могли залишатися на зв’язку з вами. Якщо ви хочете щось додати до свого запиту, просто додайте це до листа.</p>
|
||
<p>Після того, як ви надішлете нам свою заявку, ми перевіримо її та надішлемо вам наше рішення. Якщо вам дозволено отримати комп’ютер, ви отримаєте повідомлення про те, що ваш запит поміщено в список очікування. Коли комп’ютер буде готовий, ви отримаєте друге лист із запрошенням забрати комп’ютер. У вас є два тижні, щоб забрати свій пристрій. Після закінчення цього періоду термін дії вашого запиту закінчиться, якщо ви не повідомите нас. Якщо ви з’явиться без запрошення, ви не отримаєте комп’ютер.</p>
|
||
<p>Під час виходу ви надасте номер квитка, надасте нам свій документ і заповните протокол. Після цього ви можете взяти свій комп’ютер з собою і залишити його.</p>
|
||
</div>
|
||
<div class="localized russian" lang="ru">
|
||
<p>Мы любим поддерживать вас! Чтобы получить компьютер, нам нужно больше информации от вас.</p>
|
||
<p>На данный момент мы обслуживаем основной регион Лейпцига и даем компьютер жителям Лейпцига.</p>
|
||
<p>Вы попросите документ, подтверждающий вашу потребность. Пожалуйста, не посылайте нам этот документ. Он нужен нам только во время вывода. Без этих документов вы не получите компьютер.</p>
|
||
<p>Если вы обращаетесь к кому-то еще, например, к своим детям, этот человек также должен соответствовать требованиям. Пожалуйста, создайте отдельное приложение для каждого человека.</p>
|
||
<p>Когда вы ответите на все вопросы, появится кнопка. Кнопка отправит ваш ответ нам по почте, чтобы мы могли поддерживать с вами связь. Если вы хотите что-то добавить в свое приложение, просто добавьте это в письмо.</p>
|
||
<p>После того, как вы отправите нам свою заявку, мы проверим ее и отправим вам свое решение. Если вам разрешено получить компьютер, вы получите письмо о том, что ваш заказ помещен в список ожидания. Когда ваш компьютер будет готов, вы получите второе письмо с приглашением забрать свой компьютер. У вас есть две недели, чтобы забрать свое устройство. По истечении этого периода срок действия вашего заказа истечет, если вы не уведомите нас. Если вы придете без приглашения по почте, вы не получите компьютер.</p>
|
||
<p>При оформлении вы указываете номер вашего билета, документ и протокол. Тогда вы можете взять свой компьютер с собой и оставить его себе.</p>
|
||
</div>
|
||
<div class="localized arabic" lang="ar">
|
||
<p>نحب أن ندعمك! للحصول على جهاز كمبيوتر ، نحتاج إلى مزيد من المعلومات منك.</p>
|
||
<p>في الوقت الحالي نحن نخدم منطقة لايبزيغ الأساسية ونمنح الأشخاص الذين يعيشون في لايبزيغ جهاز كمبيوتر.</p>
|
||
<p>سوف تطلب وثيقة تبين لنا حاجتك. يرجى عدم إرسال هذه الوثيقة إلينا. نحن بحاجة إليه فقط أثناء الإخراج. بدون هذه المستندات لن تحصل على جهاز كمبيوتر.</p>
|
||
<p>إذا قمت بتقديم طلب لشخص آخر مثل أطفالك ، فيجب على هذا الشخص أن يفي بالمتطلبات أيضًا. يرجى إنشاء تطبيق منفصل لكل شخص.</p>
|
||
<p> عندما تجيب على جميع الأسئلة سيظهر زر. سيرسل الزر إجابتك عبر البريد إلينا حتى نتمكن من البقاء على اتصال بك. إذا كنت ترغب في إضافة شيء ما إلى طلبك ، قم ببساطة بإلحاقه بالبريد.</p>
|
||
<p> بعد أن ترسل إلينا طلبك ، سوف نتحقق منه ونرسل لك قرارنا. إذا سمح لك باستلام جهاز كمبيوتر ، فستتلقى رسالة بريدية تفيد بوضع طلبك في قائمة الانتظار. عندما يكون جهاز الكمبيوتر الخاص بك جاهزًا ، ستتلقى بريدًا ثانيًا مع دعوة لالتقاط جهاز الكمبيوتر الخاص بك. لديك أسبوعان لالتقاط جهازك. بعد هذه الفترة ، سينتهي طلبك إذا لم تقم بإخطارنا. إذا ظهرت بدون دعوة بريد فلن تحصل على جهاز كمبيوتر.</p>
|
||
<p> أثناء الإخراج ، ستقدم رقم تذكرتك ، وتعطينا المستند الخاص بك وبروتوكولاً. بعد ذلك يمكنك اصطحاب الكمبيوتر معك والاحتفاظ به.</p>
|
||
</div>
|
||
<div class="localized persian" lang="fa">
|
||
<p>ما دوست داریم از شما حمایت کنیم! برای دریافت کامپیوتر، به اطلاعات بیشتری از شما نیاز داریم.</p>
|
||
<p>در حال حاضر ما به منطقه اصلی لایپزیگ خدمت می کنیم و به افرادی که در لایپزیگ زندگی می کنند یک کامپیوتر می دهیم.</p>
|
||
<p>شما سندی را درخواست خواهید کرد که نیاز شما را نشان دهد. لطفا این سند را برای ما ارسال نکنید. ما فقط در هنگام خروجی به آن نیاز داریم. بدون این اسناد شما کامپیوتر نخواهید داشت.</p>
|
||
<p>اگر برای شخص دیگری مانند فرزندان خود درخواست دهید، آن شخص نیز باید شرایط لازم را داشته باشد. لطفا برای هر نفر یک اپلیکیشن جداگانه ایجاد کنید.</p>
|
||
<p> وقتی به تمام سوالات پاسخ دادید یک دکمه ظاهر می شود. دکمه پاسخ شما را برای ما پست می کند تا بتوانیم با شما در تماس باشیم. اگر می خواهید چیزی به برنامه خود اضافه کنید، به سادگی آن را به ایمیل اضافه کنید.</p>
|
||
<p> پس از اینکه درخواست خود را برای ما ارسال کردید، ما آن را بررسی کرده و تصمیم خود را برای شما ارسال می کنیم. اگر مجاز به دریافت رایانه هستید، نامه ای دریافت خواهید کرد که نشان می دهد سفارش شما در لیست انتظار قرار گرفته است. هنگامی که رایانه شما آماده شد، نامه دومی با دعوت نامه برای تحویل گرفتن رایانه خود دریافت خواهید کرد. دو هفته فرصت دارید تا دستگاه خود را تحویل بگیرید. پس از این مدت، در صورتی که به ما اطلاع ندهید، سفارش شما منقضی می شود. اگر بدون دعوت نامه ایمیلی ظاهر شوید، رایانه ای دریافت نخواهید کرد.</p>
|
||
<p> هنگام تسویه حساب، شماره بلیط خود را ارائه می دهید، سند و پروتکل خود را به ما می دهید. سپس می توانید رایانه خود را با خود ببرید و نگه دارید.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hidden step grayed" id="step-domicilie">
|
||
<div class="description">
|
||
<p class="localized german" lang="de">Wo wohnst du zurzeit?</p>
|
||
<p class="localized english" lang="en">Where do you live at the moment?</p>
|
||
<p class="localized french" lang="fr">Où habites-tu en ce moment?</p>
|
||
<p class="localized ukrainian" lang="ua">Де ви живете на даний момент?</p>
|
||
<p class="localized russian" lang="ru">Где вы живете в данный момент?</p>
|
||
<p class="localized arabic" lang="ar">اين تعيش حاليا؟</p>
|
||
<p class="localized persian" lang="fa">در حال حاضر کجا زندگی می کنید؟</p>
|
||
</div>
|
||
|
||
<div class="selection text-selection tab-6">
|
||
<div class="items">
|
||
<div class="tab-6-cell-1 tab-cell radio" name="domicilie" value="Leipzig">
|
||
<span class="label">Leipzig</span>
|
||
</div>
|
||
<div class="tab-6-cell-1 tab-cell radio" name="domicilie" value="Leipziger Land">
|
||
<span class="label">Leipziger Land</span>
|
||
</div>
|
||
<div class="tab-6-cell-1 tab-cell radio" name="domicilie" value="Halle">
|
||
<span class="label">Halle</span>
|
||
</div>
|
||
<div class="tab-6-cell-1 tab-cell radio" name="domicilie" value="Chemnitz">
|
||
<span class="label">Chemnitz</span>
|
||
</div>
|
||
<div class="tab-6-cell-1 tab-cell radio" name="domicilie" value="Dresden">
|
||
<span class="label">Dresden</span>
|
||
</div>
|
||
<div class="tab-6-cell-1 tab-cell radio" name="domicilie" value="Else">
|
||
<div class="label">
|
||
<span class="localized german" lang="de">Andere</span>
|
||
<span class="localized english" lang="en">Else</span>
|
||
<span class="localized french" lang="fr">Autre</span>
|
||
<span class="localized ukrainian" lang="ua">Інший</span>
|
||
<span class="localized russian" lang="ru">Другой</span>
|
||
<span class="localized arabic" lang="ar">آخر</span>
|
||
<span class="localized persian" lang="fa">دیگر</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hidden step grayed" id="step-notice">
|
||
<div class="description">
|
||
<p class="localized german" lang="de">Wir brauchen von dir einen Nachweis über deine Bedürftigkeit. Welches Dokument besitzt du?</p>
|
||
<p class="localized english" lang="en">We need proof of your need from you. What document do you have?</p>
|
||
<p class="localized french">Nous avons besoin d'une preuve de votre besoin de votre part. Quel document as-tu?</p>
|
||
<p class="localized ukrainian" lang="ua">Нам потрібен доказ вашої потреби від вас. Який у вас документ?</p>
|
||
<p class="localized russian" lang="ru">Нам нужно доказательство вашей потребности от вас. Какой у вас документ?</p>
|
||
<p class="localized arabic" lang="ar">ﻦﺤﺗﺎﺟ ﻢﻨﻛ ﺈﺜﺑﺎﺗ ﺡﺎﺠﺘﻛ. ﻡﺍ ﻪﻳ ﺎﻟﻮﺜﻴﻗﺓ ﺎﻠﺘﻳ ﻝﺪﻴﻛ؟</p>
|
||
<p class="localized persian" lang="fa">ﻡﺍ ﺐﻫ ﻡﺩﺮﮐ ﻦﯾﺍﺯ ﺶﻣﺍ ﺍﺯ ﺶﻣﺍ ﻦﯾﺍﺯ ﺩﺍﺮﯿﻣ. ﭻﻫ ﺲﻧﺪﯾ ﺩﺍﺮﯾﺩ؟</p>
|
||
</div>
|
||
|
||
<div class="selection pictured-selection tab-5">
|
||
<div class="items">
|
||
<div class="tab-5-cell-1 tab-cell radio" name="document" value="Leipzig-Pass">
|
||
<div class="label">
|
||
<div class="picture">
|
||
<img src="notice-leipzig-pass.png"/>
|
||
</div>
|
||
<div class="caption">
|
||
<span>Leipzig Pass</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-5-cell-1 tab-cell radio" name="document" value="Sozialhilfe Bescheid/ALG2">
|
||
<div class="label">
|
||
<div class="picture">
|
||
<img src="notice-alg2.jpg"/>
|
||
</div>
|
||
<div class="caption">
|
||
<span class="localized german" lang="de">Sozialhilfebescheid / ALG2</span>
|
||
<span class="localized english" lang="en">Social security notice (Sozialhilfebescheid/ALG2)</span>
|
||
<span class="localized french" lang="fr">Avis de sécurité sociale (Sozialhilfebescheid/ALG2)</span>
|
||
<span class="localized ukrainian" lang="ua">повідомлення про соціальне страхування (Sozialhilfebescheid/ALG2)</span>
|
||
<span class="localized russian" lang="ru">уведомление о социальном обеспечении (Sozialhilfebescheid/ALG2)</span>
|
||
<span class="localized arabic" lang="ar">(Sozialhilfebescheid/ALG2) إشعار الضمان الاجتماعي</span>
|
||
<span class="localized persian" lang="fa">(Sozialhilfebescheid/ALG2) اطلاعیه تامین اجتماعی</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-5-cell-1 tab-cell radio" name="document" value="Arbeitslosengeld">
|
||
<div class="label">
|
||
<div class="picture">
|
||
<img src="notice-alg1.jpg" />
|
||
</div>
|
||
<div class="caption">
|
||
<span class="localized german" lang="de">Bescheid für den Bezug von Arbeitslosengeld</span>
|
||
<span class="localized english" lang="en">Notice for unemployment benefit (Arbeitslosengeld)</span>
|
||
<span class="localized french" lang="fr">Décision de recevoir des allocations de chômage (Arbeitslosengeld)</span>
|
||
<span class="localized ukrainian" lang="ua">Рішення про отримання допомоги по безробіттю (Arbeitslosengeld)</span>
|
||
<span class="localized russian" lang="ru">Решение о получении пособия по безработице (Arbeitslosengeld)</span>
|
||
<span class="localized arabic" lang="ar">(Arbeitslosengeld) قرار الحصول على إعانة البطالة</span>
|
||
<span class="localized persian" lang="fa">(Arbeitslosengeld) تصمیم برای دریافت مقرری بیکاری</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-5-cell-1 tab-cell radio" name="document" value="Fiktionsbescheinigung">
|
||
<div class="label">
|
||
<div class="picture">
|
||
<img src="notice-fiktionsbescheinigung.jpg"/>
|
||
</div>
|
||
<div class="caption">
|
||
<span class="localized german" lang="de">Fiktionsbescheinigung</span>
|
||
<span class="localized english" lang="en">Preliminarily residence certificate (Fiktionsbescheinigung)</span>
|
||
<span class="localized french" lang="fr">Certificat de résidence préalable (Fiktionsbescheinigung)</span>
|
||
<span class="localized ukrainian" lang="ua">Рішення про отримання допомоги по безробіттю (Fiktionsbescheinigung)</span>
|
||
<span class="localized russian" lang="ru">Предварительно свидетельство о проживании (Fiktionsbescheinigung)</span>
|
||
<span class="localized arabic" lang="ar">(Fiktionsbescheinigung) شهادة إقامة مؤقتة</span>
|
||
<span class="localized persian" lang="fa">(Fiktionsbescheinigung) گواهی اقامت اولیه</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-5-cell-1 tab-cell radio" name="document" value="Ukrainian Passport">
|
||
<div class="label">
|
||
<div class="picture">
|
||
<img src="notice-ukrainian-pass.png" />
|
||
</div>
|
||
<div class="caption">
|
||
<span class="localized german" lang="de">Ukrainischer Pass</span>
|
||
<span class="localized english" lang="en">Ukrainian passport</span>
|
||
<span class="localized french" lang="fr">Passeport ukrainien</span>
|
||
<span class="localized ukrainian" lang="ua">український паспорт</span>
|
||
<span class="localized russian" lang="ru">украинский паспорт</span>
|
||
<span class="localized arabic" lang="ar">جواز سفر أوكراني</span>
|
||
<span class="localized persian" lang="fa">پاسپورت اوکراینی</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hidden step grayed" id="step-device">
|
||
<div class="description">
|
||
<p class="localized german" lang="de">Welches Gerät benötigst du?</p>
|
||
<p class="localized english" lang="en">Which device do you need?</p>
|
||
<p class="localized french" lang="fr">De quel appareil avez-vous besoin?</p>
|
||
<p class="localized ukrainian" lang="ua">Який пристрій вам потрібен?</p>
|
||
<p class="localized russian" lang="ru">Какое устройство вам нужно?</p>
|
||
<p class="localized arabic" lang="ar">ما الجهاز الذي تحتاجه؟</p>
|
||
<p class="localized persian" lang="fa">به کدام دستگاه نیاز دارید؟</p>
|
||
</div>
|
||
|
||
<div class="selection pictured-selection tab-2">
|
||
<div class="items">
|
||
<div class="tab-2-cell-1 tab-cell radio" name="device" value="Desktop-PC">
|
||
<div class="label">
|
||
<div class="picture">
|
||
<img src="device-desktop.png"/>
|
||
</div>
|
||
<div class="caption">
|
||
<span class="localized german" lang="de">Desktop-PC mit Monitor, Tastatur, Maus und WLAN-Adapter (Wartezeit bis zu 3 Monate)</span>
|
||
<span class="localized english" lang="en">Desktop-PC with display, keyboard, mouse and WiFi adapter (Waiting time up to 3 month)</span>
|
||
<span class="localized french" lang="fr">PC de bureau avec moniteur, clavier, souris et adaptateur WLAN (temps d'attente jusqu'à 3 mois)</span>
|
||
<span class="localized ukrainian" lang="ua">Настільний ПК з монітором, клавіатурою, мишею та адаптером WLAN (час очікування до 3 місяців)</span>
|
||
<span class="localized russian" lang="ru">Настольный ПК с монитором, клавиатурой, мышью и адаптером WLAN (время ожидания до 3 месяцев)</span>
|
||
<span class="localized arabic" lang="ar">كمبيوتر مكتبي مزود بشاشة ولوحة مفاتيح وماوس ومحول WLAN (مدة انتظار تصل إلى 3 أشهر)</span>
|
||
<span class="localized persian" lang="fa">کامپیوتر رومیزی با مانیتور، صفحه کلید، ماوس و آداپتور WLAN (مدت زمان انتظار تا 3 ماه)</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-2-cell-1 tab-cell radio" name="device" value="Laptop">
|
||
<div class="label">
|
||
<div class="picture">
|
||
<img src="device-laptop.png"/>
|
||
</div>
|
||
<div class="caption">
|
||
<span class="localized german" lang="de">Laptop (Wartezeit bis zu 12 Monate)</span>
|
||
<span class="localized english" lang="en">Laptop (Waiting time up to 12 month)</span>
|
||
<span class="localized french" lang="fr">Laptop (temps d'attente jusqu'à 12 mois)</span>
|
||
<span class="localized ukrainian" lang="ua">Laptop (Час очікування до 12 місяців)</span>
|
||
<span class="localized russian" lang="ru">Laptop (время ожидания до 12 месяцев)</span>
|
||
<span class="localized arabic" lang="ar">Laptop (مدة الانتظار تصل إلى 12 أشهر)</span>
|
||
<span class="localized persian" lang="fa">Laptop (مدت زمان انتظار تا 12 ماه)</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hidden step grayed" id="step-data-processing">
|
||
<div class="description">
|
||
<p class="localized german" lang="de">Als letzten Schritt musst du uns noch die Erlaubnis geben deine Daten im Rahmen des Antrags verarbeiten zu können. (<a href="https://hardwareforfuture.de/datenschutzerklaerung/">Unsere Datenschutzerklärung</a>).</p>
|
||
<p class="localized english" lang="en">In the last step of the application you must allow us to process your data in the context of your appliaction. (<a href="https://hardwareforfuture.de/datenschutzerklaerung/">Our data protection explanation</a>).</p>
|
||
<p class="localized french" lang="fr">Dans une dernière étape, vous devez nous donner l'autorisation de traiter vos données dans le cadre de la candidature. (<a href="https://hardwareforfuture.de/datenschutzerklaerung/">Protection des données</a>)</p>
|
||
<p class="localized ukrainian" lang="ua">На останньому етапі ви повинні дати нам дозвіл на обробку ваших даних у рамках програми. (<a href="https://hardwareforfuture.de/datenschutzerklaerung/">Захист даних</a>).</p>
|
||
<p class="localized russian" lang="ua">В качестве последнего шага вы должны дать нам разрешение на обработку ваших данных в рамках заявки. (<a href="https://hardwareforfuture.de/datenschutzerklaerung/">Защита данных</a>).</p>
|
||
<p class="localized arabic" lang="ar">كخطوة أخيرة ، يجب أن تمنحنا الإذن بمعالجة بياناتك كجزء من التطبيق. (<a href="https://hardwareforfuture.de/datenschutzerklaerung/">ﺢﻣﺎﻳﺓ ﺎﻠﺒﻳﺎﻧﺎﺗ</a>)</p>
|
||
<p class="localized persian" lang="fa">به عنوان آخرین مرحله، باید به ما اجازه دهید تا داده های شما را به عنوان بخشی از برنامه پردازش کنیم. (<a href="https://hardwareforfuture.de/datenschutzerklaerung/">حفاظت اطلاعات</a>)</p>
|
||
</div>
|
||
|
||
<div class="selection text-selection tab-2">
|
||
<div class="items">
|
||
<div class="tab-2-cell-1 radio" name="data-processing" value="yes">
|
||
<div class="label">
|
||
<span class="localized german">Ich akzeptiere die Verarbeitung meiner Daten.</span>
|
||
<span class="localized english">I accept the processing of my data.</span>
|
||
<span class="localized french">J'accepte le traitement de mes données.</span>
|
||
<span class="localized ukrainian">Я приймаю обробку моїх даних.</span>
|
||
<span class="localized russian">Я принимаю обработку моих данных.</span>
|
||
<span class="localized arabic">أنا أقبل معالجة بياناتي.</span>
|
||
<span class="localized persian">من پردازش داده های خود را می پذیرم.</span>
|
||
</div>
|
||
</div>
|
||
<div class="tab-2-cell-1 radio" name="data-processing" value="no">
|
||
<div class="label">
|
||
<span class="label localized german">Ich lehne ab.</span>
|
||
<span class="label localized english">I decline.</span>
|
||
<span class="label localized french">Je refuse.</span>
|
||
<span class="label localized ukrainian">Я відмовляюся.</span>
|
||
<span class="label localized russian">Я отказываюсь.</span>
|
||
<span class="label localized arabic">أرفض.</span>
|
||
<span class="label localized persian">رد میکنم.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hidden step grayed" id="step-submission">
|
||
<a class="submission button" id="email_link">
|
||
<div class="label">
|
||
<span class="localized german">E-Mail erstellen zur Übermittlung des Antrags und anschließend absenden.</span>
|
||
<span class="localized english">Create the mail for your application and submit it.</span>
|
||
<span class="localized french">Créez le courrier pour votre candidature et soumettez-le.</span>
|
||
<span class="localized ukrainian">Створіть пошту для своєї заявки та надішліть її.</span>
|
||
<span class="localized russian">Создайте почту для своего приложения и отправьте ее.</span>
|
||
<span class="localized arabic">قم بإنشاء البريد الخاص بطلبك وقم بإرساله.</span>
|
||
<span class="localized persian">ایمیل درخواست خود را ایجاد کنید و آن را ارسال کنید.</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
<script>
|
||
function apply_click_event(elm_array, func) {
|
||
elm_array.forEach(function(elm) { elm.onclick = func; apply_click_event(elm.childNodes, func); });
|
||
}
|
||
|
||
document.querySelectorAll("*.selection *.radio").forEach(function(elm) {
|
||
apply_click_event([elm], option_choosen);
|
||
});
|
||
</script>
|
||
</html>
|