Skip to content

Commit 2ef9079

Browse files
Tomasz-KluczkowskiTomasz-Kluczkowski
committed
new layout for the main page
1 parent f67f3ac commit 2ef9079

23 files changed

+798
-33
lines changed

‎index.html

+250-33
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,250 @@
1-
<!DOCTYPE HTML>
2-
<html>
3-
<head>
4-
<title>Python Sprints</title>
5-
</head>
6-
7-
<body>
8-
<h1>Python Sprints</h1>
9-
10-
<h2>Chapters</h2>
11-
<ul>
12-
<li><a href="https://www.meetup.com/Python-Sprints/">London Python Sprints</a></li>
13-
</ul>
14-
15-
<h2>Resources</h2>
16-
<h3>Environment set up</h3>
17-
<ul>
18-
<li><a href="https://www.anaconda.com/download/#linux">Download Anaconda</a></li>
19-
</ul>
20-
21-
<h3>GitHub</h3>
22-
<ul>
23-
<li><a href="https://help.github.com/categories/collaborating-with-issues-and-pull-requests/">Collaborating with issues and pull requests</a></li>
24-
<li><a href="https://help.github.com/articles/syncing-a-fork/">Syncing a fork</a></li>
25-
</ul>
26-
<h3>Documentation</h3>
27-
<ul>
28-
<li><a href="https://www.python.org/dev/peps/pep-0257/">PEP 257: Python docstring conventions</a></li>
29-
<li><a href="https://github.com/numpy/numpy/blob/master/doc/HOWTO_DOCUMENT.rst.txt">Docstring numpy convention</a></li>
30-
<li><a href="http://www.sphinx-doc.org/en/stable/markup/para.html">Sphinx directives</a></li>
31-
</ul>
32-
</body>
33-
</html>
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width">
6+
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
7+
<link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet">
8+
<link href="https://fonts.googleapis.com/css?family=Encode+Sans+Expanded" rel="stylesheet">
9+
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
10+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
11+
<link rel="stylesheet" href="static/css/typography.css">
12+
<link rel="stylesheet" href="static/css/style.css">
13+
14+
<title>Python Sprints</title>
15+
</head>
16+
<body class="body">
17+
<!--Full screen navigation section-->
18+
<nav class="navigation navbar sticky-top navbar-light">
19+
<div class="navigation__brand">
20+
<a class="navbar-brand" href="index.html">
21+
<img class="navigation__brand-img" src="static/images/site_logo/python_sprints_logo.png" alt="Python Sprints Logo">
22+
<span class="navigation__brand-name">Python Sprints</span>
23+
</a>
24+
</div>
25+
26+
<div class="navigation__button-open-container" onclick="openNav()">
27+
<div class="navigation__hamburger-bar"></div>
28+
<div class="navigation__hamburger-bar"></div>
29+
<div class="navigation__hamburger-bar"></div>
30+
</div>
31+
32+
<div class="navigation__button-close-container">
33+
<a href="javascript:void(0)" class="navigation__button-close" onclick="closeNav()">
34+
<i class="navigation__button-close fas fa-times"></i>
35+
</a>
36+
</div>
37+
</nav>
38+
<!--Title image will be set to display:none and used as a background image-->
39+
<div class="navigation__content container-fluid" data-image-type="responsive">
40+
<img class="responsive" src="static/images/title_photo/title_glass_building_960x540.jpg"
41+
srcset="static/images/title_photo/title_glass_building_480x270.jpg 480w,
42+
static/images/title_photo/title_glass_building_960x540.jpg 960w,
43+
static/images/title_photo/title_glass_building_1920x1080.jpg 1920w,
44+
static/images/title_photo/title_glass_building_3840x2160.jpg 3840w"
45+
sizes="(max-width: 480px) 100vw,
46+
(max-width: 960px) 100vw,
47+
(max-width: 1920px) 100vw,
48+
(min-width: 2300px) 100vw"
49+
alt="Python Sprints Title Image">
50+
<div class="row">
51+
<div class="col-md-12">
52+
<h1 class="navigation__title">Python Sprints</h1>
53+
<h2 class="navigation__subtitle"><em>The World Is Waiting For Your Code</em></h2>
54+
55+
<div class="navigation__overlay">
56+
<div class="navigation__overlay-content">
57+
<a class="navigation__link" href="#">About</a>
58+
<a class="navigation__link" href="#">Getting Started</a>
59+
<a class="navigation__link" href="#">Projects</a>
60+
<a class="navigation__link" href="#">Contact</a>
61+
</div>
62+
</div>
63+
</div>
64+
</div>
65+
</div>
66+
<!--Mission section-->
67+
<section class="mission">
68+
<div class="mission container-fluid">
69+
<div class="row">
70+
<div class="col-md-12">
71+
<h2 class="section-title">Our Mission</h2>
72+
<p class="section-content">To improve code in open source projects and build a lasting relationship with the maintainers.</p>
73+
<p class="section-content">Grow the Python community all around the world and include people of all backgrounds and skills.</p>
74+
<p class="section-content">Provide mentorship and challenge for those who want to get better at coding.</p>
75+
</div>
76+
</div>
77+
</div>
78+
</section>
79+
<!--Events in the past section-->
80+
<section class="events">
81+
<div class="container-fluid">
82+
<div class="row">
83+
<div class="col-md-12">
84+
<h2 class="section-title">Recent Events</h2>
85+
</div>
86+
</div>
87+
88+
<div class="row">
89+
<div class="no-gutters__col col-sm-6">
90+
<div class="events__spacer"></div>
91+
<div class="events__img-container">
92+
<div class="events__img-overlay">
93+
<a class="events__link" href="https://www.meetup.com/Python-Sprints/events/244388482/" target="_blank">
94+
<i class="events__icon fas fa-external-link-square-alt"></i>
95+
</a>
96+
<div class="events__title-container">
97+
<h2 class="events__img-title">Project: www.python.org (Part 1)</h2>
98+
<p class="events__img-subtitle">Bloomberg, November 1, 2017</p>
99+
</div>
100+
</div>
101+
<img class="events__img img-fluid" src="static/images/events_past/python_dot_org_part1_bloomberg_960x539px.jpeg">
102+
</div>
103+
</div>
104+
105+
<div class="no-gutters__col col-sm-6">
106+
<div class="events__spacer"></div>
107+
<div class="events__img-container">
108+
<div class="events__img-overlay">
109+
<a class="events__link" href="https://www.meetup.com/Python-Sprints/events/244062594/" target="_blank">
110+
<i class="events__icon fas fa-external-link-square-alt"></i>
111+
</a>
112+
<div class="events__title-container">
113+
<h2 class="events__img-title">Project: PyMC3</h2>
114+
<p class="events__img-subtitle">Zopa, October 24, 2017</p>
115+
</div>
116+
</div>
117+
<img class="events__img img-fluid" src="static/images/events_past/pymc3_zopa_960x539px.jpeg">
118+
</div>
119+
</div>
120+
</div>
121+
122+
<div class="row mt-0">
123+
<div class="no-gutters__col col-sm-6">
124+
<div class="events__spacer"></div>
125+
<div class="events__img-container">
126+
<div class="events__img-overlay">
127+
<a class="events__link" href="https://www.meetup.com/Python-Sprints/events/243422372/" target="_blank">
128+
<i class="events__icon fas fa-external-link-square-alt"></i>
129+
</a>
130+
<div class="events__title-container">
131+
<h2 class="events__img-title">Project: Bokeh as a backend for Pandas</h2>
132+
<p class="events__img-subtitle">Harvey Nash, October 4, 2017</p>
133+
</div>
134+
</div>
135+
<img class="events__img img-fluid" src="static/images/events_past/pandas_bokeh_backend_harvey_nash_960x539px.jpeg">
136+
</div>
137+
</div>
138+
139+
<div class="no-gutters__col col-sm-6">
140+
<div class="events__spacer"></div>
141+
<div class="events__img-container">
142+
<div class="events__img-overlay">
143+
<a class="events__link" href="https://www.meetup.com/Python-Sprints/events/245317647/" target="_blank">
144+
<i class="events__icon fas fa-external-link-square-alt"></i>
145+
</a>
146+
<div class="events__title-container">
147+
<h2 class="events__img-title">Project: python-dateutil</h2>
148+
<p class="events__img-subtitle">Bloomberg, December 6, 2017</p>
149+
</div>
150+
</div>
151+
<img class="events__img img-fluid" src="static/images/events_past/dateutil_bloomberg_960x539px.jpeg">
152+
</div>
153+
</div>
154+
</div>
155+
</div>
156+
</section>
157+
<!--Services section-->
158+
<section class="services">
159+
<div class="container-fluid">
160+
<div class="row">
161+
<div class="col-md-12">
162+
<h2 class="section-title">What Do We Do?</h2>
163+
</div>
164+
</div>
165+
</div>
166+
167+
168+
<div class="row">
169+
<div class="no-gutters__col col-md-6">
170+
<img class="services__img img-fluid rounded" src="static/images/services/educating_devs_840x561px.jpg">
171+
</div>
172+
<div class="no-gutters__col col-md-6">
173+
<h2 class="services__title text-right">Helping Beginners To Get Good</h2>
174+
<hr class="services__divider-right">
175+
<p class="services__content text-right">We are open to people who just started to program and need guidance and mentorship. We can help you become a better programmer by collaborating with others and reading loads of code. Come and try it - you will not be disappointed. We normally have a mixture of seasoned and new coders during every sprint so advice is literally at hands reach.</p>
176+
</div>
177+
</div>
178+
179+
<div class="row">
180+
<div class="no-gutters__col col-md-6">
181+
<h2 class="services__title text-left">Engaging Core Developers</h2>
182+
<hr class="services__divider-left">
183+
<p class="services__content text-left">For those of you who are programming on the advanced level there are always new tasks to test your mettle. We fix bugs, we improve implementations and add features. No matter your style you will be able to find a ticket to your liking. The sprints are always advertised well ahead of the time so you can prepare yourself by checking on the issues that will be worked on early enough.</p>
184+
</div>
185+
<div class="no-gutters__col col-md-6">
186+
<img class="services__img img-fluid rounded" src="static/images/services/advanced_lvl_840x560px.jpg">
187+
</div>
188+
</div>
189+
</section>
190+
<!--Footer-->
191+
<footer class="footer">
192+
<div class="row">
193+
<div class="col-md-4 text-center">
194+
<p class="section-content footer__text">Find Us Online</p>
195+
<hr class="footer__divider">
196+
<a href="https://www.meetup.com/Python-Sprints/" target="_blank"><i class="footer__icon fab fa-meetup"></i></a>
197+
<a href="https://twitter.com/py_sprints" target="_blank"><i class="footer__icon fab fa-twitter"></i></a>
198+
</div>
199+
<div class="col-md-4">
200+
<p class="section-content footer__text">Our Sponsors</p>
201+
<hr class="footer__divider">
202+
<div class="row">
203+
<div class="col-lg-6">
204+
<a class="footer__sponsor-link" href="https://www.linkedin.com/in/hamishpitkeathly/">
205+
<img class="footer__img" src="static/images/sponsors/harvey_nash_130x90.png">
206+
</a>
207+
<a class="footer__sponsor-link" href="https://www.python.org/psf/">
208+
<img class="footer__img" src="static/images/sponsors/python_software_foundation.jpeg">
209+
</a>
210+
</div>
211+
<div class="col-lg-6">
212+
<a class="footer__sponsor-link" href="https://www.touchsurgery.com/jobs.html">
213+
<img class="footer__img" src="static/images/sponsors/touch_surgery.png">
214+
</a>
215+
<a class="footer__sponsor-link" href="https://www.bloomberg.com/careers/">
216+
<img class="footer__img" src="static/images/sponsors/bloomberg.png">
217+
</a>
218+
</div>
219+
</div>
220+
</div>
221+
<div class="col-md-4">
222+
<p class="section-content footer__text">Python Sprints</p>
223+
<hr class="footer__divider">
224+
<a class="footer__link" href="#" target="_blank">About</a>
225+
<a class="footer__link" href="#" target="_blank">Getting Started</a>
226+
<a class="footer__link" href="#" target="_blank">Projects</a>
227+
<a class="footer__link" href="#" target="_blank">Contact</a>
228+
<a class="footer__link" href="#" target="_blank">Credits</a>
229+
</div>
230+
</div>
231+
232+
<div class="footer__content row container-fluid">
233+
<div class="col-md-12">
234+
<p class="section-content footer__text-copyright">
235+
© Copyright
236+
<script>document.write(new Date().getFullYear())</script>
237+
- Python Sprints
238+
<img class="footer__brand-img" src="static/images/site_logo/python_sprints_logo.png" alt="Python Sprints Logo">
239+
240+
</p>
241+
</div>
242+
</div>
243+
</footer>
244+
<!--Scripts-->
245+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
246+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
247+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
248+
<script src="static/js/site.js"></script>
249+
</body>
250+
</html>

