pages-static_about.pug

extends ../../layout

block title
	title CYPI: About us

block styles
	link(rel="stylesheet" type="text/css" href="css/about.css")/

block content
	.text
		h1#page-title Сервис онлайн тестирования Quizful
		div.text
			h2 Назначение сервиса онлайн тестирования
			p.text
				| Проект Quizful предназначен для онлайн-тестирования специалистов в сфере информационных технологий. Quizful является community-driven сервисом и развивается во многом благодаря усилиям сообщества ИТ-специалистов.
			p.text
				| На Quizful вы найдете более 140 тестов:
			ul.text
				li тесты по администрированию (Unix, Linux, Windows, MacOS)
				li тесты по программированию (C++, Java, C#, 1C, PHP, Python, Ruby)
				li тесты по базам данных (SQL, Oracle, MS SQL, MySql)
				li тесты по веб-технологиям (HTML, CSS, JavaScript, HTTP, jQuery)
				li тесты по управлению проектами (экстремальное программирование, Scrum)
			p.text
				| Цель проекта - предоставить качественный сервис, который бы не только проверял уровень имеющихся знаний, но и помогал в получении новых знаний.
			p.text
		div.text
			h2 Целевая аудитория
			p.text
				| Сервис Quizful рассчитан на ИТ-специалистов, которые хотят с помощью онлайн тестов
			ul.text
				li проверить себя в различных областях информационных технологий;
				li подготовиться к аттестации или собеседованию;
				li систематизировать свои знания и выявить "пробелы" в той или иной теме;
				li получить новые знания по интересующей теме;
				li подготовить себя к сертификационным экзаменам.
		div.text
			h2 Преимущества сервиса Quizful
			ul.text
				li Сервис является обучающим и направлен на помощь ИТ сообществу
				li После прохождения тестов можно просмотреть правильные ответы с объяснениями
				li
					| Сервис постоянно развивается как в плане тестов, так и в плане новой функциональности
				li
					| Quizful предоставляет возможность
					= " "
					a(href='#') активно участвовать в развитии сервиса
					| : составлять вопросы, писать отзывы и комментарии, голосовать за качество тестов, участвовать в конкурсах и опросах
			br
			p.text
				| Мы надеемся, что этот ресурс поможет вам добиться успеха как в профессиональном так и в карьерном росте.

pages-static_bad-browser.pug

extends ../../layout

block title
	title CYPI: Bad browser

block styles
	link(rel="stylesheet" type="text/css" href="css/bad-browser.css")/

block content
	.away_content.bad_browser
		.desc-info
			h2 Для работы на сайте необходима поддержка JavaScript и Cookies.
		div
			| Чтобы использовать все возможности сайта, скачайте и установите один из этих браузеров:
			.good_browsers
				a.good_browser(href='http://www.google.com/chrome/', target='_blank')
					.browser_icon.chrome
					| Chrome
				a.good_browser(href='http://www.opera.com/', target='_blank')
					.browser_icon.opera
					| Opera
				a.good_browser(href='http://www.mozilla-europe.org/', target='_blank')
					.browser_icon.firefox
					| Firefox

pages-static_contacts.pug

extends ../../layout

block title
	title CYPI: About us

block styles
	link(rel="stylesheet" type="text/css" href="css/contacts.css")/

block content
	.contacts
		.before-map.desc-info
			div.address
				h2 Where we are?
				i.contacts.address
				span.address Adress: Kudryashova st., 18, Kyiv, Ukraine
		.map-wrapper
			iframe(src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d755.612797919835!2d30.487317083021154!3d50.430513050136625!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x1b11dcb5203b8420!2sEpam!5e0!3m2!1sru!2sua!4v1470655850191" frameborder="0" style="border:0" allowfullscreen)
		.after-map.desc-info
			h2 Contact info
			div.phones
				p Phones:
				div
					i.contacts.phone
					span.phone P: +380-44-390-5457
				div
					i.contacts.phone
					span.phone F: +380-44-390-0861
			div.links
				p Links
				div
					i.contacts.website
					a(href="https://www.epam-group.ru/") Web-site
				div
					i.contacts.facebook
					a(href="https://www.facebook.com/EPAM.ru") Facebook

pages-static_create-test.pug

extends ../../layout

block title
	title CYPI: create test

block styles
	link(rel="stylesheet" type="text/css" href="css/create-test.css")/

block scripts
	script(src="scripts/create-test.js")
	script(src="scripts/sending-test-data.js")

block scripts-after-body
	script.
		- onload();

block content
	div.content
		div#test-creation-head
			h2 Create your own test
			div.test-params-wrapper
				div.wrapper-param
					div
						label(for="test-title") Test title:
						input#test-title(type="text" placeholder="e.g. Super test" name="test-title")
				div.wrapper-param
					div
						label(for="test-subject") Subject:
						input#test-subject(type="text" placeholder="e.g. Algebra" name="test-subject")
				div.wrapper-param
					div
						label(for="test-description") Description (optional):
						textarea#test-description(rows="4" cols="30")
				div.wrapper-param
					div
						label(for="questions-number") Number of questions (1-50):
						input.change-questions-number(type="button" value="-3")
						input.change-questions-number(type="button" value="-1")
						input#questions-number(type="number" min="1" max="50" value="3" name="questions-number")
						input.change-questions-number(type="button" value="+1")
						input.change-questions-number(type="button" value="+3")
						input#submit-questions-number(type="button" value="OK")
				div.wrapper-param
					div
						label(for="test-complexity") Complexity (%):
						input#test-complexity(type="number" min="1" max="100" value="50" name="test-complexity")
				div.wrapper-param
					div
						label(for="test-duration") Duration (sec):
						input#test-duration(type="number" min="10" max="3600" value="60" name="test-duration")
			div#test-creation-body
				<!-- List of questions generated by JS -->
			div#test-creation-after(hidden)
				div.buttons-wrapper
					div.button-wrapper
						button.action-button#test-submit Submit
					div.button-wrapper
						button.action-button#test-cancel(disabled) Cancel
					div.button-wrapper
						button.action-button#test-save-draft(disabled) Save as draft
		<!-- TODO: add other actions(sharing in soc. media, etc.) -->

pages-static_faq.pug

extends ../../layout

block title
	title CYPI: About us

block styles
	link(rel="stylesheet" type="text/css" href="css/about.css")/

block content
	.text
		h1#page-title Часто задаваемые вопросы
		#faq-page
			.text
				h3 1. Зачем нужна регистрация?
				p.text
					| Регистрация на ресурсе Quizful позволяет проходить тесты разных уровней сложности, смотреть правильные ответы с объяснениями после их прохождения, обсуждать с другими пользователями статьи, вопросы тестов и вопросы собеседований, а также дает возможность получить сертификат или квалификацию, которые засвидетельствуют о вашем профессионализме.
			.text
				h3 2. Зачем вводить е-мейл при регистрации?
				p.text
					| Указанный вами е-мейл нужен для уведомления вас об ответах на ваши вопросы, комментарии и замечания. Также, при желании, вы можете настроить почтовую рассылку, чтобы  получать информацию о добавлении новых тестов, интересных статьей, вопросов собеседований и других обновлениях на сайте.
			.text
				h3 3. Не приходит письмо с подтверждением регистрации, что делать?
				p.text
					| В первую очередь убедитесь, что наше письмо не попало в папку «Спам». Если там письма не оказалось, то отправьте нам сообщение, воспользовавшись формой “оставить отзыв”, с указанием ваших регистрационных данных и описанием проблемы.
			.text
				h3 4. Как сменить пароль? Как изменить данные своего профиля?
				p.text
					| Для изменения пароля к своей учетной записи или для редактирования личных данных, перейдите в свой профиль и воспользуйтесь кнопкой «Редактировать»
			.text
				h3
					| 5. Как назначить тест для прохождения другому пользователю? Где я могу посмотреть результаты его тестирования?
				p.text
					| Для назначения теста необходимо создать ссылку, воспользовавшись кнопкой “Назначить тест”. После скопируйте ссылку на тест с кнопки "начать" нажатием правой кнопки мышки.
					| Тестирование начнется сразу после перехода пользователем по ссылке и без регистрации. Результаты прохождение теста будут отмечены особым знаком и доступны к просмотру в вашем профиле на сайте.
			.text
				h3 6. Почему для прохождения некоторых тестов требуется Q?
				p.text
					| Тесты уровня «Експерт» и «Quizful Certified» предназначены для опытных программистов и требуют особой подготовки к их прохождению. Количество Q, необходимое для прохождения теста, указывает на сложность и особенность данного теста.
			.text
				h3 7. Как получить сертификат?
				p.text
					| Для получения сертификата вам необходимо пройти тест, уровня не ниже среднего. Вы можете посмотреть, является ли тест сертификационным, в описании к тесту.
					| Для корректного отображения ваших данных в сертификате, не забывайте заполнять ФИО на странице "Профиль" вашей учетной записи.
			.text
				h3 8. Почему нет сертификатов для тестов уровня «Основы»?
				p.text
					| Тесты уровня «Основы» являются тестами начального уровня и требуют минимального опыта программирования.
			.text
				h3 9. Как сохранить сертификат?
				p.text
					| Все полученные вами сертификаты отображаются в вашем профиле, где вы можете скачать и сохранить сертификат в формате PDF. Также у вас есть возможность создать ссылку на ваш сертификат для размещения его на вашей WEB-странице.
			.text
				h3 10. Что дает получение квалификации?
				p.text
					| В первую очередь квалификация дает вам возможность подтвердить ваши знания. Также, вы можете отметить получение квалификации в вашем резюме, что может быть плюсом при трудоустройстве.
			.text
				h3 11. Что нужно сделать для получения квалификации?
				p.text
					| Для получения квалификации необходимо выполнить весь список требований к данной квалификации. Список требований указан непосредственно в описании квалификации.
			.text
				h3
					| 12. Могу ли я вместо написания своей статьи сделать перевод статьи с английского языка?
				p.text
					| Да, вы можете предложить перевод статьи вместо написания своей. Важным моментом является то, что перевод должен быть ваш авторский и нигде ранее не опубликован.
			.text
				h3 13. Хочу добавить новый тест, как это возможно сделать?
				p.text
					| Для добавления нового теста знаний необходимо предварительно связаться с администрацией для согласования темы. Новый тест знаний должен содержать минимум 20-ть вопросов.
			.text
				h3 14. Как добавить вопрос в существующий тест?
				p.text
					| Необходимо перейти в интересующий вас тест и воспользоваться кнопкой “Добавить вопрос” в верхнем правом углу. Не забудьте заполнить все поля на странице добавления вопроса.
			.text
				h3 15. Как стать модератором теста?
				p.text
					| Необходимо перейти в интересующий вас тест и отправить заявку, воспользовавшись кнопкой “Стать модератором”. Также опишите, пожалуйста, ваш опыт в данном направлении.
			.text
				h3 16. Добавил вопросы в тест. Как и где посмотреть их статус?
				p.text
					| Добавленные вопросы проверяются администрацией и модераторами в ручном режиме и в порядке очереди. Статус добавленного вами вопроса вы можете посмотреть в личном профиле.
			.text
				h3 17. Как получить Q?
				p.text
					| Список действий с указанием количества Q, которое можно получить, приведен по ссылке
					= " "
					a(href='#') Получить Q
			.text
				h3 18. Добавил статью/вопрос/тест, когда я получу свои Q?
				p.text
					| После проверки ваших статьи/вопроса/теста модераторами, Q будет начислено на ваш баланс.
			.text
				h3 19. Как часто происходит обновление вопросов в тестах?
				p.text
					| Во многих популярных тестах вопросы обновляются практически каждый день. Администрация сайта постоянно смотрит за актуальностью вопросов в тестах.
			.text
				h3 20. Могу ли я увидеть правильные ответы на тесты?
				p.text
					| Сервис Quziful является образовательным сервисом. После прохождения теста вы можете посмотреть правильные ответы с объяснениями. Также присутствует возможность обсудить ответы с другими пользователями.
			.text
				h3 21. Не нашел здесь ответа на свой вопрос, что делать?
				p.text
					| Воспользуйтесь формой “оставить отзыв” и мы ответим на ваш вопрос в ближайшее время.
			.text
				h3 22. Как связаться с администрацией сайта?
				p.text
					| Связаться с нами можно воспользовавшись формой “оставить отзыв”. Не забудьте указать ваши контакты для обратной связи.
			.text
				h3 23. Что такое Z (очки знаний)?
				p.text
					| Z - очки знаний в некоторой категории. За правильный ответ на вопрос единожды дается 1 Z, при условии, что пользователю ранее этот вопрос не встречался. Количество Z по категориям и занимаемое место можно также посмотреть в Вашем личном профиле.

pages-static_index.pug

extends ../../layout

block title
	title CYPI

block styles
	link(rel="stylesheet" type="text/css" href="css/index-slider.css")/
	link(rel="stylesheet" type="text/css" href="css/index-gallery.css")/
	link(rel="stylesheet" type="text/css" href="css/magnific-popup.css")/

block scripts
	script(src="https://code.jquery.com/jquery-1.12.4.min.js")
	script(src="scripts/jquery.magnific-popup.js")

block scripts-after-body
	script(src="scripts/index-gallery.js")

block content
	.desc-info
		h2 Slider
	div.wrapper-slider
		input#slide1(type='radio', name='point', checked='')
		input#slide2(type='radio', name='point')
		input#slide3(type='radio', name='point')
		input#slide4(type='radio', name='point')
		input#slide5(type='radio', name='point')
		.slider
			label(for='slide2').slides.slide1
			label(for='slide3').slides.slide2
			label(for='slide4').slides.slide3
			label(for='slide5').slides.slide4
			label(for='slide1').slides.slide5
		.controls
			label(for='slide1')
			label(for='slide2')
			label(for='slide3')
			label(for='slide4')
			label(for='slide5')
	.desc-info
		h2 Gallery
	div.wrapper-gallery.popup-gallery
		.wrapper-gallery-item
			a(class="image-popup-vertical-fit test-popup-link" href="images/slider/small1.jpg" title="Desc1")
				img(src="images/slider/small1.jpg")
		.wrapper-gallery-item
			a(class="image-popup-vertical-fit test-popup-link" href="images/gallery/2.jpg" title="Desc2")
				img(src="images/gallery/2.jpg")
		.wrapper-gallery-item
			a(class="image-popup-vertical-fit test-popup-link" href="images/slider/small3.png" title="Desc3")
				img(src="images/slider/small3.png")