diff --git a/assets/css/isso.css b/assets/css/isso.css index 9ea6e4f..5bedb56 100644 --- a/assets/css/isso.css +++ b/assets/css/isso.css @@ -1,8 +1,8 @@ -.isso-postbox > .form-wrapper > .auth-section .post-action > input:hover { +.isso-postbox>.form-wrapper>.auth-section .post-action>input:hover { background-color: #ddd; } -.isso-postbox > .form-wrapper > .auth-section .input-wrapper input { +.isso-postbox>.form-wrapper>.auth-section .input-wrapper input { padding: 0.5rem; max-width: 100%; border-radius: 3px; @@ -22,12 +22,12 @@ color: #000; } -.isso-comment > div.text-wrapper > .isso-comment-header .author { +.isso-comment>div.text-wrapper>.isso-comment-header .author { font-weight: bold; color: #222; } -.isso-postbox > .form-wrapper > .auth-section .post-action > input { +.isso-postbox>.form-wrapper>.auth-section .post-action>input { padding: 0.5rem 1rem !important; border-radius: 2px; border: 1px solid #ccc; @@ -39,7 +39,7 @@ color: #222; } -#isso-thread > h4 { +#isso-thread>h4 { color: var(--midgrey2) !important; font-weight: bold; } @@ -48,6 +48,10 @@ border-radius: 50%; } +#isso-root { + margin-top: 8rem; +} + #isso-root .spacer, .isso-comment-header *, .isso-comment-footer *, @@ -55,7 +59,7 @@ .isso-comment .isso-comment-header a.permalink, .isso-comment .isso-comment-header .note, .isso-comment .isso-comment-header a.parent, -.isso-comment > div.text-wrapper > .isso-comment-header .spacer { +.isso-comment>div.text-wrapper>.isso-comment-header .spacer { color: var(--midgrey2) !important; } @@ -87,15 +91,15 @@ .isso-comment .isso-comment-header a.permalink, .isso-comment .isso-comment-header .note, .isso-comment .isso-comment-header a.parent, - .isso-comment > div.text-wrapper > .isso-comment-header .spacer, + .isso-comment>div.text-wrapper>.isso-comment-header .spacer, .isso-comment-header *, .isso-comment-footer *, - #isso-thread > h4 { + #isso-thread>h4 { color: var(--whitegrey) !important; } .isso-feedlink:hover, - .isso-comment > div.text-wrapper > .isso-comment-footer a:hover, + .isso-comment>div.text-wrapper>.isso-comment-footer a:hover, #isso-root a:hover { text-decoration: underline; } @@ -105,7 +109,7 @@ } .isso-feedlink:hover, - .isso-comment > div.text-wrapper > .isso-comment-footer a:hover, + .isso-comment>div.text-wrapper>.isso-comment-footer a:hover, #isso-root a:hover { color: #fff; text-decoration: underline; @@ -117,4 +121,5 @@ display: grid; grid-template-columns: 20px 1fr; grid-column-gap: 10px; -} + margin: 1rem 0; +} \ No newline at end of file diff --git a/post.hbs b/post.hbs index ee0baf3..cc0e65c 100644 --- a/post.hbs +++ b/post.hbs @@ -1,130 +1,195 @@ -{{!< default}} - -{{!-- The tag above means: insert everything in this file -into the {body} of the default.hbs template --}} - - -{{!-- Everything inside the #post tags pulls data from the post --}} -{{#post}} + {{!-- Everything inside the #post tags pulls data from the post --}} + {{#post}} -
-
+
+
-
+
-
+
- {{#if primary_tag}} + {{#if primary_tag}}
{{#if tags}} - {{#foreach tags}} - {{name}} - {{/foreach}} + {{#foreach tags}} + {{name}} + {{/foreach}} {{/if}}
- {{/if}} + {{/if}} -

{{title}}

+

{{title}}

- {{#if custom_excerpt}} -

{{custom_excerpt}}

- {{/if}} + {{#if custom_excerpt}} +

{{custom_excerpt}}

+ {{/if}} -
+
+ - {{#if feature_image}} -
- {{!-- This is a responsive image, it loads different sizes depending on device - https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433 --}} - + {{!-- This is a responsive image, it loads different sizes depending on device + https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433 + --}} + {{title}} -
- {{/if}} + src="{{img_url feature_image size=" + xl"}}" + alt="{{title}}" + /> + + {{/if}} -
-
- {{content}} -
-
+
+
+ {{content}} +
+
- {{!-- Email subscribe form at the bottom of the page --}} - {{#if @labs.members}} + {{!-- Email subscribe form at the bottom of the page --}} + {{#if @labs.members}} {{> subscribe-form}} - {{/if}} + {{/if}} - {{!-- -
- If you want to embed comments, this is a good place to do it! -
- --}} + {{!-- +
+ If you want to embed comments, this is a good place to do it! +
+ --}} - - + src="https://www.internet-czas-dzialac.pl/isso/js/embed.min.js" + async + > -
- -
-
+ }) + original_submit.parentElement.appendChild(faux_submit) + } + for (let i = 0; i <= 20; i++) { + if (document.querySelector(".post-action input[type='submit']")) { + continue + } + await new Promise((resolve) => setTimeout(resolve, 200)); + } + addCheckbox(); + })() + + + -{{!-- Links to Previous/Next posts --}} - + -{{/post}} + {{/post}} -{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}} -{{#contentFor "scripts"}} - -{{/contentFor}} + + {{/contentFor}} \ No newline at end of file