add content + modif html

2019-01-30 12:24:08 +01:00
parent 858bff0f81
commit fd2eac3dc4
46 changed files with 454 additions and 205 deletions
@@ -3,4 +3,5 @@ title: Home
 body_classes: 'title-center title-h1h2'
 ---

-Nous sommes un collectif né de la rencontre de deux démarches citoyennes qui animent chacun de ses membres : porter les messages de commanditaires d'utilité publique, [sociale]() et [culturelle](); Œuvrer sur logiciels libres pour créer sans consommer, libérer l'information, interagir et s'enrichir ensemble.
+Figures Libres est un [collectif](http://dev.figureslibres.net/collectif) né de la rencontre de deux démarches citoyennes : porter des messages d'utilité [publique](http://dev.figureslibres.net/projets/tag:publique#body-wrapper), [sociale](http://dev.figureslibres.net/projets/tag:sociale#body-wrapper) et [culturelle](http://dev.figureslibres.net/projets/tag:culturelle#body-wrapper) ; Œuvrer sur [logiciels libres](http://dev.figureslibres.net/logiciels-libres) pour créer sans consommer et libérer l'information.
+Nous sommes graphistes, développeurs, designers, photographes, artistes, enseignant⋅e⋅s, militant⋅e⋅s…  et croisons nos pratiques et compétences pour avancer plus loin à plusieurs. Convaincu⋅e⋅s que la création est un outil démocratique, nous partageons les convictions de nos [commanditaires](http://dev.figureslibres.net/commanditaires). Nous préférons maîtriser [nos outils](http://dev.figureslibres.net/nos-outils), plutôt que l'inverse, les adapter à nos envies et à vos besoins. Comme nous sommes joueur⋅euse⋅s et utopistes nous aimons les construire avec vous et les partager avec tous. Votre projet sera un site, une affiche, une campagne, une application, un livre, une exposition, une manifestation… tant mieux ! nous n'aimons pas les réponses toutes faites ; mais bien faites. 
@@ -3,10 +3,11 @@ title: Projets
 content:
    items:
        - '@self.children'
-    limit: 10
+    limit: 0
    order:
        by: date
        dir: desc
    pagination: true
    url_taxonomy_filters: true
 ---
+
@@ -0,0 +1,11 @@
+---
+title: 'Nom du projets'
+taxonomy:
+    category:
+        - social
+---
+
+blablablablabla
+blablablabla
+blablabla
+blablabla
@@ -1,6 +1,9 @@
 ---
 title: 'Comprendre des migrations internationales'
 media_order: 'OSC_2779_01.jpg,OSC_2748_01.jpg,OSC_2785.jpg,OSC_2793.jpg,OSC_2800.jpg,OSC_2802.jpg,OSC_2820.jpg'
+taxonomy:
+    tag:
+        - sociale
 ---

 Collection « Petit guide » outils de vulgarisation
@@ -1,5 +1,8 @@
 ---
 title: 'L’Encyclopédie de la Parole'
+taxonomy:
+    tag:
+        - culturelle
 ---

 Refonte du siite internet
@@ -1,6 +1,9 @@
 ---
 title: 'Les spectacles de l’Encyclopédie'
 media_order: '1.jpg,2.jpg,3.jpg,4.jpg'
+taxonomy:
+    tag:
+        - culturelle
 ---

 Dépliant de présentation
@@ -1,5 +1,8 @@
 ---
 title: 'Nos terres valent plus que du carbone'
+taxonomy:
+    tag:
+        - sociale
 ---

 CCFD-Terre Solidaire
@@ -1,6 +1,9 @@
 ---
 title: 'Programme POPSU (plate-forme d’observation des projets et stratégies urbaines)'
 media_order: 'OSC_3087.jpg,OSC_3084.jpg,OSC_3094.jpg,OSC_3109.jpg,OSC_3120.jpg,OSC_3133.jpg,OSC_3151.jpg,OSC_3159.jpg,OSC_3166.jpg'
+taxonomy:
+    tag:
+        - sociale
 ---

 POPSU / PUCA (Ministère de la transition écologique et solidaire /Ministère de la cohésion des territoires / Ministère de la culture)
@@ -1,6 +1,9 @@
 ---
 title: 'Tous, des sang-mêlés'
 media_order: 'OSC_2566.jpg,OSC_2539.jpg,OSC_2703_01.jpg,OSC_2614_01.jpg,OSC_2618_01.jpg,OSC_2625_02.jpg,OSC_2649.jpg,OSC_2672.jpg'
+taxonomy:
+    tag:
+        - culturelle
 ---

 Catalogue d’exposition
@@ -0,0 +1,6 @@
+---
+title: Bachir
+---
+
+Salut,
+Je m'apelle Bachir
@@ -0,0 +1,13 @@
+---
+title: Collectif
+content:
+    items:
+        - '@self.children'
+    limit: 0
+    order:
+        by: date
+        dir: desc
+    pagination: true
+    url_taxonomy_filters: true
+---
+
@@ -0,0 +1,6 @@
+---
+title: Kevin
+---
+
+Salut,
+Je m'apelle Kevin
@@ -0,0 +1,6 @@
+---
+title: Maud
+---
+
+Salut,
+Je m'apelle maud
@@ -0,0 +1,6 @@
+---
+title: Ouidade
+---
+
+Salut,
+Je m'apelle Ouidade
@@ -0,0 +1,6 @@
+---
+title: Sandrine
+---
+
+Salut,
+je m'apelle sandrine
@@ -0,0 +1,19 @@
+---
+title: 'logiciels libres'
+taxonomy:
+    tag:
+        - 'logiciels libres'
+content:
+    items:
+        - '@self.children'
+    limit: 5
+    order:
+        by: date
+        dir: desc
+    pagination: true
+    url_taxonomy_filters: true
+---
+
+Iam in altera philosophiae parte. quae est quaerendi ac disserendi, quae logikh dicitur, iste vester plane, ut mihi quidem videtur, inermis ac nudus est. tollit definitiones, nihil de dividendo ac partiendo docet, non quo modo efficiatur concludaturque ratio tradit, non qua via captiosa solvantur ambigua distinguantur ostendit; iudicia rerum in sensibus ponit, quibus si semel aliquid falsi pro vero probatum sit, sublatum esse omne iudicium veri et falsi putat.
+
+Et quoniam apud eos ut in capite mundi morborum acerbitates celsius dominantur, ad quos vel sedandos omnis professio medendi torpescit, excogitatum est adminiculum sospitale nequi amicum perferentem similia videat, additumque est cautionibus paucis remedium aliud satis validum, ut famulos percontatum missos quem ad modum valeant noti hac aegritudine colligati, non ante recipiant domum quam lavacro purgaverint corpus. ita etiam alienis oculis visa metuitur labes.
@@ -0,0 +1,13 @@
+---
+title: commanditaires
+content:
+    items:
+        - '@self.children'
+    limit: 5
+    order:
+        by: date
+        dir: desc
+    pagination: true
+    url_taxonomy_filters: true
+---
+
@@ -0,0 +1,4 @@
+---
+title: 'commanditaires n°1'
+---
+
@@ -0,0 +1,4 @@
+---
+title: 'commanditaires n°2'
+---
+
@@ -0,0 +1,13 @@
+---
+title: 'Nos outils'
+content:
+    items:
+        - '@self.children'
+    limit: 5
+    order:
+        by: date
+        dir: desc
+    pagination: true
+    url_taxonomy_filters: true
+---
+
@@ -0,0 +1,4 @@
+---
+title: 'Outils N°1'
+---
+
@@ -0,0 +1,17 @@
+---
+title: Contact
+content:
+    items:
+        - '@self.children'
+    limit: 5
+    order:
+        by: date
+        dir: desc
+    pagination: true
+    url_taxonomy_filters: true
+---
+
+Numéros tel
+E-mail
+Reseaux sociaux
+etc...
@@ -1 +1 @@
-@font-face{font-family:Montserrat-Regular;src:url(../fonts/montserrat/Montserrat-Regular.eot);src:url(../fonts/montserrat/Montserrat-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/montserrat/Montserrat-Regular.woff) format('woff'),url(../fonts/montserrat/Montserrat-Regular.ttf) format('truetype'),url(../fonts/montserrat/Montserrat-Regular.svg#Montserrat-Regular) format('svg')}a,h1,h2,h3,li,p,ul{font-family:Montserrat-Regular;font-weight:400}h1{font-size:1.2rem!important}p{font-size:8rem;line-height:8rem}ul{font-size:.8rem;line-height:1.2rem}header{position:fixed;top:0}header h1{margin:30px 0 0 30px}#start{width:70%;margin:auto}.sidebar-right{position:fixed;top:0;right:0;display:-ms-flexbox;display:flex;width:20%;height:100%}.sidebar-right ul{margin:auto;margin-right:20px;text-align:right}.sidebar-right ul a{color:grey}.sidebar-right ul a:hover::after{content:'D'}
+@font-face{font-family:Montserrat-Regular;src:url(../fonts/montserrat/Montserrat-Regular.eot);src:url(../fonts/montserrat/Montserrat-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/montserrat/Montserrat-Regular.woff) format('woff'),url(../fonts/montserrat/Montserrat-Regular.ttf) format('truetype'),url(../fonts/montserrat/Montserrat-Regular.svg#Montserrat-Regular) format('svg')}@font-face{font-family:Montserrat-medium;src:url(../fonts/montserrat/Montserrat-Medium.eot);src:url(../fonts/montserrat/Montserrat-Medium.eot?#iefix) format('embedded-opentype'),url(../fonts/montserrat/Montserrat-Medium.woff) format('woff'),url(../fonts/montserrat/Montserrat-Medium.ttf) format('truetype'),url(../fonts/montserrat/Montserrat-Medium.svg#Montserrat-medium) format('svg')}a,h1,h2,h3,li,p,ul{font-family:Montserrat-Regular;font-weight:400}h1{font-size:1.2rem!important}p{font-family:Montserrat-Medium!important;font-size:8rem;line-height:8rem}ul{font-size:.8rem;line-height:1.2rem}header{position:fixed;top:0}header h1{margin:30px 0 0 30px}#start{width:70%;margin:auto auto auto 10%}.sidebar-right{position:fixed;top:0;right:0;display:-ms-flexbox;display:flex;width:20%;height:100%}.sidebar-right ul{margin:auto;margin-right:20px;text-align:right}.sidebar-right ul a{position:relative;color:grey}.sidebar-right ul a:hover li{position:relative}.sidebar-right ul a:hover li::after{position:absolute;top:7px;right:-13px;display:block;width:7px;height:7px;content:' ';border-radius:5px;background-color:grey}
@@ -0,0 +1,14 @@
+var $Sba = $('.sidebar-right a');
+var $Sbsvg = $('.sidebar-right svg');
+
+function addclass() {
+   $Sba.hover(function() {
+      $(this).addClass("hover");
+  }, function() {
+      $(this).removeClass("hover");
+  });
+}
+
+jQuery(document).ready(function($){
+  addclass();
+});
@@ -33,3 +33,30 @@ $category: "sans-serif";
        }
    }
 }
+
+$Medium: "Montserrat-medium";
+$file-Medium: "Montserrat-Medium";
+
+@mixin font-face($Medium, $file-Medium, $family, $category:"") {
+    $filepath: "../fonts/" + $family + "/" + $file-Medium;
+    @font-face {
+        font-family: "#{$Medium}";
+        src: url($filepath + ".eot");
+        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
+              url($filepath + ".woff") format('woff'),
+              url($filepath + ".ttf")  format('truetype'),
+              url($filepath + ".svg#" + $Medium + "") format('svg');
+    }
+
+    %#{$Medium} {
+        font: {
+            @if $category != "" {
+                family: "#{$Medium}", #{$category};
+            }
+            @else {
+                family: "#{$Medium}";
+                weight: normal;
+            }
+        }
+    }
+}
@@ -1 +1,2 @@
@include font-face($Regular, $file-regular, $family, $category);//1
+@include font-face($Medium, $file-Medium, $family, $category);//1
@@ -11,9 +11,21 @@
    margin-right: 20px;
    a{
      color: grey;
+      position: relative;
      &:hover{
-        &::after{
-          content: "D";
+        li{
+          position: relative;
+          &::after{
+            content: " ";
+            top: 7px;
+            right: -13px;
+            display: block;
+            position: absolute;
+            background-color: grey;
+            border-radius: 5px;
+            width: 7px;
+            height: 7px;
+          }
        }
      }
    }
@@ -1,4 +1,4 @@
 #start{
  width: 70%;
-  margin: auto;
+  margin: auto auto auto 10%;
 }
@@ -8,6 +8,7 @@ h1{
 }

 p{
+  font-family: 'Montserrat-Medium'!important;
  font-size: 8rem;
  line-height: 8rem;
 }
@@ -23,10 +23,8 @@
 {% endblock %}

 {% block body %}
-    <section id="body-wrapper" class="section blog-listing">
-        <section class="container {{ grid_size }}">
+    <section id="body-wrapper">

-        {% embed 'partials/layout.html.twig' with {blog: page} %}
            {% block item %}

                <div class="bricklayer">
@@ -43,9 +41,6 @@

            {% endblock %}

-  
-        {% endembed %}
-        </section>
    </section>
    <script>
        //Bricklayer
@@ -23,31 +23,25 @@

    {% block javascripts %}
        {% do assets.addJs('jquery', 101) %}
-        {% do assets.addJs('theme://js/jquery.treemenu.js', {group:'bottom'}) %}
-        {% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
+        {% do assets.addJs('theme://js/script_k.js', {group:'bottom'}) %}
+
    {% endblock %}
    {{ assets.js()|raw }}

 {% endblock head %}
 </head>
-<body id="top" class="{% block body_classes %}{{ body_classes }}{% endblock %}">
+<body id="top">

    {% block header %}
-        <header class="section">
-            <h1>{{ site.title }}</h1>
-
-            <nav class="dropmenu animated">
-            {% block header_navigation %}
-                {% include 'partials/navigation.html.twig' %}
-            {% endblock %}
-            </nav>
+        <header>
+          <a href="/"><h1>{{ site.title }}</h1></a>
        </header>

    {% endblock %}

    <section id="start">
      {% block body %}
-        <section class="container {{ grid_size }}">
+        <section>
            {% block content %}{% endblock %}
        </section>

@@ -55,10 +49,6 @@
          {% include 'partials/sidebar.html.twig' %}
        {% endblock %}

-        {% block footer %}
-            {% include 'partials/footer.html.twig' %}
-        {% endblock %}
-
      {% endblock %}
    </section>

@@ -1,6 +1,4 @@
-<div class="content-item h-entry">
-
-
+<div>

 {% if not hero_image_name %}
    <div class="content-title text-center">
@@ -21,13 +19,9 @@
          {{ image.html }}
        {% endfor %}
      </div>
-
-
 </div>

 <p class="prev-next text-center">
-
-
    {% if not page.isLast %}
            <a class="btn" href="{{ page.prevSibling.url }}"><i class="fa fa-angle-left"></i> {{ 'THEME_QUARK.BLOG.ITEM.PREV_POST'|t }}</a>
    {% endif %}
@@ -1,17 +1,16 @@
 <div class="card">
    {% set image = page.media.images|first %}
    {% if image %}
-    <div class="card-image">
-        <a href="{{ page.url }}">{{ image.cropZoom(800,400).html }}</a>
-    </div>
-    {% endif %}
-    <div class="card-header">
+      <div class="card-image">
+          <a href="{{ page.url }}">{{ image.cropZoom(800,400).html }}</a>
+      </div>

-        <div class="card-title">
-        {% include 'partials/blog/title.html.twig' with {title_level: 'h5'} %}
-        </div>
-    </div>
-    <div class="card-footer">
-        {% include 'partials/blog/taxonomy.html.twig' %}
-    </div>
+    {% endif %}
+
+      <div class="card-header">
+          {% include 'partials/blog/title.html.twig' with {title_level: 'h5'} %}
+      </div>
+      <div class="card-footer">
+          {% include 'partials/blog/taxonomy.html.twig' %}
+      </div>
 </div>
@@ -1,11 +1,11 @@
 {% set title_level = title_level ?: 'h2' %}
 {% if page.header.link %}
-    <{{ title_level }} class="p-name mt-1">
+    <{{ title_level }}>
        {% if page.header.continue_link is not same as(false) %}
-        <a href="{{ page.url }}"><i class="fa fa-angle-double-right u-url"></i></a>
+        <a href="{{ page.url }}"><i></i></a>
        {% endif %}
-        <a href="{{ page.header.link }}" class="u-url">{{ page.title }}</a>
+        <a href="{{ page.header.link }}">{{ page.title }}</a>
    </{{ title_level }}>
 {% else %}
-    <{{ title_level }} class="p-name mt-1"><a href="{{ page.url }}" class="u-url">{{ page.title }}</a></{{ title_level }}>
+    <{{ title_level }}><a href="{{ page.url }}">{{ page.title }}</a></{{ title_level }}>
 {% endif %}
@@ -11,4 +11,3 @@
    </div>
    {% endif %}
 </div>
-
@@ -43,12 +43,18 @@
 {% endif %}

 <div class="sidebar-left">
-</div>
-
-<div class="sidebar-right">
-  {% set options = { items: {'@page': '/projets' } } %}
+  {% set options = { items: {'@page': '/contact' } } %}
+  {% set my_collection = page.collection(options) %}
+  <ul>
+    {% for p in my_collection %}
+      <a href="{{p.url}}"><li>{{ p.title }}</li></a>
+    {% endfor %}
+  </ul>
+</div>
+
+<div class="sidebar-right">
+  {% set options = { items: {'@page': '/projets' } } %}
  {% set my_collection = page.collection(options) %}
-
  <ul>
    {% for p in my_collection %}
      <a href="{{p.url}}"><li>{{ p.title }}</li></a>
@@ -1,10 +1,8 @@
 {% set taxlist = children_only is defined ? taxonomylist.getChildPagesTags() : taxonomylist.get() %}

 {% if taxlist %}
-<span class="tags">
    {% for tax,value in taxlist[taxonomy] %}
        {% set label_class = uri.param(taxonomy) == tax ? 'label-primary' : 'label-secondary' %}
-        <a class="label label-rounded {{ label_class }}" href="{{ base_url }}/{{ taxonomy }}{{ config.system.param_sep }}{{ tax }}">{{ tax }}</a>
+        <a class="label {{ label_class }}" href="{{ base_url }}/{{ taxonomy }}{{ config.system.param_sep }}{{ tax }}">{{ tax }}</a>
    {% endfor %}
-</span>
 {% endif %}