update editorjs link block

.env

@@ -15,7 +15,7 @@
 
 ###> symfony/framework-bundle ###
 APP_ENV=dev
-APP_SECRET=e6e287f176fe2c69112fc620e1801bf0
+APP_SECRET=
 ###< symfony/framework-bundle ###
 
 ###> doctrine/doctrine-bundle ###

README.md

@@ -2,18 +2,17 @@ deblan-io
 =========
 
 ```
-git clone git@gitnet.fr:deblan/deblan.io.git
-cd deblan.io
-make
-```
-
-## REMINDER
-
-```
+git clone git@gitnet.fr:deblan/deblan.io-murph.git blog
+cd blog
+cp .env .env.local
+vim .env.local
+composer install
+yarn
 cd assets/fonts/deblan/
 svg2ttf src/deblan-icon.svg deblan-icon.ttf
 ttf2woff deblan-icon.ttf deblan-icon.woff
 cat deblan-icon.ttf | ttf2woff2 > deblan-icon.woff2
 ttf2eot deblan-icon.ttf deblan-icon.eot
--
+cd -
+make
 ```

assets/css/app.scss

@@ -795,6 +795,7 @@ $links: (
     &-content {
         display: inline-block;
         vertical-align: top;
+        word-break: break-all;
 
         &--title {
             font-weight: bold;
@@ -808,6 +809,10 @@ $links: (
             padding-top: 10px;
             font-size: 14px;
             line-height: 20px;
+
+            .deblan-icon {
+                margin-right: 10px;
+            }
         }
     }
 
@@ -838,6 +843,18 @@ $links: (
     .quick-image img {
         height: 200px;
     }
+
+    .ejs-link {
+        &--anchor--with-image &-content {
+            display: block;
+            width: 100%;
+        }
+
+        &--image {
+            display: block;
+            margin: 30px auto 0 auto;
+        }
+    }
 }
 
 @media screen and (max-width: 719px) {

templates/editorjs/link.html.twig

@@ -9,7 +9,10 @@
                     <div class="ejs-link-content--description">{{- meta.description|nl2br -}}</div>
                 {% endif %}
                 {% if link %}
-                    <div class="ejs-link-content--link">{{- link -}}</div>
+                    <div class="ejs-link-content--link">
+                        <span class="deblan-icon deblan-icon-link"></span>
+                        {{- link -}}
+                    </div>
                 {% endif %}
             </div>