banners for targi kielce
authorJan Szejko <janek37@gmail.com>
Fri, 30 Sep 2016 14:36:28 +0000 (16:36 +0200)
committerJan Szejko <janek37@gmail.com>
Fri, 30 Sep 2016 14:36:28 +0000 (16:36 +0200)
edumed/static/css/main.css
edumed/static/css/main.scss
edumed/static/img/banners/440px_Forum.jpg [new file with mode: 0644]
edumed/static/img/banners/440px_Salon-1.jpg [new file with mode: 0644]
edumed/templates/home.html

index 80bdea8..e9c2ac1 100644 (file)
@@ -9,18 +9,13 @@
     display: block;
     margin-bottom: 1em;
     width: 10em;
     display: block;
     margin-bottom: 1em;
     width: 10em;
-    float: left;
-  }
-
-#main-promobox a:first-of-type {
-  padding-top: 0;
-  border-top-right-radius: 0;
-  border-top-left-radius: 0;
-}
-
-#main-promobox a:last-of-type {
-  margin-bottom: 0;
-}
+    float: left; }
+    #main-promobox a:first-of-type {
+      padding-top: 0;
+      border-top-right-radius: 0;
+      border-top-left-radius: 0; }
+    #main-promobox a:last-of-type {
+      margin-bottom: 0; }
   #main-promobox h1 {
     background: #16a487;
     padding: 1em 1.25em;
   #main-promobox h1 {
     background: #16a487;
     padding: 1em 1.25em;
@@ -34,8 +29,7 @@
     padding-top: 1.25em;
     padding-bottom: 1.25em;
     border-bottom-right-radius: 0;
     padding-top: 1.25em;
     padding-bottom: 1.25em;
     border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
+    border-bottom-left-radius: 0; }
   #main-promobox h1:before {
     content: url(/static/img/icons/announce_white.png);
     margin-right: 1.2em;
   #main-promobox h1:before {
     content: url(/static/img/icons/announce_white.png);
     margin-right: 1.2em;
       content: url(/static/img/icons/reference_orange.png); }
   #main-howto p {
     margin: 0 0 1.875em 1.4em; }
       content: url(/static/img/icons/reference_orange.png); }
   #main-howto p {
     margin: 0 0 1.875em 1.4em; }
+  #main-howto .side-banner img {
+    display: block;
+    width: 100%;
+    margin-bottom: 0.2em; }
 
 #main-chosen {
   clear: left;
 
 #main-chosen {
   clear: left;
index 1818e60..7d95145 100755 (executable)
@@ -198,6 +198,11 @@ $px: .0625em;
   p {
     margin: 0 0 30*$px 1.4em;
   }
   p {
     margin: 0 0 30*$px 1.4em;
   }
+  .side-banner img {
+    display: block;
+    width: 100%;
+    margin-bottom: 0.2em;
+  }
 }
 
 #main-chosen {
 }
 
 #main-chosen {
diff --git a/edumed/static/img/banners/440px_Forum.jpg b/edumed/static/img/banners/440px_Forum.jpg
new file mode 100644 (file)
index 0000000..b847807
Binary files /dev/null and b/edumed/static/img/banners/440px_Forum.jpg differ
diff --git a/edumed/static/img/banners/440px_Salon-1.jpg b/edumed/static/img/banners/440px_Salon-1.jpg
new file mode 100644 (file)
index 0000000..47ee486
Binary files /dev/null and b/edumed/static/img/banners/440px_Salon-1.jpg differ
index 2c90fbc..30fb831 100755 (executable)
@@ -2,6 +2,7 @@
 {% load catalogue_tags %}
 {% load course_boxes_toc from curriculum_tags %}
 {% load chunk from chunks %}
 {% load catalogue_tags %}
 {% load course_boxes_toc from curriculum_tags %}
 {% load chunk from chunks %}
+{% load static %}
 
 {% block full_title %}Edukacja medialna{% endblock %}
 
 
 {% block full_title %}Edukacja medialna{% endblock %}
 
 {% catalogue_carousel %}
 
 <section id="main-promobox">
 {% catalogue_carousel %}
 
 <section id="main-promobox">
-<h1>Co nowego?</h1>
+  <h1>Co nowego?</h1>
 
 
-{% chunk "promobox" %}
+  {% chunk "promobox" %}
 </section>
 
 <section id="main-sections">
 </section>
 
 <section id="main-sections">
-<h1>Lekcje:</h1>
-{% catalogue_levels_main %}
+  <h1>Lekcje:</h1>
+  {% catalogue_levels_main %}
 </section>
 
 <section id="main-howto">
 </section>
 
 <section id="main-howto">
-<h1>Nasze lekcje to:</h1>
-<ul class="link-list">
+  <h1>Nasze lekcje to:</h1>
+  <ul class="link-list">
     <li><a class="knowledge" href="/info/jak-korzystac/#wiedza-w-pigulce">wiedza w pigułce</a></li>
     <li><a class="activity" href="/info/jak-korzystac/#zadania">zadania</a></li>
     <li><a class="lesson-plan" href="/info/jak-korzystac/#scenariusze">scenariusze</a></li>
     <li><a class="reference" href="/info/jak-korzystac/#slowniczek">słowniczek</a></li>
     <li><a class="knowledge" href="/info/jak-korzystac/#wiedza-w-pigulce">wiedza w pigułce</a></li>
     <li><a class="activity" href="/info/jak-korzystac/#zadania">zadania</a></li>
     <li><a class="lesson-plan" href="/info/jak-korzystac/#scenariusze">scenariusze</a></li>
     <li><a class="reference" href="/info/jak-korzystac/#slowniczek">słowniczek</a></li>
-</ul>
-<p>Zobacz, <a href="{% url 'info' 'dobre-praktyki' %}">jak przeprowadzili je inni.</a></p>
-
-<iframe width="220" height="124" src="//www.youtube.com/embed/XJ2q_ZCPIA8?controls=2&amp;rel=0&amp;showinfo=0&amp;theme=light" frameborder="0" allowfullscreen></iframe>
+  </ul>
+  <p>Zobacz, <a href="{% url 'info' 'dobre-praktyki' %}">jak przeprowadzili je inni.</a></p>
+
+  <iframe width="220" height="124" src="//www.youtube.com/embed/XJ2q_ZCPIA8?controls=2&amp;rel=0&amp;showinfo=0&amp;theme=light" frameborder="0" allowfullscreen></iframe>
+  <a href="http://efntie.pl/" class="side-banner"><img src="{% static "img/banners/440px_Forum.jpg" %}"/></a>
+  <a href="http://targikielce.pl/pl/edusalon.htm" class="side-banner">
+    <img src="{% static "img/banners/440px_Salon-1.jpg" %}" class="width: 100%;"/>
+  </a>
 </section>
 
 <section id="main-chosen">
 </section>
 
 <section id="main-chosen">