Page d'acceuil lesgrandsvoisins.com publiée

Le Digital des Grands Voisins
1

Le site web lesgrandsvoisins.com est maintenant ouvert pour informer le public de notre existence et comporte un appel à s’inscrire à la liste de diffusion depuis le 16 août 2021. La partie « services » est cachée pour l’instant et le manifeste est mis en avant. C’est suite à ma décision qu’il est maintenant temps de partager l’information sur le projet.

L’enjeu en communication actuellement est de raconter une histoire engageante à l’image de Les Grands Voisins (ou des Grands Voisins): le « story-telling ». Comment démontrer et raconter aussi ?

L’enjeu technique est de permettre une modification du contenu par des éditeurs différents. Pour avancer sur ce plan, j’ai rencontré d’éditeur du logiciel libre Apostrophe CMS et suis convaincu de la pertinence de ce logiciel pour maintenir le site d’acceuil Les Grand Voisins. Le développement sur cette technologie avance sur le site apostrophe.lesgrandsvoisins.com. Quand l’utilisateur « admin » est connecté, celui-ci peut modifier directement le contenu.

Le contenu su site actuel est sur cet entrepot GIT:

La source du site Apostrophe CMS est ici:
https://chiselapp.com/user/chris2fr/repository/apostrophe-lesgrandsvoisins-com/dir?ci=trunk

2

J’ai commencé à noter des éléments utiles au landing page ici.

L’inscription au mailing list est un peu trop complexe si les gens doivent en même temps renseigner un mot de passe. Cela met en question comment introduire les personnes à Discourse comme outil de mailing list.

3

@poekels m’avait posé la question de savoir dans quelle mesure discourse.org ou forem.com pourraient être personnalisés. Ci dessous quelques considérations pour Discourse.org.

Tout d’abord, il y a une collection de thèmes différentes éventuelles ici:

Cela montre la measure de modification par le thème. En plus de cela, la technologie Discourse.org met à disposition une mise en page encapsulant arbitraire.

J’ai montré à @poekels la technologie grapesjs.com pour pouvoir faire un design de mise en page et des différents implémentations de Forem. Les différents sites Forem.com semblent se ressembler.

4

@poekels , je pense que ceci peut faire l’office du landing page sur mailing.lesgrandsvoisins.com (qui peut devenir donc www.lesgrandsvoisins.com).

5

J’ai mis en place le Versatile Banner sur https://www.covidtide.com/.

6

Je vais regarder ceci:

7

Here is a random logo

default

And another

lesgrandsvoisins200x200

And my old logo

logo

9

J’ai fait trois adjustments sur mailing.lesgrandsvoisins.fr – un lien vers l’inscription en haut, un pied de page et une page de catégories avec des bannières. Je pense que ce dispositif Discourse semble déjà devenir utilisable.

Tout article avec le tag #alaune apparaitra en haut de la Home.

10

Content for landing page: CTA in header: join the mailing list Photo of LGV or carousel Body content: Brand story (how we arrived at LGV today) Body content: Mission and values Footer: contact page or contact address

HOLD OFF: call for LGV logo submissions

11 
<meta charset="utf-8"/>
<link rel="stylesheet" href="./css/style.css"/>
<div id="istm" class="row">
  <div id="i7bi" class="cell">
    <div id="i2ndx">Les Grands Voisins
    </div>
  </div>
