Add media object style

foundation/hooks.py

@@ -19,7 +19,7 @@ app_license = "MIT"
 # app_include_js = "/assets/foundation/js/foundation.js"
 
 # include js, css files in header of web template
-# web_include_css = "/assets/foundation/css/style.css"
+web_include_css = "/assets/foundation/css/style.css"
 # web_include_js = "/assets/foundation/js/foundation.js"
 
 # include js in page

foundation/public/css/style.css

@@ -0,0 +1,3 @@
+.media-img {
+	max-width: 200px;
+}

foundation/templates/base.html

@@ -17,11 +17,7 @@
 	{%- block head -%}
 	{% block meta_block %}{% endblock %}
 	<link href="/assets/bootstrap-4/css/bootstrap.min.css" rel="stylesheet">
-        {% if path != '' %}
+	<link href="/assets/foundation/css/style.css" rel="stylesheet">
-			<link type="text/css" rel="stylesheet" href="/assets/frappe/css/hljs.css">
-			<link type="text/css" rel="stylesheet" href="/assets/frappe/css/font-awesome.css">
-			<link type="text/css" rel="stylesheet" href="/assets/frappe/css/octicons/octicons.css">
-        {% endif %}
 	{%- endblock -%}
 	{%- block head_include %}{{ head_include or "" }}{% endblock -%}
 	{%- block style %}{%- endblock -%}
@@ -50,19 +46,19 @@
 	src="/assets/js/frappe-web.min.js"></script>
 <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>
 <script src="assets/bootstrap-4/js/bootstrap.min.js"></script>
-        {% endblock %}
+{% endblock %}
-        {%- if js_globals is defined %}
+{%- if js_globals is defined %}
-        <script>
+<script>
 	{%- for key, value in js_globals.iteritems() %}
-        window.{{ key }} = "{{ value[0] }}";
+window.{{ key }} = "{{ value[0] }}";
-        {%- endfor -%}
+{%- endfor -%}
-        </script>
+</script>
-        {% endif -%}
+{% endif -%}
-        {%- for link in web_include_js %}
+{%- for link in web_include_js %}
-        <script type="text/javascript" src="{{ link|abs_url }}"></script>
+<script type="text/javascript" src="{{ link|abs_url }}"></script>
-        {%- endfor -%}
+{%- endfor -%}
-        {%- block script %}{%- endblock %}
+{%- block script %}{%- endblock %}
-        <!-- csrf_token -->
+<!-- csrf_token -->
-        {%- block body_include %}{{ body_include or "" }}{% endblock -%}
+{%- block body_include %}{{ body_include or "" }}{% endblock -%}
 </body>
 </html>

foundation/templates/includes/macros.html

@@ -1,11 +1,10 @@
 {% macro media(title, content, image, link) %}
-	<div class="media centered {% if link %}clickable{% endif %}"
+	<div class="media {% if link %}clickable{% endif %}"
 		{% if link %}style="cursor: pointer;"{% endif %}
 		{% if link %}onclick="location.href='{{ link }}'"{% endif %}>
 		<a class="mr-3" href="{{ link or "#" }}">
-			<img class="img-thumbnail"
+			<img class="media-img img-thumbnail" src="{% if image %}{% if not '/' in image %}/assets/foundation/img/{% endif %}{{ image }}{% else %}/assets/foundation/img/frappe-bird-grey.svg{% endif %}"
-			src="{% if image %}{% if not '/' in image %}/assets/foundation/img/{% endif %}{{ image }}{% else %}/assets/foundation/img/frappe-bird-grey.svg{% endif %}"
+>
-			style="{% if image and not '/' in image %}opacity: 0.4{% endif %}">
 		</a>
 		<div class="media-body">
 			{% if title %}<h4>{{ title }}</h4>{% endif %}

foundation/www/service-providers.html

@@ -5,7 +5,7 @@
 {% macro gold_member(m) %}
 <div class="media {{ 'text-muted' if m.placeholder else '' }}" style="cursor: pointer;" onclick="location.href='{{ m.route }}'">
 	<a class="mr-3" href="{{ m.route }}">
-		<img class="img-thumbnail" src="{{ m.image or '/assets/foundation/img/gold.png' }}">
+		<img class="media-img img-thumbnail" src="{{ m.image or '/assets/foundation/img/gold.png' }}">
 	</a>
 	<div class="media-body">
 		<h4 class="media-heading">{{ m.title }}</h4>
@@ -36,7 +36,7 @@
 {% endmacro %}
 
 {% block page_content %}
-<section class="gold bottom-spacer-4">
+<section class="my-5 px-3">
 	<h2>Gold Members</h2>
 	{% for m in gold_members %}
 	{{ gold_member(m) }}
@@ -47,7 +47,7 @@
 	{% endif %}
 </section>
 
-<section class="silver bottom-spacer-4">
+<section class="my-5 px-3">
 	<h2>Silver Members</h2>
 	<div class="row">
 		{% for m in silver_members %}
@@ -59,7 +59,7 @@
 		Become a Silver Member and get your company featured here</a></p>
 	{% endif %}
 </section>
-<section class="bottom-spacer-4">
+<section class="my-5 px-3">
 	<h2>Individual Members</h2>
 	<div class="row page-padding">
 		{% for s in individual_members %}