icd/casper-modified-ghost-theme
icd/casper-modified-ghost-theme
2
0
Fork 0
Code Issues 3 Pull Requests Projects Releases Wiki Activity

Compare commits

base: icd:d2e709891e83f1d1ff9cb6f934a72709f100c2b7
Branches Tags
icd:master
...
compare: icd:dff3be8333ad10972ce255aef31765adb61dc924
Branches Tags
icd:master

4 Commits
d2e709891e ... dff3be8333

Author SHA1 Message Date
Kuba Orlik
dff3be8333 Fix selector 2023-02-03 15:03:51 +01:00
Kuba Orlik
4eb512075a build 2023-02-03 14:59:42 +01:00
Kuba Orlik
63a2f18394 Style the new checkbox 2023-02-03 14:56:33 +01:00
Kuba Orlik
180872e308 Add checkbox for the comments section 2023-02-03 14:56:04 +01:00
9 changed files with 13699 additions and 4971 deletions
Show Stats Expand all files Collapse all files

2
assets/built/isso.css
View File

@ -1,2 +1,2 @@
.isso-postbox>.form-wrapper>.auth-section .post-action>input:hover{background-color:#ddd}.isso-postbox>.form-wrapper>.auth-section .input-wrapper input{padding:.5rem;max-width:100%;border-radius:3px;background-color:#fff;line-height:1.4em;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.1);margin-right:.5rem;color:#222}.isso-postbox .textarea{color:#222}.isso-postbox .preview{color:#000}.isso-comment>div.text-wrapper>.isso-comment-header .author{font-weight:700;color:#222}.isso-postbox>.form-wrapper>.auth-section .post-action>input{padding:.5rem 1rem!important;border-radius:2px;border:1px solid #ccc;background-color:#ddd;cursor:pointer;outline:0;line-height:1.4em;box-shadow:0 1px 2px rgba(0,0,0,.1);color:#222}#isso-thread>h4{color:var(--midgrey2)!important;font-weight:700}#isso-thread img{border-radius:50%}#isso-root .spacer,.isso-comment-footer *,.isso-comment-header *,.isso-comment .isso-comment-header .note,.isso-comment .isso-comment-header .spacer,.isso-comment .isso-comment-header a.parent,.isso-comment .isso-comment-header a.permalink,.isso-comment>div.text-wrapper>.isso-comment-header .spacer{color:var(--midgrey2)!important}.isso-comment-footer .votes,.isso-comment.isso-no-votes .votes{display:inline-block;font-weight:700}.isso-comment.isso-no-votes span.votes{display:inline-block!important}.isso-postbox .input-wrapper:nth-child(3){display:none!important}@media (prefers-color-scheme:dark){:target{color:#000!important}a:target:hover{color:#15171a!important}#isso-root .spacer,#isso-thread>h4,.isso-comment-footer *,.isso-comment-header *,.isso-comment .isso-comment-header .note,.isso-comment .isso-comment-header .spacer,.isso-comment .isso-comment-header a.parent,.isso-comment .isso-comment-header a.permalink,.isso-comment>div.text-wrapper>.isso-comment-header .spacer{color:var(--whitegrey)!important}#isso-root a:hover,.isso-comment>div.text-wrapper>.isso-comment-footer a:hover,.isso-feedlink:hover{text-decoration:underline}}
.isso-postbox>.form-wrapper>.auth-section .post-action>input:hover{background-color:#ddd}.isso-postbox>.form-wrapper>.auth-section .input-wrapper input{padding:.5rem;max-width:100%;border-radius:3px;background-color:#fff;line-height:1.4em;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.1);margin-right:.5rem;color:#222}.isso-postbox .textarea{color:#222}.isso-postbox .preview{color:#000}.isso-comment>div.text-wrapper>.isso-comment-header .author{font-weight:700;color:#222}.isso-postbox>.form-wrapper>.auth-section .post-action>input{padding:.5rem 1rem!important;border-radius:2px;border:1px solid #ccc;background-color:#ddd;cursor:pointer;outline:0;line-height:1.4em;box-shadow:0 1px 2px rgba(0,0,0,.1);color:#222}#isso-thread>h4{color:var(--midgrey2)!important;font-weight:700}#isso-thread img{border-radius:50%}#isso-root .spacer,.isso-comment-footer *,.isso-comment-header *,.isso-comment .isso-comment-header .note,.isso-comment .isso-comment-header .spacer,.isso-comment .isso-comment-header a.parent,.isso-comment .isso-comment-header a.permalink,.isso-comment>div.text-wrapper>.isso-comment-header .spacer{color:var(--midgrey2)!important}.isso-comment-footer .votes,.isso-comment.isso-no-votes .votes{display:inline-block;font-weight:700}.isso-comment.isso-no-votes span.votes{display:inline-block!important}.isso-postbox .input-wrapper:nth-child(3){display:none!important}@media (prefers-color-scheme:dark){:target{color:#000!important}a:target:hover{color:#15171a!important}#isso-root .spacer,#isso-thread>h4,.isso-comment-footer *,.isso-comment-header *,.isso-comment .isso-comment-header .note,.isso-comment .isso-comment-header .spacer,.isso-comment .isso-comment-header a.parent,.isso-comment .isso-comment-header a.permalink,.isso-comment>div.text-wrapper>.isso-comment-header .spacer{color:var(--whitegrey)!important}#isso-root a{color:var(--whitegrey)}#isso-root a:hover,.isso-comment>div.text-wrapper>.isso-comment-footer a:hover,.isso-feedlink:hover{color:#fff;text-decoration:underline}}#comment-checkbox__label{width:100%;display:grid;grid-template-columns:20px 1fr;grid-column-gap:10px}
/*# sourceMappingURL=isso.css.map */

2
assets/built/isso.css.map
View File

@ -1 +1 @@
{"version":3,"sources":["isso.css"],"names":[],"mappings":"AAAA,mEACI,qBACJ,CAEA,+DACI,aAAe,CACf,cAAe,CACf,iBAAkB,CAClB,qBAAsB,CACtB,iBAAkB,CAClB,+BAAoC,CACpC,mCAAwC,CACxC,kBAAoB,CACpB,UACJ,CAEA,wBACI,UACJ,CAEA,uBACI,UACJ,CAEA,4DACI,eAAiB,CACjB,UACJ,CAEA,6DACI,4BAA+B,CAC/B,iBAAkB,CAClB,qBAAsB,CACtB,qBAAsB,CACtB,cAAe,CACf,SAAU,CACV,iBAAkB,CAClB,mCAAwC,CACxC,UACJ,CAEA,gBACI,+BAAiC,CACjC,eACJ,CAEA,iBACI,iBACJ,CAEA,4SAQI,+BACJ,CAEA,+DAEI,oBAAqB,CACrB,eACJ,CAEA,uCACI,8BACJ,CAEA,0CACI,sBACJ,CAEA,mCACI,QACI,oBACJ,CAEA,eACI,uBACJ,CAEA,4TASI,gCACJ,CAEA,oGAGI,yBACJ,CACJ","file":"isso.css","sourcesContent":[".isso-postbox > .form-wrapper > .auth-section .post-action > input:hover {\n background-color: #ddd;\n}\n\n.isso-postbox > .form-wrapper > .auth-section .input-wrapper input {\n padding: 0.5rem;\n max-width: 100%;\n border-radius: 3px;\n background-color: #fff;\n line-height: 1.4em;\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n margin-right: 0.5rem;\n color: #222;\n}\n\n.isso-postbox .textarea {\n color: #222;\n}\n\n.isso-postbox .preview {\n color: #000;\n}\n\n.isso-comment > div.text-wrapper > .isso-comment-header .author {\n font-weight: bold;\n color: #222;\n}\n\n.isso-postbox > .form-wrapper > .auth-section .post-action > input {\n padding: 0.5rem 1rem !important;\n border-radius: 2px;\n border: 1px solid #ccc;\n background-color: #ddd;\n cursor: pointer;\n outline: 0;\n line-height: 1.4em;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n color: #222;\n}\n\n#isso-thread > h4 {\n color: var(--midgrey2) !important;\n font-weight: bold;\n}\n\n#isso-thread img {\n border-radius: 50%;\n}\n\n#isso-root .spacer,\n.isso-comment-header *,\n.isso-comment-footer *,\n.isso-comment .isso-comment-header .spacer,\n.isso-comment .isso-comment-header a.permalink,\n.isso-comment .isso-comment-header .note,\n.isso-comment .isso-comment-header a.parent,\n.isso-comment > div.text-wrapper > .isso-comment-header .spacer {\n color: var(--midgrey2) !important;\n}\n\n.isso-comment.isso-no-votes .votes,\n.isso-comment-footer .votes {\n display: inline-block;\n font-weight: bold;\n}\n\n.isso-comment.isso-no-votes span.votes {\n display: inline-block !important;\n}\n\n.isso-postbox .input-wrapper:nth-child(3) {\n display: none !important;\n}\n\n@media (prefers-color-scheme: dark) {\n *:target {\n color: #000 !important;\n }\n\n a:target:hover {\n color: #15171a !important;\n }\n\n #isso-root .spacer,\n .isso-comment .isso-comment-header .spacer,\n .isso-comment .isso-comment-header a.permalink,\n .isso-comment .isso-comment-header .note,\n .isso-comment .isso-comment-header a.parent,\n .isso-comment > div.text-wrapper > .isso-comment-header .spacer,\n .isso-comment-header *,\n .isso-comment-footer *,\n #isso-thread > h4 {\n color: var(--whitegrey) !important;\n }\n\n .isso-feedlink:hover,\n .isso-comment > div.text-wrapper > .isso-comment-footer a:hover,\n #isso-root a:hover {\n text-decoration: underline;\n }\n}\n"]}
{"version":3,"sources":["isso.css"],"names":[],"mappings":"AAAA,mEACE,qBACF,CAEA,+DACE,aAAe,CACf,cAAe,CACf,iBAAkB,CAClB,qBAAsB,CACtB,iBAAkB,CAClB,+BAAoC,CACpC,mCAAwC,CACxC,kBAAoB,CACpB,UACF,CAEA,wBACE,UACF,CAEA,uBACE,UACF,CAEA,4DACE,eAAiB,CACjB,UACF,CAEA,6DACE,4BAA+B,CAC/B,iBAAkB,CAClB,qBAAsB,CACtB,qBAAsB,CACtB,cAAe,CACf,SAAU,CACV,iBAAkB,CAClB,mCAAwC,CACxC,UACF,CAEA,gBACE,+BAAiC,CACjC,eACF,CAEA,iBACE,iBACF,CAEA,4SAQE,+BACF,CAEA,+DAEE,oBAAqB,CACrB,eACF,CAEA,uCACE,8BACF,CAEA,0CACE,sBACF,CAEA,mCACE,QACE,oBACF,CAEA,eACE,uBACF,CAEA,4TASE,gCACF,CAQA,aACE,sBACF,CAEA,oGAGE,UAAW,CACX,yBACF,CACF,CAEA,yBACE,UAAW,CACX,YAAa,CACb,8BAA+B,CAC/B,oBACF","file":"isso.css","sourcesContent":[".isso-postbox > .form-wrapper > .auth-section .post-action > input:hover {\n background-color: #ddd;\n}\n\n.isso-postbox > .form-wrapper > .auth-section .input-wrapper input {\n padding: 0.5rem;\n max-width: 100%;\n border-radius: 3px;\n background-color: #fff;\n line-height: 1.4em;\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n margin-right: 0.5rem;\n color: #222;\n}\n\n.isso-postbox .textarea {\n color: #222;\n}\n\n.isso-postbox .preview {\n color: #000;\n}\n\n.isso-comment > div.text-wrapper > .isso-comment-header .author {\n font-weight: bold;\n color: #222;\n}\n\n.isso-postbox > .form-wrapper > .auth-section .post-action > input {\n padding: 0.5rem 1rem !important;\n border-radius: 2px;\n border: 1px solid #ccc;\n background-color: #ddd;\n cursor: pointer;\n outline: 0;\n line-height: 1.4em;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n color: #222;\n}\n\n#isso-thread > h4 {\n color: var(--midgrey2) !important;\n font-weight: bold;\n}\n\n#isso-thread img {\n border-radius: 50%;\n}\n\n#isso-root .spacer,\n.isso-comment-header *,\n.isso-comment-footer *,\n.isso-comment .isso-comment-header .spacer,\n.isso-comment .isso-comment-header a.permalink,\n.isso-comment .isso-comment-header .note,\n.isso-comment .isso-comment-header a.parent,\n.isso-comment > div.text-wrapper > .isso-comment-header .spacer {\n color: var(--midgrey2) !important;\n}\n\n.isso-comment.isso-no-votes .votes,\n.isso-comment-footer .votes {\n display: inline-block;\n font-weight: bold;\n}\n\n.isso-comment.isso-no-votes span.votes {\n display: inline-block !important;\n}\n\n.isso-postbox .input-wrapper:nth-child(3) {\n display: none !important;\n}\n\n@media (prefers-color-scheme: dark) {\n *:target {\n color: #000 !important;\n }\n\n a:target:hover {\n color: #15171a !important;\n }\n\n #isso-root .spacer,\n .isso-comment .isso-comment-header .spacer,\n .isso-comment .isso-comment-header a.permalink,\n .isso-comment .isso-comment-header .note,\n .isso-comment .isso-comment-header a.parent,\n .isso-comment > div.text-wrapper > .isso-comment-header .spacer,\n .isso-comment-header *,\n .isso-comment-footer *,\n #isso-thread > h4 {\n color: var(--whitegrey) !important;\n }\n\n .isso-feedlink:hover,\n .isso-comment > div.text-wrapper > .isso-comment-footer a:hover,\n #isso-root a:hover {\n text-decoration: underline;\n }\n\n #isso-root a {\n color: var(--whitegrey);\n }\n\n .isso-feedlink:hover,\n .isso-comment > div.text-wrapper > .isso-comment-footer a:hover,\n #isso-root a:hover {\n color: #fff;\n text-decoration: underline;\n }\n}\n\n#comment-checkbox__label {\n width: 100%;\n display: grid;\n grid-template-columns: 20px 1fr;\n grid-column-gap: 10px;\n}\n"]}

2
assets/built/screen.css
View File

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View File

File diff suppressed because one or more lines are too long

18
assets/css/isso.css
View File

@ -99,4 +99,22 @@
#isso-root a:hover {
text-decoration: underline;
}
#isso-root a {
color: var(--whitegrey);
}
.isso-feedlink:hover,
.isso-comment > div.text-wrapper > .isso-comment-footer a:hover,
#isso-root a:hover {
color: #fff;
text-decoration: underline;
}
}
#comment-checkbox__label {
width: 100%;
display: grid;
grid-template-columns: 20px 1fr;
grid-column-gap: 10px;
}