</div>
<div id="ivx4j" class="row">
  <div id="i1j3a" class="cell">
    <div id="io5kq">Be our neighbor!
      <div>
        <br/>
      </div>
      <div>The Grands Voisins is starting. Why not hit the ground running with us and join our mailing list for latest updates and ways to get involved!
      </div>
      <div>
        <br/>
      </div>
    </div>
  </div>
  <div id="ie18q" class="cell">
    <div id="iptw">
      <div class="mailinglistinnerform">
        <form method="post" action="https://list.lesgrandsvoisins.com/subscription/form" target="_new" class="listmonk-form">
          <div>
            <p id="i6hg">
              <input type="text" name="email" id="mailinglistemailfield" placeholder="Email" class="input"/>
              <input type="text" name="name" placeholder="Nom (facultatif)" id="ib7q" class="input"/>
              <input id="b7b3c" type="hidden" name="l" value="b7b3c33f-3301-48c0-a3ab-15f8102f8cfa"/>
              <input type="submit" value="Je m'inscris à la liste de diffusion !" id="iwk27" class="btn"/>
            </p>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<style>* {
  box-sizing: border-box;
  }
  body {
    margin: 0;
  }
  .input{
    width:100%;
    margin-bottom:15px;
    padding:7px 10px;
    border-radius:2px;
    color:#fff;
    background-color:#554c57;
    border:none;
  }
  .row{
    display:flex;
    justify-content:flex-start;
    align-items:stretch;
    flex-wrap:nowrap;
    padding:10px;
  }
  .cell{
    min-height:75px;
    flex-grow:1;
    flex-basis:100%;
  }
  *{
    box-sizing:border-box;
  }
  body{
    margin:0;
  }
  #io5kq{
    padding:10px;
  }
  #i2ndx{
    padding:10px;
  }
  @media (max-width: 768px){
    .row{
      flex-wrap:wrap;
    }
  }
</style>
12

I was looking for more user-friendly, ideally open-source alternatives to grapesjs.com. Typically, one used Adobe Dreamweaver, Adobe Illustrator and Adobe Photoshop when I did this kind of thing.

I went here

and found the following tech platforms that may be better suited.

13

wonderfullandingpage/mylandingpage

Looking at wonderfullandingpage/mylandingpage.

One edits a file like this one:

To get a result like this:

https://wonderfullandingpage.github.io/mylandingpage/

I think it may actually work to get us off the ground!

(This is what I do on metro 13)

14

Strapi

Strapi.io looks very promising for an open-source sending page.

I think @poekels would be more impressed with

I came across it because it would have a grapesjs.com plug-in, but am very encouraged with the multiple-language support built in to Strapi. Including the like below for my own reference:

This looks like a promising technology for the future https://vvv.lesgrandsvoisins.com.

15

Mise à jour de :

https://vvv.lesgrandsvoisins.com

Suppression de Gallérie et de Témoignages.
Ajout de contact.
Pour l’avenir, penser à ajouter Equipe, Formulaire de contact et à remettre Témoignages et Galérie.

Contact de www.forem.com (formulaire de contact) pour leur demander la mise en place d’un serveur Forem. Ceci n’est pas trivial.

16

J’ai publié hier https://www.lesgrandsvoisins.com.

J’ai eu une conversation intéressante hier avec apostrophecms.com au sujet de leur projet logiciel. Il est mon ambition :

  1. De monter le landing page sur la technologie Apostrophe CMS
  2. De proposer Apostrophe CMS comme alternative à Wix et à SquareSpace aux Voisins.
17

Je modifie le contenu pour la gazette.

18

Ci-dessous le contenu actuel de cet article. Je modifie ce contenu pour un texte pouvant être citée sur la gazette hebdo et maintiens cette ancienne version ici.

19

Je viens de publier ce matin le site sous technologie ApostropheCMS sur la racine www.lesgrandsvoisins.com. Cela ajoute la fonctionnalité « Login » qui permet aux personnes avec le mot de passe de l’utilisateur « admin » d’intervenir sur le contenu du site et de la page.

20

On parle de nous !

ApostropheCMS nous a inclus dans leur dernier lettre d’informations. Mon ambition serait de voir avec Apostrophe si nous pourrions proposer un dispositif aux Voisins leur permettant de publier leurs sites webs un peu comme Wordpress, Wix ou SquareSpace.

#Show-and-tell

lesgrandsvoisinsscreenshot

A new site powered by A3 and developed by the team behind Les Grands Voisins, Chris Mann and Kelsey Poe. Les Grands Voisins is an emerging alternative community with ambitions for the sharing economy, the general public, social services and the public sector both in digital and real life as of January 2022. In the spirit of their slogan, « otherness is opportunity, » the team has packaged up the site for anyone that wants to use the Apostrophe Landing template on GitHub. Check out this great work!