amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .cls-btn { background: #0d0d0d; border: none;position: absolute;right: 10px;} .cls-btn:after{content:"X";display:inline-block;color:#fff;font-size:20px;padding:20px;} .collapsible-captions {--caption-height: 32px; --image-height: 100%; --caption-padding:1rem; --button-size: 28px; --caption-color: #f5f5f5;; --caption-bg-color: #111;} .collapsible-captions * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing: border-box; } .collapsible-captions .amp-carousel-container {position: relative; width: 100%;} .collapsible-captions amp-img img {object-fit: contain; } .collapsible-captions figure { margin: 0; padding: 0; } .collapsible-captions figcaption { position: absolute; bottom: 0;width: 100%; max-height: var(--caption-height);margin-bottom:0; line-height: var(--caption-height); padding: 0 var(--button-size) 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: max-height 200ms cubic-bezier(0.4, 0, 0.2, 1); z-index: 1000; color: var(--caption-color); background: rgba(0, 0, 0, 0.6); } .collapsible-captions figcaption.expanded { line-height: inherit; white-space: normal; text-overflow: auto; max-height: 100px; overflow: auto; } .collapsible-captions figcaption:focus { outline: none; border: none; } .collapsible-captions figcaption span { display: block; position: absolute; top: calc((var(--caption-height) - var(--button-size)) / 2); right: 2px; width: var(--button-size); height: var(--button-size); line-height: var(--button-size); text-align: center; font-size: 12px; color: inherit; cursor: pointer; } figcaption{ margin-bottom: 20px; } .amp-logo amp-img{width:210px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";} /******* Paste your Custom CSS in this Editor *******/
Cécile co-fondatrice du site nous livre tout.
Wanarun : bonjour Cécile, pouvez-vous nous raconter comment est né TrailDeTrail ?
TraceDeTrail : Mon mari (Jean-Philippe) et moi-même sommes passionnés de trail et de montagne. Nous habitons en Isère et nous pratiquons le trail depuis plus de 12 ans maintenant. A l’origine, Jean-Philippe qui travaille dans la géomatique, souhaitait apprendre à développer un site Internet. C’est de cette idée qu’est né TraceDeTrail.
Wanarun : vous voulez dire que le site tel qu’il est là, bien abouti, est la version telle que vous l’avez imaginée dès le départ ?
TraceDeTrail : Non initialement, le site devait être relativement simple, mais de fil en aiguille, on a rajouté des fonctionnalités qui nous paraissaient importantes en tant que trailer. Nous l’avons conçu avec comme objectifs d’avoir :
– un site uniquement dédié au trail (beaucoup de sites sont multisports)
– un maximum de place laissé à la cartographie,
– un site le plus intuitif possible et simple d’utilisation, mais avec des outils d’édition avancés
– un site convivial et sympathique !
Wanarun : Combien de temps vous a-t-il fallu pour aboutir ?
TraceDeTrail : Il nous a fallu un peu plus d’1 an de réalisation pour avoir pu mettre en ligne TraceDeTrail !
Wanarun : Très bien et alors avec un peu de recul, quels sont vos premiers constats ?
TraceDeTrail : Après 1 mois de lancement et les premiers retours d’utilisateurs, nous sommes plutôt satisfaits. Jean-Phi a déjà apporté plusieurs améliorations pour répondre aux attentes :
– l’ajout de points d’intérêts sur les parcours, avec report automatique sur le profil altimétrique et la possibilité d’associer des photos aux points d’intérêts
– la possibilité d’ajuster le dénivelé avec des valeurs de seuil
– la possibilité d’afficher parcours et profil sur d’autres sites Internet
– la possibilité de modifier traces et points d’intérêts post-création (en service sous peu)
Wanarun : Ça prouve que vous êtes très attentifs et réactifs quant aux remarques. Pouvez-vous nous parler des éventuels développements à venir ?
TraceDeTrail : Oui, plusieurs idées sont en train de germer, comme la création d’une newsletter ou encore le développement d’une application pour smartphone et tablettes… Ce sont les prochains objectifs !
Wanarun : Merci Cécile d’avoir bien voulu nous présenter les dessous de TraceDeTrail ! Je voudrais ajouter en conclusion que ce site n’a pas de vocation commerciale. Il a simplement pour objectif d’élargir la palette d’outils proposée aux trailers, en apportant des fonctionnalités qui n’existent pas ailleurs !
– tracer des parcours et visualiser le profil en direct
– importer/exporter des traces (format gpx, kml)
– comparer plusieurs profils altimétriques
– afficher parcours et profil sur d’autres sites Internet, avec lien dynamique entre carte et profil
– enregistrer des réalisations de parcours
– consulter votre Timeline
– Faire des commentaires sur chacune des traces
– fonds cartographiques IGN (orthophoto, scan25) avec superposition en transparence possible
– calcul de dénivelé précis
– Possibilité d’ajout de points d’intérêts (panorama, ravitaillement, relais, étape, point de vigilance, etc.) avec report automatique sur le profil
– Possibilité d’associer des photos à chaque point d’intérêt et plus généralement aux traces et aux réalisations
– Outils d’édition avancés
– Compatibilité tablettes tactiles
– Convivialité, simplicité d’utilisation
Pour rejoindre TraceDeTrail :
http://www.facebook.com/pages/TraceDeTrail/219597668178680