26 lines
1.7 KiB
HTML
26 lines
1.7 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Help{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="linkDefault">
|
|
<a href="/help">Wróc</a>
|
|
</div>
|
|
<h2>Ogólny układ strony</h2>
|
|
{% load static %} <img src="{% static "media/SOITA-Home.png" %}" alt="home" class="mainImgCenter"/>
|
|
<div class="helpText">
|
|
<p>
|
|
Po lewej stronie mamy menu nawigacji. Będzie nam ono towarzyszyć na wszystkich stronach. Menu umożliwia nam szybkie przechodzenie między poszczególnymi częściami aplikacji. <br>
|
|
<ul>
|
|
<li>
|
|
Pierwsza sekcja udostępnia nam najważniejsze opcje, czyli te skupiające się na testach. Wchodzą w nie: tworzenie testów, przeglądanie utworzonych testów oraz sprawdzanie historii rozwiązanych testów.
|
|
Poza tym mamy również przekierowanie do strony głównej, na której znajduje się lista wszystkich dostępnych testów oraz do strony pomocy na której się właśnie znajdujemy.
|
|
</li>
|
|
<li>Druga sekcja to lista wszystkich dostępnych kategorii testów. Wybierając daną kategorię wyświetlisz sobie wyłącznie testy do niej należące.</li>
|
|
<li>Ostatnia sekcja dotyczy twojego konta. Dostępna jest tam zakładka ustawień konta oraz opcja wylogowania się z aplikacji.</li>
|
|
</ul>
|
|
Po prawej stronie znajduje się zawartość danej strony. W tym przypadku (strona główna) jest to lista wszystkich dostępnych testów. Lista ta ma postać ramek zawierających nazwę i informacje o danym teście.
|
|
U dołu znajduje się również przycisk umożliwiający podejście do danego testu.
|
|
</p>
|
|
</div>
|
|
{% endblock %} |