diff --git a/about-me/index.html b/about-me/index.html index b4ca5f8..497641f 100644 --- a/about-me/index.html +++ b/about-me/index.html @@ -44,6 +44,11 @@ + +
+ + +
diff --git a/assets/css/main.css b/assets/css/main.css index 07c9fe4..74a3c06 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -4,28 +4,43 @@ a:focus { outline-offset: -2px; } -*,*:before,*:after { +*, +*:before, +*:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } +:root { + --primary-color: #10131e; + --panel-color: #f7f7f7; + --text-color: #494e52; +} + html { box-sizing: border-box; - background-color: #ffffff; + background-color: var(--panel-color); font-size: 16px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } +body.dark { + --panel-color: #2a282b; + --text-color: #eaedf0; +} + @media (min-width: 48em) { html { - font-size:18px + font-size: 18px } } body { margin: 0; + min-height: 100vh; + } ::-moz-selection { @@ -38,14 +53,26 @@ body { background: #000 } -article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section { +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section { display: block } -audio,canvas,video { +audio, +canvas, +video { display: inline-block; display: inline; - zoom:1 + zoom: 1 } audio:not([controls]) { @@ -56,11 +83,13 @@ a { color: #009aff } -a:hover,a:active { +a:hover, +a:active { outline: 0 } -sub,sup { +sub, +sup { position: relative; font-size: 75%; line-height: 0; @@ -80,36 +109,52 @@ img { width: auto\9; height: auto; vertical-align: middle; - border: 0; + border: 3px solid; -ms-interpolation-mode: bicubic } -#map_canvas img,.google-maps img { +#map_canvas img, +.google-maps img { max-width: none } -button,input,select,textarea { +button, +input, +select, +textarea { margin: 0; font-size: 100%; vertical-align: middle } -button,input { +button, +input { *overflow: visible; line-height: normal } -button::-moz-focus-inner,input::-moz-focus-inner { +button::-moz-focus-inner, +input::-moz-focus-inner { padding: 0; border: 0 } -button,html input[type="button"],input[type="reset"],input[type="submit"] { +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { -webkit-appearance: button; cursor: pointer } -label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"] { +label, +select, +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +input[type="radio"], +input[type="checkbox"] { cursor: pointer } @@ -118,7 +163,8 @@ input[type="search"] { -webkit-appearance: textfield } -input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button { +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none } @@ -136,9 +182,9 @@ body { margin: 0; padding: 70px 0 0; padding-bottom: 9em; - color: #494e52; - background-color: #ffffff; - font-family: 'Times New Roman', Times, serif,-apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + color: var(--text-color); + background-color: var(--panel-color); + font-family: 'Times New Roman', Times, serif, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; line-height: 1.5 } @@ -146,10 +192,15 @@ body.overflow--hidden { overflow: hidden } -h1,h2,h3,h4,h5,h6 { +h1, +h2, +h3, +h4, +h5, +h6 { margin: 2em 0 0.5em; line-height: 1.2; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-weight: bold } @@ -178,7 +229,8 @@ h6 { font-size: .75em } -small,.small { +small, +.small { font-size: .75em } @@ -186,12 +238,14 @@ p { margin-bottom: 1.3em } -u,ins { +u, +ins { text-decoration: none; - border-bottom: 1px solid #494e52 + border-bottom: 1px solid var(--text-color) } -u a,ins a { +u a, +ins a { color: inherit } @@ -199,15 +253,24 @@ del a { color: inherit } -p,pre,blockquote,ul,ol,dl,figure,table,fieldset { +p, +pre, +blockquote, +ul, +ol, +dl, +figure, +table, +fieldset { orphans: 3; widows: 3 } -abbr[title],abbr[data-original-title] { +abbr[title], +abbr[data-original-title] { text-decoration: none; cursor: help; - border-bottom: 1px dotted #494e52 + border-bottom: 1px dotted var(--text-color) } blockquote { @@ -227,29 +290,47 @@ blockquote cite:before { padding-right: 5px } -a:hover,a:active { +a:hover, +a:active { outline: 0 } -tt,code,kbd,samp,pre { - font-family: Monaco,Consolas,"Lucida Console",monospace +tt, +code, +kbd, +samp, +pre { + font-family: Monaco, Consolas, "Lucida Console", monospace } pre { overflow-x: auto } -p>code,a>code,li>code,figcaption>code,td>code { +p>code, +a>code, +li>code, +figcaption>code, +td>code { padding-top: 0.1rem; padding-bottom: 0.1rem; font-size: .75em; background: #fafafa; border: 1px solid #f2f3f3; border-radius: 4px; - box-shadow: 0 1px 1px rgba(0,0,0,0.125) -} - -p>code:before,p>code:after,a>code:before,a>code:after,li>code:before,li>code:after,figcaption>code:before,figcaption>code:after,td>code:before,td>code:after { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) +} + +p>code:before, +p>code:after, +a>code:before, +a>code:after, +li>code:before, +li>code:after, +figcaption>code:before, +figcaption>code:after, +td>code:before, +td>code:after { letter-spacing: -0.2em; content: "\00a0" } @@ -261,11 +342,13 @@ hr { border-top: 1px solid #f2f3f3 } -ul li,ol li { +ul li, +ol li { margin-bottom: 0.5em } -li ul,li ol { +li ul, +li ol { margin-top: 0.5em; } @@ -280,7 +363,9 @@ figure { margin: 2em 0 } -figure img,figure iframe,figure .fluid-width-video-wrapper { +figure img, +figure iframe, +figure .fluid-width-video-wrapper { margin-bottom: 1em } @@ -296,8 +381,10 @@ figure>a { } @media (min-width: 37.5em) { - figure.half>a,figure.half>img { - width:calc(50% - 0.5em) + + figure.half>a, + figure.half>img { + width: calc(50% - 0.5em) } } @@ -306,8 +393,10 @@ figure.half figcaption { } @media (min-width: 37.5em) { - figure.third>a,figure.third>img { - width:calc(33.3333% - 0.5em) + + figure.third>a, + figure.third>img { + width: calc(33.3333% - 0.5em) } } @@ -318,7 +407,7 @@ figure.third figcaption { figcaption { margin-bottom: 0.5em; color: #777a7d; - font-family: Georgia,Times,serif; + font-family: Georgia, Times, serif; font-size: .75em } @@ -352,15 +441,39 @@ nav a { text-decoration: none } -nav ul li,nav ol li { +nav ul li, +nav ol li { margin-bottom: 0 } -nav li ul,nav li ol { +nav li ul, +nav li ol { margin-top: 0 } -b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a,tr,td,form button,input[type="submit"],.btn,#goog-wm-sb,.highlight,.archive__item-teaser { +b, +i, +strong, +em, +blockquote, +p, +q, +span, +figure, +img, +h1, +h2, +header, +input, +a, +tr, +td, +form button, +input[type="submit"], +.btn, +#goog-wm-sb, +.highlight, +.archive__item-teaser { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } @@ -378,7 +491,10 @@ b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a,tr,td,form but opacity: 0 } -.visually-hidden,.screen-reader-text,.screen-reader-text span,.screen-reader-shortcut { +.visually-hidden, +.screen-reader-text, +.screen-reader-text span, +.screen-reader-shortcut { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; @@ -387,11 +503,14 @@ b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a,tr,td,form but overflow: hidden } -body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visually-hidden button { +body:hover .visually-hidden a, +body:hover .visually-hidden input, +body:hover .visually-hidden button { display: none !important } -.screen-reader-text:focus,.screen-reader-shortcut:focus { +.screen-reader-text:focus, +.screen-reader-shortcut:focus { clip: auto !important; height: auto !important; width: auto !important; @@ -402,14 +521,14 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu background: #fff; z-index: 100000; text-decoration: none; - box-shadow: 0 0 2px 2px rgba(0,0,0,0.6) + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6) } .skip-link { position: fixed; z-index: 20; margin: 0; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; white-space: nowrap } @@ -471,7 +590,7 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu @media (min-width: 37.5em) { .align-left { - float:left; + float: left; margin-right: 1em } } @@ -484,7 +603,7 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu @media (min-width: 37.5em) { .align-right { - float:right; + float: right; margin-left: 1em } } @@ -497,7 +616,7 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu @media (min-width: 57.8125em) { .full { - margin-right:-19.4915254237% !important + margin-right: -19.4915254237% !important } } @@ -521,11 +640,13 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu color: #000 } -.social-icons .fa-bluesky,.social-icons .fa-bluesky-square { +.social-icons .fa-bluesky, +.social-icons .fa-bluesky-square { color: #1184fe } -.social-icons .fa-behance,.social-icons .fa-behance-square { +.social-icons .fa-behance, +.social-icons .fa-behance-square { color: #1769FF } @@ -533,7 +654,8 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu color: #ea4c89 } -.social-icons .fa-facebook,.social-icons .fa-facebook-square { +.social-icons .fa-facebook, +.social-icons .fa-facebook-square { color: #3b5998 } @@ -545,11 +667,14 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu color: #0072b1 } -.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square { +.social-icons .fa-github, +.social-icons .fa-github-alt, +.social-icons .fa-github-square { color: #171516 } -.social-icons .fa-google-plus,.social-icons .fa-google-plus-square { +.social-icons .fa-google-plus, +.social-icons .fa-google-plus-square { color: #dd4b39 } @@ -557,31 +682,39 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu color: #517fa4 } -.social-icons .fa-kaggle,.social-icons .fa-kaggle-square { +.social-icons .fa-kaggle, +.social-icons .fa-kaggle-square { color: #20c0ff } -.social-icons .fa-lastfm,.social-icons .fa-lastfm-square { +.social-icons .fa-lastfm, +.social-icons .fa-lastfm-square { color: #d51007 } -.social-icons .fa-linkedin,.social-icons .fa-linkedin-square { +.social-icons .fa-linkedin, +.social-icons .fa-linkedin-square { color: #007bb6 } -.social-icons .fa-mastodon,.social-icons .fa-mastodon-square { +.social-icons .fa-mastodon, +.social-icons .fa-mastodon-square { color: #6364ff } -.social-icons .ai-orcid,.social-icons .ai-orcid-square { +.social-icons .ai-orcid, +.social-icons .ai-orcid-square { color: #a6ce39 } -.social-icons .fa-pinterest,.social-icons .fa-pinterest-p,.social-icons .fa-pinterest-square { +.social-icons .fa-pinterest, +.social-icons .fa-pinterest-p, +.social-icons .fa-pinterest-square { color: #cb2027 } -.social-icons .fa-rss,.social-icons .fa-rss-square { +.social-icons .fa-rss, +.social-icons .fa-rss-square { color: #fa9b39 } @@ -589,19 +722,23 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu color: #f30 } -.social-icons .fa-stack-exchange,.social-icons .fa-stack-overflow { +.social-icons .fa-stack-exchange, +.social-icons .fa-stack-overflow { color: #fe7a15 } -.social-icons .fa-tumblr,.social-icons .fa-tumblr-square { +.social-icons .fa-tumblr, +.social-icons .fa-tumblr-square { color: #32506d } -.social-icons .fa-twitter,.social-icons .fa-twitter-square { +.social-icons .fa-twitter, +.social-icons .fa-twitter-square { color: #55acee } -.social-icons .fa-vimeo,.social-icons .fa-vimeo-square { +.social-icons .fa-vimeo, +.social-icons .fa-vimeo-square { color: #1ab7ea } @@ -609,11 +746,14 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu color: #00bf8f } -.social-icons .fa-youtube,.social-icons .fa-youtube-square,.social-icons .fa-youtube-play { +.social-icons .fa-youtube, +.social-icons .fa-youtube-square, +.social-icons .fa-youtube-play { color: #b00 } -.social-icons .fa-xing,.social-icons .fa-xing-square { +.social-icons .fa-xing, +.social-icons .fa-xing-square { color: #006567 } @@ -627,7 +767,8 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu transition: 0.3s } -.navicon:before,.navicon:after { +.navicon:before, +.navicon:after { content: ""; position: absolute; left: 0; @@ -650,7 +791,8 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu background: transparent } -.close .navicon:before,.close .navicon:after { +.close .navicon:before, +.close .navicon:after { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; @@ -670,7 +812,7 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu @media (min-width: 57.8125em) { .sticky { - clear:both; + clear: both; position: -webkit-sticky; position: sticky; top: 2em @@ -694,7 +836,7 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; - box-shadow: inset 0 1px 1px rgba(0,0,0,0.05) + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) } .show-modal { @@ -710,7 +852,7 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu width: 100%; height: 100%; z-index: 999; - background-color: rgba(255,255,255,0.85) + background-color: rgba(255, 255, 255, 0.85) } .show-modal .modal { @@ -730,7 +872,7 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu background: #fff; border: 1px solid #f2f3f3; border-radius: 4px; - box-shadow: 0 1px 1px rgba(0,0,0,0.125) + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) } .modal__title { @@ -756,7 +898,9 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu color: #9ba1a6 } -.footnotes ol,.footnotes li,.footnotes p { +.footnotes ol, +.footnotes li, +.footnotes p { margin-bottom: 0; font-size: .50em } @@ -798,7 +942,7 @@ a.reversefootnote:hover { table { margin-bottom: 1em; width: 100%; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em; border-collapse: collapse; border: 1px solid #bdc1c4 @@ -826,16 +970,19 @@ td { border-right: 1px solid #bdc1c4 } -tr,td,th { +tr, +td, +th { vertical-align: middle } -.btn,#goog-wm-sb { +.btn, +#goog-wm-sb { display: inline-block; margin-bottom: 0.25em; padding: 0.5em 1em; color: #fff !important; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em; font-weight: bold; text-align: center; @@ -846,16 +993,19 @@ tr,td,th { cursor: pointer } -.btn:hover,#goog-wm-sb:hover { +.btn:hover, +#goog-wm-sb:hover { color: white; background-color: #ff0000 } -.btn .icon,#goog-wm-sb .icon { +.btn .icon, +#goog-wm-sb .icon { margin-right: 0.5em } -.btn .icon+.hidden,#goog-wm-sb .icon+.hidden { +.btn .icon+.hidden, +#goog-wm-sb .icon+.hidden { margin-left: -0.5em } @@ -971,12 +1121,12 @@ tr,td,th { .notice { margin: 2em 0 !important; padding: 1em; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em !important; text-indent: initial; background-color: #f8f9f9; border-radius: 4px; - box-shadow: 0 1px 1px rgba(189,193,196,0.25) + box-shadow: 0 1px 1px rgba(189, 193, 196, 0.25) } .notice h4 { @@ -1017,12 +1167,12 @@ tr,td,th { .notice--primary { margin: 2em 0 !important; padding: 1em; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em !important; text-indent: initial; background-color: #f2f3f3; border-radius: 4px; - box-shadow: 0 1px 1px rgba(122,130,136,0.25) + box-shadow: 0 1px 1px rgba(122, 130, 136, 0.25) } .notice--primary h4 { @@ -1049,7 +1199,7 @@ tr,td,th { } .notice--primary a:hover { - color: #494e52 + color: var(--text-color) } .notice--primary code { @@ -1063,12 +1213,12 @@ tr,td,th { .notice--info { margin: 2em 0 !important; padding: 1em; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em !important; text-indent: initial; background-color: #eef7fa; border-radius: 4px; - box-shadow: 0 1px 1px rgba(82,173,200,0.25) + box-shadow: 0 1px 1px rgba(82, 173, 200, 0.25) } .notice--info h4 { @@ -1109,12 +1259,12 @@ tr,td,th { .notice--warning { margin: 2em 0 !important; padding: 1em; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em !important; text-indent: initial; background-color: #fef4e6; border-radius: 4px; - box-shadow: 0 1px 1px rgba(248,148,6,0.25) + box-shadow: 0 1px 1px rgba(248, 148, 6, 0.25) } .notice--warning h4 { @@ -1155,12 +1305,12 @@ tr,td,th { .notice--success { margin: 2em 0 !important; padding: 1em; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em !important; text-indent: initial; background-color: #eff9ef; border-radius: 4px; - box-shadow: 0 1px 1px rgba(98,196,98,0.25) + box-shadow: 0 1px 1px rgba(98, 196, 98, 0.25) } .notice--success h4 { @@ -1201,12 +1351,12 @@ tr,td,th { .notice--danger { margin: 2em 0 !important; padding: 1em; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em !important; text-indent: initial; background-color: #fdefef; border-radius: 4px; - box-shadow: 0 1px 1px rgba(238,95,91,0.25) + box-shadow: 0 1px 1px rgba(238, 95, 91, 0.25) } .notice--danger h4 { @@ -1246,7 +1396,7 @@ tr,td,th { .masthead { position: fixed; - background: #10131e; + background: var(--primary-color); border-bottom: 1px solid #f2f3f3; height: 70px; top: 0; @@ -1264,7 +1414,7 @@ tr,td,th { margin-right: auto; clear: both; padding: 1em 1em 1em; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif } .masthead__inner-wrap:after { @@ -1281,7 +1431,7 @@ tr,td,th { @media (min-width: 80em) { .masthead__inner-wrap { - max-width:1280px + max-width: 1280px } } @@ -1320,7 +1470,7 @@ tr,td,th { margin-bottom: 0; padding-left: 2em; padding-right: 2em; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; -webkit-animation: intro 0.3s both; animation: intro 0.3s both; -webkit-animation-delay: 0.30s; @@ -1341,14 +1491,14 @@ tr,td,th { @media (min-width: 57.8125em) { .breadcrumbs { - padding-left:1em; + padding-left: 1em; padding-right: 1em } } @media (min-width: 80em) { .breadcrumbs { - max-width:1280px + max-width: 1280px } } @@ -1360,7 +1510,7 @@ tr,td,th { @media (min-width: 57.8125em) { .breadcrumbs ol { - width:83.0508474576%; + width: 83.0508474576%; float: right; margin-right: 0 } @@ -1368,7 +1518,7 @@ tr,td,th { @media (min-width: 80em) { .breadcrumbs ol { - padding-left:4.2372881356% + padding-left: 4.2372881356% } } @@ -1401,7 +1551,7 @@ tr,td,th { margin: 0; padding: 0; list-style-type: none; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif } .pagination li { @@ -1413,7 +1563,7 @@ tr,td,th { .pagination li a { margin-bottom: 0.25em; padding: 0.5em 1em; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 1.5; @@ -1458,7 +1608,7 @@ tr,td,th { padding: 1em 2em; float: left; width: 50%; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 1em; font-weight: bold; text-align: center; @@ -1489,7 +1639,11 @@ tr,td,th { cursor: not-allowed } -.page__content+.pagination,.page__meta+.pagination,.comment__date+.pagination,.page__share+.pagination,.page__comments+.pagination { +.page__content+.pagination, +.page__meta+.pagination, +.comment__date+.pagination, +.page__share+.pagination, +.page__comments+.pagination { margin-top: 2em; padding-top: 2em; border-top: 1px solid #f2f3f3 @@ -1498,20 +1652,20 @@ tr,td,th { .greedy-nav { position: relative; min-width: 250px; - background: #10131e; + background: var(--primary-color); } .greedy-nav a { display: block; margin: 0 1rem; padding: 0.5rem 0; - color: #ffffff; + color: white; font-weight: bolder; text-decoration: none } .greedy-nav a:hover { - color: #ffffff; + color: rgb(240, 243, 249); } .greedy-nav button { @@ -1560,7 +1714,7 @@ tr,td,th { left: 0; bottom: 0; height: 4px; - background: #ffffff; + background: var(--panel-color); width: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; @@ -1581,10 +1735,10 @@ tr,td,th { right: 0; margin-top: 15px; padding: 5px; - border: 1px solid #861212; + border: 1px solid #261f31; border-radius: 4px; - background: #861212; - box-shadow: 0 0 10px rgba(0,0,0,0.25) + background: #312a6d; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) } .greedy-nav .hidden-links a { @@ -1619,7 +1773,7 @@ tr,td,th { width: 0; border-style: solid; border-width: 0 10px 10px; - border-color: #861212 transparent; + border-color: #312a6d transparent; display: block; z-index: 1 } @@ -1668,7 +1822,7 @@ tr,td,th { .nav__title { margin: 0; padding: 0.5rem 1rem; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 1em; font-weight: bold } @@ -1677,7 +1831,7 @@ tr,td,th { display: block; margin: 0.5rem 0; padding: 0.5rem 0; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em; font-weight: bold; text-transform: uppercase; @@ -1685,14 +1839,14 @@ tr,td,th { } .toc { - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; color: #7a8288; text-transform: uppercase; letter-spacing: 1px; background-color: #fff; border: 1px solid #f2f3f3; border-radius: 4px; - box-shadow: 0 1px 1px rgba(0,0,0,0.125) + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) } .toc .nav__title { @@ -1742,7 +1896,7 @@ tr,td,th { @media (min-width: 48em) { .toc__menu li>ul li { - display:block + display: block } } @@ -1789,7 +1943,7 @@ tr,td,th { @media (min-width: 80em) { .page__footer footer { - max-width:1280px + max-width: 1280px } } @@ -1802,12 +1956,15 @@ tr,td,th { text-decoration: underline } -.page__footer .fas,.page__footer .fab,.page__footer .far,.page__footer .fal { +.page__footer .fas, +.page__footer .fab, +.page__footer .far, +.page__footer .fal { color: #9ba1a6 } .page__footer-copyright { - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .6875em } @@ -1821,7 +1978,7 @@ tr,td,th { display: inline-block; padding-top: 5px; padding-bottom: 5px; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em; text-transform: uppercase } @@ -1840,18 +1997,20 @@ tr,td,th { white-space: nowrap } -div.highlighter-rouge,figure.highlight { +div.highlighter-rouge, +figure.highlight { position: relative; margin-bottom: 1em; padding: 1em; border: 1px solid #f2f3f3; border-radius: 4px; background-color: #fafafa; - box-shadow: 0 1px 1px rgba(0,0,0,0.125); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); font-size: 1.25em } -div.highlighter-rouge:before,figure.highlight:before { +div.highlighter-rouge:before, +figure.highlight:before { position: absolute; top: 0; right: 0; @@ -1865,9 +2024,10 @@ div.highlighter-rouge:before,figure.highlight:before { speak: none } -div.highlighter-rouge .highlight,figure.highlight .highlight { +div.highlighter-rouge .highlight, +figure.highlight .highlight { margin: 0; - font-family: Monaco,Consolas,"Lucida Console",monospace; + font-family: Monaco, Consolas, "Lucida Console", monospace; font-size: .75em; line-height: 1.8 } @@ -2170,7 +2330,7 @@ form legend { margin-bottom: 10px; *margin-left: -7px; padding: 0; - color: #494e52; + color: var(--text-color); border: 0; border-bottom: 1px solid #ccc; white-space: normal @@ -2190,20 +2350,27 @@ form br { display: none } -label,input,button,select,textarea { +label, +input, +button, +select, +textarea { vertical-align: baseline; *vertical-align: middle } -input,button,select,textarea { +input, +button, +select, +textarea { box-sizing: border-box; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif } label { display: block; margin-bottom: 0.25em; - color: #494e52; + color: var(--text-color); cursor: pointer } @@ -2211,23 +2378,29 @@ label small { font-size: .75em } -label input,label textarea,label select { +label input, +label textarea, +label select { display: block } -input,textarea,select { +input, +textarea, +select { display: inline-block; width: 100%; padding: 0.25em; margin-bottom: 0.5em; - color: #494e52; + color: var(--text-color); background-color: #fff; border: 1px solid #ccc; border-radius: 4px; - box-shadow: 0 1px 1px rgba(0,0,0,0.125) + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) } -input:hover,textarea:hover,select:hover { +input:hover, +textarea:hover, +select:hover { border-color: #bdc1c4 } @@ -2239,7 +2412,9 @@ input:hover,textarea:hover,select:hover { width: 90px } -input[type="image"],input[type="checkbox"],input[type="radio"] { +input[type="image"], +input[type="checkbox"], +input[type="radio"] { width: auto; height: auto; padding: 0; @@ -2251,7 +2426,8 @@ input[type="image"],input[type="checkbox"],input[type="radio"] { border: 0 \9 } -input[type="checkbox"],input[type="radio"] { +input[type="checkbox"], +input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; @@ -2273,14 +2449,17 @@ input[type="file"] { box-shadow: none } -input[type="button"],input[type="reset"],input[type="submit"] { +input[type="button"], +input[type="reset"], +input[type="submit"] { width: auto; height: auto; cursor: pointer; *overflow: visible } -select,input[type="file"] { +select, +input[type="file"] { *margin-top: 4px } @@ -2289,7 +2468,8 @@ select { background-color: #fff } -select[multiple],select[size] { +select[multiple], +select[size] { height: auto } @@ -2308,43 +2488,57 @@ input[type="hidden"] { position: relative } -.radio,.checkbox { +.radio, +.checkbox { padding-left: 18px; font-weight: normal } -.radio input[type="radio"],.checkbox input[type="checkbox"] { +.radio input[type="radio"], +.checkbox input[type="checkbox"] { float: left; margin-left: -18px } -.radio.inline,.checkbox.inline { +.radio.inline, +.checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle } -.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline { +.radio.inline+.radio.inline, +.checkbox.inline+.checkbox.inline { margin-left: 10px } -input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] { +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly] { opacity: 0.5; cursor: not-allowed } -input:focus,textarea:focus { +input:focus, +textarea:focus { border-color: #7a8288; outline: 0; outline: thin dotted \9 } -input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus { +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus, +select:focus { box-shadow: none } -.help-block,.help-inline { +.help-block, +.help-inline { color: #52adc8 } @@ -2360,7 +2554,9 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, padding-left: 5px } -.form-inline input,.form-inline textarea,.form-inline select { +.form-inline input, +.form-inline textarea, +.form-inline select { display: inline-block; margin-bottom: 0 } @@ -2369,19 +2565,24 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, display: inline-block } -.form-inline .radio,.form-inline .checkbox,.form-inline .radio { +.form-inline .radio, +.form-inline .checkbox, +.form-inline .radio { padding-left: 0; margin-bottom: 0; vertical-align: middle } -.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] { +.form-inline .radio input[type="radio"], +.form-inline .checkbox input[type="checkbox"] { float: left; margin-left: 0; margin-right: 3px } -.form-search input,.form-search textarea,.form-search select { +.form-search input, +.form-search textarea, +.form-search select { display: inline-block; margin-bottom: 0 } @@ -2397,13 +2598,16 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, display: inline-block } -.form-search .radio,.form-search .checkbox,.form-inline .radio { +.form-search .radio, +.form-search .checkbox, +.form-inline .radio { padding-left: 0; margin-bottom: 0; vertical-align: middle } -.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"] { +.form-search .radio input[type="radio"], +.form-search .checkbox input[type="checkbox"] { float: left; margin-left: 0; margin-right: 3px @@ -2423,7 +2627,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, left: 0; width: 100%; height: 100%; - background-color: rgba(255,255,255,0.7); + background-color: rgba(255, 255, 255, 0.7); z-index: 10 } @@ -2486,13 +2690,13 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 80em) { #main { - max-width:1280px + max-width: 1280px } } @media (min-width: 57.8125em) { .page { - width:83.0508474576%; + width: 83.0508474576%; float: right; margin-right: 0; padding-left: 4.2372881356%; @@ -2507,7 +2711,10 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, margin-right: 0 } -.page .page__inner-wrap .page__content,.page .page__inner-wrap .page__meta,.page .page__inner-wrap .comment__date,.page .page__inner-wrap .page__share { +.page .page__inner-wrap .page__content, +.page .page__inner-wrap .page__meta, +.page .page__inner-wrap .comment__date, +.page .page__inner-wrap .page__share { clear: both; width: 100%; float: left; @@ -2520,12 +2727,13 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, line-height: 1 } -.page__title+.page__meta,.page__title+.comment__date { +.page__title+.page__meta, +.page__title+.comment__date { margin-top: -0.5em } .page__lead { - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 1.25em } @@ -2534,7 +2742,9 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, border-bottom: 1px solid #f2f3f3 } -.page__content p,.page__content li,.page__content dl { +.page__content p, +.page__content li, +.page__content dl { font-size: 1em } @@ -2551,18 +2761,18 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, } .page__content a:hover img { - box-shadow: 0 0 10px rgba(0,0,0,0.25) + box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) } .page__content dt { margin-top: 1em; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-weight: bold } .page__content dd { margin-left: 1em; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em } @@ -2618,13 +2828,18 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 80em) { .page__hero--overlay .wrapper { - max-width:1280px + max-width: 1280px } } -.page__hero--overlay .page__title,.page__hero--overlay .page__meta,.page__hero--overlay .comment__date,.page__hero--overlay .page__lead,.page__hero--overlay .btn,.page__hero--overlay #goog-wm-sb { +.page__hero--overlay .page__title, +.page__hero--overlay .page__meta, +.page__hero--overlay .comment__date, +.page__hero--overlay .page__lead, +.page__hero--overlay .btn, +.page__hero--overlay #goog-wm-sb { color: #fff; - text-shadow: 1px 1px 4px rgba(0,0,0,0.5) + text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5) } .page__hero--overlay .page__lead { @@ -2637,7 +2852,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 37.5em) { .page__hero--overlay .page__title { - font-size:2.441em + font-size: 2.441em } } @@ -2654,7 +2869,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, margin: 0 auto; padding: 2px 5px; color: #fff; - font-family: Georgia,Times,serif; + font-family: Georgia, Times, serif; font-size: .6875em; background: #000; text-align: right; @@ -2665,7 +2880,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .page__hero-caption { - padding:5px 10px + padding: 5px 10px } } @@ -2681,8 +2896,10 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, } @media (max-width: 37.5em) { - .page__share .btn span,.page__share #goog-wm-sb span { - border:0; + + .page__share .btn span, + .page__share #goog-wm-sb span { + border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; @@ -2699,19 +2916,22 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, text-transform: uppercase } -.page__meta,.comment__date { +.page__meta, +.comment__date { margin-top: 2em; color: #031578; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em; - cursor:wait; + cursor: wait; } -.page__meta p,.comment__date p { +.page__meta p, +.comment__date p { margin: 0 } -.page__meta a,.comment__date a { +.page__meta a, +.comment__date a { color: inherit } @@ -2767,7 +2987,10 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, transition: all 0.2s ease-in-out } -.page__comments-form.disabled input,.page__comments-form.disabled button,.page__comments-form.disabled textarea,.page__comments-form.disabled label { +.page__comments-form.disabled input, +.page__comments-form.disabled button, +.page__comments-form.disabled textarea, +.page__comments-form.disabled label { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); @@ -2798,7 +3021,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .comment__avatar-wrapper { - width:100px; + width: 100px; height: 100px } } @@ -2811,7 +3034,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .comment__avatar { - width:80px; + width: 80px; height: 80px; padding: 5px; border: 1px solid #f2f3f3 @@ -2825,7 +3048,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .comment__content-wrapper { - width:calc(100% - 100px) + width: calc(100% - 100px) } } @@ -2861,7 +3084,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .page__related { - margin-left:21.186440678% + margin-left: 21.186440678% } } @@ -2882,7 +3105,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 48em) { .archive { - width:100%; + width: 100%; float: left; margin-left: 0; margin-right: 0 @@ -2891,7 +3114,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .archive { - width:83.0508474576%; + width: 83.0508474576%; float: right; margin-right: 0; padding-left: 4.2372881356% @@ -2907,7 +3130,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, } .archive a:hover img { - box-shadow: 0 0 10px rgba(0,0,0,0.25) + box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) } .archive__subtitle { @@ -2924,7 +3147,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, .archive__item-title { margin-bottom: 0.25em; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif } .archive__item-title a+a { @@ -2955,7 +3178,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, } .archive__item:hover .archive__item-teaser { - box-shadow: 0 0 10px rgba(0,0,0,0.25) + box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) } .archive__item:hover .archive__item-title { @@ -2964,23 +3187,24 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 48em) { .list__item { - padding-right:200px + padding-right: 200px } } @media (min-width: 57.8125em) { .list__item { - padding-right:300px + padding-right: 300px } } @media (min-width: 80em) { .list__item { - padding-right:400px + padding-right: 400px } } -.list__item .page__meta,.list__item .comment__date { +.list__item .page__meta, +.list__item .comment__date { margin: 0 0 4px } @@ -2988,7 +3212,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, margin-bottom: 2em } -.grid__item .page__meta,.grid__item .comment__date { +.grid__item .page__meta, +.grid__item .comment__date { margin: 0 0 4px } @@ -3003,7 +3228,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 37.5em) { .grid__item { - width:48.9795918367%; + width: 48.9795918367%; float: left } @@ -3027,7 +3252,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 48em) { .grid__item { - margin-left:0; + margin-left: 0; margin-right: 0; width: 23.4693877551%; float: left @@ -3087,7 +3312,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 37.5em) { .feature__item { - margin-bottom:0; + margin-bottom: 0; width: 32.2033898305%; float: left } @@ -3132,7 +3357,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 37.5em) { .feature__item--left .archive__item-teaser { - width:40.6779661017%; + width: 40.6779661017%; float: left; margin-right: 1.6949152542% } @@ -3161,7 +3386,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 37.5em) { .feature__item--right { - text-align:right + text-align: right } .feature__item--right .archive__item-teaser { @@ -3194,7 +3419,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 37.5em) { .feature__item--center { - text-align:center + text-align: center } .feature__item--center .archive__item-teaser { @@ -3223,7 +3448,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media screen and (min-width: 1024px) { .sidebar { - height:100vh; + height: 100vh; overflow-y: auto; position: fixed; padding-top: 70px @@ -3232,7 +3457,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .sidebar { - width:15.2542372881%; + width: 15.2542372881%; float: left; margin-right: 1.6949152542%; opacity: 1; @@ -3247,22 +3472,28 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 80em) { .sidebar { - max-width:250px; + max-width: 250px; padding-right: 0 } } -.sidebar h2,.sidebar h3,.sidebar h4,.sidebar h5,.sidebar h6 { +.sidebar h2, +.sidebar h3, +.sidebar h4, +.sidebar h5, +.sidebar h6 { margin-bottom: 0; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif } -.sidebar h3,.sidebar h4 { +.sidebar h3, +.sidebar h4 { font-size: 1em } -.sidebar p,.sidebar li { - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; +.sidebar p, +.sidebar li { + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em; line-height: 1.5 } @@ -3277,7 +3508,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .sidebar__right { - position:relative; + position: relative; float: right; width: 200px; margin-left: 2.5423728814%; @@ -3287,7 +3518,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 80em) { .sidebar__right { - width:300px + width: 300px } } @@ -3299,7 +3530,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .author__avatar { - display:block; + display: block; width: auto; height: auto } @@ -3312,7 +3543,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .author__avatar img { - padding:5px; + padding: 5px; border: 1px solid #f2f3f3 } } @@ -3327,7 +3558,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .author__content { - display:block; + display: block; width: 100%; padding-left: 0; padding-right: 0 @@ -3340,13 +3571,13 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .author__name { - margin-top:10px; + margin-top: 10px; margin-bottom: 10px } } .sidebar .author__name { - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 1em } @@ -3356,7 +3587,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media screen and (min-width: 1024px) { .sidebar .author__desktop { - display:block + display: block } } @@ -3366,7 +3597,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .author__pronouns { - margin-top:10px; + margin-top: 10px; margin-bottom: 10px } } @@ -3377,7 +3608,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .author__bio { - margin-top:10px; + margin-top: 10px; margin-bottom: 20px } } @@ -3386,7 +3617,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, position: relative; display: table-cell; vertical-align: middle; - font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; + font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; z-index: 10; position: relative; cursor: pointer @@ -3398,7 +3629,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .author__urls-wrapper { - display:block + display: block } } @@ -3408,7 +3639,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .author__urls-wrapper button { - display:none + display: none } } @@ -3419,17 +3650,17 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, margin-top: 15px; padding: 10px; list-style-type: none; - border: 1px solid #feffb2; + border: 1px solid #beb2ff; border-radius: 4px; - background: #feffb2; + background: #fafafb; z-index: -1; - box-shadow: 0 0 10px rgba(0,0,0,0.25); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); cursor: default } @media (min-width: 57.8125em) { .author__urls { - display:block; + display: block; position: relative; margin: 0; padding: 0; @@ -3454,7 +3685,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, @media (min-width: 57.8125em) { .author__urls:before { - display:none + display: none } } @@ -3467,13 +3698,13 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, width: 0; border-style: solid; border-width: 0 10px 10px; - border-color: #feffb2 transparent; + border-color: #beb2ff transparent; z-index: 1 } @media (min-width: 57.8125em) { .author__urls:after { - display:none + display: none } } @@ -3506,7 +3737,15 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, font-weight: var(--fa-style, 900) } -.fa,.fa-classic,.fa-sharp,.fas,.fa-solid,.far,.fa-regular,.fab,.fa-brands { +.fa, +.fa-classic, +.fa-sharp, +.fas, +.fa-solid, +.far, +.fa-regular, +.fab, +.fa-brands { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); @@ -3516,11 +3755,16 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, text-rendering: auto } -.fas,.fa-classic,.fa-solid,.far,.fa-regular { +.fas, +.fa-classic, +.fa-solid, +.far, +.fa-regular { font-family: 'Font Awesome 6 Free' } -.fab,.fa-brands { +.fab, +.fa-brands { font-family: 'Font Awesome 6 Brands' } @@ -3708,7 +3952,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, --fa-animation-direction: reverse } -.fa-pulse,.fa-spin-pulse { +.fa-pulse, +.fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); @@ -3717,7 +3962,16 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, } @media (prefers-reduced-motion: reduce) { - .fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse { + + .fa-beat, + .fa-bounce, + .fa-fade, + .fa-beat-fade, + .fa-flip, + .fa-pulse, + .fa-shake, + .fa-spin, + .fa-spin-pulse { animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; @@ -3727,7 +3981,9 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, } @keyframes fa-beat { - 0%, 90% { + + 0%, + 90% { transform: scale(1) } @@ -3773,7 +4029,9 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, } @keyframes fa-beat-fade { - 0%, 100% { + + 0%, + 100% { opacity: var(--fa-beat-fade-opacity, 0.4); transform: scale(1) } @@ -3799,11 +4057,13 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, transform: rotate(15deg) } - 8%, 24% { + 8%, + 24% { transform: rotate(-18deg) } - 12%, 28% { + 12%, + 28% { transform: rotate(18deg) } @@ -3823,7 +4083,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, transform: rotate(12deg) } - 40%, 100% { + 40%, + 100% { transform: rotate(0deg) } } @@ -3858,7 +4119,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, transform: scale(1, -1) } -.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical { +.fa-flip-both, +.fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1) } @@ -3875,7 +4137,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, width: 2.5em } -.fa-stack-1x,.fa-stack-2x { +.fa-stack-1x, +.fa-stack-2x { left: 0; position: absolute; text-align: center; @@ -11703,7 +11966,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, content: "" } -.sr-only,.fa-sr-only { +.sr-only, +.fa-sr-only { position: absolute; width: 1px; height: 1px; @@ -11715,7 +11979,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, border-width: 0 } -.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus) { +.sr-only-focusable:not(:focus), +.fa-sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; @@ -11732,7 +11997,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */ -:root,:host { +:root, +:host { --fa-style-family-classic: 'Font Awesome 6 Free'; --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free' } @@ -11742,10 +12008,11 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, font-style: normal; font-weight: 900; font-display: block; - src: url("../webfonts/fa-solid-900.woff2") format("woff2"),url("../webfonts/fa-solid-900.ttf") format("truetype") + src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype") } -.fas,.fa-solid { +.fas, +.fa-solid { font-weight: 900 } @@ -11754,7 +12021,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */ -:root,:host { +:root, +:host { --fa-style-family-brands: 'Font Awesome 6 Brands'; --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands' } @@ -11764,10 +12032,11 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, font-style: normal; font-weight: 400; font-display: block; - src: url("../webfonts/fa-brands-400.woff2") format("woff2"),url("../webfonts/fa-brands-400.ttf") format("truetype") + src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype") } -.fab,.fa-brands { +.fab, +.fa-brands { font-weight: 400 } @@ -13872,7 +14141,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, } .mfp-counter { - font-family: Georgia,Times,serif + font-family: Georgia, Times, serif } .mfp-bg { @@ -13932,7 +14201,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, z-index: 1045 } -.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { +.mfp-inline-holder .mfp-content, +.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto } @@ -13941,7 +14211,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, cursor: progress } -.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close { +.mfp-zoom-out-cur, +.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out @@ -13958,7 +14229,10 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, cursor: auto } -.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { +.mfp-close, +.mfp-arrow, +.mfp-preloader, +.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none @@ -14000,7 +14274,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, display: none } -button.mfp-close,button.mfp-arrow { +button.mfp-close, +button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; @@ -14034,10 +14309,11 @@ button::-moz-focus-inner { color: #fff; font-style: normal; font-size: 28px; - font-family: Georgia,Times,serif + font-family: Georgia, Times, serif } -.mfp-close:hover,.mfp-close:focus { +.mfp-close:hover, +.mfp-close:focus { opacity: 1; filter: alpha(opacity=100) } @@ -14050,7 +14326,8 @@ button::-moz-focus-inner { color: #fff } -.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { +.mfp-image-holder .mfp-close, +.mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; @@ -14084,12 +14361,16 @@ button::-moz-focus-inner { margin-top: -54px } -.mfp-arrow:hover,.mfp-arrow:focus { +.mfp-arrow:hover, +.mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100) } -.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a { +.mfp-arrow:before, +.mfp-arrow:after, +.mfp-arrow .mfp-b, +.mfp-arrow .mfp-a { content: ''; display: block; width: 0; @@ -14102,13 +14383,15 @@ button::-moz-focus-inner { border: medium inset transparent } -.mfp-arrow:after,.mfp-arrow .mfp-a { +.mfp-arrow:after, +.mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px } -.mfp-arrow:before,.mfp-arrow .mfp-b { +.mfp-arrow:before, +.mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7 @@ -14118,12 +14401,14 @@ button::-moz-focus-inner { left: 0 } -.mfp-arrow-left:after,.mfp-arrow-left .mfp-a { +.mfp-arrow-left:after, +.mfp-arrow-left .mfp-a { border-right: 17px solid #fff; margin-left: 31px } -.mfp-arrow-left:before,.mfp-arrow-left .mfp-b { +.mfp-arrow-left:before, +.mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #fff } @@ -14132,12 +14417,14 @@ button::-moz-focus-inner { right: 0 } -.mfp-arrow-right:after,.mfp-arrow-right .mfp-a { +.mfp-arrow-right:after, +.mfp-arrow-right .mfp-a { border-left: 17px solid #fff; margin-left: 39px } -.mfp-arrow-right:before,.mfp-arrow-right .mfp-b { +.mfp-arrow-right:before, +.mfp-arrow-right .mfp-b { border-left: 27px solid #fff } @@ -14170,7 +14457,7 @@ button::-moz-focus-inner { left: 0; width: 100%; height: 100%; - box-shadow: 0 0 8px rgba(0,0,0,0.6); + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000 } @@ -14202,7 +14489,7 @@ img.mfp-img { width: auto; height: auto; z-index: -1; - box-shadow: 0 0 8px rgba(0,0,0,0.6); + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444 } @@ -14247,9 +14534,10 @@ img.mfp-img { cursor: pointer } -@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { +@media screen and (max-width: 800px) and (orientation: landscape), +screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { - padding-left:0; + padding-left: 0; padding-right: 0 } @@ -14268,7 +14556,7 @@ img.mfp-img { } .mfp-img-mobile .mfp-bottom-bar { - background: rgba(0,0,0,0.6); + background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; @@ -14294,7 +14582,7 @@ img.mfp-img { width: 35px; height: 35px; line-height: 35px; - background: rgba(0,0,0,0.6); + background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0 @@ -14303,7 +14591,7 @@ img.mfp-img { @media all and (max-width: 900px) { .mfp-arrow { - -webkit-transform:scale(0.75); + -webkit-transform: scale(0.75); transform: scale(0.75) } @@ -14350,7 +14638,57 @@ img.mfp-img { } @media print { - .masthead,.toc,.page__share,.page__related,.ads,.page__footer { + + .masthead, + .toc, + .page__share, + .page__related, + .ads, + .page__footer { display: none } +} + +.slider-container { + position: fixed; + z-index: 9999; + bottom: 25px; + right: 25px; +} + +.slider-input { + display: none; + /* Hide the checkbox */ +} + +.slider-label { + width: 60px; + height: 34px; + background-color: #636363; + border-radius: 34px; + cursor: pointer; + position: relative; + transition: background-color 0.3s; +} + +.slider-label::before { + content: ""; + position: absolute; + width: 26px; + height: 26px; + background-color: rgb(255, 255, 255); + border-radius: 50%; + top: 4px; + left: 4px; + transition: transform 0.3s; +} + +.slider-input:checked+.slider-label { + background-color: #373059; + /* Green background when checked */ +} + +.slider-input:checked+.slider-label::before { + transform: translateX(26px); + /* Move the slider */ } \ No newline at end of file diff --git a/certification/index.html b/certification/index.html index 9791ee4..9923d3e 100644 --- a/certification/index.html +++ b/certification/index.html @@ -49,6 +49,11 @@ + +
+ + +
diff --git a/experience/index.html b/experience/index.html index f91cd78..a732e80 100644 --- a/experience/index.html +++ b/experience/index.html @@ -49,6 +49,11 @@ + +
+ + +
diff --git a/extra-cariculum/index.html b/extra-cariculum/index.html index 713bc0e..5ebeb75 100644 --- a/extra-cariculum/index.html +++ b/extra-cariculum/index.html @@ -51,6 +51,11 @@ + +
+ + +
diff --git a/gallery/index.html b/gallery/index.html index 09e453c..629e4dd 100644 --- a/gallery/index.html +++ b/gallery/index.html @@ -80,11 +80,10 @@ display: none; position: fixed; top: 20vh; - left: 12vh; + left: 15vh; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); - z-index: 10; align-items: center; justify-content: center; overflow: hidden; @@ -93,8 +92,8 @@ .modal img { max-width: 100%; - max-height: 80vh; - object-fit: contain; + max-height: 100vh; + object-fit:contain ; border-radius: 8px; } @@ -117,12 +116,23 @@ text-align: center; font-weight: bold; } + + @media (max-width: 550px){ + .modal{ + width: 110%; + } + } + +
+ + +
diff --git a/index.html b/index.html index e949564..5fe5290 100644 --- a/index.html +++ b/index.html @@ -109,6 +109,17 @@ + +
+ + +
+ +
+ + +
+
diff --git a/projects/index.html b/projects/index.html index 93572b3..88b6831 100644 --- a/projects/index.html +++ b/projects/index.html @@ -48,6 +48,11 @@ + +
+ + +
diff --git a/script.js b/script.js new file mode 100644 index 0000000..28a0bc8 --- /dev/null +++ b/script.js @@ -0,0 +1,16 @@ +const sliderInput = document.getElementById('slider'); +const body = document.querySelector('body'); + +let getMode = localStorage.getItem("mode"); +if (getMode && getMode === "dark") { + body.classList.toggle('dark'); +} + +sliderInput.addEventListener('change', () => { + body.classList.toggle('dark'); + if (body.classList.contains('dark')) { + localStorage.setItem("mode", "dark"); + } else { + localStorage.setItem("mode", "light"); + } +}); \ No newline at end of file diff --git a/skills/index.html b/skills/index.html index 4b05cc5..14037fe 100644 --- a/skills/index.html +++ b/skills/index.html @@ -51,6 +51,11 @@ + +
+ + +
diff --git a/teams/ag-scripts.js b/teams/ag-scripts.js deleted file mode 100644 index d9f913c..0000000 --- a/teams/ag-scripts.js +++ /dev/null @@ -1,402 +0,0 @@ -(function() { - try { - var AG_onLoad = function(func) { - if (document.readyState === "complete" || document.readyState === "interactive") - func(); - else if (document.addEventListener) - document.addEventListener("DOMContentLoaded", func); - else if (document.attachEvent) - document.attachEvent("DOMContentLoaded", func) - }; - ;var AG_removeElementById = function(id) { - var element = document.getElementById(id); - if (element && element.parentNode) { - element.parentNode.removeChild(element); - } - }; - ;var AG_removeElementBySelector = function(selector) { - if (!document.querySelectorAll) { - return; - } - var nodes = document.querySelectorAll(selector); - if (nodes) { - for (var i = 0; i < nodes.length; i++) { - if (nodes[i] && nodes[i].parentNode) { - nodes[i].parentNode.removeChild(nodes[i]); - } - } - } - }; - ;var AG_each = function(selector, fn) { - if (!document.querySelectorAll) - return; - var elements = document.querySelectorAll(selector); - for (var i = 0; i < elements.length; i++) { - fn(elements[i]); - } - ; - }; - ;var AG_removeParent = function(el, fn) { - while (el && el.parentNode) { - if (fn(el)) { - el.parentNode.removeChild(el); - return; - } - el = el.parentNode; - } - }; - ;var AG_removeCookie = function(a) { - var e = /./; - /^\/.+\/$/.test(a) ? e = new RegExp(a.slice(1, -1)) : "" !== a && (e = new RegExp(a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"))); - a = function() { - for (var a = document.cookie.split(";"), g = a.length; g--; ) { - cookieStr = a[g]; - var d = cookieStr.indexOf("="); - if (-1 !== d && (d = cookieStr.slice(0, d).trim(), - e.test(d))) - for (var h = document.location.hostname.split("."), f = 0; f < h.length - 1; f++) { - var b = h.slice(f).join("."); - if (b) { - var c = d + "=" - , k = "; domain=" + b; - b = "; domain=." + b; - document.cookie = c + "; expires=Thu, 01 Jan 1970 00:00:00 GMT"; - document.cookie = c + k + "; expires=Thu, 01 Jan 1970 00:00:00 GMT"; - document.cookie = c + b + "; expires=Thu, 01 Jan 1970 00:00:00 GMT"; - document.cookie = c + "; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT"; - document.cookie = c + k + "; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT"; - document.cookie = c + b + "; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT" - } - } - } - } - ; - a(); - window.addEventListener("beforeunload", a) - }; - ;var AG_defineProperty = function() { - var p, q = Object.defineProperty; - if ("function" == typeof WeakMap) - p = WeakMap; - else { - var r = 0 - , t = function() { - this.a = (r += Math.random()).toString() - }; - t.prototype.set = function(a, b) { - var d = a[this.a]; - d && d[0] === a ? d[1] = b : q(a, this.a, { - value: [a, b], - writable: !0 - }); - return this - } - ; - t.prototype.get = function(a) { - var b; - return (b = a[this.a]) && b[0] === a ? b[1] : void 0 - } - ; - t.prototype.has = function(a) { - var b = a[this.a]; - return b ? b[0] === a : !1 - } - ; - p = t - } - function u(a) { - this.b = a; - this.h = Object.create(null) - } - function v(a, b, d, e) { - this.a = a; - this.i = b; - this.c = d; - this.f = e - } - function w() { - this.g = /^([^\\\.]|\\.)*?\./; - this.j = /\\(.)/g; - this.a = new p - } - function x(a, b) { - var d = b.f; - if (d && !("beforeGet"in d || "beforeSet"in d)) - return z(d); - var e = { - get: function() { - var c = b.f; - c && c.beforeGet && c.beforeGet.call(this, b.a.b); - a: if (c = b.g) - c = A(c) ? c.value : c.get ? c.get.call(this) : void 0; - else { - c = b.a.b; - if (b.i in c && (c = B(c), - null !== c)) { - var d = C.call(c, b.i); - c = d ? d.call(this) : c[b.i]; - break a - } - c = void 0 - } - (this === b.a.b || D.call(b.a.b, this)) && E(a, c, b.c); - return c - }, - set: function(c) { - if (this === b.a.b || D.call(b.a.b, this)) { - b.f && b.f.beforeSet && (c = b.f.beforeSet.call(this, c, this)); - var d = b.g; - d && A(d) && d.value === c ? c = !0 : (d = F(b, c, this), - G(c) && (c = H(a, c), - I(a, c, b.c)), - c = d) - } else - c = F(b, c, this); - return c - } - }; - d && J(d, e, K); - return e - } - function I(a, b, d) { - for (var e in d.h) { - var c = d.h[e]; - if (b.h[e]) { - var h = a - , g = b.h[e] - , k = c; - !k.f || g.f || "undefined" === typeof g.a.b || g.g || (g.g = z(k.f)); - g.c && k.c && g.c !== k.c && I(h, g.c, k.c) - } else { - g = h = void 0; - k = a; - var f = b - , l = c.i - , m = "undefined" !== typeof f.b - , y = !1; - m && (g = L(f.b, l)) && !g.configurable && (y = !0, - h = f.b[l]); - var n = y ? H(k, h) : new u(c.c.b); - I(k, n, c.c); - n = new v(f,l,n,c.f); - f.h[l] = n; - m && (n.g = g, - m = x(k, n), - y ? E(k, h, c.c) : (q(f.b, l, m), - g && A(g) && (M(m, g.value, f.b), - E(k, g.value, c.c)))) - } - } - } - function E(a, b, d) { - G(b) && (b = H(a, b), - I(a, b, d)) - } - function F(a, b, d) { - var e = a.g; - if (!e) { - e = B(a.a.b); - if (null !== e && (e = N.call(e, a.i))) - return e.call(d, b); - if (!O(a.a.b)) - return !1; - a.g = { - value: b, - configurable: !0, - writable: !0, - enumerable: !0 - }; - return !0 - } - return M(e, b, d) - } - function H(a, b) { - var d = a.a.get(b); - d || (d = new u(b), - a.a.set(b, d)); - return d - } - function A(a) { - return "undefined" !== typeof a.writable - } - function J(a, b, d) { - for (var e = 0, c = d.length; e < c; e++) { - var h = d[e]; - h in a && (b[h] = a[h]) - } - } - function z(a) { - if (a) { - var b = {}; - J(a, b, P); - return b - } - } - function M(a, b, d) { - if (A(a)) - return a.writable ? (a.value = b, - !0) : !1; - if (!a.set) - return !1; - a.set.call(d, b); - return !0 - } - var P = "configurable enumerable value get set writable".split(" ") - , K = P.slice(0, 2) - , L = Object.getOwnPropertyDescriptor - , O = Object.isExtensible - , B = Object.getPrototypeOf - , D = Object.prototype.isPrototypeOf - , C = Object.prototype.__lookupGetter__ || function(a) { - return (a = Q(this, a)) && a.get ? a.get : void 0 - } - , N = Object.prototype.__lookupSetter__ || function(a) { - return (a = Q(this, a)) && a.set ? a.set : void 0 - } - ; - function Q(a, b) { - if (b in a) { - for (; !w.hasOwnProperty.call(a, b); ) - a = B(a); - return L(a, b) - } - } - function G(a) { - var b = typeof a; - return "function" === b || "object" === b && null !== a ? !0 : !1 - } - var R; - return function(a, b, d) { - R || (R = new w); - var e = R; - d = d || window; - var c = new u; - a += "."; - var h = c || new u; - for (var g = e.g, k = e.j, f, l, m; a; ) { - f = g.exec(a); - if (null === f) - throw 1; - f = f[0].length; - l = a.slice(0, f - 1).replace(k, "$1"); - a = a.slice(f); - (f = h.h[l]) ? m = f.c : (m = new u, - f = new v(h,l,m), - h.h[l] = f); - h = m - } - if (!f) - throw 1; - a = f; - a.f = b; - E(e, d, c) - } - ; - }(); - ;var AG_abortOnPropertyWrite = function(a, b) { - var c = Math.random().toString(36).substr(2, 8); - AG_defineProperty(a, { - beforeSet: function() { - b && console.warn("AdGuard aborted property write: " + a); - throw new ReferenceError(c); - } - }); - var d = window.onerror; - window.onerror = function(e) { - if ("string" === typeof e && -1 !== e.indexOf(c)) - return b && console.warn("AdGuard has caught window.onerror: " + a), - !0; - if (d instanceof Function) - return d.apply(this, arguments) - } - }; - ;var AG_abortOnPropertyRead = function(a, b) { - var c = Math.random().toString(36).substr(2, 8); - AG_defineProperty(a, { - beforeGet: function() { - b && console.warn("AdGuard aborted property read: " + a); - throw new ReferenceError(c); - } - }); - var d = window.onerror; - window.onerror = function(e) { - if ("string" === typeof e && -1 !== e.indexOf(c)) - return b && console.warn("AdGuard has caught window.onerror: " + a), - !0; - if (d instanceof Function) - return d.apply(this, arguments) - } - }; - ;var AG_abortInlineScript = function(g, b, c) { - var d = function() { - if ("currentScript"in document) - return document.currentScript; - var a = document.getElementsByTagName("script"); - return a[a.length - 1] - } - , e = Math.random().toString(36).substr(2, 8) - , h = d(); - AG_defineProperty(b, { - beforeGet: function() { - var a = d(); - if (a instanceof HTMLScriptElement && a !== h && "" === a.src && g.test(a.textContent)) - throw c && console.warn("AdGuard aborted execution of an inline script"), - new ReferenceError(e); - } - }); - var f = window.onerror; - window.onerror = function(a) { - if ("string" === typeof a && -1 !== a.indexOf(e)) - return c && console.warn("AdGuard has caught window.onerror: " + b), - !0; - if (f instanceof Function) - return f.apply(this, arguments) - } - }; - ;var AG_setConstant = function(e, a) { - if ("undefined" === a) - a = void 0; - else if ("false" === a) - a = !1; - else if ("true" === a) - a = !0; - else if ("noopFunc" === a) - a = function() {} - ; - else if ("trueFunc" === a) - a = function() { - return !0 - } - ; - else if ("falseFunc" === a) - a = function() { - return !1 - } - ; - else if (/^\d+$/.test(a)) { - if (a = parseFloat(a), - isNaN(a) || 32767 < Math.abs(a)) - return - } else - return; - var b = !1; - AG_defineProperty(e, { - get: function() { - return a - }, - set: function(c) { - if (b) - var d = !0; - else - void 0 !== c && void 0 !== a && typeof c !== typeof a && (b = !0), - d = b; - d && (a = c) - } - }) - }; - } catch (ex) { - console.error('Error executing AG js: ' + ex); - } -} -)(); -//# sourceURL=ag-scripts.js