‎old_files/index.html

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!DOCTYPE HTML>
2+
<html>
3+
<head>
4+
<title>Python Sprints</title>
5+
</head>
6+
7+
<body>
8+
<h1>Python Sprints</h1>
9+
10+
<h2>Chapters</h2>
11+
<ul>
12+
<li><a href="https://www.meetup.com/Python-Sprints/">London Python Sprints</a></li>
13+
</ul>
14+
15+
<h2>Resources</h2>
16+
<h3>Environment set up</h3>
17+
<ul>
18+
<li><a href="https://www.anaconda.com/download/#linux">Download Anaconda</a></li>
19+
</ul>
20+
21+
<h3>GitHub</h3>
22+
<ul>
23+
<li><a href="https://help.github.com/categories/collaborating-with-issues-and-pull-requests/">Collaborating with issues and pull requests</a></li>
24+
<li><a href="https://help.github.com/articles/syncing-a-fork/">Syncing a fork</a></li>
25+
</ul>
26+
<h3>Documentation</h3>
27+
<ul>
28+
<li><a href="https://www.python.org/dev/peps/pep-0257/">PEP 257: Python docstring conventions</a></li>
29+
<li><a href="https://github.com/numpy/numpy/blob/master/doc/HOWTO_DOCUMENT.rst.txt">Docstring numpy convention</a></li>
30+
<li><a href="http://www.sphinx-doc.org/en/stable/markup/para.html">Sphinx directives</a></li>
31+
</ul>
32+
</body>
33+
</html>

‎static/credits.txt

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<a href='https://www.freepik.com/free-vector/background-with-a-person-running_1014946.htm'>Designed by Freepik</a>
2+
3+
<a href='https://www.freepik.com/free-vector/man-running-with-blue-flowing-wave_1177163.htm'>Designed by Freepik</a>
4+
5+
<a href='https://www.freepik.com/free-vector/abstract-running-design_1113095.htm'>Designed by Freepik</a>
6+
7+
<a href='https://www.freepik.com/free-photo/blurred-traffic-light-trails-on-road_1193611.htm'>Designed by Freepik</a>

0 commit comments

Comments
 (0)