Skip to content

Commit e6ff606

Browse files
MelevirMelevir
authored
Merge pull request #50 from moscowpython/tech/reformat_index_page
split index template to subtemplates
2 parents 81af8fe + 1da493c commit e6ff606

16 files changed

+1844
-2001
lines changed

‎Makefile‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,3 +8,5 @@ test:
88
cd landing_page; pytest .
99
check:
1010
make isort style types test
11+
run:
12+
cd landing_page; DEBUG=1 python manage.py runserver

‎landing_page/mainpage/templates/mainpage/include/index_about_video.html‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<section id="video-answers" class="video-answers show1">
2+
<div class="container">
3+
<div class="pc-section-header">
4+
<h2>О курсе</h2>
5+
</div>
6+
</div>
7+
<div class="container">
8+
<div class="row d-lg-flex m-0">
9+
<div class="col-lg-3 pl-0 col-12">
10+
<div class="answers-heading">
11+
<h3 class="d-none d-lg-block">Видеоответ на все вопросы</h3>
12+
<p class="about-hdescr d-none d-lg-block">
13+
Почему мы учим Python’у лучше всех, как мы это делаем,
14+
чему вы научитесь и почему наши выпускники - уже практически junior программисты.
15+
</p>
16+
</div>
17+
</div>
18+
<div class="col-lg-9 col-12">
19+
<div class="row">
20+
<iframe
21+
width="100%" height="500px" src="https://www.youtube.com/embed/geXg_BjuIGI"
22+
frameborder="0"
23+
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
24+
allowfullscreen
25+
>
26+
</iframe>
27+
</div>
28+
</div>
29+
</div>
30+
</div>
31+
</section>

‎landing_page/mainpage/templates/mainpage/include/index_authors.html‎