8825
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
package.json
View File

@ -51,7 +51,7 @@
"beeper": "2.0.0",
"cssnano": "4.1.10",
"gscan": "3.4.1",
"gulp": "4.0.2",
"gulp": "^4.0.2",
"gulp-concat": "2.6.1",
"gulp-livereload": "4.0.2",
"gulp-postcss": "8.0.0",

39
post.hbs
View File

@ -84,6 +84,7 @@ into the {body} of the default.hbs template --}}
</section>
</div>
</header>
@ -134,6 +135,44 @@ into the {body} of the default.hbs template --}}
src="https://www.internet-czas-dzialac.pl/isso/js/embed.min.js" async></script>
<section id="isso-thread"></section>
<script>
(async function(){
function addCheckbox(){const original_submit = document.querySelector(".post-action input[type='submit']");
original_submit.style.setProperty("display", "none")
const faux_submit = document.createElement("input")
faux_submit.value = "Wyślij"
faux_submit.type = "submit"
const comment_checkbox_id = "comment-checkbox"
const checkbox = document.createElement("input")
checkbox.type = "checkbox"
checkbox.id = comment_checkbox_id
checkbox.required = true
const label = document.createElement("label")
label.for = comment_checkbox_id;
label.appendChild(checkbox)
label.id = comment_checkbox_id + "__label"
const label_text = document.createElement("span")
label_text.innerHTML = `akceptuję postanowienia <a href="#">regulaminu komentarzy</a>`
label.appendChild(label_text)
document.querySelector("#isso-thread .auth-section").insertBefore(label, document.querySelector(".auth-section .post-action"))
faux_submit.addEventListener("click", ()=>{
if(!checkbox.checked){
checkbox.reportValidity()
}else {
original_submit.click()
}
})
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();
})()
</script>
</div>
</main>

9672
yarn.lock
View File

File diff suppressed because it is too large Load Diff