From 183772fceb3eb13402520fd0d2acae6441c363ec Mon Sep 17 00:00:00 2001 From: Jasmine Amalia <67263692+jasm1nii@users.noreply.github.com> Date: Mon, 30 Oct 2023 20:23:23 +0700 Subject: [PATCH] fix resource subpage formatting --- .../_assets/stylesheets/content_A2.css | 21 ++++++++++++------- .../_assets/stylesheets/content_A2.css.map | 2 +- .../resources/categories/art-design.md | 20 +++++++++--------- .../categories/webdev/code-templates-tools.md | 2 +- .../resources/resources_subpage_1.html.twig | 11 ++++++---- resources/scss/content_A2.scss | 20 +++++++++++------- 6 files changed, 45 insertions(+), 31 deletions(-) diff --git a/public_html/_assets/stylesheets/content_A2.css b/public_html/_assets/stylesheets/content_A2.css index f385f846..6a4c8e79 100644 --- a/public_html/_assets/stylesheets/content_A2.css +++ b/public_html/_assets/stylesheets/content_A2.css @@ -122,6 +122,8 @@ header nav a { #parent-category-name { font-size: larger; + font-weight: 500; + margin: 0; } section, #legend, main nav { @@ -260,7 +262,10 @@ footer li:first-child::before { margin-right: auto; margin-top: 5%; position: relative; - text-align: center; + text-align: right; + } + header nav { + text-align: left; } header nav li { display: inline; @@ -270,19 +275,19 @@ footer li:first-child::before { content: "✧"; margin-left: 0.5em; } - #themeToggle { - height: -moz-fit-content; - height: fit-content; - margin-bottom: 1em; - } #layout { margin-top: 0; flex-direction: column; } main { margin-top: 15%; - margin-right: 1em; - margin-left: 1em; + } + section { + border-right: none; + border-left: none; + } + #legend, main nav { + margin: 5vh 5vw; } footer { text-align: center; diff --git a/public_html/_assets/stylesheets/content_A2.css.map b/public_html/_assets/stylesheets/content_A2.css.map index 45dc8d94..fecbf3ad 100644 --- a/public_html/_assets/stylesheets/content_A2.css.map +++ b/public_html/_assets/stylesheets/content_A2.css.map @@ -1 +1 @@ -{"version":3,"sources":["content_A2.css","..\\..\\..\\resources\\scss\\content_A2.scss","..\\..\\..\\resources\\scss\\assets\\_font_instrument-sans.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB,6BAAA;ACAA;EACI,8BAAA;EACA,kBAAA;EACA,oRACE;AFEN;ACFA;EACI,uCAAA;EACA,uBAAA;ADIJ;;ACDA;EACI;IACI,UAAA;EDIN;ECFE;IACI,UAAA;EDIN;AACF;ACFA;EACI,6BAAA;EACA,6BAAA;EACA,gBAAA;ADIJ;ACHI;EACI,uCAAA;EACA,YAAA;ADKR;;ACFA;EACI,aAAA;EACA,yBAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ADKJ;ACJI;EACI,yBAAA;EACA,YAAA;ADMR;;ACHA;EACI,cAAA;EACA,kBAAA;ADMJ;;ACHA;EACI,+CAAA;EACA,qBAAA;EACA,kCAAA;ADMJ;;ACHA;EACI,0BAAA;EACA,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,2BAAA;EAAA,sBAAA;EACA,YAAA;EACA,iCAAA;EACA,qBAAA;EACA,UAAA;EACA,sBAAA;EACA,6BAAA;EACA,8BAAA;ADMJ;;ACJA;EACI,cAAA;EACA,aAAA;EACA,2BAAA;ADOJ;;ACJA;EACI,gBAAA;EACA,sBAAA;EACA,sBAAA;EACA,gBAAA;EACA,QAAA;EACA,2BAAA;EAAA,sBAAA;ADOJ;ACNI;EACI,gBAAA;ADQR;ACNI;EACI,eAAA;ADQR;ACNI;EACI,gBAAA;EACA,cAAA;ADQR;ACNI;EACI,YAAA;EACA,qBAAA;EACA,wBAAA;EACA,qBAAA;EACA,cAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADQR;ACPQ;EACI,kBAAA;EACA,qBAAA;EACA,cAAA;ADSZ;ACPQ;EACI,aAAA;EACA,kBAAA;ADSZ;ACRY;EACI,YAAA;EACA,mBAAA;ADUhB;ACPQ;EACI,qBAAA;EACA,wBAAA;ADSZ;;ACJA;EACI,iBAAA;ADOJ;;ACJA;EACI,qBAAA;EACA,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,mCAAA;ADOJ;;ACLA;EACI,cAAA;ADQJ;;ACLI;EACI,iBAAA;EACA,cAAA;EACA,gBAAA;EACA,iBAAA;EACA,yBAAA;EACA,qBAAA;ADQR;ACNI;EACI,eAAA;ADQR;;ACLA;EACI,2CAAA;EACA,YAAA;EACA,SAAA;EACA,iBAAA;ADQJ;;ACNA;EACI,kBAAA;EACA,aAAA;EACA,oBAAA;EACA,0CAAA;ADSJ;ACRI;EACI,eAAA;ADUR;;ACPA;EACI,gBAAA;EACA,iBAAA;EACA,qBAAA;EACA,wBAAA;EACA,iBAAA;ADUJ;;ACPA;EACI,gBAAA;EACA,kBAAA;ADUJ;;ACRA;EACI,gBAAA;EACA,kBAAA;ADWJ;ACVI;EACI,cAAA;ADYR;;ACTA;EACI,gBAAA;ADYJ;;ACVA;EACI,uBAAA;EACA,eAAA;EACA,kBAAA;ADaJ;;ACVA;EACI,kBAAA;EACA,eAAA;EACA,kBAAA;EACA,gBAAA;EACA,sBAAA;EACA,qBAAA;ADaJ;ACZI;EACI,gBAAA;ADcR;ACZI;EACI,UAAA;EACA,qBAAA;ADcR;ACZI;EACI,eAAA;EACA,iBAAA;ADcR;ACbQ;EACI,YAAA;EACA,iBAAA;EACA,iBAAA;ADeZ;ACbQ;EACI,aAAA;ADeZ;;ACVA;EACI,oCAAA;EACA,YAAA;ADaJ;;ACfA;EACI,oCAAA;EACA,YAAA;ADaJ;;ACXA;EACI,YAAA;EACA,aAAA;ADcJ;;ACZA;EACI,sBAAA;EACA,kBAAA;ADeJ;;ACbA;EACI,sBAAA;ADgBJ;;ACbA;EACI;IACI,uBAAA;IAAA,kBAAA;EDgBN;ECdE;IACI,cAAA;IACA,iBAAA;IACA,kBAAA;IACA,cAAA;IACA,kBAAA;IACA,kBAAA;EDgBN;ECfM;IACI,eAAA;IACA,mBAAA;EDiBV;EChBU;IACI,YAAA;IACA,kBAAA;EDkBd;ECdE;IACI,wBAAA;IAAA,mBAAA;IACA,kBAAA;EDgBN;ECdE;IACI,aAAA;IACA,sBAAA;EDgBN;ECdE;IACI,eAAA;IACA,iBAAA;IACA,gBAAA;EDgBN;ECdE;IACI,kBAAA;IACA,UAAA;IACA,iBAAA;IACA,kBAAA;IACA,YAAA;EDgBN;AACF;ACdA;EACI;IACI,uBAAA;IAAA,kBAAA;EDgBN;AACF;ACbA;EACI,kBAAA;EACA,6BAAA;EACA,gBAAA;EACA,8BAAA;EACA,8BAAA;EACA,gCAAA;EACA,sCAAA;EACA,8BAAA;EACA,sCAAA;ADeJ;;ACZA;EACI;IACI,gCAAA;IACA,uBAAA;EDeN;ECbE;IACI,wBAAA;EDeN;AACF;ACbA;EACI,gCAAA;EACA,uBAAA;ADeJ;;ACbI;EACI,wBAAA;ADgBR;;ACdI;EACI,YAAA;ADiBR;;ACfI;EACI,gCAAA;ADkBR;;ACCA;EACI;IALA,iCAAA;IACA,wBAAA;EDQF;ECpBE;IACI,yCAAA;EDsBN;ECpBE;IACI,yBAAA;EDsBN;ECrBM;IACI,YAAA;EDuBV;AACF;ACTA;EAVI,iCAAA;EACA,wBAAA;ADsBJ;AClCI;EACI,yCAAA;ADoCR;AClCI;EACI,yBAAA;ADoCR;ACnCQ;EACI,YAAA;ADqCZ","file":"content_A2.css","sourcesContent":["@charset \"UTF-8\";\n/* resource subpage level 1 */\n@font-face {\n font-family: \"Instrument Sans\";\n font-display: swap;\n src: url(\"/_assets/fonts/Instrument_Sans/InstrumentSans-VariableFont_wdth-wght.woff2\") format(\"woff2\"), url(\"/_assets/fonts/Instrument_Sans/InstrumentSans.woff\") format(\"woff\"), url(\"/_assets/fonts/Instrument_Sans/InstrumentSans-VariableFont_wdth-wght.ttf\") format(\"truetype\");\n}\n:root {\n --font-1: \"Instrument Sans\", sans-serif;\n --links-hover-bg: white;\n}\n\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\na {\n background-color: transparent;\n transition: all 0.2s ease-out;\n font-weight: 600;\n}\na:hover {\n background-color: var(--links-hover-bg);\n color: black;\n}\n\nbutton {\n font: inherit;\n background-color: inherit;\n color: inherit;\n border: 1px solid;\n cursor: pointer;\n}\nbutton:hover {\n background-color: thistle;\n color: black;\n}\n\n#themeSwitch {\n padding: 0.5em;\n margin-bottom: 1em;\n}\n\n* {\n scrollbar-color: rgb(184, 140, 184) transparent;\n scrollbar-width: thin;\n text-rendering: optimizeLegibility;\n}\n\nbody {\n font-family: var(--font-1);\n font-size: 1.1em;\n font-stretch: 95%;\n line-height: 1.5em;\n max-width: fit-content;\n margin: auto;\n scrollbar-color: pink transparent;\n scrollbar-width: thin;\n opacity: 0;\n animation: fadeIn 0.5s;\n animation-fill-mode: forwards;\n transition: all 0.25s ease-out;\n}\n\n#layout {\n margin-top: 5%;\n display: flex;\n flex-direction: row-reverse;\n}\n\nheader {\n margin-left: 3em;\n letter-spacing: 0.05em;\n align-self: flex-start;\n position: sticky;\n top: 2em;\n max-width: min-content;\n}\nheader h1 {\n font-size: 1.5em;\n}\nheader p {\n padding-left: 0;\n}\nheader time {\n font-weight: 600;\n display: block;\n}\nheader nav {\n margin: auto;\n border-top: 1px solid;\n border-bottom: 1px solid;\n letter-spacing: 0.1em;\n padding: 0.5em;\n font-size: 1em;\n max-height: 40vh;\n overflow-y: auto;\n}\nheader nav ul {\n margin-top: 0.25em;\n margin-bottom: 0.25em;\n padding: 0.7em;\n}\nheader nav li {\n display: flex;\n margin-bottom: 1em;\n}\nheader nav li::before {\n content: \"✧\";\n margin-right: 0.5em;\n}\nheader nav a {\n text-decoration: none;\n padding: 0px 5px 3px 5px;\n}\n\n#parent-category-name {\n font-size: larger;\n}\n\nsection, #legend, main nav {\n padding-bottom: 1.5em;\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 10%;\n border: 1px solid rgb(119, 61, 119);\n}\n\nmain nav {\n padding: 1.5em;\n}\n\n#legend summary {\n margin: 1em 2em 0;\n font-size: 1em;\n font-weight: 600;\n text-align: right;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n}\n#legend h2 {\n margin-top: 1em;\n}\n\nh2 {\n background-color: rgba(110, 60, 139, 0.233);\n padding: 1em;\n margin: 0;\n text-align: right;\n}\n\nh3 {\n padding: 1em 1.5em;\n margin-top: 0;\n margin-bottom: 1.5em;\n background-color: rgba(216, 112, 147, 0.2);\n}\nh3:not(h2 + h3) {\n margin-top: 2em;\n}\n\nh4, h5 {\n margin-left: 1em;\n margin-right: 1em;\n padding-bottom: 0.5em;\n border-bottom: 1px solid;\n font-size: larger;\n}\n\np:not(li p:first-child, header p) {\n margin-left: 2em;\n padding-right: 2em;\n}\n\nul:not(header ul) {\n margin-left: 1em;\n padding-right: 2em;\n}\nul:not(header ul) ul {\n margin-left: 0;\n}\n\nli p:nth-of-type(2) {\n margin-left: 1em;\n}\n\nhr {\n border: 1px dashed pink;\n margin-top: 2em;\n margin-bottom: 2em;\n}\n\nfooter {\n font-size: smaller;\n margin-top: 3em;\n margin-bottom: 5em;\n max-width: 500px;\n letter-spacing: 0.05em;\n border-top: 1px solid;\n}\nfooter time {\n font-weight: 600;\n}\nfooter ul {\n padding: 0;\n list-style-type: none;\n}\nfooter li {\n display: inline;\n margin-right: 1em;\n}\nfooter li::before {\n content: \"⬩\";\n font-size: 1.25em;\n margin-right: 1em;\n}\nfooter li:first-child::before {\n content: none;\n}\n\n::selection {\n background-color: rgb(248, 208, 170);\n color: black;\n}\n\n::-webkit-scrollbar {\n width: 0.4em;\n height: 0.4em;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: pink;\n border-radius: 5px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: plum;\n}\n\n@media all and (max-width: 768px) {\n body {\n width: fit-content;\n }\n header {\n max-width: 80%;\n margin-left: auto;\n margin-right: auto;\n margin-top: 5%;\n position: relative;\n text-align: center;\n }\n header nav li {\n display: inline;\n margin-right: 0.5em;\n }\n header nav li:last-child:after {\n content: \"✧\";\n margin-left: 0.5em;\n }\n #themeToggle {\n height: fit-content;\n margin-bottom: 1em;\n }\n #layout {\n margin-top: 0;\n flex-direction: column;\n }\n main {\n margin-top: 15%;\n margin-right: 1em;\n margin-left: 1em;\n }\n footer {\n text-align: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border: none;\n }\n}\n@media all and (max-width: 500px) {\n main {\n width: fit-content;\n }\n}\n:root {\n --dark-font: white;\n --light-font: rgb(63, 48, 48);\n --dark-bg: black;\n --light-bg: rgb(232, 221, 235);\n --light-bg-article: ghostwhite;\n --dark-links: rgb(255, 166, 181);\n --dark-links-hover: rgb(255, 234, 176);\n --light-links: rgb(88, 24, 56);\n --light-links-hover: rgb(140, 42, 221);\n}\n\n@media (prefers-color-scheme: dark) {\n body {\n background-color: var(--dark-bg);\n color: var(--dark-font);\n }\n a {\n color: var(--dark-links);\n }\n}\n.dark-mode {\n background-color: var(--dark-bg);\n color: var(--dark-font);\n}\n\n.dark-mode a {\n color: var(--dark-links);\n}\n\n.dark-mode a:hover {\n color: black;\n}\n\n.dark-mode section, main nav {\n background-color: var(--dark-bg);\n}\n\n@media (prefers-color-scheme: light) {\n body {\n background-color: var(--light-bg);\n color: var(--light-font);\n }\n section, #legend, main nav {\n background-color: var(--light-bg-article);\n }\n a {\n color: var(--light-links);\n }\n a:hover {\n color: black;\n }\n}\n.light-mode {\n background-color: var(--light-bg);\n color: var(--light-font);\n}\n.light-mode section, .light-mode #legend, .light-mode main nav {\n background-color: var(--light-bg-article);\n}\n.light-mode a {\n color: var(--light-links);\n}\n.light-mode a:hover {\n color: black;\n}","/* resource subpage level 1 */\r\n\r\n@use 'assets/font_instrument-sans';\r\n\r\n:root {\r\n --font-1: 'Instrument Sans', sans-serif;\r\n --links-hover-bg: white;\r\n}\r\n\r\n@keyframes fadeIn {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\na {\r\n background-color: transparent;\r\n transition: all 0.2s ease-out;\r\n font-weight: 600;\r\n &:hover {\r\n background-color: var(--links-hover-bg);\r\n color: black;\r\n }\r\n}\r\nbutton {\r\n font: inherit;\r\n background-color: inherit;\r\n color: inherit;\r\n border: 1px solid;\r\n cursor: pointer;\r\n &:hover {\r\n background-color: thistle;\r\n color: black;\r\n }\r\n}\r\n#themeSwitch {\r\n padding: .5em;\r\n margin-bottom: 1em;\r\n}\r\n\r\n* {\r\n scrollbar-color: rgb(184, 140, 184) transparent;\r\n scrollbar-width: thin;\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbody {\r\n font-family: var(--font-1);\r\n font-size: 1.1em;\r\n font-stretch: 95%;\r\n line-height: 1.5em;\r\n max-width: fit-content;\r\n margin: auto;\r\n scrollbar-color: pink transparent;\r\n scrollbar-width: thin;\r\n opacity: 0;\r\n animation: fadeIn .5s;\r\n animation-fill-mode: forwards;\r\n transition: all 0.25s ease-out;\r\n} \r\n#layout {\r\n margin-top: 5%;\r\n display: flex;\r\n flex-direction: row-reverse;\r\n}\r\n\r\nheader {\r\n margin-left: 3em;\r\n letter-spacing: .05em;\r\n align-self: flex-start;\r\n position: sticky;\r\n top: 2em;\r\n max-width: min-content;\r\n & h1 {\r\n font-size: 1.5em;\r\n }\r\n & p {\r\n padding-left: 0;\r\n }\r\n & time {\r\n font-weight: 600;\r\n display: block;\r\n }\r\n & nav {\r\n margin: auto;\r\n border-top: 1px solid;\r\n border-bottom: 1px solid;\r\n letter-spacing: .1em;\r\n padding: .5em;\r\n font-size: 1em;\r\n max-height: 40vh;\r\n overflow-y: auto;\r\n & ul {\r\n margin-top: .25em;\r\n margin-bottom: .25em;\r\n padding: .7em; \r\n }\r\n & li {\r\n display: flex;\r\n margin-bottom: 1em;\r\n &::before {\r\n content: \"✧\";\r\n margin-right: .5em;\r\n }\r\n }\r\n & a {\r\n text-decoration: none;\r\n padding: 0px 5px 3px 5px;\r\n }\r\n }\r\n}\r\n\r\n#parent-category-name {\r\n font-size: larger;\r\n}\r\n\r\nsection, #legend, main nav {\r\n padding-bottom: 1.5em;\r\n max-width: 500px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-bottom: 10%;\r\n border: 1px solid rgb(119, 61, 119);\r\n}\r\nmain nav {\r\n padding: 1.5em;\r\n}\r\n#legend {\r\n & summary {\r\n margin: 1em 2em 0;\r\n font-size: 1em;\r\n font-weight: 600;\r\n text-align: right;\r\n text-transform: uppercase;\r\n letter-spacing: .1em;\r\n }\r\n & h2 {\r\n margin-top: 1em;\r\n }\r\n}\r\nh2 {\r\n background-color: rgba(110, 60, 139, 0.233);\r\n padding: 1em;\r\n margin: 0;\r\n text-align: right;\r\n}\r\nh3 {\r\n padding: 1em 1.5em;\r\n margin-top: 0;\r\n margin-bottom: 1.5em;\r\n background-color: rgba(216, 112, 147, 0.2);\r\n &:not(h2 + h3) {\r\n margin-top: 2em;\r\n }\r\n}\r\nh4, h5 {\r\n margin-left: 1em;\r\n margin-right: 1em;\r\n padding-bottom: .5em;\r\n border-bottom: 1px solid;\r\n font-size: larger;\r\n}\r\n\r\np:not(li p:first-child, header p) {\r\n margin-left: 2em;\r\n padding-right: 2em;\r\n}\r\nul:not(header ul) {\r\n margin-left: 1em;\r\n padding-right: 2em;\r\n & ul {\r\n margin-left: 0;\r\n }\r\n}\r\nli p:nth-of-type(2) {\r\n margin-left: 1em;\r\n}\r\nhr {\r\n border: 1px dashed pink;\r\n margin-top: 2em;\r\n margin-bottom: 2em;\r\n}\r\n\r\nfooter {\r\n font-size: smaller;\r\n margin-top: 3em;\r\n margin-bottom: 5em;\r\n max-width: 500px;\r\n letter-spacing: .05em;\r\n border-top: 1px solid;\r\n & time {\r\n font-weight: 600;\r\n }\r\n & ul {\r\n padding: 0;\r\n list-style-type: none;\r\n }\r\n & li {\r\n display: inline;\r\n margin-right: 1em;\r\n &::before {\r\n content: \"⬩\";\r\n font-size: 1.25em;\r\n margin-right: 1em;\r\n }\r\n &:first-child::before {\r\n content: none;\r\n }\r\n }\r\n}\r\n\r\n::selection {\r\n background-color: rgb(248, 208, 170);\r\n color: black;\r\n}\r\n::-webkit-scrollbar {\r\n width: .4em;\r\n height: .4em;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n background-color: pink;\r\n border-radius: 5px;\r\n}\r\n::-webkit-scrollbar-thumb:hover {\r\n background-color: plum;\r\n}\r\n\r\n@media all and (max-width:768px) {\r\n body {\r\n width: fit-content;\r\n }\r\n header {\r\n max-width: 80%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-top: 5%;\r\n position: relative;\r\n text-align: center;\r\n & nav li {\r\n display: inline;\r\n margin-right: .5em;\r\n &:last-child:after {\r\n content: \"✧\";\r\n margin-left: .5em;\r\n }\r\n }\r\n }\r\n #themeToggle {\r\n height: fit-content;\r\n margin-bottom: 1em;\r\n }\r\n #layout {\r\n margin-top: 0;\r\n flex-direction: column;\r\n }\r\n main {\r\n margin-top: 15%;\r\n margin-right: 1em;\r\n margin-left: 1em;\r\n }\r\n footer {\r\n text-align: center;\r\n width: 80%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n border: none;\r\n }\r\n}\r\n@media all and (max-width:500px) {\r\n main {\r\n width: fit-content;\r\n }\r\n}\r\n\r\n:root {\r\n --dark-font: white;\r\n --light-font: rgb(63, 48, 48);\r\n --dark-bg: black;\r\n --light-bg: rgb(232, 221, 235);\r\n --light-bg-article: ghostwhite;\r\n --dark-links: rgb(255, 166, 181);\r\n --dark-links-hover: rgb(255, 234, 176);\r\n --light-links: rgb(88, 24, 56);\r\n --light-links-hover: rgb(140, 42, 221);\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n body {\r\n background-color: var(--dark-bg);\r\n color: var(--dark-font);\r\n }\r\n a {\r\n color: var(--dark-links);\r\n }\r\n}\r\n.dark-mode {\r\n background-color: var(--dark-bg);\r\n color: var(--dark-font);\r\n}\r\n .dark-mode a {\r\n color: var(--dark-links);\r\n }\r\n .dark-mode a:hover {\r\n color: black\r\n }\r\n .dark-mode section, main nav {\r\n background-color: var(--dark-bg);\r\n }\r\n\r\n@mixin light-mode {\r\n section, #legend, main nav {\r\n background-color: var(--light-bg-article);\r\n }\r\n a {\r\n color: var(--light-links);\r\n &:hover {\r\n color: black;\r\n }\r\n }\r\n}\r\n@mixin light-mode-body {\r\n background-color: var(--light-bg);\r\n color: var(--light-font);\r\n}\r\n\r\n@media (prefers-color-scheme: light) {\r\n body {\r\n @include light-mode-body();\r\n }\r\n @include light-mode();\r\n}\r\n.light-mode {\r\n @include light-mode-body();\r\n @include light-mode();\r\n}","@font-face {\r\n font-family: \"Instrument Sans\";\r\n font-display: swap;\r\n src:\r\n url('/_assets/fonts/Instrument_Sans/InstrumentSans-VariableFont_wdth-wght.woff2') format('woff2'),\r\n url('/_assets/fonts/Instrument_Sans/InstrumentSans.woff') format('woff'),\r\n url('/_assets/fonts/Instrument_Sans/InstrumentSans-VariableFont_wdth-wght.ttf') format('truetype');\r\n }"]} \ No newline at end of file +{"version":3,"sources":["content_A2.css","..\\..\\..\\resources\\scss\\content_A2.scss","..\\..\\..\\resources\\scss\\assets\\_font_instrument-sans.scss"],"names":[],"mappings":"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","file":"content_A2.css","sourcesContent":["@charset \"UTF-8\";\n/* resource subpage level 1 */\n@font-face {\n font-family: \"Instrument Sans\";\n font-display: swap;\n src: url(\"/_assets/fonts/Instrument_Sans/InstrumentSans-VariableFont_wdth-wght.woff2\") format(\"woff2\"), url(\"/_assets/fonts/Instrument_Sans/InstrumentSans.woff\") format(\"woff\"), url(\"/_assets/fonts/Instrument_Sans/InstrumentSans-VariableFont_wdth-wght.ttf\") format(\"truetype\");\n}\n:root {\n --font-1: \"Instrument Sans\", sans-serif;\n --links-hover-bg: white;\n}\n\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\na {\n background-color: transparent;\n transition: all 0.2s ease-out;\n font-weight: 600;\n}\na:hover {\n background-color: var(--links-hover-bg);\n color: black;\n}\n\nbutton {\n font: inherit;\n background-color: inherit;\n color: inherit;\n border: 1px solid;\n cursor: pointer;\n}\nbutton:hover {\n background-color: thistle;\n color: black;\n}\n\n#themeSwitch {\n padding: 0.5em;\n margin-bottom: 1em;\n}\n\n* {\n scrollbar-color: rgb(184, 140, 184) transparent;\n scrollbar-width: thin;\n text-rendering: optimizeLegibility;\n}\n\nbody {\n font-family: var(--font-1);\n font-size: 1.1em;\n font-stretch: 95%;\n line-height: 1.5em;\n max-width: fit-content;\n margin: auto;\n scrollbar-color: pink transparent;\n scrollbar-width: thin;\n opacity: 0;\n animation: fadeIn 0.5s;\n animation-fill-mode: forwards;\n transition: all 0.25s ease-out;\n}\n\n#layout {\n margin-top: 5%;\n display: flex;\n flex-direction: row-reverse;\n}\n\nheader {\n margin-left: 3em;\n letter-spacing: 0.05em;\n align-self: flex-start;\n position: sticky;\n top: 2em;\n max-width: min-content;\n}\nheader h1 {\n font-size: 1.5em;\n}\nheader p {\n padding-left: 0;\n}\nheader time {\n font-weight: 600;\n display: block;\n}\nheader nav {\n margin: auto;\n border-top: 1px solid;\n border-bottom: 1px solid;\n letter-spacing: 0.1em;\n padding: 0.5em;\n font-size: 1em;\n max-height: 40vh;\n overflow-y: auto;\n}\nheader nav ul {\n margin-top: 0.25em;\n margin-bottom: 0.25em;\n padding: 0.7em;\n}\nheader nav li {\n display: flex;\n margin-bottom: 1em;\n}\nheader nav li::before {\n content: \"✧\";\n margin-right: 0.5em;\n}\nheader nav a {\n text-decoration: none;\n padding: 0px 5px 3px 5px;\n}\n\n#parent-category-name {\n font-size: larger;\n font-weight: 500;\n margin: 0;\n}\n\nsection, #legend, main nav {\n padding-bottom: 1.5em;\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 10%;\n border: 1px solid rgb(119, 61, 119);\n}\n\nmain nav {\n padding: 1.5em;\n}\n\n#legend summary {\n margin: 1em 2em 0;\n font-size: 1em;\n font-weight: 600;\n text-align: right;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n}\n#legend h2 {\n margin-top: 1em;\n}\n\nh2 {\n background-color: rgba(110, 60, 139, 0.233);\n padding: 1em;\n margin: 0;\n text-align: right;\n}\n\nh3 {\n padding: 1em 1.5em;\n margin-top: 0;\n margin-bottom: 1.5em;\n background-color: rgba(216, 112, 147, 0.2);\n}\nh3:not(h2 + h3) {\n margin-top: 2em;\n}\n\nh4, h5 {\n margin-left: 1em;\n margin-right: 1em;\n padding-bottom: 0.5em;\n border-bottom: 1px solid;\n font-size: larger;\n}\n\np:not(li p:first-child, header p) {\n margin-left: 2em;\n padding-right: 2em;\n}\n\nul:not(header ul) {\n margin-left: 1em;\n padding-right: 2em;\n}\nul:not(header ul) ul {\n margin-left: 0;\n}\n\nli p:nth-of-type(2) {\n margin-left: 1em;\n}\n\nhr {\n border: 1px dashed pink;\n margin-top: 2em;\n margin-bottom: 2em;\n}\n\nfooter {\n font-size: smaller;\n margin-top: 3em;\n margin-bottom: 5em;\n max-width: 500px;\n letter-spacing: 0.05em;\n border-top: 1px solid;\n}\nfooter time {\n font-weight: 600;\n}\nfooter ul {\n padding: 0;\n list-style-type: none;\n}\nfooter li {\n display: inline;\n margin-right: 1em;\n}\nfooter li::before {\n content: \"⬩\";\n font-size: 1.25em;\n margin-right: 1em;\n}\nfooter li:first-child::before {\n content: none;\n}\n\n::selection {\n background-color: rgb(248, 208, 170);\n color: black;\n}\n\n::-webkit-scrollbar {\n width: 0.4em;\n height: 0.4em;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: pink;\n border-radius: 5px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: plum;\n}\n\n@media all and (max-width: 768px) {\n body {\n width: fit-content;\n }\n header {\n max-width: 80%;\n margin-left: auto;\n margin-right: auto;\n margin-top: 5%;\n position: relative;\n text-align: right;\n }\n header nav {\n text-align: left;\n }\n header nav li {\n display: inline;\n margin-right: 0.5em;\n }\n header nav li:last-child:after {\n content: \"✧\";\n margin-left: 0.5em;\n }\n #layout {\n margin-top: 0;\n flex-direction: column;\n }\n main {\n margin-top: 15%;\n }\n section {\n border-right: none;\n border-left: none;\n }\n #legend, main nav {\n margin: 5vh 5vw;\n }\n footer {\n text-align: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border: none;\n }\n}\n@media all and (max-width: 500px) {\n main {\n width: fit-content;\n }\n}\n:root {\n --dark-font: white;\n --light-font: rgb(63, 48, 48);\n --dark-bg: black;\n --light-bg: rgb(232, 221, 235);\n --light-bg-article: ghostwhite;\n --dark-links: rgb(255, 166, 181);\n --dark-links-hover: rgb(255, 234, 176);\n --light-links: rgb(88, 24, 56);\n --light-links-hover: rgb(140, 42, 221);\n}\n\n@media (prefers-color-scheme: dark) {\n body {\n background-color: var(--dark-bg);\n color: var(--dark-font);\n }\n a {\n color: var(--dark-links);\n }\n}\n.dark-mode {\n background-color: var(--dark-bg);\n color: var(--dark-font);\n}\n\n.dark-mode a {\n color: var(--dark-links);\n}\n\n.dark-mode a:hover {\n color: black;\n}\n\n.dark-mode section, main nav {\n background-color: var(--dark-bg);\n}\n\n@media (prefers-color-scheme: light) {\n body {\n background-color: var(--light-bg);\n color: var(--light-font);\n }\n section, #legend, main nav {\n background-color: var(--light-bg-article);\n }\n a {\n color: var(--light-links);\n }\n a:hover {\n color: black;\n }\n}\n.light-mode {\n background-color: var(--light-bg);\n color: var(--light-font);\n}\n.light-mode section, .light-mode #legend, .light-mode main nav {\n background-color: var(--light-bg-article);\n}\n.light-mode a {\n color: var(--light-links);\n}\n.light-mode a:hover {\n color: black;\n}","/* resource subpage level 1 */\r\n\r\n@use 'assets/font_instrument-sans';\r\n\r\n:root {\r\n --font-1: 'Instrument Sans', sans-serif;\r\n --links-hover-bg: white;\r\n}\r\n\r\n@keyframes fadeIn {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\na {\r\n background-color: transparent;\r\n transition: all 0.2s ease-out;\r\n font-weight: 600;\r\n &:hover {\r\n background-color: var(--links-hover-bg);\r\n color: black;\r\n }\r\n}\r\nbutton {\r\n font: inherit;\r\n background-color: inherit;\r\n color: inherit;\r\n border: 1px solid;\r\n cursor: pointer;\r\n &:hover {\r\n background-color: thistle;\r\n color: black;\r\n }\r\n}\r\n#themeSwitch {\r\n padding: .5em;\r\n margin-bottom: 1em;\r\n}\r\n\r\n* {\r\n scrollbar-color: rgb(184, 140, 184) transparent;\r\n scrollbar-width: thin;\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbody {\r\n font-family: var(--font-1);\r\n font-size: 1.1em;\r\n font-stretch: 95%;\r\n line-height: 1.5em;\r\n max-width: fit-content;\r\n margin: auto;\r\n scrollbar-color: pink transparent;\r\n scrollbar-width: thin;\r\n opacity: 0;\r\n animation: fadeIn .5s;\r\n animation-fill-mode: forwards;\r\n transition: all 0.25s ease-out;\r\n} \r\n#layout {\r\n margin-top: 5%;\r\n display: flex;\r\n flex-direction: row-reverse;\r\n}\r\n\r\nheader {\r\n margin-left: 3em;\r\n letter-spacing: .05em;\r\n align-self: flex-start;\r\n position: sticky;\r\n top: 2em;\r\n max-width: min-content;\r\n & h1 {\r\n font-size: 1.5em;\r\n }\r\n & p {\r\n padding-left: 0;\r\n }\r\n & time {\r\n font-weight: 600;\r\n display: block;\r\n }\r\n & nav {\r\n margin: auto;\r\n border-top: 1px solid;\r\n border-bottom: 1px solid;\r\n letter-spacing: .1em;\r\n padding: .5em;\r\n font-size: 1em;\r\n max-height: 40vh;\r\n overflow-y: auto;\r\n & ul {\r\n margin-top: .25em;\r\n margin-bottom: .25em;\r\n padding: .7em; \r\n }\r\n & li {\r\n display: flex;\r\n margin-bottom: 1em;\r\n &::before {\r\n content: \"✧\";\r\n margin-right: .5em;\r\n }\r\n }\r\n & a {\r\n text-decoration: none;\r\n padding: 0px 5px 3px 5px;\r\n }\r\n }\r\n}\r\n\r\n#parent-category-name {\r\n font-size: larger;\r\n font-weight: 500;\r\n margin: 0;\r\n}\r\n\r\nsection, #legend, main nav {\r\n padding-bottom: 1.5em;\r\n max-width: 500px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-bottom: 10%;\r\n border: 1px solid rgb(119, 61, 119);\r\n}\r\nmain nav {\r\n padding: 1.5em;\r\n}\r\n#legend {\r\n & summary {\r\n margin: 1em 2em 0;\r\n font-size: 1em;\r\n font-weight: 600;\r\n text-align: right;\r\n text-transform: uppercase;\r\n letter-spacing: .1em;\r\n }\r\n & h2 {\r\n margin-top: 1em;\r\n }\r\n}\r\nh2 {\r\n background-color: rgba(110, 60, 139, 0.233);\r\n padding: 1em;\r\n margin: 0;\r\n text-align: right;\r\n}\r\nh3 {\r\n padding: 1em 1.5em;\r\n margin-top: 0;\r\n margin-bottom: 1.5em;\r\n background-color: rgba(216, 112, 147, 0.2);\r\n &:not(h2 + h3) {\r\n margin-top: 2em;\r\n }\r\n}\r\nh4, h5 {\r\n margin-left: 1em;\r\n margin-right: 1em;\r\n padding-bottom: .5em;\r\n border-bottom: 1px solid;\r\n font-size: larger;\r\n}\r\n\r\np:not(li p:first-child, header p) {\r\n margin-left: 2em;\r\n padding-right: 2em;\r\n}\r\nul:not(header ul) {\r\n margin-left: 1em;\r\n padding-right: 2em;\r\n & ul {\r\n margin-left: 0;\r\n }\r\n}\r\nli p:nth-of-type(2) {\r\n margin-left: 1em;\r\n}\r\nhr {\r\n border: 1px dashed pink;\r\n margin-top: 2em;\r\n margin-bottom: 2em;\r\n}\r\n\r\nfooter {\r\n font-size: smaller;\r\n margin-top: 3em;\r\n margin-bottom: 5em;\r\n max-width: 500px;\r\n letter-spacing: .05em;\r\n border-top: 1px solid;\r\n & time {\r\n font-weight: 600;\r\n }\r\n & ul {\r\n padding: 0;\r\n list-style-type: none;\r\n }\r\n & li {\r\n display: inline;\r\n margin-right: 1em;\r\n &::before {\r\n content: \"⬩\";\r\n font-size: 1.25em;\r\n margin-right: 1em;\r\n }\r\n &:first-child::before {\r\n content: none;\r\n }\r\n }\r\n}\r\n\r\n::selection {\r\n background-color: rgb(248, 208, 170);\r\n color: black;\r\n}\r\n::-webkit-scrollbar {\r\n width: .4em;\r\n height: .4em;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n background-color: pink;\r\n border-radius: 5px;\r\n}\r\n::-webkit-scrollbar-thumb:hover {\r\n background-color: plum;\r\n}\r\n\r\n@media all and (max-width:768px) {\r\n body {\r\n width: fit-content;\r\n }\r\n header {\r\n max-width: 80%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-top: 5%;\r\n position: relative;\r\n text-align: right;\r\n & nav {\r\n text-align: left;\r\n }\r\n & nav li {\r\n display: inline;\r\n margin-right: .5em;\r\n &:last-child:after {\r\n content: \"✧\";\r\n margin-left: .5em;\r\n }\r\n }\r\n }\r\n #layout {\r\n margin-top: 0;\r\n flex-direction: column;\r\n }\r\n main {\r\n margin-top: 15%;\r\n }\r\n section {\r\n border-right: none;\r\n border-left: none;\r\n }\r\n #legend, main nav {\r\n margin: 5vh 5vw;\r\n }\r\n footer {\r\n text-align: center;\r\n width: 80%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n border: none;\r\n }\r\n}\r\n@media all and (max-width:500px) {\r\n main {\r\n width: fit-content;\r\n }\r\n}\r\n\r\n:root {\r\n --dark-font: white;\r\n --light-font: rgb(63, 48, 48);\r\n --dark-bg: black;\r\n --light-bg: rgb(232, 221, 235);\r\n --light-bg-article: ghostwhite;\r\n --dark-links: rgb(255, 166, 181);\r\n --dark-links-hover: rgb(255, 234, 176);\r\n --light-links: rgb(88, 24, 56);\r\n --light-links-hover: rgb(140, 42, 221);\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n body {\r\n background-color: var(--dark-bg);\r\n color: var(--dark-font);\r\n }\r\n a {\r\n color: var(--dark-links);\r\n }\r\n}\r\n.dark-mode {\r\n background-color: var(--dark-bg);\r\n color: var(--dark-font);\r\n}\r\n .dark-mode a {\r\n color: var(--dark-links);\r\n }\r\n .dark-mode a:hover {\r\n color: black\r\n }\r\n .dark-mode section, main nav {\r\n background-color: var(--dark-bg);\r\n }\r\n\r\n@mixin light-mode {\r\n section, #legend, main nav {\r\n background-color: var(--light-bg-article);\r\n }\r\n a {\r\n color: var(--light-links);\r\n &:hover {\r\n color: black;\r\n }\r\n }\r\n}\r\n@mixin light-mode-body {\r\n background-color: var(--light-bg);\r\n color: var(--light-font);\r\n}\r\n\r\n@media (prefers-color-scheme: light) {\r\n body {\r\n @include light-mode-body();\r\n }\r\n @include light-mode();\r\n}\r\n.light-mode {\r\n @include light-mode-body();\r\n @include light-mode();\r\n}","@font-face {\r\n font-family: \"Instrument Sans\";\r\n font-display: swap;\r\n src:\r\n url('/_assets/fonts/Instrument_Sans/InstrumentSans-VariableFont_wdth-wght.woff2') format('woff2'),\r\n url('/_assets/fonts/Instrument_Sans/InstrumentSans.woff') format('woff'),\r\n url('/_assets/fonts/Instrument_Sans/InstrumentSans-VariableFont_wdth-wght.ttf') format('truetype');\r\n }"]} \ No newline at end of file diff --git a/resources/content/resources/categories/art-design.md b/resources/content/resources/categories/art-design.md index 17a1263a..1764df10 100644 --- a/resources/content/resources/categories/art-design.md +++ b/resources/content/resources/categories/art-design.md @@ -1,4 +1,4 @@ -
+
## illustration programs @@ -20,9 +20,9 @@ - [pixilart](https://www.pixilart.com/) - runs in the browser -
+ -
+
## reference tools @@ -38,9 +38,9 @@ create nets of 3D objects - ideal for foldable paper crafts and related projects -
+ -
+
## graphic assets @@ -84,9 +84,9 @@ hi-res stock photos and textures - all free to use. -
+ -
+
## miscellaneous @@ -100,12 +100,12 @@ you're gonna need a LOT of bandwidth for this; the initial installer is nearly **3 GB** in size, with 4 GB of additional resources that need to be downloaded on the first launch. -
+ -
+
## more resources - ["awesome design tools" on github](https://github.com/goabstract/Awesome-Design-Tools) -
\ No newline at end of file + \ No newline at end of file diff --git a/resources/content/resources/categories/webdev/code-templates-tools.md b/resources/content/resources/categories/webdev/code-templates-tools.md index 257b54c1..a2cbd59e 100644 --- a/resources/content/resources/categories/webdev/code-templates-tools.md +++ b/resources/content/resources/categories/webdev/code-templates-tools.md @@ -36,7 +36,7 @@ - [sass](https://sass-lang.com/) - a CSS preprocessor - super useful for polyfilling nested styles and vendor prefixes for older browsers. sass variables are also much more flexible that regular CSS variables. + a CSS preprocessor - super useful for polyfilling nested styles and vendor prefixes for older browsers. sass variables are also much more flexible than regular CSS variables. sass can be precompiled with [compile hero](https://github.com/Wscats/compile-hero) or [live sass compiler](https://marketplace.visualstudio.com/items?itemName=glenn2223.live-sass) for vscode. diff --git a/resources/layouts/resources/resources_subpage_1.html.twig b/resources/layouts/resources/resources_subpage_1.html.twig index 1782e1d7..204a4a68 100644 --- a/resources/layouts/resources/resources_subpage_1.html.twig +++ b/resources/layouts/resources/resources_subpage_1.html.twig @@ -15,11 +15,12 @@
-

{{ title }}

+

jasmine's resources

{% if parent_name is defined %}

{{ parent_name }}

{% endif %} -

jasmine's resources

+

+

{{ title }}

last updated: @@ -45,8 +46,10 @@ {% endapply %} - {% block content %} - {% endblock %} +

+ {% block content %} + {% endblock %} +