Lines changed: 176 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,176 @@
1+
{% load static %}
2+
3+
<section id="teachers" class="teachers show1">
4+
<div class="container d-lg-none">
5+
<div class="m-section-header">
6+
<h4>Курс ведут</h4>
7+
</div>
8+
</div>
9+
<div class="container m-hide">
10+
<div class="container d-none d-lg-block">
11+
<div class="pc-section-header ">
12+
<h2>Кто делает курс</h2>
13+
</div>
14+
</div>
15+
<div class="row mx-row can-first-par d-none d-lg-flex">
16+
<div class="col-lg-3 pl-0 d-none d-lg-block pb-lg-4">
17+
<div class="curse-heading">
18+
<h3>Кто мы</h3>
19+
</div>
20+
</div>
21+
<div class="col-lg-9 d-none d-lg-block">
22+
<div class="row m-0" style="position: relative">
23+
<div class="img-who " style="background-image: url({% static 'images/who-we.png' %});"></div>
24+
<div class="who-cont">
25+
<div class="who-are-we">
26+
<h3>Курс организует сообщество MoscowPython</h3>
27+
<p>
28+
C 2012 года проводим митапы Python-разработчиков на площадках Яндекса, ЦИАН, Мегафона,
29+
Mail.ru Group и других компаний. Записываем видео и подкаст для питонистов.
30+
Объединили свыше 5К человек в единое комьюнити.
31+
</p>
32+
<ul class="who-we-icon">
33+
<li>
34+
<div class="who-are-icon">
35+
<img src="{% static 'images/icon-svg/3-year.svg' %}" alt="3 year">
36+
</div>
37+
<div class="who-icon-title">
38+
<h4>5 лет</h4>
39+
<span>курсу</span>
40+
</div>
41+
</li>
42+
<li>
43+
<div class="who-are-icon">
44+
<img src="{% static 'images/icon-svg/11-sets.svg' %}" alt="11 sets">
45+
</div>
46+
<div class="who-icon-title">
47+
<h4>20 наборов</h4>
48+
<span>прошли обучение</span>
49+
</div>
50+
</li>
51+
<li>
52+
<div class="who-are-icon">
53+
<img src="{% static 'images/icon-svg/400-graduates.svg' %}" alt="400 graduates">
54+
</div>
55+
<div class="who-icon-title">
56+
<h4>1000+</h4>
57+
<span>выпускников</span>
58+
</div>
59+
</li>
60+
</ul>
61+
</div>
62+
</div>
63+
</div>
64+
</div>
65+
</div>
66+
67+
<div class="row mx-row teachers-list-parent">
68+
<div class="d-lg-none">
69+
<div class="mobi-cur-title-main">
70+
<h4>Основные преподаватели и организаторы</h4>
71+
</div>
72+
</div>
73+
<div class="col-lg-3 pl-0 d-none d-lg-block">
74+
<div class="curse-heading">
75+
<h3>Основные преподаватели и организаторы</h3>
76+
<p class="curse-hdescr">
77+
Практики с большим опытом в разработке и управлении проектами. Разработали сам курс.
78+
Ведут занятия. Записывают видеолекции. Помогают со сложными задачами. Отвечают за
79+
организационные и административные вопросы.
80+
</p>
81+
</div>
82+
</div>
83+
<ul class="col-12 col-lg-9 teachers-list row m-0">
84+
<li>
85+
<div class="d-flex darked flex-lg-nowrap flex-wrap">
86+
<div class="img-wrapper">
87+
<img class="img-fluid" src="{% static 'images/mentor/teacher/image-t1.jpg' %}" alt="Михаил Корнеев">
88+
</div>
89+
<div class="teacher-info">
90+
<h3 class="teacher-name brackets brackets-blue-yellow">Михаил Корнеев</h3>
91+
<p class="d-none d-lg-block">
92+
В коммерческой разработке с 2001 года, с 2009 — работает с Python.
93+
</p>
94+
<p class="d-none d-lg-block">
95+
Cооснователь MoscowPython. Тимлид в BestDoctor.
96+
</p>
97+
</div>
98+
<div class="d-lg-none hdescr">
99+
Сооснователь MoscowPython, Тимлид в BestDoctor. В коммерческой разработке с 2001 года,
100+
с 2009 - работает с Python.
101+
</div>
102+
</div>
103+
</li>
104+
<li>
105+
<div class="d-flex darked flex-lg-nowrap flex-wrap">
106+
<div class="img-wrapper order-lg-1">
107+
<img class="img-fluid" src="{% static 'images/mentor/teacher/new_dombrovsky.jpg' %}" alt="Валентин Домбровский"></div>
108+
<div class="teacher-info">
109+
<h3 class="teacher-name brackets brackets-blue-yellow">Валентин Домбровский</h3>
110+
<p class="d-none d-lg-block">
111+
Евангелист и сооснователь MoscowPython сообщества.
112+
</p>
113+
<p class="d-none d-lg-block">
114+
Сооснователь Drylabs, компании, создающей open-source проекты.
115+
</p>
116+
</div>
117+
<div class="d-lg-none hdescr">
118+
Евангелист и сооснователь MoscowPython сообщества. Сооснователь Drylabs, компании, создающей open-source проекты.
119+
</div>
120+
</div>
121+
</li>
122+
<li>
123+
<div class="d-flex darked flex-lg-nowrap flex-wrap">
124+
<div class="img-wrapper">
125+
<img class="img-fluid" src="{% static 'images/mentor/teacher/semen.jpg' %}" alt="Семен Осипов">
126+
</div>
127+
<div class="teacher-info">
128+
<h3 class="teacher-name brackets brackets-blue-yellow">Семён Осипов</h3>
129+
<p class="d-none d-lg-block">
130+
Активист MoscowPython сообщества, Team Lead в Gett, до этого - Big Data Engineer
131+
в X5 Retail Group и Semrush.
132+
</p>
133+
</div>
134+
<div class="d-lg-none hdescr">
135+
Активист MoscowPython сообщества, Team Lead в Gett, до этого - Big Data Engineer
136+
в X5 Retail Group и Semrush.
137+
</div>
138+
</div>
139+
</li>
140+
</ul>
141+
</div>
142+
<div class="row mx-row">
143+
<div class="d-lg-none">
144+
<div class="mobi-cur-title">
145+
<h4>Кураторы групп</h4>
146+
</div>
147+
</div>
148+
<div class="col-lg-3 pl-0 d-none d-lg-block pb-lg-4">
149+
<div class="curse-heading">
150+
<h3>Кураторы групп</h3>
151+
<p class="curse-hdescr">
152+
Первыми придут на помощь на занятиях и между ними. Помогут спланировать и
153+
распределить задачи в вашем выпускном проекте.
154+
</p>
155+
</div>
156+
</div>
157+
<ul class="col-12 col-lg-9 mentor-list">
158+
{% for curator in curators_list %}
159+
<li>
160+
<div class="darked">
161+
<div class="img-wrapper">
162+
{% if curator.curator_photo %}
163+
<img class="img-fluid" src="{{ curator.curator_photo.url }}" alt="{{ curator.curator_name }}">
164+
{% endif %}
165+
<h4 class="teacher-name brackets brackets-blue-yellow">{{ curator.curator_name }}</h4>
166+
</div>
167+
<div class="teacher-info">
168+
<p>{{ curator.curator_bio }}</p>
169+
</div>
170+
</div>
171+
</li>
172+
{% endfor %}
173+
</ul>
174+
</div>
175+
</div>
176+
</section>

0 commit comments

Comments
 (0)