diff --git a/.gitignore b/.gitignore index 1033b10..ce95628 100644 --- a/.gitignore +++ b/.gitignore @@ -5,6 +5,8 @@ docs/ *.log **/*.sublime-workspace +resources/_gen/ + content/boek/src/boek.tex content/boek/src/boek.pdf content/boek/src/synopsis.pdf diff --git a/content/_index.md b/content/_index.md index 149b493..74cd329 100644 --- a/content/_index.md +++ b/content/_index.md @@ -11,10 +11,6 @@ Brood. Het is iets eenvoudig, maar tegelijkertijd iets complex. Vandaag de dag d Sinds commerciële gist aan populariteit won, verloor het “klassieke” zuurdesem boerenbrood alle aandacht. De gedachtegang is simpel: gedroogde gist betekent van nul tot afgewerkt brood binnen de 2 uur. Dat is simpelweg onmogelijk is met behulp van enkel zuurdesem omdat rijzen met zuurdesem de hulp van natuurlijke fermentatiemiddelen inroepen betekent: het _desem_. En dat desem bevat enkel bloem, water, en heel veel van dat gouden ingrediënt: _geduld_. -
- ![Korst](/images/korst.jpg) -
- Mijn missie is simpel: **zuurdesembrood bakken opnieuw populariseren**. Daarom werd Red Zuurdesem als [broodbak blog](/blog) opgericht in 2012. Daarom eindigde de persoonlijke zoektocht naar de smaak en wetenschap van brood in 2020 in een [allesomvattend boek](/boek). diff --git a/content/boek/src/todo-reclame.md b/content/boek/src/todo-reclame.md index 0c29887..6276751 100644 --- a/content/boek/src/todo-reclame.md +++ b/content/boek/src/todo-reclame.md @@ -53,6 +53,7 @@ Inspelend op actualiteit! [-] EVA VWZ (gestuurd 04/05) [-] Vanuit Stad Hasselt; via Marleen (gestuurd 3/05) [ ] De Nieuwe Hasselaar proberen? communicatie@hasselt.be +[ ] Delicious magazine? ## Tips Veerle e.d. diff --git a/content/guest-post/weekendbakery.md b/content/guest-post/weekendbakery.md new file mode 100644 index 0000000..c83ca1f --- /dev/null +++ b/content/guest-post/weekendbakery.md @@ -0,0 +1,7 @@ +--- +title: Weekend Bakery +date: 2020-05-12 +disablefb: true +--- + + diff --git a/layouts/index.html b/layouts/index.html index c0e1a7c..8c73f9e 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,7 +1,7 @@ {{ define "main" }} {{- $bg := ( .Params.image | absLangURL) }} -
+

Red
diff --git a/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.content b/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.content index 237293c..292279e 100644 --- a/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.content +++ b/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.content @@ -1,3 +1,3 @@ -html{--light: #fff;--dark: #010101;--gray: #f5f5f5;--bubble: #111;--accent: var(--gray);--bg: var(--light);--text: var(--dark);--theme: #ef7f1a;--title: #4f2c16;--font: 'Metropolis', sans-serif}@media (prefers-color-scheme: dark){*{box-shadow:none !important}html{--bg: var(--dark);--text: var(--light);--accent: var(--bubble)}}.post_title,.post{max-width:750px;margin:0 auto}@font-face{font-family:'Metropolis';font-style:normal;font-weight:400;src:local("Metropolis Regular"),local("Metropolis-Regular"),url("../fonts/Metropolis-Regular.woff2") format("woff2"),url("../fonts/Metropolis-Regular.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:normal;font-weight:300;src:local("Metropolis Light"),local("Metropolis-Light"),url("../fonts/Metropolis-Light.woff2") format("woff2"),url("../fonts/Metropolis-Light.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:italic;font-weight:300;src:local("Metropolis Light Italic"),local("Metropolis-LightItalic"),url("../fonts/Metropolis-LightItalic.woff2") format("woff2"),url("../fonts/Metropolis-LightItalic.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:normal;font-weight:500;src:local("Metropolis Medium"),local("Metropolis-Medium"),url("../fonts/Metropolis-Medium.woff2") format("woff2"),url("../fonts/Metropolis-Medium.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:italic;font-weight:500;src:local("Metropolis Medium Italic"),local("Metropolis-MediumItalic"),url("../fonts/Metropolis-MediumItalic.woff2") format("woff2"),url("../fonts/Metropolis-MediumItalic.woff") format("woff")}@font-face{font-family:'Cookie';font-style:normal;font-weight:400;src:local("Cookie-Regular"),url("../fonts/cookie-v10-latin-regular.woff2") format("woff2"),url("../fonts/cookie-v10-latin-regular.woff") format("woff")}*{box-sizing:border-box;-webkit-appearance:none;margin:0;padding:0}body,html{scroll-behavior:smooth}html{font-size:1.1rem}body{font-family:var(--font);background-color:var(--bg);color:var(--text);text-align:justify;line-height:1.5;margin:0 auto;position:relative;font-kerning:normal;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}blockquote{opacity:0.8;padding:1rem;position:relative;quotes:"“" "”" "‘" "’";margin:0.75rem 0;display:flex;flex-flow:row wrap;background-repeat:no-repeat;background-size:5rem;background-position:50% 50%;position:relative}blockquote::before{content:"";padding:1px;position:absolute;top:0;bottom:0;left:0;background:var(--theme)}blockquote p{padding-left:0.5rem 0 !important;font-size:1.1rem !important;width:100%;font-weight:300;font-style:italic}h1,h2,h3,h4,h5{font-family:inherit;font-weight:500;padding:5px 0;margin:15px 0;color:inherit;line-height:1.35}h1{font-size:200%}h2{font-size:175%}h3{font-size:150%}h4{font-size:125%}h5{font-size:120%}h6{font-size:100%}img,svg,video{max-width:100%;vertical-align:middle}img{height:auto;margin:1rem auto;padding:0}main{padding-bottom:45px;flex:1}ul{list-style:none;-webkit-padding-start:0;-moz-padding-start:0}b,strong,em{font-weight:500}hr{border:none;padding:0.5px;background:var(--theme);opacity:0.5;margin:1rem 0}aside h3{position:relative;margin:0 !important}span.pager_link{opacity:0.5}ol{counter-reset:my-awesome-counter;list-style:none !important;padding-left:3rem;margin-left:0.5rem}ol li{margin:0 0 0.5rem 0;counter-increment:my-awesome-counter;position:relative;padding-left:0.5rem !important}ol li::before{content:counter(my-awesome-counter);font-size:1.15rem;display:inline-grid;align-items:center;font-weight:500;position:absolute;--size: 1.8rem;left:-2rem;line-height:var(--size);width:var(--size);height:var(--size);color:var(--theme);border-radius:50%;text-align:center;top:0.25rem;border-right:2px solid var(--theme)}ol li.align::before{top:1rem}.lds-facebook{display:inline-block;position:relative;width:80px;height:80px}.lds-facebook div{display:inline-block;position:absolute;left:8px;width:16px;background:var(--theme);animation:lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite}.lds-facebook div:nth-child(1){left:8px;animation-delay:-0.24s}.lds-facebook div:nth-child(2){left:32px;animation-delay:-0.12s}.lds-facebook div:nth-child(3){left:56px;animation-delay:0}@keyframes lds-facebook{0%{top:8px;height:64px}50%,100%{top:24px;height:32px}}.smaller{font-size:0.8rem;color:grey}.pages{color:lightgrey}button{background-color:var(--theme);color:white;margin:0.5em;padding-left:2em;padding-right:2em;padding-top:1em;padding-bottom:1em;font-size:1rem;font-family:inherit;cursor:pointer;border-radius:5px;transition:0.5s}button:hover{background-color:black;color:white}.index-title h1{margin-left:0.5em;font-size:4em;font-family:'Signika', sans-serif;text-transform:uppercase;margin-top:0.5em;color:var(--title);text-shadow:1px 1px 2px lightgrey;width:30%}@media (min-width: 960px){.index-title h1{margin-left:2em;font-size:5em}}@media screen and (min-width: 769px){.nav-menu a{display:inline-block;height:initial;text-align:left}}.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;margin:1.5rem 0;border-radius:1rem;background-color:var(--bg);box-shadow:0 1rem 4rem rgba(0,0,0,0.17)}.video iframe{left:0;top:0;height:100%;width:100%;position:absolute;transform:scale(1.03)}.copy{position:relative;cursor:pointer;height:1.5rem;width:1.5rem}.copy svg{fill:var(--theme);width:100%;height:100%}.copy::before,.copy::after{content:"";position:absolute;background:var(--theme);color:var(--light);opacity:0;transition:opacity 0.25s ease-in}.copy::before{content:attr(data-share);font-size:0.8rem;width:5.4rem;padding:0.25rem;border-radius:0.25rem;text-align:center;top:-2rem;right:0}.copy_done::before{content:attr(data-copied)}.copy:hover::before,.copy:hover::after{opacity:1}.author,.comment{display:grid;grid-template-columns:4rem 1fr;grid-gap:0 0.75rem;padding:1rem;margin:1.5rem 0;background-color:var(--accent);border-radius:0.5rem;box-shadow:0 0.5rem 2rem rgba(0,0,0,0.12)}.author_name,.comment_name{color:var(--text) !important;font-size:1.25rem;text-transform:capitalize}.author_name,.author_pic,.comment_name,.comment_pic{border:none !important}.author_pic,.comment_pic{padding:0 0.33rem;overflow:hidden}.author_pic img,.comment_pic img{border-radius:50%;margin:0}.author_bio,.comment_bio{padding:0 !important;line-height:1.33}.author_heading,.comment_heading{font-size:0.7rem}.author_meta,.comment_meta{display:flex;flex-flow:column;justify-content:center}.modal{display:none;position:fixed;bottom:0;top:0;left:0;right:0;z-index:9999}.modal_close{margin:25px 0;color:var(--light);border:0;cursor:pointer;padding:5px 15px}.modal_inner{display:inline-flex;flex-direction:column;align-items:center;background:var(--accent);max-width:540px;padding:1.5rem;box-shadow:0 1.5rem 6rem rgba(0,0,0,0.12);border-radius:1rem}.modal_show{overflow:hidden;position:relative}.modal_show::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,0.6)}.modal_show .modal{display:flex;flex-direction:column;align-items:center;justify-content:center}.modal_title{margin:0 !important}.modal::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.7);z-index:10}.btn{font-size:1rem;margin:1rem 0 1.5rem;padding:0.5rem 2rem;background:var(--theme);box-shadow:0 1rem 4rem rgba(0,0,0,0.5);cursor:pointer;text-align:center;text-transform:uppercase;border-radius:3rem;border:none;outline:none}.btn,.btn_group{width:12rem;display:inline-block;color:var(--light)}.btn_group{position:relative;margin:1rem 0}.btn_group .btn{margin:0}.btn_close{content:"X";width:2.5rem;position:absolute;right:0;top:0;bottom:0;display:grid;align-items:center;text-align:center;font-size:1rem;background-image:url("../images/icons/close.svg");background-size:36% !important;border-left:1px solid var(--bg);z-index:2;cursor:pointer;margin:0}.icon{background-size:75%;background-position:center;background-repeat:no-repeat}.pale{opacity:0.7}.hidden{display:none}.center{text-align:center;margin:5px auto}.wrap{padding:10px 0;max-width:1024px;margin:0 auto}.mt{margin-top:7rem}.link{display:inline-block;width:2.5rem;margin:0 0.25rem;padding:0 0.25rem;opacity:0;transition:opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1)}.link_owner:hover .link{opacity:0.9}.link img{margin:0}.solo{grid-column:1/-1}.never{min-height:60vh;background-image:url("../images/icons/sitting.svg");background-position:right bottom;background-repeat:no-repeat;background-size:contain;padding:0 1.5rem;margin-top:6rem}.never_title{text-align:left}@keyframes showMenu{0%{top:100%;opacity:0}100%{top:0;opacity:1}}@keyframes hideMenu{0%{top:0;opacity:1}100%{top:100%;opacity:0}}.align h2,.align h3,.align h4,.align h5,.align h6{margin:0.33rem 0 !important}#logo{position:absolute;width:calc(1rem + 9vw);left:10px;top:-0.5rem}@media (min-width: 960px){#logo{position:fixed}}.nav{position:absolute;top:0;width:100%;transition:height 0.4s cubic-bezier(0.52, 0.16, 0.24, 1);z-index:999}.nav_main_item{display:none !important}@media (min-width: 960px){.nav_main_item{display:inline !important}}.nav_bar{width:100%;position:relative;display:block}@media (min-width: 960px){.nav_bar{display:none}}.nav_bar-wrap{width:1.8rem;height:1.8rem;display:grid;align-items:center;cursor:pointer;z-index:99;min-height:1.5rem}.nav_bar,.nav_bar::after,.nav_bar::before{padding:1px;border-radius:2px;background-color:var(--text)}.nav_bar::after,.nav_bar::before{content:"";position:absolute;width:1.2rem}.nav_bar::before{top:-0.5rem}.nav_bar::after{top:0.5rem;right:0}.nav-body{box-shadow:0 1.5rem 6rem rgba(0,0,0,0.17);position:fixed;right:10px;z-index:1;top:100%;opacity:0;overflow:hidden;background:transparent;background-color:var(--accent);width:16rem;padding:100px 0;min-height:100vh;z-index:1}.nav-body:hover{box-shadow:0 1.5rem 6rem rgba(0,0,0,0.27)}.nav-body a{display:block;padding:12.5px 25px;margin-bottom:2px;border-bottom:1px solid var(--accent)}.nav-body a:hover{color:var(--theme)}.nav-brand{font-family:'Signika', sans-serif;font-size:1.5em !important;padding-top:0 !important;padding-bottom:0 !important;color:var(--title) !important}.nav-close{display:flex;justify-content:flex-start;align-items:center;position:absolute;top:0;right:0;width:100%;padding:25px}.nav-close:after,.nav-close:before{content:'';width:18px;padding:1.5px;background:var(--text);opacity:0.7;position:relative}.nav-close:before{transform:rotate(20deg) translateX(1.5px)}.nav-close:after{transform:rotate(-20deg) translateX(-1.5px)}.nav-drop{cursor:pointer;top:0;bottom:0;z-index:1000}.nav-exit{animation:hideMenu 0.5s cubic-bezier(0.52, 0.16, 0.24, 1) forwards}.nav-menu{position:relative;padding:10px 25px 10px 0;padding-left:15vw;height:100%;max-width:1024px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}@media (min-width: 1150px){.nav-menu{padding-left:3vw}}.nav-menu a{color:inherit;display:block;font-size:105%}.nav-pop{position:fixed;width:100vw;background:rgba(0,0,0,0.05)}.nav-open{animation:showMenu 0.5s cubic-bezier(0.52, 0.16, 0.24, 1) forwards}.nav_item{text-transform:capitalize}.nav_item:hover{background-color:var(--accent)}.post_metadata h1,.post_metadata h3{text-align:center !important}.post_metadata h3{color:gray;font-size:1.2rem;width:100%}.post_metadata svg{width:1rem;height:1rem;fill:var(--theme)}.post_metadata hr{width:100%;background-color:var(--theme)}.post{padding:1rem 1.5rem;margin-top:1.5rem}.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{margin:1rem auto;text-align:left;text-transform:initial;padding:0.25rem 0 0 0}.post p{padding-bottom:0.5rem;padding-top:0.5rem;font-size:1.05rem}.posts{display:flex;justify-content:space-between;flex-flow:row wrap;width:100%;align-items:stretch}.posts:not(.aside){padding:0 30px}.post_content h4{margin:5px 0;text-align:left}.post_content p{line-height:1.65}.post_content p:first-child{margin-top:0;padding-top:0}.post_content a:not(.link){border-bottom:2px solid var(--theme)}.post_content a:not(.link):hover{opacity:0.7}.post_content ol,.post_content ul{padding:0.5rem 0 0.5rem 1.2rem}.post_content li{padding:0.33rem 0}.post_header{background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;position:relative;height:48vh;min-height:360px;margin-top:60px;padding:30px}.post_header_tags{position:absolute;bottom:0px}.post_copy{opacity:0;transition:opacity 0.3s ease-out}.post_item{box-shadow:0 0 3rem rgba(0,0,0,0.17);margin:1.25rem 0;border-radius:10px;overflow:hidden;width:100%}.post_item:hover{box-shadow:0 0 5rem rgba(0,0,0,0.255)}@media screen and (min-width: 667px){.post_item{width:47%}}.post_item:hover .post_copy{opacity:1}.post_link{padding:2.5px 0;font-size:1.25em;margin:2.5px 0;text-align:left}.post_meta{overflow:hidden;opacity:0.8;font-size:0.84rem;font-weight:500;display:inline-grid;grid-template-columns:auto 1fr;background-color:var(--light);padding:0;align-items:center;border-radius:0.3rem;color:var(--dark);text-transform:capitalize}.post_meta a:hover{color:var(--theme);text-decoration:underline;opacity:0.9}.post_extra{display:flex;justify-content:flex-end}.post_tag{font-size:0.75rem !important;font-weight:500;background:var(--theme);color:var(--light);padding:0.25rem 0.67rem !important;margin-right:0.25rem;text-transform:uppercase;display:inline-flex;border-radius:5px}.post_title{text-align:center;font-size:2.5rem}.post_author{padding:0.2rem 0.75rem}.post_author a{color:var(--theme);text-decoration:underline}.post_time{background:var(--theme);display:inline-grid;padding:0.2rem 0.75rem;color:var(--light)}.post_card{display:block;position:relative;background-color:var(--dark);border-radius:0.5rem 0.5rem 0 0;background-size:cover;background-position:center;overflow:hidden;height:10rem}.post_card::after{content:'';position:absolute;left:0;right:0;bottom:0;top:0;z-index:1}.post_thumbnail{width:100%;margin:0}.pager{display:flex;justify-content:center;align-content:center;margin:30px auto 0 auto;padding:0 1.5rem;overflow:scroll}.pager,.pager_link{justify-content:center;align-items:center}.pager_link{display:flex;background-color:var(--theme);color:var(--light)}.pager_link:hover{opacity:0.5}.pager_item,.pager_link{height:36px;width:36px;border-radius:50%}.pager_item{margin-left:5px;margin-right:5px;margin-bottom:30px}.pager_item:first-child,.pager_item:last-child{display:none}.pager_item.active,.pager_item.disabled{opacity:0.5}.excerpt{padding:0 10px 1.5rem 10px;position:relative;z-index:1}.excerpt_meta{display:flex;justify-content:space-between;align-items:center;transform:translateY(-2.5rem);position:relative;z-index:5}.waves{max-width:320px;height:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:30px auto}.waves_inner{min-width:18rem;min-height:9rem}.footer{padding:0;color:var(--light);margin:0;background:var(--dark);width:100%;font-size:1.05rem;min-height:75px;position:relative;z-index:1001}.footer a{color:var(--theme);opacity:0.8;transition:opacity 0.3s ease-in-out}.footer a:hover{text-decoration:underline;opacity:1}.footer_inner{display:flex;justify-content:space-between;padding:1.5rem}@media screen and (max-width: 567px){.footer_inner{flex-direction:column}}.comments{position:relative}.comment_reply{margin-left:2rem}.form{display:flex;flex-direction:column;width:100%;background:transparent;height:0;opacity:0;margin:0 0 1rem;transform:translateY(250px);transition:opacity 0.3s ease-in , transform 0.3s ease-in;border-radius:0.67rem}.form_open{height:initial;transform:translateY(0);opacity:1}.form_input{margin:10px 0;font-size:1rem !important;padding:10px 15px !important;-webkit-appearance:none;border-radius:25px;outline:none;transition:all 0.3s ease-out;width:100%;max-width:480px;box-shadow:0 5px 15px 0 rgba(158,174,221,0.2);border:1px solid #eee}.form_input:focus,.form_input:hover{border:1px solid var(--theme)}.form_comment{resize:none;border-radius:15px;min-height:2.5rem !important}.form_label{display:none}.form_submit{margin:0}.reply_btn{width:1.75rem;height:1.75rem;background-image:url("../images/icons/reply.svg");cursor:pointer;margin-top:1rem}.reply_to::before{content:'↷ @'}.g-recaptcha{display:grid;width:100%;background:transparent;border:none;border-radius:0.25rem;margin:1.25rem 0 1.5rem}.g-recaptcha>div,.g-recaptcha iframe{display:grid;width:100% !important;height:6rem !important}.g-recaptcha iframe{transform:scale(1.03);padding:0 0.75rem}code{min-width:100%;max-width:100%}.highlight{display:grid;margin:1.25rem 0}.highlight .highlight{margin:0}.highlight pre{padding:1rem;margin:1.5rem 0;background:var(--bubble) !important;box-shadow:0 0 2.5rem rgba(0,0,0,0.12);border-radius:4px;overflow-x:auto} +html{--light: #fff;--dark: #010101;--gray: #f5f5f5;--bubble: #111;--accent: var(--gray);--bg: var(--light);--text: var(--dark);--theme: #ef7f1a;--title: #4f2c16;--font: 'Metropolis', sans-serif}@media (prefers-color-scheme: dark){*{box-shadow:none !important}html{--bg: var(--dark);--text: var(--light);--accent: var(--bubble)}}.post_title,.post{max-width:750px;margin:0 auto}@font-face{font-family:'Metropolis';font-style:normal;font-weight:400;src:local("Metropolis Regular"),local("Metropolis-Regular"),url("../fonts/Metropolis-Regular.woff2") format("woff2"),url("../fonts/Metropolis-Regular.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:normal;font-weight:300;src:local("Metropolis Light"),local("Metropolis-Light"),url("../fonts/Metropolis-Light.woff2") format("woff2"),url("../fonts/Metropolis-Light.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:italic;font-weight:300;src:local("Metropolis Light Italic"),local("Metropolis-LightItalic"),url("../fonts/Metropolis-LightItalic.woff2") format("woff2"),url("../fonts/Metropolis-LightItalic.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:normal;font-weight:500;src:local("Metropolis Medium"),local("Metropolis-Medium"),url("../fonts/Metropolis-Medium.woff2") format("woff2"),url("../fonts/Metropolis-Medium.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:italic;font-weight:500;src:local("Metropolis Medium Italic"),local("Metropolis-MediumItalic"),url("../fonts/Metropolis-MediumItalic.woff2") format("woff2"),url("../fonts/Metropolis-MediumItalic.woff") format("woff")}@font-face{font-family:'Cookie';font-style:normal;font-weight:400;src:local("Cookie-Regular"),url("../fonts/cookie-v10-latin-regular.woff2") format("woff2"),url("../fonts/cookie-v10-latin-regular.woff") format("woff")}*{box-sizing:border-box;-webkit-appearance:none;margin:0;padding:0}body,html{scroll-behavior:smooth}html{font-size:1.1rem}body{font-family:var(--font);background-color:var(--bg);color:var(--text);text-align:justify;line-height:1.5;margin:0 auto;position:relative;font-kerning:normal;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}blockquote{opacity:0.8;padding:1rem;position:relative;quotes:"“" "”" "‘" "’";margin:0.75rem 0;display:flex;flex-flow:row wrap;background-repeat:no-repeat;background-size:5rem;background-position:50% 50%;position:relative}blockquote::before{content:"";padding:1px;position:absolute;top:0;bottom:0;left:0;background:var(--theme)}blockquote p{padding-left:0.5rem 0 !important;font-size:1.1rem !important;width:100%;font-weight:300;font-style:italic}h1,h2,h3,h4,h5{font-family:inherit;font-weight:500;padding:5px 0;margin:15px 0;color:inherit;line-height:1.35}h1{font-size:200%}h2{font-size:175%}h3{font-size:150%}h4{font-size:125%}h5{font-size:120%}h6{font-size:100%}img,svg,video{max-width:100%;vertical-align:middle}img{height:auto;margin:1rem auto;padding:0}main{padding-bottom:45px;flex:1}ul{list-style:none;-webkit-padding-start:0;-moz-padding-start:0}b,strong,em{font-weight:500}hr{border:none;padding:0.5px;background:var(--theme);opacity:0.5;margin:1rem 0}aside h3{position:relative;margin:0 !important}span.pager_link{opacity:0.5}ol{counter-reset:my-awesome-counter;list-style:none !important;padding-left:3rem;margin-left:0.5rem}ol li{margin:0 0 0.5rem 0;counter-increment:my-awesome-counter;position:relative;padding-left:0.5rem !important}ol li::before{content:counter(my-awesome-counter);font-size:1.15rem;display:inline-grid;align-items:center;font-weight:500;position:absolute;--size: 1.8rem;left:-2rem;line-height:var(--size);width:var(--size);height:var(--size);color:var(--theme);border-radius:50%;text-align:center;top:0.25rem;border-right:2px solid var(--theme)}ol li.align::before{top:1rem}.lds-facebook{display:inline-block;position:relative;width:80px;height:80px}.lds-facebook div{display:inline-block;position:absolute;left:8px;width:16px;background:var(--theme);animation:lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite}.lds-facebook div:nth-child(1){left:8px;animation-delay:-0.24s}.lds-facebook div:nth-child(2){left:32px;animation-delay:-0.12s}.lds-facebook div:nth-child(3){left:56px;animation-delay:0}@keyframes lds-facebook{0%{top:8px;height:64px}50%,100%{top:24px;height:32px}}.smaller{font-size:0.8rem;color:grey}.pages{color:lightgrey}button{background-color:var(--theme);color:white;margin:0.5em;padding-left:2em;padding-right:2em;padding-top:1em;padding-bottom:1em;font-size:1rem;font-family:inherit;cursor:pointer;border-radius:5px;transition:0.5s}button:hover{background-color:black;color:white}.index-title{height:95vh !important}.index-title h1{margin-left:0.5em;font-size:5em;font-family:'Signika', sans-serif;text-transform:uppercase;margin-top:0.5em;color:var(--title);text-shadow:1px 1px 2px lightgrey;width:30%}@media (min-width: 960px){.index-title h1{margin-left:2em;font-size:6em}}@media screen and (min-width: 769px){.nav-menu a{display:inline-block;height:initial;text-align:left}}.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;margin:1.5rem 0;border-radius:1rem;background-color:var(--bg);box-shadow:0 1rem 4rem rgba(0,0,0,0.17)}.video iframe{left:0;top:0;height:100%;width:100%;position:absolute;transform:scale(1.03)}.copy{position:relative;cursor:pointer;height:1.5rem;width:1.5rem}.copy svg{fill:var(--theme);width:100%;height:100%}.copy::before,.copy::after{content:"";position:absolute;background:var(--theme);color:var(--light);opacity:0;transition:opacity 0.25s ease-in}.copy::before{content:attr(data-share);font-size:0.8rem;width:5.4rem;padding:0.25rem;border-radius:0.25rem;text-align:center;top:-2rem;right:0}.copy_done::before{content:attr(data-copied)}.copy:hover::before,.copy:hover::after{opacity:1}.author,.comment{display:grid;grid-template-columns:4rem 1fr;grid-gap:0 0.75rem;padding:1rem;margin:1.5rem 0;background-color:var(--accent);border-radius:0.5rem;box-shadow:0 0.5rem 2rem rgba(0,0,0,0.12)}.author_name,.comment_name{color:var(--text) !important;font-size:1.25rem;text-transform:capitalize}.author_name,.author_pic,.comment_name,.comment_pic{border:none !important}.author_pic,.comment_pic{padding:0 0.33rem;overflow:hidden}.author_pic img,.comment_pic img{border-radius:50%;margin:0}.author_bio,.comment_bio{padding:0 !important;line-height:1.33}.author_heading,.comment_heading{font-size:0.7rem}.author_meta,.comment_meta{display:flex;flex-flow:column;justify-content:center}.modal{display:none;position:fixed;bottom:0;top:0;left:0;right:0;z-index:9999}.modal_close{margin:25px 0;color:var(--light);border:0;cursor:pointer;padding:5px 15px}.modal_inner{display:inline-flex;flex-direction:column;align-items:center;background:var(--accent);max-width:540px;padding:1.5rem;box-shadow:0 1.5rem 6rem rgba(0,0,0,0.12);border-radius:1rem}.modal_show{overflow:hidden;position:relative}.modal_show::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,0.6)}.modal_show .modal{display:flex;flex-direction:column;align-items:center;justify-content:center}.modal_title{margin:0 !important}.modal::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.7);z-index:10}.btn{font-size:1rem;margin:1rem 0 1.5rem;padding:0.5rem 2rem;background:var(--theme);box-shadow:0 1rem 4rem rgba(0,0,0,0.5);cursor:pointer;text-align:center;text-transform:uppercase;border-radius:3rem;border:none;outline:none}.btn,.btn_group{width:12rem;display:inline-block;color:var(--light)}.btn_group{position:relative;margin:1rem 0}.btn_group .btn{margin:0}.btn_close{content:"X";width:2.5rem;position:absolute;right:0;top:0;bottom:0;display:grid;align-items:center;text-align:center;font-size:1rem;background-image:url("../images/icons/close.svg");background-size:36% !important;border-left:1px solid var(--bg);z-index:2;cursor:pointer;margin:0}.icon{background-size:75%;background-position:center;background-repeat:no-repeat}.pale{opacity:0.7}.hidden{display:none}.center{text-align:center;margin:5px auto}.wrap{padding:10px 0;max-width:1024px;margin:0 auto}.mt{margin-top:7rem}.link{display:inline-block;width:2.5rem;margin:0 0.25rem;padding:0 0.25rem;opacity:0;transition:opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1)}.link_owner:hover .link{opacity:0.9}.link img{margin:0}.solo{grid-column:1/-1}.never{min-height:60vh;background-image:url("../images/icons/sitting.svg");background-position:right bottom;background-repeat:no-repeat;background-size:contain;padding:0 1.5rem;margin-top:6rem}.never_title{text-align:left}@keyframes showMenu{0%{top:100%;opacity:0}100%{top:0;opacity:1}}@keyframes hideMenu{0%{top:0;opacity:1}100%{top:100%;opacity:0}}.align h2,.align h3,.align h4,.align h5,.align h6{margin:0.33rem 0 !important}#logo{position:absolute;width:calc(1rem + 9vw);left:10px;top:-0.5rem}@media (min-width: 960px){#logo{position:fixed}}.nav{position:absolute;top:0;width:100%;transition:height 0.4s cubic-bezier(0.52, 0.16, 0.24, 1);z-index:999}.nav_main_item{display:none !important}@media (min-width: 960px){.nav_main_item{display:inline !important}}.nav_bar{width:100%;position:relative;display:block}@media (min-width: 960px){.nav_bar{display:none}}.nav_bar-wrap{width:1.8rem;height:1.8rem;display:grid;align-items:center;cursor:pointer;z-index:99;min-height:1.5rem}.nav_bar,.nav_bar::after,.nav_bar::before{padding:1px;border-radius:2px;background-color:var(--text)}.nav_bar::after,.nav_bar::before{content:"";position:absolute;width:1.2rem}.nav_bar::before{top:-0.5rem}.nav_bar::after{top:0.5rem;right:0}.nav-body{box-shadow:0 1.5rem 6rem rgba(0,0,0,0.17);position:fixed;right:10px;z-index:1;top:100%;opacity:0;overflow:hidden;background:transparent;background-color:var(--accent);width:16rem;padding:100px 0;min-height:100vh;z-index:1}.nav-body:hover{box-shadow:0 1.5rem 6rem rgba(0,0,0,0.27)}.nav-body a{display:block;padding:12.5px 25px;margin-bottom:2px;border-bottom:1px solid var(--accent)}.nav-body a:hover{color:var(--theme)}.nav-brand{font-family:'Signika', sans-serif;font-size:1.5em !important;padding-top:0 !important;padding-bottom:0 !important;color:var(--title) !important}.nav-close{display:flex;justify-content:flex-start;align-items:center;position:absolute;top:0;right:0;width:100%;padding:25px}.nav-close:after,.nav-close:before{content:'';width:18px;padding:1.5px;background:var(--text);opacity:0.7;position:relative}.nav-close:before{transform:rotate(20deg) translateX(1.5px)}.nav-close:after{transform:rotate(-20deg) translateX(-1.5px)}.nav-drop{cursor:pointer;top:0;bottom:0;z-index:1000}.nav-exit{animation:hideMenu 0.5s cubic-bezier(0.52, 0.16, 0.24, 1) forwards}.nav-menu{position:relative;padding:10px 25px 10px 0;padding-left:15vw;height:100%;max-width:1024px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}@media (min-width: 1150px){.nav-menu{padding-left:3vw}}.nav-menu a{color:inherit;display:block;font-size:105%}.nav-pop{position:fixed;width:100vw;background:rgba(0,0,0,0.05)}.nav-open{animation:showMenu 0.5s cubic-bezier(0.52, 0.16, 0.24, 1) forwards}.nav_item{text-transform:capitalize}.nav_item:hover{background-color:var(--accent)}.post_metadata h1,.post_metadata h3{text-align:center !important}.post_metadata h3{color:gray;font-size:1.2rem;width:100%}.post_metadata svg{width:1rem;height:1rem;fill:var(--theme)}.post_metadata hr{width:100%;background-color:var(--theme)}.post{padding:1rem 1.5rem;margin-top:1.5rem}.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{margin:1rem auto;text-align:left;text-transform:initial;padding:0.25rem 0 0 0}.post p{padding-bottom:0.5rem;padding-top:0.5rem;font-size:1.05rem}.posts{display:flex;justify-content:space-between;flex-flow:row wrap;width:100%;align-items:stretch}.posts:not(.aside){padding:0 30px}.post_content h4{margin:5px 0;text-align:left}.post_content p{line-height:1.65}.post_content p:first-child{margin-top:0;padding-top:0}.post_content a:not(.link){border-bottom:2px solid var(--theme)}.post_content a:not(.link):hover{opacity:0.7}.post_content ol,.post_content ul{padding:0.5rem 0 0.5rem 1.2rem}.post_content li{padding:0.33rem 0}.post_header{background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;position:relative;height:48vh;min-height:360px;margin-top:60px;padding:30px}.post_header_tags{position:absolute;bottom:0px}.post_copy{opacity:0;transition:opacity 0.3s ease-out}.post_item{box-shadow:0 0 3rem rgba(0,0,0,0.17);margin:1.25rem 0;border-radius:10px;overflow:hidden;width:100%}.post_item:hover{box-shadow:0 0 5rem rgba(0,0,0,0.255)}@media screen and (min-width: 667px){.post_item{width:47%}}.post_item:hover .post_copy{opacity:1}.post_link{padding:2.5px 0;font-size:1.25em;margin:2.5px 0;text-align:left}.post_meta{overflow:hidden;opacity:0.8;font-size:0.84rem;font-weight:500;display:inline-grid;grid-template-columns:auto 1fr;background-color:var(--light);padding:0;align-items:center;border-radius:0.3rem;color:var(--dark);text-transform:capitalize}.post_meta a:hover{color:var(--theme);text-decoration:underline;opacity:0.9}.post_extra{display:flex;justify-content:flex-end}.post_tag{font-size:0.75rem !important;font-weight:500;background:var(--theme);color:var(--light);padding:0.25rem 0.67rem !important;margin-right:0.25rem;text-transform:uppercase;display:inline-flex;border-radius:5px}.post_title{text-align:center;font-size:2.5rem;font-family:'Signika', sans-serif;color:var(--title)}.post_author{padding:0.2rem 0.75rem}.post_author a{color:var(--theme);text-decoration:underline}.post_time{background:var(--theme);display:inline-grid;padding:0.2rem 0.75rem;color:var(--light)}.post_card{display:block;position:relative;background-color:var(--dark);border-radius:0.5rem 0.5rem 0 0;background-size:cover;background-position:center;overflow:hidden;height:10rem}.post_card::after{content:'';position:absolute;left:0;right:0;bottom:0;top:0;z-index:1}.post_thumbnail{width:100%;margin:0}.pager{display:flex;justify-content:center;align-content:center;margin:30px auto 0 auto;padding:0 1.5rem;overflow:scroll}.pager,.pager_link{justify-content:center;align-items:center}.pager_link{display:flex;background-color:var(--theme);color:var(--light)}.pager_link:hover{opacity:0.5}.pager_item,.pager_link{height:36px;width:36px;border-radius:50%}.pager_item{margin-left:5px;margin-right:5px;margin-bottom:30px}.pager_item:first-child,.pager_item:last-child{display:none}.pager_item.active,.pager_item.disabled{opacity:0.5}.excerpt{padding:0 10px 1.5rem 10px;position:relative;z-index:1}.excerpt_meta{display:flex;justify-content:space-between;align-items:center;transform:translateY(-2.5rem);position:relative;z-index:5}.waves{max-width:320px;height:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:30px auto}.waves_inner{min-width:18rem;min-height:9rem}.footer{padding:0;color:var(--light);margin:0;background:var(--dark);width:100%;font-size:1.05rem;min-height:75px;position:relative;z-index:1001}.footer a{color:var(--theme);opacity:0.8;transition:opacity 0.3s ease-in-out}.footer a:hover{text-decoration:underline;opacity:1}.footer_inner{display:flex;justify-content:space-between;padding:1.5rem}@media screen and (max-width: 567px){.footer_inner{flex-direction:column}}.comments{position:relative}.comment_reply{margin-left:2rem}.form{display:flex;flex-direction:column;width:100%;background:transparent;height:0;opacity:0;margin:0 0 1rem;transform:translateY(250px);transition:opacity 0.3s ease-in , transform 0.3s ease-in;border-radius:0.67rem}.form_open{height:initial;transform:translateY(0);opacity:1}.form_input{margin:10px 0;font-size:1rem !important;padding:10px 15px !important;-webkit-appearance:none;border-radius:25px;outline:none;transition:all 0.3s ease-out;width:100%;max-width:480px;box-shadow:0 5px 15px 0 rgba(158,174,221,0.2);border:1px solid #eee}.form_input:focus,.form_input:hover{border:1px solid var(--theme)}.form_comment{resize:none;border-radius:15px;min-height:2.5rem !important}.form_label{display:none}.form_submit{margin:0}.reply_btn{width:1.75rem;height:1.75rem;background-image:url("../images/icons/reply.svg");cursor:pointer;margin-top:1rem}.reply_to::before{content:'↷ @'}.g-recaptcha{display:grid;width:100%;background:transparent;border:none;border-radius:0.25rem;margin:1.25rem 0 1.5rem}.g-recaptcha>div,.g-recaptcha iframe{display:grid;width:100% !important;height:6rem !important}.g-recaptcha iframe{transform:scale(1.03);padding:0 0.75rem}code{min-width:100%;max-width:100%}.highlight{display:grid;margin:1.25rem 0}.highlight .highlight{margin:0}.highlight pre{padding:1rem;margin:1.5rem 0;background:var(--bubble) !important;box-shadow:0 0 2.5rem rgba(0,0,0,0.12);border-radius:4px;overflow-x:auto} /*# sourceMappingURL=styles.css.map */ \ No newline at end of file diff --git a/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.json b/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.json index 6206197..61ca0c5 100644 --- a/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.json +++ b/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.json @@ -1 +1 @@ -{"Target":"css/styles.d723ab5bad08d2c572c024d8d09a65ec188cfe915c7af6881832b1ab1752b26b735aec960d0b0189250ddd3d6b08c8570af2672f06921d01746410cbeb883ba1.css","MediaType":"text/css","Data":{"Integrity":"sha512-1yOrW60I0sVywCTY0Jpl7BiM/pFcevaIGDKxqxdSsmtzWuyWDQsBiSUN3T1rCMhXCvJnLwaSHQF0ZBDL64g7oQ=="}} \ No newline at end of file +{"Target":"css/styles.a824af1bdd031310f727c3e894c744b9fec7a5b5d06083cb4772632588eea8ea8c4c7030050086a2243a46b54dbb3e84236a766ce1776e05683a6e166e1fcf9f.css","MediaType":"text/css","Data":{"Integrity":"sha512-qCSvG90DExD3J8PolMdEuf7HpbXQYIPLR3JjJYjuqOqMTHAwBQCGoiQ6RrVNuz6EI2p2bOF3bgVoOm4Wbh/Pnw=="}} \ No newline at end of file diff --git a/static/js/redzuurdesem.js b/static/js/redzuurdesem.js deleted file mode 100644 index 730edf5..0000000 --- a/static/js/redzuurdesem.js +++ /dev/null @@ -1,30 +0,0 @@ -(function() { - var fbposts = document.querySelector('#fbposts'); - function whoops(error) { - console.log(error); - fbposts.innerHTML = "
  • Er is iets misgelopen bij het ophalen van Facebook posts.
  • "; - } - function parseFeed(response) { - if(response && !response.error) { - var html = ""; - - response.data.forEach(function(elem) { - var id = elem.id.substring(elem.id.indexOf('_') + 1, elem.id.length); - html += "
  • "; - }); - - fbposts.innerHTML = html; - FB.XFBML.parse(fbposts); - } else { - whoops(response.error); - } - } - - window.fbAsyncInit = function() { - try { - FB.api("/redzuurdesem/feed?limit=4&access_token=" + window.fbtoken, parseFeed); - } catch(e) { - whoops(e); - } - } -})() diff --git a/themes/desem-swift-theme/assets/js/index.js b/themes/desem-swift-theme/assets/js/index.js deleted file mode 100644 index da6d543..0000000 --- a/themes/desem-swift-theme/assets/js/index.js +++ /dev/null @@ -1,636 +0,0 @@ -function fileClosure(){ - // everything in this file should be declared within this closure (function). - - // global variables - let hidden; - hidden = 'hidden'; - - const doc = document.documentElement; - const parentURL = '{{ .Site.BaseURL }}'; - const staticman = Object.create(null); - {{ with .Site.Params.staticman -}} - const endpoint = '{{ .endpoint | default "https://staticman3.herokuapp.com" }}'; - const gitProvider = '{{ .gitprovider }}'; - const username = '{{ .username }}'; - const repository = '{{ .repository }}'; - const branch = '{{ .branch }}'; - - // store reCAPTCHA v2 site key and secret - {{ with .recaptcha -}} - staticman.siteKey = '{{ .sitekey }}'; - staticman.secret = '{{ .secret }}'; - {{ end -}} - {{ end -}} - - const translations = { - success: { - title: '{{ i18n "successTitle" }}', - text: '{{ i18n "successMsg" }}', - close: '{{ i18n "close" }}' - }, - error: { - title: '{{ i18n "errTitle" }}', - text: '{{ i18n "errMsg" }}', - close: '{{ i18n "close" }}' - }, - discard: { - title: '{{ i18n "discardComment" }}', - button: '{{ i18n "discard" }}' - }, - submit: '{{ i18n "btnSubmit" }}', - submitted: '{{ i18n "btnSubmitted" }}' - }; - - function isObj(obj) { - return (obj && typeof obj === 'object' && obj !== null) ? true : false; - } - - function createEl(element = 'div') { - return document.createElement(element); - } - - function elem(selector, parent = document){ - let elem = parent.querySelector(selector); - return elem != false ? elem : false; - } - - function elems(selector, parent = document) { - let elems = parent.querySelectorAll(selector); - return elems.length ? elems : false; - } - - function pushClass(el, targetClass) { - if (isObj(el) && targetClass) { - elClass = el.classList; - elClass.contains(targetClass) ? false : elClass.add(targetClass); - } - } - - function deleteClass(el, targetClass) { - if (isObj(el) && targetClass) { - elClass = el.classList; - elClass.contains(targetClass) ? elClass.remove(targetClass) : false; - } - } - - function modifyClass(el, targetClass) { - if (isObj(el) && targetClass) { - elClass = el.classList; - elClass.contains(targetClass) ? elClass.remove(targetClass) : elClass.add(targetClass); - } - } - - function containsClass(el, targetClass) { - if (isObj(el) && targetClass && el !== document ) { - return el.classList.contains(targetClass) ? true : false; - } - } - - function isChild(node, parentClass) { - let objectsAreValid = isObj(node) && parentClass && typeof parentClass == 'string'; - return (objectsAreValid && node.closest(parentClass)) ? true : false; - } - - function elemAttribute(elem, attr, value = null) { - if (value) { - elem.setAttribute(attr, value); - } else { - value = elem.getAttribute(attr); - return value ? value : false; - } - } - - function deleteChars(str, subs) { - let newStr = str; - if (Array.isArray(subs)) { - for (let i = 0; i < subs.length; i++) { - newStr = newStr.replace(subs[i], ''); - } - } else { - newStr = newStr.replace(subs, ''); - } - return newStr; - } - - function isBlank(str) { - return (!str || str.trim().length === 0); - } - - function isMatch(element, selectors) { - if(isObj(element)) { - if(selectors.isArray) { - let matching = selectors.map(function(selector){ - return element.matches(selector) - }) - return matching.includes(true); - } - return element.matches(selectors) - } - } - - (function updateDate() { - var date = new Date(); - var year = date.getFullYear(); - elem('.year').innerHTML = year; - })(); - - (function() { - let bar = 'nav_bar-wrap'; - let navBar = elem(`.${bar}`); - let nav = elem('.nav-body'); - let open = 'nav-open'; - let exit = 'nav-exit'; - let drop = 'nav-drop'; - let pop = 'nav-pop'; - let navDrop = elem(`.${drop}`); - - function toggleMenu(){ - let menuOpen, menuPulled, status; - modifyClass(navDrop, pop); - modifyClass(navBar, hidden); - menuOpen = containsClass(nav, open); - menuPulled = containsClass(nav, exit); - - status = menuOpen || menuPulled ? true : false; - - status ? modifyClass(nav, exit) : modifyClass(nav, open); - status ? modifyClass(nav, open) : modifyClass(nav, exit); - } - - navBar.addEventListener('click', function() { - toggleMenu(); - }); - elem('.nav-close').addEventListener('click', function() { - toggleMenu(); - }); - - elem('.nav-drop').addEventListener('click', function(e) { - e.target === this ? toggleMenu() : false; - }); - - })(); - - function convertToUnderScoreCase(str) { - let char, newChar, newStr; - newStr = ''; - if (typeof str == 'string') { - for (let x = 0; x < str.length; x++) { - char = str.charAt(x); - if (char.match(/^[A-Z]*$/)) { - char = char.toLowerCase(); - newChar = `_${char}` - newStr += newChar; - } else { - newStr += char; - } - } - return newStr; - } - } - - function createModal(children, parent) { - let body, modal, title; - - modal = createEl(); - pushClass(modal, 'modal'); - body = createEl(); - pushClass(body, 'modal_inner'); - title = createEl('h3'); - pushClass(title, 'modal_title'); - body.appendChild(title); - // add html specific to modal - if (isObj(children)) { - if (Array.isArray(children)) { - children.map(function(child){ - body.appendChild(child); - }); - } else { - body.appendChild(children); - } - } - modal.appendChild(body); - parent.append(modal); - pushClass(doc, 'modal_show'); - } - - function fillModal(obj) { - let el, targetClass, modal; - modal = elem('.modal'); - const entries = Object.entries(obj) - for (const [element, content] of entries) { - targetClass = `.${convertToUnderScoreCase(element)}`; - el = elem(targetClass, modal); - el.innerHTML = content; - } - } - - (function comments(){ - let comments, form, replyNotice, open; - - comments = elem('.comments'); - form = elem('.form'); - button = elem('.form_toggle'); - replyNotice = elem('.reply_notice') - open = 'form_open'; - - let successOutput, errorOutput; - - successOutput = { - modalTitle: translations.success.title, - modalText: translations.success.text, - modalClose: translations.success.close - }; - errorOutput = { - modalTitle: translations.error.title, - modalText: translations.error.text, - modalClose: translations.error.close - }; - - function feedbackModal() { - let body, button, children; - body = createEl(); - pushClass(body, 'modal_text'); - button = createEl(); - pushClass(button, 'btn'); - pushClass(button, 'modal_close'); - children = [ - body, - button - ]; - return children; - } - - function confirmModal() { - // confirm if you want to exit form - let group, button, cancel; - group = createEl(); - pushClass(group, 'btn_group'); - button = createEl(); - pushClass(button, 'btn'); - pushClass(button, 'modal_close') - pushClass(button, 'form_close') - cancel = createEl(); - pushClass(cancel, 'modal_close') - pushClass(cancel, 'btn_close'); - pushClass(cancel, 'icon'); - group.appendChild(button); - group.appendChild(cancel); - return group; - } - - function handleForm(form) { - - function formValues() { - // returns an object with form field values - let deadWeight, fields, fieldAreas, obj; - fieldAreas = elems('.form_input', form); - fields = Array.from(fieldAreas); - obj = Object.create(null); - deadWeight = ['fields', 'options', '[' , ']', 'undefined']; - - fields.map(function(field) { - let key, value; - key = deleteChars(field.name, deadWeight); - key = convertToUnderScoreCase(key); - value = field.value; - obj[key] = value; - }); - return obj; - } - - (function submitForm() { - form.addEventListener('submit', function (event) { - event.preventDefault(); - - let fields, recaptchaResponse, submit, url; - url = [endpoint, 'v3/entry', gitProvider, username, repository, branch, 'comments'].join('/'); - fields = formValues(); - submit = elem('.form_submit', form); - recaptchaResponse = elem('[name="g-recaptcha-response"]', form); - - submit.value = translations.submitted; - - function formActions(info) { - showModal(info); - submit.value = translations.submit; - } - - let data = { - fields: { - name: fields.name, - email: fields.email, - comment: fields.comment, - replyID: fields.reply_id, - replyName: fields.reply_name, - replyThread: fields.reply_thread - }, - options: { - slug: fields.slug - } - }; - - if (staticman.secret){ - data.options.reCaptcha = {}; - data.options.reCaptcha.siteKey = staticman.siteKey; - data.options.reCaptcha.secret = staticman.secret; - data["g-recaptcha-response"] = recaptchaResponse.value; - } - - fetch(url, { - method: "POST", - body: JSON.stringify(data), - headers: { - "Content-Type": "application/json" - } - }).then(function(res) { - if(res.ok) { - formActions(successOutput); - } else { - formActions(errorOutput); - } - }).catch(function(error) { - formActions(errorOutput); - console.error('Error:', error); - }); - }); - })(); - - function getHiddenFields() { - let reply_id, reply_name, reply_thread, reply_to, obj; - - reply_id = elem('.reply_id', form); - reply_name = elem('.reply_name', form); - reply_thread = elem('.reply_thread', form); - reply_to = elem('.reply_to', form); - - obj = { - id: reply_id, - name: reply_name, - thread: reply_thread, - to: reply_to - } - - return obj; - } - - function setReplyValues(trigger) { - let comment, id, name, thread; - - let reply_fields = getHiddenFields(); - - comment = trigger.parentNode; - id = comment.id; - name = elem('.comment_name_span', comment); - thread = elem('.comment_thread', comment); - reply_fields.thread.value = thread.textContent; - reply_fields.id.value = id; - reply_fields.name.value = name.textContent; - reply_fields.to.textContent = name.textContent; - } - - function resetReplyValues() { - let reply_fields; - reply_fields = getHiddenFields(); - const values = Object.entries(reply_fields); - for (const [key, element] of values) { - if (key == 'to') { - element.textContent = ''; - } else { - element.value = ''; - } - } - } - - function toggleForm(action = true) { - let reply_to, toggle_btn; - action = action ? pushClass : deleteClass; - toggle_btn = elem('.form_toggle'); - action(form, open); - action(toggle_btn, hidden); - reply_to = getHiddenFields().to.textContent; - isBlank(reply_to) ? pushClass(replyNotice, hidden) : deleteClass(replyNotice, hidden) ; - } - - comments.addEventListener('click', function (event){ - let confirm, fields, modal, target, obj, formIsEmpty, hiddenValuesEmpty; - - // buttons - let isFormCloseBtn, isFormToggleBtn, isModalCloseBtn, isResetFormBtn, isReplyBt; - - target = event.target; - fields = formValues(); - formIsEmpty = isBlank(fields.name) && isBlank(fields.comment) && isBlank(fields.email) ? true : false; - hiddenValuesEmpty = isBlank(fields.reply_id) ? true : false; - - isFormCloseBtn = containsClass(target, 'form_close'); - isFormToggleBtn = containsClass(target, 'form_toggle'); - isModalCloseBtn = containsClass(target, 'modal_close'); - isResetFormBtn = containsClass(target, 'form_reset'); - isReplyBtn = containsClass(target, 'reply_btn'); - - isReplyBtn ? setReplyValues(target) : false; - isReplyBtn || isFormToggleBtn ? toggleForm() : false; - isFormCloseBtn ? toggleForm(false) : false; - - if (isFormCloseBtn) { - form.reset(); - } - - if (isResetFormBtn) { - if (formIsEmpty) { - hiddenValuesEmpty ? false : resetReplyValues(); - toggleForm(false); - } else { - obj = { - modalTitle: translations.discard.title, - modalClose: translations.discard.button - } - confirm = confirmModal(); - createModal(confirm, comments); - fillModal(obj); - } - } - - if (isModalCloseBtn) { - modal = target.closest('.modal'); - modal.remove(); - deleteClass(doc, 'modal_show'); - } - }); - } - - form ? handleForm(form) : false; - - function showModal(obj) { - let feedbackBody; - feedback = feedbackModal(); - createModal(feedback, comments); - fillModal(obj); - } - - })(); - - (function makeExternalLinks(){ - let links = elems('a'); - if(links) { - Array.from(links).forEach(function(link){ - let target, rel, blank, noopener, attr1, attr2, url, isExternal; - url = elemAttribute(link, 'href'); - isExternal = (url && typeof url == 'string' && url.startsWith('http')) && !url.startsWith(parentURL) ? true : false; - if(isExternal) { - target = 'target'; - rel = 'rel'; - blank = '_blank'; - noopener = 'noopener'; - attr1 = elemAttribute(link, target); - attr2 = elemAttribute(link, noopener); - - attr1 ? false : elemAttribute(link, target, blank); - attr2 ? false : elemAttribute(link, rel, noopener); - } - }); - } - })(); - - let headingNodes = [], results, link, icon, current, id, - tags = ['h2', 'h3', 'h4', 'h5', 'h6']; - - current = document.URL; - - tags.forEach(function(tag){ - results = document.getElementsByTagName(tag); - Array.prototype.push.apply(headingNodes, results); - }); - - headingNodes.forEach(function(node){ - link = createEl('a'); - icon = createEl('img'); - icon.src = '{{ absURL "images/icons/link.svg" }}'; - link.className = 'link'; - link.appendChild(icon); - id = node.getAttribute('id'); - if(id) { - link.href = `${current}#${id}`; - node.appendChild(link); - pushClass(node, 'link_owner'); - } - }); - - let inlineListItems = elems('ol li'); - if(inlineListItems) { - inlineListItems.forEach(function(listItem){ - let firstChild = listItem.children[0] - let containsHeading = isMatch(firstChild, tags); - containsHeading ? pushClass(listItem, 'align') : false; - }) - } - - const copyToClipboard = str => { - let copy, selection, selected; - copy = createEl('textarea'); - copy.value = str; - copy.setAttribute('readonly', ''); - copy.style.position = 'absolute'; - copy.style.left = '-9999px'; - selection = document.getSelection(); - doc.appendChild(copy); - // check if there is any selected content - selected = selection.rangeCount > 0 ? selection.getRangeAt(0) : false; - copy.select(); - document.execCommand('copy'); - doc.removeChild(copy); - if (selected) { // if a selection existed before copying - selection.removeAllRanges(); // unselect existing selection - selection.addRange(selected); // restore the original selection - } - } - - (function copyHeadingLink() { - let deeplink, deeplinks, newLink, parent, target; - deeplink = 'link'; - deeplinks = elems(`.${deeplink}`); - if(deeplinks) { - document.addEventListener('click', function(event) - { - target = event.target; - parent = target.parentNode; - if (target && containsClass(target, deeplink) || containsClass(parent, deeplink)) { - event.preventDefault(); - newLink = target.href != undefined ? target.href : target.parentNode.href; - copyToClipboard(newLink); - } - }); - } - })(); - - (function copyLinkToShare() { - let copy, copied, excerpt, isCopyIcon, isInExcerpt, link, postCopy, postLink, target; - copy = 'copy'; - copied = 'copy_done'; - excerpt = 'excerpt'; - postCopy = 'post_copy'; - postLink = 'post_card'; - - doc.addEventListener('click', function(event) { - target = event.target; - isCopyIcon = containsClass(target, copy); - let isWithinCopyIcon = target.closest(`.${copy}`); - if (isCopyIcon || isWithinCopyIcon) { - let icon = isCopyIcon ? isCopyIcon : isWithinCopyIcon; - isInExcerpt = containsClass(icon, postCopy); - if (isInExcerpt) { - link = target.closest(`.${excerpt}`).previousElementSibling; - link = containsClass(link, postLink)? elemAttribute(link, 'href') : false; - } else { - link = window.location.href; - } - if(link) { - copyToClipboard(link); - pushClass(icon, copied); - } - } - }); - })(); - - (function hideAside(){ - let aside, title, posts; - aside = elem('.aside'); - title = aside ? aside.previousElementSibling : null; - if(aside && title.nodeName.toLowerCase() === 'h3') { - posts = Array.from(aside.children); - posts.length < 1 ? title.remove() : false; - } - })(); - - (function goBack() { - let backBtn = elem('.btn_back'); - let history = window.history; - if (backBtn) { - backBtn.addEventListener('click', function(){ - history.back(); - }); - } - })(); - - (function postsPager(){ - const pager = elem('.pagination'); - if (pager) { - pushClass(pager, 'pager'); - const pagerItems = elems('li', pager); - const pagerLinks = Array.from(pagerItems).map(function(item){ - return item.firstElementChild; - }); - - pagerLinks.forEach(function(link){ - pushClass(link, 'pager_link') - }); - - pagerItems.forEach(function(item){ - pushClass(item, 'pager_item') - }); - } - })(); - - // add new code above this line -} -window.addEventListener('load', fileClosure()); diff --git a/themes/desem-swift-theme/assets/js/redzuurdesem.js b/themes/desem-swift-theme/assets/js/redzuurdesem.js new file mode 100644 index 0000000..f452c0b --- /dev/null +++ b/themes/desem-swift-theme/assets/js/redzuurdesem.js @@ -0,0 +1,71 @@ +(function() { + var fbposts = document.querySelector('#fbposts'); + function whoops(error) { + console.log(error); + fbposts.innerHTML = "
  • Er is iets misgelopen bij het ophalen van Facebook posts.
  • "; + } + function parseFeed(response) { + if(response && !response.error) { + var html = ""; + + response.data.forEach(function(elem) { + var id = elem.id.substring(elem.id.indexOf('_') + 1, elem.id.length); + html += "
  • "; + }); + + fbposts.innerHTML = html; + FB.XFBML.parse(fbposts); + } else { + whoops(response.error); + } + } + + function getRedZuurdesemFacebookFeed() { + try { + FB.api("/redzuurdesem/feed?limit=4&access_token=" + window.fbtoken, parseFeed); + } catch(e) { + whoops(e); + } + } + + function fbCommunityHeaderify() { + var elem = document.querySelector('#fb-community-header'); + if(!elem) return; + + var list = [ + "Starter dood? Facebook to the rescue", + "Hulp nodig? Laat een berichtje achter", + "Brood mislukt? Laat ons helpen", + "Ongerezen brood? Schakel hulp in", + "Smaakmakers nodig? Brainstorm hier mee", + "moeilijkheden met je deeg? Zo opgelost", + "Desem te zuur? Vraag om tips", + "Eerste experiment gelukt? Deel de vreugde", + "Mooi brood gebakken? Deel de vreugde", + "Lekker brood gebakken? Deel je trots", + "Zuurdesemstarter gemaakt? Deel je trots", + "Prachtige 'brood-foto' gemaakt? Deel je vreugde", + "Trots op je zelfgemaakt brood? Deel je vreugde" + ]; + + var index = Math.floor(Math.random() * list.length); + elem.innerHTML = list[index] + ' »'; + } + + function fbCommunityContainer() { + var elem = document.querySelector('#fb-community-container'); + if(!elem) return; + + // https://developers.facebook.com/docs/plugins/page-plugin/ - max is 600 + var width = 600; + var vw = Math.max(document.documentElement.clientWidth, window.innerWidth || 0); + if(vw < width) width = vw - 10; + elem.innerHTML = '
    '; + } + + if(fbposts && window.fbtoken) { + window.fbAsyncInit = getRedZuurdesemFacebookFeed; + } + fbCommunityHeaderify(); + fbCommunityContainer(); +})() diff --git a/themes/desem-swift-theme/assets/js/timeago.js b/themes/desem-swift-theme/assets/js/timeago.js deleted file mode 100644 index d4760e3..0000000 --- a/themes/desem-swift-theme/assets/js/timeago.js +++ /dev/null @@ -1,54 +0,0 @@ -function calculateTimeSince(num){ - const currentTime = Math.floor(Date.now()/1000); - const timestamp = parseInt(num); - const timeSince = currentTime - timestamp; - - var timeAgo; - var timeTag; - var minute = 60; - var hour = 3600; - var day = 86400; - var week = 604800; - var month = 2.628e+6; - var year = 3.154e+7; - - if (timeSince < minute ) { - timeAgo = 1; - timeTag = timeAgo < 2 ? '{{ i18n "oneMin" }}' : '{{ i18n "moreMin" }}'; - } else if (timeSince > minute && timeSince < hour ) { - timeAgo = Math.ceil(timeSince / minute); - timeTag = timeAgo < 2 ? '{{ i18n "oneMin" }}' : '{{ i18n "moreMin" }}'; - } else if (timeSince > hour && timeSince < day ) { - timeAgo = Math.floor(timeSince / hour); - timeTag = timeAgo < 2 ? '{{ i18n "oneHr" }}' : '{{ i18n "moreHr" }}'; - } else if (timeSince > day && timeSince < week) { - timeAgo = Math.floor(timeSince / day); - timeTag = timeAgo < 2 ? '{{ i18n "oneDay" }}' : '{{ i18n "moreDay" }}'; - } else if (timeSince > week && timeSince < month) { - timeAgo = Math.floor(timeSince / week); - timeTag = timeAgo < 2 ? '{{ i18n "oneWk" }}' : '{{ i18n "moreWk" }}'; - } else if (timeSince > month && timeSince < year) { - timeAgo = Math.floor(timeSince / month); - timeTag = timeAgo < 2 ? '{{ i18n "oneMonth" }}' : '{{ i18n "moreMonth" }}'; - } else if (timeSince > year) { - timeAgo = Math.floor(timeSince / year); - timeTag = timeAgo < 2 ? '{{ i18n "oneYr" }}' : '{{ i18n "moreYr" }}'; - } - - return `{{ i18n "timeAgoStr" }}`; -} - -function populateCommentsTime(nodes) { - if (nodes) { - nodes.forEach(function(node) { - let durationTime = node.dataset.time; - let durationSeconds = Math.ceil(Date.parse(durationTime) / 1000) ; - let durationSince = calculateTimeSince(durationSeconds); - node.innerHTML = `${durationSince}`; - }); - } -} - -const durations = document.querySelectorAll('.comment_heading'); - -populateCommentsTime(durations); diff --git a/themes/desem-swift-theme/assets/sass/_components.sass b/themes/desem-swift-theme/assets/sass/_components.sass index 2de8384..ab09995 100644 --- a/themes/desem-swift-theme/assets/sass/_components.sass +++ b/themes/desem-swift-theme/assets/sass/_components.sass @@ -60,13 +60,15 @@ button color: white .index-title + height: 95vh !important + h1 @media (min-width: 960px) margin-left: 2em - font-size: 5em + font-size: 6em margin-left: 0.5em - font-size: 4em + font-size: 5em font-family: 'Signika', sans-serif text-transform: uppercase margin-top: 0.5em diff --git a/themes/desem-swift-theme/assets/sass/_posts.sass b/themes/desem-swift-theme/assets/sass/_posts.sass index 762a161..d8f86b0 100644 --- a/themes/desem-swift-theme/assets/sass/_posts.sass +++ b/themes/desem-swift-theme/assets/sass/_posts.sass @@ -137,6 +137,9 @@ &_title text-align: center font-size: 2.5rem + font-family: 'Signika', sans-serif + + color: var(--title) @extend %narrow &_author diff --git a/themes/desem-swift-theme/layouts/_default/single.html b/themes/desem-swift-theme/layouts/_default/single.html index 880023a..b9ea22c 100644 --- a/themes/desem-swift-theme/layouts/_default/single.html +++ b/themes/desem-swift-theme/layouts/_default/single.html @@ -6,25 +6,31 @@ {{- if isset .Params "featured_image" }} {{- $scratch.Set "image" .Params.featured_image }} {{- else }} - {{ $scratch.Set "image" "thumbnail.svg" }} + {{- $scratch.Set "image" "nop" }} {{- end }} {{- end }} {{- $image := $scratch.Get "image" }} -{{- $bg := ( $image | absLangURL) }} -
    -
    -
    - {{- with .Params.tags -}} - {{- range first 10 . }} - {{- $tag := . | urlize }} - + +{{ if eq $image "nop" }} +
    +
    +{{ else }} + {{- $bg := ( $image | absLangURL) }} +
    +
    +
    + {{- with .Params.tags -}} + {{- range first 10 . }} + {{- $tag := . | urlize }} + + {{- end }} {{- end }} - {{- end }} +
    -
    -
    +

    +{{ end }}
    + +{{ if not (isset .Params "disablefb") }}
    -

    - - »

    +

    Facebook community »

    Klik op 'Berichten' en laat iets van je horen!

    - +
    +
    Bezig met laden... +
    - -{{- $timeagoScr := resources.Get "js/timeago.js" | resources.ExecuteAsTemplate "js/timeago.js" . }} - +{{ end }} + {{- end }} diff --git a/themes/desem-swift-theme/layouts/partials/footer.html b/themes/desem-swift-theme/layouts/partials/footer.html index 476674d..2b8a39e 100644 --- a/themes/desem-swift-theme/layouts/partials/footer.html +++ b/themes/desem-swift-theme/layouts/partials/footer.html @@ -6,9 +6,8 @@

    -{{- $mainScriptPath := "js/index.js" }} +{{- $mainScriptPath := "js/redzuurdesem.js" }} {{- $scripts := resources.Get $mainScriptPath | resources.ExecuteAsTemplate $mainScriptPath . | resources.Minify | resources.Fingerprint "sha512" }} -
    diff --git a/themes/desem-swift-theme/static/js/autosize.min.js b/themes/desem-swift-theme/static/js/autosize.min.js deleted file mode 100644 index 7353c45..0000000 --- a/themes/desem-swift-theme/static/js/autosize.min.js +++ /dev/null @@ -1,140 +0,0 @@ -! function(e, t) { - if ("function" == typeof define && define.amd) define(["exports", "module"], t); - else if ("undefined" != typeof exports && "undefined" != typeof module) t(exports, module); - else { - var n = { - exports: {} - }; - t(n.exports, n), e.autosize = n.exports - } -}(this, function(e, t) { - "use strict"; - - function n(e) { - function t() { - var t = window.getComputedStyle(e, null); - "vertical" === t.resize ? e.style.resize = "none" : "both" === t.resize && (e.style.resize = "horizontal"), s = "content-box" === t.boxSizing ? -(parseFloat(t.paddingTop) + parseFloat(t.paddingBottom)) : parseFloat(t.borderTopWidth) + parseFloat(t.borderBottomWidth), isNaN(s) && (s = 0), l() - } - - function n(t) { - var n = e.style.width; - e.style.width = "0px", e.offsetWidth, e.style.width = n, e.style.overflowY = t - } - - function o(e) { - for (var t = []; e && e.parentNode && e.parentNode instanceof Element;) e.parentNode.scrollTop && t.push({ - node: e.parentNode, - scrollTop: e.parentNode.scrollTop - }), e = e.parentNode; - return t - } - - function r() { - var t = e.style.height, - n = o(e), - r = document.documentElement && document.documentElement.scrollTop; - e.style.height = ""; - var i = e.scrollHeight + s; - return 0 === e.scrollHeight ? void(e.style.height = t) : (e.style.height = i + "px", u = e.clientWidth, n.forEach(function(e) { - e.node.scrollTop = e.scrollTop - }), void(r && (document.documentElement.scrollTop = r))) - } - - function l() { - r(); - var t = Math.round(parseFloat(e.style.height)), - o = window.getComputedStyle(e, null), - i = "content-box" === o.boxSizing ? Math.round(parseFloat(o.height)) : e.offsetHeight; - if (i !== t ? "hidden" === o.overflowY && (n("scroll"), r(), i = "content-box" === o.boxSizing ? Math.round(parseFloat(window.getComputedStyle(e, null).height)) : e.offsetHeight) : "hidden" !== o.overflowY && (n("hidden"), r(), i = "content-box" === o.boxSizing ? Math.round(parseFloat(window.getComputedStyle(e, null).height)) : e.offsetHeight), a !== i) { - a = i; - var l = d("autosize:resized"); - try { - e.dispatchEvent(l) - } catch (e) {} - } - } - if (e && e.nodeName && "TEXTAREA" === e.nodeName && !i.has(e)) { - var s = null, - u = e.clientWidth, - a = null, - c = function() { - e.clientWidth !== u && l() - }, - p = function(t) { - window.removeEventListener("resize", c, !1), e.removeEventListener("input", l, !1), e.removeEventListener("keyup", l, !1), e.removeEventListener("autosize:destroy", p, !1), e.removeEventListener("autosize:update", l, !1), Object.keys(t).forEach(function(n) { - e.style[n] = t[n] - }), i.delete(e) - }.bind(e, { - height: e.style.height, - resize: e.style.resize, - overflowY: e.style.overflowY, - overflowX: e.style.overflowX, - wordWrap: e.style.wordWrap - }); - e.addEventListener("autosize:destroy", p, !1), "onpropertychange" in e && "oninput" in e && e.addEventListener("keyup", l, !1), window.addEventListener("resize", c, !1), e.addEventListener("input", l, !1), e.addEventListener("autosize:update", l, !1), e.style.overflowX = "hidden", e.style.wordWrap = "break-word", i.set(e, { - destroy: p, - update: l - }), t() - } - } - - function o(e) { - var t = i.get(e); - t && t.destroy() - } - - function r(e) { - var t = i.get(e); - t && t.update() - } - var i = "function" == typeof Map ? new Map : function() { - var e = [], - t = []; - return { - has: function(t) { - return e.indexOf(t) > -1 - }, - get: function(n) { - return t[e.indexOf(n)] - }, - set: function(n, o) { - e.indexOf(n) === -1 && (e.push(n), t.push(o)) - }, - delete: function(n) { - var o = e.indexOf(n); - o > -1 && (e.splice(o, 1), t.splice(o, 1)) - } - } - }(), - d = function(e) { - return new Event(e, { - bubbles: !0 - }) - }; - try { - new Event("test") - } catch (e) { - d = function(e) { - var t = document.createEvent("Event"); - return t.initEvent(e, !0, !1), t - } - } - var l = null; - "undefined" == typeof window || "function" != typeof window.getComputedStyle ? (l = function(e) { - return e - }, l.destroy = function(e) { - return e - }, l.update = function(e) { - return e - }) : (l = function(e, t) { - return e && Array.prototype.forEach.call(e.length ? e : [e], function(e) { - return n(e, t) - }), e - }, l.destroy = function(e) { - return e && Array.prototype.forEach.call(e.length ? e : [e], o), e - }, l.update = function(e) { - return e && Array.prototype.forEach.call(e.length ? e : [e], r), e - }), t.exports = l -}); - -autosize(document.querySelector('textarea')); \ No newline at end of file diff --git a/themes/desem-swift-theme/static/js/timeago.js b/themes/desem-swift-theme/static/js/timeago.js deleted file mode 100644 index 6bc5f26..0000000 --- a/themes/desem-swift-theme/static/js/timeago.js +++ /dev/null @@ -1,55 +0,0 @@ -function calculateTimeSince(num){ - const currentTime = Math.floor(Date.now()/1000); - const timestamp = parseInt(num); - const timeSince = currentTime - timestamp; - - var timeAgo; - var timeTag; - var minute = 60; - var hour = 3600; - var day = 86400; - var week = 604800; - var month = 2.628e+6; - var year = 3.154e+7; - - if (timeSince < minute ) { - timeAgo = 1; - timeTag = ' MIN'; - } else if (timeSince > minute && timeSince < hour ) { - timeAgo = Math.ceil(timeSince / minute); - timeTag = ' MIN'; - } else if (timeSince > hour && timeSince < day ) { - timeAgo = Math.floor(timeSince / hour); - timeTag = ' HR'; - } else if (timeSince > day && timeSince < week) { - timeAgo = Math.floor(timeSince / day); - timeTag = ' DAY'; - } else if (timeSince > week && timeSince < month) { - timeAgo = Math.floor(timeSince / week); - timeTag = ' WK'; - } else if (timeSince > month && timeSince < year) { - timeAgo = Math.floor(timeSince / month); - timeTag = ' MONTH'; - } else if (timeSince > year) { - timeAgo = Math.floor(timeSince / year); - timeTag = ' YR'; - } - - let decorator = timeAgo < 2 ? ' AGO' : 'S AGO'; - return `${timeAgo} ${timeTag}${decorator}`; -} - -function populateCommentsTime(nodes) { - if (nodes) { - nodes.forEach(function(node) { - let durationTime = node.dataset.time; - let durationSeconds = Math.ceil(Date.parse(durationTime) / 1000) ; - let durationSince = calculateTimeSince(durationSeconds); - node.innerHTML = `${durationSince}`; - }); - } -} - -const durations = document.querySelectorAll('.comment_heading'); - -populateCommentsTime(durations);