Set auth cookie lifetime (#102)

* Set auth cookie lifetime

* Small fixes

- upgrade editor and tools
- add link tool
- move "save" button and "uri" field

* Update twig.js

* move to deps

src/frontend/js/classes/editor.js

@@ -11,6 +11,7 @@ import Delimiter from '@editorjs/delimiter';
 import Table from '@editorjs/table';
 import Warning from '@editorjs/warning';
 import Checklist from '@editorjs/checklist';
+import LinkTool from '@editorjs/link';
 
 /**
  * Inline Tools for the Editor
@@ -59,6 +60,13 @@ export default class Editor {
           }
         },
 
+        linkTool: {
+          class: LinkTool,
+          config: {
+            endpoint: '/api/fetchUrl',
+          }
+        },
+
         code: {
           class: CodeTool,
           shortcut: 'CMD+SHIFT+D'

src/frontend/styles/components/page.pcss

@@ -418,3 +418,69 @@
 .block-checklist__item-checkbox--checked, .block-checklist__item-checkbox::after {
   opacity: 1;
 }
+
+.block-link {
+  display: block;
+  max-width: 100%;
+  margin: 40px auto;
+  padding: 25px !important;
+  border: 1px solid var(--color-line-gray) !important;
+  box-shadow: 0 1px 1px #4246540a;
+  border-radius: 2px;
+  color: inherit !important;
+  text-decoration: none !important;
+
+  @media (--mobile) {
+    box-sizing: border-box;
+    padding: 20px !important;
+    margin: 30px auto;
+  }
+
+  &__image {
+    float: right;
+    max-width: 70px;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: contain;
+    margin: 0 0 30px 30px;
+    border-radius: 3px;
+
+    @media (--mobile) {
+      margin: 0 0 15px 15px;
+    }
+  }
+
+  &__title {
+    font-size: 16px;
+    line-height: 1.45em;
+    font-weight: 600;
+
+    @media (--mobile) {
+      font-size: 12.2px;
+    }
+  }
+
+  &__domain {
+    display: inline-block;
+    font-variant: small-caps;
+    margin-top: 20px;
+    border: 0 !important;
+    color: var(--color-text-second);
+    font-size: 0.85em;
+
+    @media (--mobile) {
+      margin-top: 5px;
+      font-size: 12px;
+    }
+  }
+
+  &__description {
+    margin-top: 10px;
+    font-size: 0.9em;
+
+    @media (--mobile) {
+      margin-top: 5px;
+      font-size: 12px;
+    }
+  }
+}