diff --git a/.gitignore b/.gitignore index 6c1aa37..43dbbed 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ .cache dist/ -node_modules \ No newline at end of file +src/_includes/css/ +node_modules/ \ No newline at end of file diff --git a/README.md b/README.md index a4396dc..f8d029b 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ My Online Cookbook is a starter kit to create your own website of recipes, using [Eleventy](https://11ty.io) and [Netlify CMS](https://www.netlifycms.org/). It is meant to be both highly accessible (including to non-developers), as well as fully customisable should you want to use it as a starting off point. -Demo (this is what you get out of the box) : [mycookbook.netlify.app](mycookbook.netlify.app) +Demo (this is what you get out of the box) : [myonlinecookbook.netlify.app](myonlinecookbook.netlify.app) ## Features diff --git a/src/_includes/css/main.css b/src/_includes/css/main.css deleted file mode 100644 index ca9aa83..0000000 --- a/src/_includes/css/main.css +++ /dev/null @@ -1 +0,0 @@ -*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0}body{min-height:100vh;margin:0;padding:0;scroll-behavior:smooth;text-rendering:optimizeSpeed}ol[class],ul[class]{list-style:none;padding:0}img{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}.u-hide{display:none !important}.u-show{display:initial !important}.u-sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.u-print-only{display:none !important}@media print{.u-print-only{display:initial !important}}.u-bgc-grey-100{background-color:var(--color-grey-100)}.u-highlight{background-color:rgba(250,243,145,.5)}:root{--color-grey-100: #F9FAFB;--color-grey-200: #F3F4F6;--color-grey-300: #E5E7EB;--color-grey-400: #D1D5DB;--color-grey-500: #9CA3AF;--color-grey-800: #4B5563;--color-grey-900: #3A3A3A;--color-white: #ffffff;--box-shadow-light: 0 4px 4px 0 rgba(0, 0, 0, .1);--box-shadow-heavy: 0 4px 8px 4px rgba(0, 0, 0, .1);--shadow-md: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl: 0 25px 50px -12px rgba(0,0,0,0.25)}body{display:flex;flex-direction:column}main{display:flex;flex-direction:column}[x-cloak]{display:none !important}section{padding:30px 0}@media all and (min-width: 768px){section{padding:60px 0}}h1{text-align:center;font-size:clamp(3rem,calc(1rem + 3vw),4rem);margin-bottom:18px}h2{text-align:center;font-size:clamp(2rem,calc(1rem + 2vw),3.4rem);margin-bottom:42px}h3{font-size:clamp(1.6rem,calc(1rem + 1vw),2.6rem);margin-bottom:18px}a{color:var(--color-secondary);text-decoration:underline 2px;text-underline-offset:2px}a:hover,a:focus{outline:none;text-decoration:underline 4px}a:focus-visible{outline:2px solid var(--color-secondary)}button{cursor:pointer}input:focus{outline:none;box-shadow:0 0 0 2px var(--color-secondary)}@font-face{font-family:"Vollkorn";font-style:normal;font-weight:400;font-display:swap;src:local("Vollkorn Regular"),local("Vollkorn-Regular"),url("/fonts/Vollkorn-Regular.woff2") format("woff2"),url("/fonts/Vollkorn-Regular.woff") format("woff")}@font-face{font-family:"Vollkorn";font-style:normal;font-weight:600;font-display:swap;src:local("Vollkorn SemiBold"),local("Vollkorn-SemiBold"),url("/fonts/Vollkorn-SemiBold.woff2") format("woff2"),url("/fonts/Vollkorn-SemiBold.woff") format("woff")}body{font-size:1rem;font-family:Sentinel SSm A,Sentinel SSm B,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:"Vollkorn",serif;font-weight:600}.l-container{margin:0 auto;max-width:1140px;padding-left:18px;padding-right:18px}.l-header,.l-footer{padding:12px;display:flex;justify-content:space-between}.l-footer{margin-top:auto}.c-card__wrapper{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:30px}.c-card{margin:0 auto;max-width:600px;display:flex;flex-direction:column;border-radius:20px;background-color:var(--color-white);box-shadow:var(--shadow-md);text-decoration:none;color:var(--color-grey-900)}.c-card:hover,.c-card:focus{outline:none;box-shadow:var(--shadow-lg);color:var(--color-grey-900);text-decoration:none}.c-card:focus-visible{box-shadow:0 0 0 2px var(--color-secondary),var(--shadow-lg)}.c-card__image{width:100%;height:160px;background-color:var(--color-grey-500);object-fit:cover;border-radius:20px 20px 0 0}.c-card__info{padding:12px;display:flex;gap:18px;justify-content:space-between;align-items:center;background-color:var(--color-primary)}.c-card__tag-first-letter{width:22px;height:22px;display:inline-flex;justify-content:center;align-items:center;font-weight:bold;background-color:var(--color-grey-900);color:var(--color-white);border-radius:50%}.card__time{display:flex;align-items:center}.card__time svg{margin-right:6px;fill:var(--color-grey-900)}.c-card__title-wrapper{flex-grow:1;display:flex;align-items:center;padding:12px 18px}.c-card__title{font-size:1.4rem;margin:0}.c-home::before{content:"";position:absolute;z-index:-10;width:100%;height:400px;background-image:linear-gradient(to bottom, var(--color-primary), var(--color-white));background-color:rgba(255,255,255,.3);background-blend-mode:overlay}.c-home__title-author{background-color:var(--color-white);padding:2px 12px;text-decoration:underline dashed;text-underline-offset:6px}.c-tags__label{margin-bottom:6px;text-align:center}.c-nav{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);font-weight:600;font-size:1.2rem}.c-nav__list{display:flex;align-items:center;gap:30px}.c-nav__logo svg{box-shadow:var(--box-shadow-light)}.c-nav__home{display:flex;align-items:center;color:var(--color-grey-900);text-decoration:none}.c-nav__home:hover,.c-nav__home:focus{text-decoration:none}.c-nav__home-text{margin-left:18px}@media all and (max-width: 576px){.c-nav__home-text{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}}.c-nav__nav-item{padding:4px 8px;color:var(--color-grey-900);text-decoration:none}.c-nav__nav-item:hover,.c-nav__nav-item:focus{text-decoration:none;background-color:var(--color-grey-900);color:var(--color-white);border-radius:6px}.c-nav__nav-item--active{background-color:var(--color-grey-900);color:var(--color-white);border-radius:6px}.c-recipe__header-image{width:100%;object-fit:cover;height:40vh;min-height:300px}.c-recipe__title{padding:20px;background-color:var(--color-primary)}.c-recipe__ingredients-list li{margin-bottom:12px}.c-recipe__ingredients-list li::before{content:"-";margin-right:6px}.c-recipe__additional-info{margin-bottom:30px}.c-recipe__additional-info svg{margin-right:6px;fill:var(--color-grey-900)}.c-recipe__recipe-content-wrapper{display:flex;flex-direction:column;gap:30px}@media all and (min-width: 768px){.c-recipe__recipe-content-wrapper{display:grid;grid-template-columns:400px 1fr;grid-template-rows:min-content 1fr;grid-template-areas:"ingredients tags" "ingredients instructions";gap:18px}}.c-recipe__tag-list{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:12px}@media all and (min-width: 768px){.c-recipe__tag-list{grid-area:tags;margin-bottom:0}}@media all and (min-width: 768px){.c-recipe__ingredients-wrapper{grid-area:ingredients}}.c-recipe__serving-button{height:20px;width:20px;padding:0;display:inline-flex;justify-content:center;align-items:center;background-color:var(--color-grey-900);border:none;border-radius:50%;color:var(--color-white)}.c-recipe__serving-button:hover,.c-recipe__serving-button:focus{background-color:var(--color-grey-800)}@media all and (min-width: 768px){.c-recipe__instructions-wrapper{grid-area:instructions}}.c-recipe__instructions-wrapper p{margin-bottom:18px}.c-tags{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.c-tags__tag{display:inline-flex;padding:2px 6px;color:var(--color-grey-900);text-decoration:none;border:1px solid currentColor;border-radius:8px;font-size:1rem}.c-tags__tag:hover,.c-tags__tag:focus{text-decoration:none;color:var(--color-white);background-color:var(--color-grey-900)}.c-tag__tag--selected{color:var(--color-white);background-color:var(--color-grey-900);border:1px solid currentColor}.c-search__search-toggle{margin-left:20px;padding:10px;display:flex;background-color:transparent;border:none}.c-search__search-toggle>*{display:flex}.c-search__search-wrapper{font-weight:normal}.c-search__search-wrapper>*+*{margin-top:12px}.c-search__search-wrapper:not(.c-search__search-wrapper--home){position:absolute;top:60px;right:0;width:100%;background-color:var(--color-white);padding:24px;border:1px solid var(--color-grey-300);border-radius:6px;box-shadow:var(--shadow-xl);font-size:1rem}@media all and (min-width: 768px){.c-search__search-wrapper:not(.c-search__search-wrapper--home){max-width:500px}}.c-search__label{display:block}.c-search__label--home{text-align:center;font-weight:bold;font-size:1.2rem}.c-search__input-wrapper{position:relative}.c-search__input-wrapper--home{position:relative;width:100%;max-width:500px;margin-left:auto;margin-right:auto}.c-search__input-wrapper--home>svg{position:absolute;left:16px;top:16px}.c-search__input{width:100%;padding:4px 12px;border:2px solid var(--color-grey-900);border-radius:30px}.c-search__input--home{padding:12px 18px 12px 46px;width:100%;padding:12px 18px 12px 46px;border:2px solid var(--color-grey-900)}.c-search__close-button{display:flex;position:absolute;right:12px;top:8px;padding:0;border:none;background-color:transparent}.c-search__close-button svg{width:12px}.c-search__close-button--home{right:16px;top:16px}.c-search__close-button--home svg{width:17px}.c-search__search-results>*+*{margin-top:10px}.c-search__search-results{margin-top:30px}.c-search__search-result-link--home{font-size:1.2rem}.c-search__search-result-ingredients{font-style:italic}.c-search__search-result-ingredients--home{font-size:1rem}.c-search__random-link{display:block;width:max-content;margin:10px auto 0;padding:6px 10px;border:none;border-radius:4px;background-color:var(--color-grey-900);color:var(--color-white);font-weight:bold;text-decoration:none}.c-search__random-link:hover,.c-search__random-link:focus{text-decoration:none;background-color:var(--color-grey-800)}/*# sourceMappingURL=main.css.map */ diff --git a/src/_includes/css/main.css.map b/src/_includes/css/main.css.map deleted file mode 100644 index 467c1c3..0000000 --- a/src/_includes/css/main.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../../scss/_reset.scss","../../scss/_utility.scss","../../scss/_global.scss","../../scss/_mixins.scss","../../scss/_typography.scss","../../scss/_layout.scss","../../scss/components/_card.scss","../../scss/components/_home.scss","../../scss/components/_nav.scss","../../scss/components/_recipe.scss","../../scss/components/_recipe-tags.scss","../../scss/components/_search.scss"],"names":[],"mappings":"AACA,qBAGE,sBAIF,+DAcE,SAIF,KACE,iBACA,SACA,UACA,uBACA,6BAIF,oBACE,gBACA,UAIF,IACE,eACA,cAIF,6BAIE,aAIF,uCACE,EACE,oCACA,uCACA,qCACA,iCC5DJ,QACI,wBAGJ,QACI,2BAGJ,WACI,kBACA,cACA,SACA,UACA,WACA,gBAGJ,cACI,wBAGJ,aACI,cACI,4BAKR,gBACI,uCAGJ,aACI,sCCjCJ,MACI,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,uBAEA,kDACA,oDAEA,sEACA,8EACA,gDAGJ,KACI,aACA,sBAGJ,KACI,aACA,sBAIJ,UACI,wBAGJ,QACI,eChBA,kCDeJ,QAIQ,gBAIR,GACI,kBACA,4CACA,mBAGJ,GACI,kBACA,8CACA,mBAGJ,GACI,gDACA,mBAGJ,EACI,6BACA,8BACA,0BAEA,gBACI,aACA,8BAGJ,gBACI,yCAIR,OACI,eAIA,YACI,aACA,4CEhFR,WACI,uBACA,kBACA,gBACA,kBACA,gKAMJ,WACI,uBACA,kBACA,gBACA,kBACA,oKAMJ,KACI,eACA,iLACA,gBAGJ,kBACI,6BACA,gBC9BJ,aACI,cACA,iBACA,kBACA,mBAGJ,oBACI,aACA,aACA,8BAGJ,UACI,gBCdJ,iBACI,aACA,2DACA,SAGJ,QACI,cACA,gBACA,aACA,sBACA,mBACA,oCACA,4BACA,qBACA,4BAEA,4BACI,aACA,4BACA,4BACA,qBAGJ,sBACI,6DAKR,eACI,WACA,aACA,uCACA,iBACA,4BAGJ,cACI,aACA,aACA,SACA,8BACA,mBACA,sCAGJ,0BACI,WACA,YACA,oBACA,uBACA,mBACA,iBACA,uCACA,yBACA,kBAGJ,YACI,aACA,mBAEA,gBACI,iBACA,2BAIR,uBACI,YACA,aACA,mBACA,kBAGJ,eACI,iBACA,SC7EA,gBACI,WACA,kBACA,YACA,WACA,aACA,sFACA,sCACA,8BAIR,sBACI,oCACA,iBACA,iCACA,0BCjBJ,eACI,kBACA,kBAGJ,OACI,kBACA,WACA,aACA,8BACA,mBACA,yBACA,gBACA,iBAGJ,aACI,aACA,mBACA,SAGJ,iBACI,mCAGJ,aACI,aACA,mBACA,4BACA,qBAEA,sCACI,qBAIR,kBACI,iBAEA,kCAHJ,kBAIQ,kBACA,cACA,SACA,UACA,WACA,iBAIR,iBACI,gBACA,4BACA,qBAEA,8CACI,qBACA,uCACA,yBACA,kBAIR,yBACI,uCACA,yBACA,kBClEJ,wBACI,WACA,iBACA,YACA,iBAGJ,iBACI,aACA,sCAIA,+BACI,mBAEA,uCACI,YACA,iBAKZ,2BACI,mBAEA,+BACI,iBACA,2BAIR,kCACI,aACA,sBACA,SNjBA,kCMcJ,kCAMQ,aACA,gCACA,mCACA,oBACI,8CAEJ,UAIR,oBACI,mBACA,aACA,eACA,SNlCA,kCM8BJ,oBAOQ,eACA,iBNtCJ,kCM2CJ,+BAEQ,uBAIR,0BACI,YACA,WACA,UACA,oBACA,uBACA,mBACA,uCACA,YACA,kBACA,yBAEA,gEACI,uCN9DJ,kCMkEJ,gCAEQ,wBAGJ,kCACI,mBC1FR,QACI,aACA,SACA,uBACA,eAGJ,aACI,oBACA,gBACA,4BACA,qBACA,8BACA,kBACA,eAEA,sCACI,qBACA,yBACA,uCAIR,sBACI,yBACA,uCACA,8BC1BJ,yBACI,iBACA,aACA,aACA,6BACA,YAEA,2BACI,aAIR,0BACI,mBAEA,8BACI,gBAIR,+DACI,kBACA,SACA,QACA,WACA,oCACA,aACA,uCACA,kBACA,4BACA,eRZA,kCQEJ,+DAaQ,iBAIR,iBACI,cAGJ,uBACI,kBACA,iBACA,iBAGJ,yBACI,kBAGJ,+BACI,kBACA,WACA,gBACA,iBACA,kBAEA,mCACI,kBACA,UACA,SAIR,iBACI,WACA,iBACA,uCACA,mBAGJ,uBACI,4BACA,WACA,4BACA,uCAGJ,wBACI,aACA,kBACA,WACA,QACA,UACA,YACA,6BAEA,4BACI,WAIR,8BACI,WACA,SAEA,kCACI,WAKJ,8BACI,gBAIR,0BACI,gBAGJ,oCACI,iBAGJ,qCACI,kBAGJ,2CACI,eAGJ,uBACI,cACA,kBACA,mBACA,iBACA,YACA,kBACA,uCACA,yBACA,iBACA,qBAEA,0DACI,qBACA","file":"main.css"} \ No newline at end of file diff --git a/src/recipes/coconut-lentil-soup.md b/src/recipes/coconut-lentil-soup.md index a532a77..688e090 100644 --- a/src/recipes/coconut-lentil-soup.md +++ b/src/recipes/coconut-lentil-soup.md @@ -3,7 +3,6 @@ title: Coconut lentil soup tags: - Soup 🄣 - Vegan 🌱 - - Favourite ⭐ sourceLabel: Bon Appétit sourceURL: https://www.bonappetit.com/recipe/vegan-coconut-lentil-soup servings: 4