Commit c66f0682 authored by Nicolas Joyard's avatar Nicolas Joyard
Browse files

Make rep grid photos consistent

parent 1307a85e
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/francois-asensi-1945-06-01/"> <a class="custom-thumbnail custom-invisible" href="/legislature/representative/francois-asensi-1945-06-01/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/francois-asensi-1945-06-01/"> </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/francois-asensi-1945-06-01/">
<div class="col-xs-5"> <div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/francois-asensi" width="158"/> <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/francois-asensi);"/>
<div class="custom-thumbnail-details"> <div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div> <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/thierry-benoit-1966-09-13/"> <a class="custom-thumbnail custom-invisible" href="/legislature/representative/thierry-benoit-1966-09-13/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/thierry-benoit-1966-09-13/"> </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/thierry-benoit-1966-09-13/">
<div class="col-xs-5"> <div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/thierry-benoit" width="158"/> <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/thierry-benoit);"/>
<div class="custom-thumbnail-details"> <div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div> <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
...@@ -83,7 +83,7 @@ ...@@ -83,7 +83,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/marcel-bonnot-1946-05-24/"> <a class="custom-thumbnail custom-invisible" href="/legislature/representative/marcel-bonnot-1946-05-24/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/marcel-bonnot-1946-05-24/"> </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/marcel-bonnot-1946-05-24/">
<div class="col-xs-5"> <div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/marcel-bonnot" width="158"/> <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/marcel-bonnot);"/>
<div class="custom-thumbnail-details"> <div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div> <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-claude-bouchet-1957-05-02/"> <a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-claude-bouchet-1957-05-02/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-claude-bouchet-1957-05-02/"> </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-claude-bouchet-1957-05-02/">
<div class="col-xs-5"> <div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/jean-claude-bouchet" width="158"/> <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-claude-bouchet);"/>
<div class="custom-thumbnail-details"> <div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div> <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
...@@ -163,7 +163,7 @@ ...@@ -163,7 +163,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/paul-brannen-1962-09-13/"> <a class="custom-thumbnail custom-invisible" href="/legislature/representative/paul-brannen-1962-09-13/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/paul-brannen-1962-09-13/"> </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/paul-brannen-1962-09-13/">
<div class="col-xs-5"> <div class="col-xs-5">
<img class="img-responsive" src="http://www.europarl.europa.eu/mepphoto/124954.jpg" width="158"/> <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/124954.jpg);"/>
<div class="custom-thumbnail-details"> <div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-gb"></span> United Kingdom</div> <div class="icon-badge-detail"><span class="flag-icon flag-icon-gb"></span> United Kingdom</div>
...@@ -203,7 +203,7 @@ ...@@ -203,7 +203,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/udo-bullmann-1956-06-08/"> <a class="custom-thumbnail custom-invisible" href="/legislature/representative/udo-bullmann-1956-06-08/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/udo-bullmann-1956-06-08/"> </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/udo-bullmann-1956-06-08/">
<div class="col-xs-5"> <div class="col-xs-5">
<img class="img-responsive" src="http://www.europarl.europa.eu/mepphoto/4267.jpg" width="158"/> <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/4267.jpg);"/>
<div class="custom-thumbnail-details"> <div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-de"></span> Germany</div> <div class="icon-badge-detail"><span class="flag-icon flag-icon-de"></span> Germany</div>
...@@ -243,7 +243,7 @@ ...@@ -243,7 +243,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-paul-chanteguet-1949-12-09/"> <a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-paul-chanteguet-1949-12-09/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-paul-chanteguet-1949-12-09/"> </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-paul-chanteguet-1949-12-09/">
<div class="col-xs-5"> <div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/jean-paul-chanteguet" width="158"/> <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-paul-chanteguet);"/>
<div class="custom-thumbnail-details"> <div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div> <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
...@@ -283,7 +283,7 @@ ...@@ -283,7 +283,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-louis-christ-1951-01-24/"> <a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-louis-christ-1951-01-24/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-louis-christ-1951-01-24/"> </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-louis-christ-1951-01-24/">
<div class="col-xs-5"> <div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/jean-louis-christ" width="158"/> <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-louis-christ);"/>
<div class="custom-thumbnail-details"> <div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div> <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
...@@ -323,7 +323,7 @@ ...@@ -323,7 +323,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-michel-couve-1940-01-03/"> <a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-michel-couve-1940-01-03/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-michel-couve-1940-01-03/"> </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-michel-couve-1940-01-03/">
<div class="col-xs-5"> <div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/jean-michel-couve" width="158"/> <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-michel-couve);"/>
<div class="custom-thumbnail-details"> <div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div> <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
...@@ -363,7 +363,7 @@ ...@@ -363,7 +363,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/esther-de-lange-1975-02-19/"> <a class="custom-thumbnail custom-invisible" href="/legislature/representative/esther-de-lange-1975-02-19/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/esther-de-lange-1975-02-19/"> </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/esther-de-lange-1975-02-19/">
<div class="col-xs-5"> <div class="col-xs-5">
<img class="img-responsive" src="http://www.europarl.europa.eu/mepphoto/38398.jpg" width="158"/> <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/38398.jpg);"/>
<div class="custom-thumbnail-details"> <div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-nl"></span> Netherlands</div> <div class="icon-badge-detail"><span class="flag-icon flag-icon-nl"></span> Netherlands</div>
...@@ -403,7 +403,7 @@ ...@@ -403,7 +403,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/albert-dess-1947-04-17/"> <a class="custom-thumbnail custom-invisible" href="/legislature/representative/albert-dess-1947-04-17/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/albert-dess-1947-04-17/"> </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/albert-dess-1947-04-17/">
<div class="col-xs-5"> <div class="col-xs-5">
<img class="img-responsive" src="http://www.europarl.europa.eu/mepphoto/28228.jpg" width="158"/> <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/28228.jpg);"/>
<div class="custom-thumbnail-details"> <div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-de"></span> Germany</div> <div class="icon-badge-detail"><span class="flag-icon flag-icon-de"></span> Germany</div>
...@@ -443,7 +443,7 @@ ...@@ -443,7 +443,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/marc-dolez-1952-10-21/"> <a class="custom-thumbnail custom-invisible" href="/legislature/representative/marc-dolez-1952-10-21/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/marc-dolez-1952-10-21/"> </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/marc-dolez-1952-10-21/">
<div class="col-xs-5"> <div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/marc-dolez" width="158"/> <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/marc-dolez);"/>
<div class="custom-thumbnail-details"> <div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div> <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
......
...@@ -310,7 +310,17 @@ iframe { ...@@ -310,7 +310,17 @@ iframe {
border-color:#ddd; border-color:#ddd;
} }
.representative-card .img-responsive {
width: 150px;
height: 200px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.representative-card h4 {
margin-top: 15px;
}
/*************************************************************** /***************************************************************
Mandates Mandates
......
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<a href="{% url 'representative-detail' slug=representative.slug %}" class="custom-thumbnail custom-invisible"> <a href="{% url 'representative-detail' slug=representative.slug %}" class="custom-thumbnail custom-invisible">
<div class="row"> <div class="row">
<div class="col-xs-5"> <div class="col-xs-5">
<img class="img-responsive" src="{{ representative.photo }}" width="158"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="img-responsive" style="background-image: url({{ representative.photo }});">
<div class="custom-thumbnail-details"> <div class="custom-thumbnail-details">
{% if representative.country %} {% if representative.country %}
<div class="icon-badge-detail">{{ representative.country|country_flag }} {{ representative.country.name }}</div> <div class="icon-badge-detail">{{ representative.country|country_flag }} {{ representative.country.name }}</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment