index.html

{% extends 'layout.html' %} {% block content %}

<div id="fh5co-main">
	<aside id="fh5co-hero" class="js-fullheight">
		<div class="flexslider js-fullheight">
			<ul class="slides">
				<li
					style="background-image: url({{ get_asset('images/pyladies_photo/pyladies_sept0142.png') }});"
				>
					<div class="overlay"></div>
					<div class="container-fluid">
						<div class="row">
							<div
								class="col-md-8 col-md-offset-2 text-center js-fullheight slider-text"
							>
								<div class="slider-text-inner">
									<h1><strong>Bienvenida a PyLadies Madrid</strong></h1>
									<p>
										<a
											href="{{ get_url('about/') }}"
											class="btn btn-primary btn-demo"
											>Conócenos&nbsp;&nbsp;<i class="icon-monitor"></i
										></a>
										<a
											href="{{ get_url('coc/') }}"
											class="btn btn-primary btn-learn"
											>Código de conducta&nbsp;&nbsp;<i
												class="icon-arrow-right3"
											></i
										></a>
									</p>
								</div>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</aside>

	<div class="fh5co-narrow-content">
		<h2
			class="fh5co-heading animate-box fadeInLeft animated"
			data-animate-effect="fadeInLeft"
		></h2>
		<div class="row">
			<div class="col-md-6">
				<div
					class="fh5co-feature animate-box fadeInLeft animated"
					data-animate-effect="fadeInLeft"
				>
					<div class="fh5co-icon">
						<i class="icon-home"></i>
					</div>
					<div class="fh5co-text">
						<h3>Quiénes somos</h3>
						<p>
							Somos el chapter de Madrid de la organización internacional
							<b>PyLadies</b>
						</p>
					</div>
				</div>
			</div>
			<div class="col-md-6">
				<div
					class="fh5co-feature animate-box fadeInLeft animated"
					data-animate-effect="fadeInLeft"
				>
					<div class="fh5co-icon">
						<i class="icon-search4"></i>
					</div>
					<div class="fh5co-text">
						<h3>Nuestro objetivo</h3>
						<p>
							Ayudar y motivar a más mujeres para que sean
							<b>participantes activas</b> y <b>lideresas</b> de la comunidad
							open source de Python.
						</p>
					</div>
				</div>
			</div>

			<div class="col-md-6">
				<div
					class="fh5co-feature animate-box fadeInLeft animated"
					data-animate-effect="fadeInLeft"
				>
					<div class="fh5co-icon">
						<i class="icon-puzzle"></i>
					</div>
					<div class="fh5co-text">
						<h3>Conectando personas</h3>
						<p>
							Buscamos crear una <b>red de mujeres programadoras</b>, y ponerla
							en contacto con el resto de comunidades Python nacionales e
							internacionales
						</p>
					</div>
				</div>
			</div>
			<div class="col-md-6">
				<div
					class="fh5co-feature animate-box fadeInLeft animated"
					data-animate-effect="fadeInLeft"
				>
					<div class="fh5co-icon">
						<i class="icon-microphone2"></i>
					</div>
					<div class="fh5co-text">
						<h3>Participa</h3>
						<p>
							Este es <b>un grupo abierto</b>, por lo que cualquier persona con
							interés en Python está invitada a participar, siempre que cumpla
							con nuestro <b>código de conducta</b>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="fh5co-narrow-content">
		<h2 class="fh5co-heading animate-box" data-animate-effect="fadeInLeft">
			Últimos posts
		</h2>
		<div class="row row-bottom-padded-md">
			{% for article in posts.items[:4] %}
			<div
				class="col-md-3 col-sm-6 col-padding animate-box"
				data-animate-effect="fadeInLeft"
			>
				<div class="blog-entry">
					{% if article.image is defined %}
					<a href="{{ get_url(article.url) }}" class="blog-img"
						><img
							src="{{ get_asset(article.image) }}"
							class="img-responsive"
							alt="{{ article.title }}"
					/></a>
					{% else %}
					<a href="{{ get_url(article.url) }}" class="blog-img"
						><img
							src="{{ get_asset('images/img-1.jpg') }}"
							class="img-responsive"
							alt="{{ article.title }}"
					/></a>
					{% endif %}
					<div class="desc">
						<h3><a href="#">{{article.title}}</a></h3>
						<span
							><small
								>{{ article.timestamp|date('%d %b %Y') }} por {{article.author}}
							</small></span
						>
						<p>{{article.summary}}</p>
						<a href="{{ get_url(article.url) }}" class="lead"
							>Leer más <i class="icon-arrow-right3"></i
						></a>
					</div>
				</div>
			</div>
			{% endfor %}
		</div>
	</div>
	<div class="fh5co-narrow-content">
		<div class="row pre-scrollable">
			<div class="col-md-6">
				<a
					class="twitter-timeline"
					href="https://twitter.com/PyLadiesMadrid?ref_src=twsrc%5Etfw"
					data-tweet-limit="3"
					data-border-color="#990433"
					>Tweets by PyLadiesMadrid</a
				>
				<script
					async
					src="https://platform.twitter.com/widgets.js"
					charset="utf-8"
				></script>
			</div>
			<div class="col-md-6">
				<div
					class="github-widget"
					style="background-color: white; max-width: 450px"
					data-username="PyLadiesMadrid"
				></div>
				<script src="https://unpkg.com/github-card@1.2.1/dist/widget.js"></script>
			</div>
		</div>
	</div>
</div>
{% endblock %}