Coder Social home page Coder Social logo

babdelaura's People

Contributors

laura-v avatar

Watchers

 avatar  avatar

babdelaura's Issues

Décalage sur la grille d'articles

Tous les 3 articles, il y a une case vide.

C'est à cause du float: left sur les .bab-Grid--inlineBlock .bab-Grid-cell qui devrait être un float: none

capture

Hauteur max des images

Sur les images des articles et des pages, ajouter une hauteur max :
max-height: 500px;
width: auto !important;

Utiliser une Content Security Policy

Aucune CSP n'a été détectée. La page est plus facilement exposée à des attaques de type XSS (Cross-site scripting).

Pour spécifier une politique de sécurité sur la provenance de vos ressources, vous devez configurer votre serveur afin que la réponse de la ressource principale contienne l'en-tête HTTP "Content-Security-Policy".

Voici un exemple d'utilisation de cet en-tête :
Content-Security-Policy: script-src 'self' https://apis.google.com

Dans ce cas, la page se charge correctement à condition que tous les scripts proviennent de l'hôte courant ou de https://apis.google.com.

La CSP peut se configurer avec Apache. Assurez vous tout d'abord que le module mod_headers est bien activé. Ensuite, dans votre configuration, vous pouvez indiquer votre politique de sécurité en adéquation avec votre cas. Ci-dessous un exemple :

Header set Content-Security-Policy "script-src 'self' https://www.google.com"

Dans cet exemple, la page n'accepte que les scripts provenant du même nom de domaine et de google.com.

Page dans le menu ou le footer

Ajouter 2 booléens :

  • Dans le footer
  • Dans le menu

pour choisir où afficher une page.

Il faut modifie un peu le footer pour ajouter les liens

Réécriture JS

  • Grille d'articles
  • Cookie bar
  • Slideshow images
  • Modal
  • Menu
  • Notifications
  • Upload d'images
  • Gestion galerie d'images

Générer une miniature lors de l'upload d'une image de contenu d'article

Quand on upload une image qui ira dans le contenu d'un article, il faudrait avoir :

  • L'image originale (qu'on verra dans le diaporama)
  • Une "miniature" plus petite que l'originale (qu'on verra dans le contenu de l'article)

La largeur maximale de la div qui contient un article (et donc d'une image miniature) est de 620px, il faudrait donc ne pas redimenssionner les images si leur largeur est inférieure ou égale à 620px.

Navigation clavier

Menu de navigation desktop
Menu de navigation mobile
Sous menus accessibles au tab
Sous menus accessibles au tab

Blogs favoris

Ajouter une liste de mes blogs favoris avec une catégorie à droite du blog.
Les blogs et les catégories doivent être des contenus administrables en back.

Exemple d'affichage :

  • Vernis
    • Pshiiit
    • Didoline
  • Polymère
    • Loïs
    • Idril
    • Parole de pâte

Photos Instagram qui ne remontent plus

Il semblerait qu'Instagram ait changé le fonctionnement de son API. Par défaut, elle est dans un mode "sandbox" qui limite son fonctionnement. Pour passer en mode normal et avoir l'autorisation de récupérer des photos publiques, il faut faire valider son application. Pour ça, il faut une page "privacy policy".

Il faut donc :

  • Créer une page privacy policy
  • Faire valider l'application (il nous faut la permission "public_content")

Passer à Symfony 3

  • Mettre à jour Symfony en 2.8
  • Prendre en compte le guide UPGRADE-2.6
  • Prendre en compte le guide UPGRADE-2.7
  • Prendre en compte le guide UPGRADE-2.8
  • S'assurer qu'il n'y a plus de méthode deprecated utilisée sur le front-office
  • S'assurer qu'il n'y a plus de méthode deprecated utilisée sur le back-office
  • Mettre à jour Symfony en 3.0
  • Prendre en compte le guide UPGRADE-3.0
  • Mettre à jour Symfony en 3.1
  • Prendre en compte le guide UPGRADE-3.1

Liens utiles :

Le formulaire de commentaire sur l'interface admin est cassé

On ne peut plus passer des propriétés directement au CommentaireType donc on ne peut pas savoir si on est en interface admin ou non. Il faut donc trouver une autre solution pour dire au formulaire si on est dans l'interface admin ou pas, pour ne pas afficher le recaptcha dans l'interface admin.

Utiliser tous les formats de font-awesome

1 ressource est inaccessible

Attention, certaines requêtes liées à cette page rencontrent des erreurs. Il est par exemple possible :

  • que vous ayez commis une erreur dans votre code HTML, CSS ou JavaScript
  • que votre serveur ait rencontré une erreur non gérée
  • que certains services utilisés par votre site ne répondent pas

Les codes HTTP suivants ont été renvoyés :
404 (Not Found): www.bricabrac-de-laura.fr/fonts/fontawe[...]ebfont.woff?v=4.3.0

Ces erreurs nuisent probablement à certains contenus ou comportements de votre site, et provoquent un trafic réseau inutile, ce qui impacte donc le temps de chargement de votre site.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.