diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 0000000..e69de29 diff --git a/404.html b/404.html new file mode 100644 index 0000000..007608b --- /dev/null +++ b/404.html @@ -0,0 +1,828 @@ + + + + + + + + + +Faversham Pub Reviews | Finding the best pubs in Faversham + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + +
+ +
+ +
+
+ + +
+

404

+ +

Page not found :(

+

The requested page could not be found.

+
+ +
+
+ + + diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..414f87a --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +faversham.pub \ No newline at end of file diff --git a/README.pod b/README.pod new file mode 100644 index 0000000..2b53aa4 --- /dev/null +++ b/README.pod @@ -0,0 +1,5 @@ +=head1 faversham.pub + +=head2 Blog about pubs in Faversham + +Written using the dapper framework diff --git a/about/index.html b/about/index.html new file mode 100644 index 0000000..0b164f2 --- /dev/null +++ b/about/index.html @@ -0,0 +1,969 @@ + + + + + + + + + +About | Faversham Pub Reviews + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + +
+ +
+ +
+
+
+
+ +
+
+ + + + + + + + + +
+ +
+ +

We at faversham.pub are dedicated to exploring every pub in Faversham and +beyond.

+ +

Faversham is home to the oldest brewer in the country, Shepherd Neame. +As followers of the Neame, we wish to fully understand it’s home - Faversham - +and the pubs within it.

+ + + + +
+ +
+
+
+ + +
+
+ + +
+
TOC
+
+
+ + +
+
+ +
+
+ + + diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..9abe3ec --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,1446 @@ +/** + * Reset some basic elements + */ +body, h1, h2, h3, h4, h5, h6, +p, blockquote, pre, hr, +dl, dd, ol, ul, figure { + margin: 0; + padding: 0; +} + +/** + * Basic styling + */ +body { + font-family: Helvetica, Arial, Oswald, sans-serif; + font-weight: 400; + font-size: 14px; + font-display: swap; + line-height: 1.6; + color: #454545; + background-color: #fff; + -webkit-text-size-adjust: 100%; + -webkit-font-feature-settings: "kern" 1; + -moz-font-feature-settings: "kern" 1; + -o-font-feature-settings: "kern" 1; + font-feature-settings: "kern" 1; + font-kerning: normal; + display: flex; + min-height: 100vh; + flex-direction: column; +} + +/** + * Set `margin-bottom` to maintain vertical rhythm + */ +h1, h2, h3, h4, h5, h6, +p, blockquote, pre, +ul, ol, dl, figure { + margin-bottom: 15px; +} + +/** + * `main` element + */ +main { + display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ +} + +/** + * Images + */ +img { + max-width: 100%; + vertical-align: middle; +} + +/** + * Figures + */ +figure > img { + display: block; +} + +figcaption { + font-size: 12.25px; +} + +/** + * Lists + */ +ul, ol { + margin-left: 30px; +} + +li > ul, +li > ol { + margin-bottom: 0; +} + +/** + * Headings + */ +h1, h2, h3, h4, h5, h6 { + font-weight: 600; +} + +/** + * Links + */ +a { + color: #ff5100; + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +.social-media-list a:hover { + text-decoration: none; +} +.social-media-list a:hover .username { + text-decoration: underline; +} + +/** + * Blockquotes + */ +blockquote { + color: #828282; + border-left: 4px solid #e8e8e8; + padding-left: 15px; + font-size: 15.75px; + letter-spacing: -1px; + font-style: italic; +} +blockquote > :last-child { + margin-bottom: 0; +} + +/** + * Code formatting + */ +pre, +code { + font-size: 13.125px; + color: #454545; +} + +*:not(pre) > code { + padding: 3px 6px; + border-radius: 3px; + background-color: #eee; + margin: 0 5px; +} + +pre { + overflow-x: auto; + position: relative; + background-color: #f0f0f0; +} +pre > code { + display: inline-block; + padding: 20px !important; + background-color: transparent; + border: 0; +} +pre table, pre pre { + margin-bottom: 0; +} +pre table .gutter, pre table .code, pre pre .gutter, pre pre .code { + padding: 6px; + border: none; +} + +/** + * Wrapper + */ +.wrapper { + max-width: 920px; + margin: auto; + padding-right: 30px; + padding-left: 30px; +} + +/** + * Clearfix + */ +.wrapper:after { + content: ""; + display: table; + clear: both; +} + +/** + * Tables + */ +table { + display: block; + margin-bottom: 30px; + width: 100%; + text-align: left; + color: #525252; + border-collapse: collapse; + overflow: auto; +} +table tr:nth-child(even) { + background-color: #f7f7f7; +} +table th, table td { + padding: 10px 15px; +} +table th { + background-color: #f0f0f0; + border: 1px solid #dedede; + border-bottom-color: #c9c9c9; +} +table td { + border: 1px solid #e8e8e8; +} + +/** + * Flex layout + */ +.framework { + display: flex; +} + +.framework .main, .page-content { + flex: 1; + min-width: 0; /* <-- fix flexbox width with pre tags */ +} + +/** + * Flex sticky + */ +/** + * Vertical center + */ +/** + * Horizontal center + */ +/** + * Center background image + */ +/** + * Animation for transparent header + */ +html[data-header-transparent] header.site-header { + position: fixed; +} +html[data-scroll-status=top] header.site-header-transparent { + height: 0; + margin-top: 12px; + background-color: transparent; + transition: 0.1s height, background-color, box-shadow; +} +html[data-scroll-status=top] header.site-header-transparent.site-header .site-brand-inner, html[data-scroll-status=top] header.site-header-transparent.site-header .page-link { + color: #fff; + transition: 0.1s color; +} +@media screen and (max-width: 800px) { + html[data-scroll-status=top] header.site-header-transparent.site-header .page-link { + color: black; + } + html[data-scroll-status=top] header.site-header-transparent.site-header .menu-icon > svg { + fill: #fdfdfd; + } +} +html[data-scroll-status=top] footer.site-footer { + color: unset; + background-color: transparent; +} +html[data-scroll-status=top] footer.site-footer .site-footer-inner { + border-top: solid 1px #eee; +} +html[data-scroll-status=down] header.site-header { + top: -63.84px; +} +html[data-scroll-status=down] .framework .sidebar { + top: 20px; +} + +/** + * Site header + */ +.site-header { + background-color: #ffffff; + height: 63.84px; + width: 100%; + transition: height 0.2s, text-shadow 0.2s, top 0.2s; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06); + position: sticky; + position: -moz-sticky; /* <-- fix sticky compatibility issue */ + position: -ms-sticky; + position: -o-sticky; + position: -webkit-sticky; + align-self: flex-start; /* <-- fix the sticky not work issue */ + transform: scale(0.9999); /* <-- fix the sticky x overflow issue */ + top: 0; + z-index: 1000; +} +.site-header > .wrapper { + margin: 0 60px; + padding: 0; + max-width: 100%; + transition: 0.2s margin; +} +@media screen and (max-width: 1024px) { + .site-header > .wrapper { + margin: 0 20px; + max-width: unset; + } +} +.site-header a { + text-decoration: none; +} +.site-header .site-header-inner { + position: relative; +} + +.site-brand { + line-height: 63.84px; + margin-right: 50px; +} +.site-brand .site-brand-inner { + font-size: 15.75px; + font-weight: 400; + letter-spacing: -1px; + transition: 0.1s filter color; +} +.site-brand .site-brand-inner, .site-brand .site-brand-inner:visited { + color: black; +} +.site-brand .site-brand-inner .site-favicon { + display: inline-block; + height: 42.56px; + margin-right: 5px; +} + +.site-nav { + font-size: 15.75px; + line-height: 63.84px; + position: absolute; + right: 0; + top: 0; +} +.site-nav .nav-trigger { + display: none; +} +.site-nav .menu-icon { + display: none; +} +.site-nav .page-link { + line-height: 1.6; + color: black; + transition: 0.1s ease-in-out; +} +.site-nav .page-link:not(:last-child) { + margin-right: 24px; +} +.site-nav .page-link:not(:last-child):hover { + text-decoration: underline; +} +@media screen and (max-width: 800px) { + .site-nav { + position: absolute; + top: 0; + text-align: left; + } + .site-nav label[for=nav-trigger] { + display: block; + z-index: 2; + cursor: pointer; + } + .site-nav .menu-icon { + display: block; + float: right; + text-align: center; + } + .site-nav .menu-icon > svg { + fill: rgba(0, 0, 0, 0.8); + transition: 0.1s fill; + } + .site-nav input ~ .trigger { + clear: both; + display: none; + border-radius: 3px; + box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.06); + } + .site-nav input:checked ~ .trigger { + display: block; + background: #ffffff; + } + .site-nav .page-link { + display: block; + padding: 5px 10px; + color: rgba(0, 0, 0, 0.8); + margin: 0 25px; + } +} + +/** + * Site footer + */ +.site-footer { + font-size: 14px; + color: #404040; + background-color: #f2f2f2; + text-align: left; + transition: background-color 0.2s; +} +.site-footer .site-footer-inner { + transition: border-top 0.2s; + padding: 54px 0; +} +.site-footer a { + color: #ff5100; +} +.site-footer a:hover { + color: #ff7433; +} + +.copyleft { + display: inline-block; + transform: rotate(180deg); +} + +/** + * Post header + */ +.post .post-header { + margin-bottom: 30px; +} +.post .post-title { + font-size: 36.75px; + letter-spacing: -1px; + line-height: 1; +} +@media screen and (max-width: 800px) { + .post .post-title { + font-size: 31.5px; + } +} +.post .post-tags { + padding-right: 150px; +} +.post .post-tags .post-tag { + display: inline-block; + margin: 0 12px 0 0; +} + +/** + * Page content + */ +.page-content { + /* <-- Keep footer on the bottom */ + -ms-flex: none; /* <-- Fix IE footer issue */ + padding: 60px 0; + padding-top: 72px; +} + +.page-heading { + font-size: 28px; +} + +.post-list-heading { + font-size: 24.5px; +} + +/** + * Pagination page + */ +.pagination .post-list { + margin-left: 0; + list-style: none; +} +.pagination .post-list > li { + margin-bottom: 45px; + padding-bottom: 30px; +} +.pagination .post-list > li:not(:last-child) { + border-bottom: 1px solid #e3e3e3; +} +.pagination .post-title { + margin-bottom: 6px; + transition: 0.2s all; +} +.pagination .post-title a { + text-decoration: none; +} +.pagination .post-title a:after { + content: "NEW"; + position: absolute; + margin-left: 8px; + margin-top: 3px; + padding: 0px 3px; + background-color: #ff5100; + color: #fff; + font-size: 10px; + font-weight: 600; + border-radius: 2px; +} +.pagination .post-title a:visited:after { + background-color: #fff; +} +.pagination .post-meta { + font-size: 14px; + color: #828282; + margin-bottom: 15px; +} +.pagination .post-link { + font-size: 23.1px; + font-weight: 600; + color: #333; +} +.pagination .post-excerpt { + color: #777; + word-break: break-word; + overflow-wrap: break-word; +} +.pagination .post-tags .post-tag { + display: inline-block; + text-decoration: none; + border: 1px solid; + padding: 2px 4px; + border-radius: 2px; + transition: color 0.2s; + margin-bottom: 8px; +} +.pagination .post-tags .post-tag:not(:last-child) { + margin-right: 8px; +} +.pagination .post-tags .post-tag:hover { + color: #787878; +} +.pagination .paginator { + text-align: center; +} +.pagination .paginator > .previous:before { + content: " "; + border: solid #787878; + border-width: 0 2px 2px 0; + display: inline-block; + padding: 4px; + margin-right: 8px; + transform: rotate(135deg); + -webkit-transform: rotate(135deg); +} +.pagination .paginator > .next:after { + content: " "; + border: solid #787878; + border-width: 0 2px 2px 0; + display: inline-block; + padding: 4px; + margin-left: 8px; + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); +} +.pagination .paginator .previous span, .pagination .paginator .next span { + color: #b3b3b3; +} +.pagination .paginator .indicator { + padding: 0 15px; +} + +/** + * Posts + */ +.post .post-header { + margin: 50px auto 60px; + padding: 0 0 20px; + border-bottom: 1px solid #ebebeb; +} +.post .post-header .post-title { + margin-bottom: 6px; +} +.post .post-header .post-subtitle { + font-weight: lighter; +} +.post .post-header .post-meta { + color: #808080; +} +.post .post-content { + margin-bottom: 30px; + overflow-wrap: normal; + word-wrap: normal; + word-break: normal; +} +.post .post-content h2 { + font-size: 28px; +} +@media screen and (max-width: 800px) { + .post .post-content h2 { + font-size: 24.5px; + } +} +.post .post-content h3 { + font-size: 22.75px; +} +@media screen and (max-width: 800px) { + .post .post-content h3 { + font-size: 19.25px; + } +} +.post .post-content h4 { + font-size: 17.5px; +} +@media screen and (max-width: 800px) { + .post .post-content h4 { + font-size: 15.75px; + } +} +.post .post-content img, .post .post-content svg, .post .post-content iframe { + margin-left: auto; + margin-right: auto; +} +.post .post-content img:not(.emoji), .post .post-content svg, .post .post-content iframe { + display: block; + max-height: 50vh; +} +.post .post-content h2, .post .post-content h3, .post .post-content h4, .post .post-content h5, .post .post-content h6 { + margin: 60px 0 19px; +} +.post .post-content p, .post .post-content hr { + margin-bottom: 24px; +} +.post .post-content hr { + height: 1px; + background-color: #ebebeb; + border: none; +} +.post .post-related > *:first-child { + font-size: 19.95px; + color: #333; + margin-bottom: 14px; +} +.post .post-related ul { + margin-left: 15px; +} +.post .post-related ul .post-link { + font-size: 15.05px; +} +.post .post-related ul a { + color: #666; +} +.post .post-related ul a:hover { + color: #333; +} +.post .post-related ul a:after { + content: "NEW"; + position: absolute; + margin-left: 8px; + margin-top: 3px; + padding: 0px 3px; + background-color: #ff5100; + color: #fff; + font-size: 10px; + font-weight: 600; + border-radius: 2px; +} +.post .post-related ul a:visited:after { + background-color: #fff; +} + +.post-comments { + padding-top: 25px; +} + +/** + * Posts misc + */ +.post-nav { + display: flex; + justify-content: space-between; + margin: 72px 0 59px; + padding: 31px 0 0; +} +.post-nav a { + font-size: 15.75px; + line-height: 15px; + color: #666; + max-width: 50%; +} +.post-nav .previous:before { + content: " "; + border: solid #787878; + border-width: 0 2px 2px 0; + display: inline-block; + padding: 4px; + margin-right: 8px; + transform: rotate(135deg); + -webkit-transform: rotate(135deg); +} +.post-nav .next:after { + content: " "; + border: solid #787878; + border-width: 0 2px 2px 0; + display: inline-block; + padding: 4px; + margin-left: 8px; + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); +} + +/** + * Archives page + */ +.page-archives .page-archives-list { + margin-left: 0; + list-style: none; +} +.page-archives .archives-time { + font-size: 21px; + margin-bottom: 8px; +} +.page-archives .archives-time:not(:first-child) { + margin-top: 18px; +} +.page-archives .post-meta { + font-size: 12.25px; + color: #828282; +} + +/** + * Page banner + */ +.page-banner { + display: block; + position: relative; + height: 640px; + background-color: rgba(0, 0, 0, 0.8); + transition: height 0.2s; +} +.page-banner .page-banner-img { + position: absolute; + width: 100%; + height: 100%; + overflow: hidden; +} +.page-banner .page-banner-img > *:first-child { + height: 100%; + max-width: 1000%; + background-size: cover; + background-position: center center; + overflow: hidden; + transition: 0.1s all ease-in-out; +} +.page-banner .page-banner-img > video { + width: 100vw; + object-fit: cover; +} +.page-banner .page-banner-img > img.img-placeholder { + display: none; +} +.page-banner .wrapper { + height: 100%; +} +.page-banner .page-banner-inner { + position: relative; + top: 50%; + transform: translateY(-50%); + color: #fdfdfd; + padding: 10px 5px; + text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.3333333333); +} +.page-banner .page-banner-inner > *:first-child { + margin: 0; +} +.page-banner .page-banner-inner > *:first-child > :nth-child(1) { + font-size: 54.6px; + letter-spacing: -1px; + margin-bottom: 0.1em; + font-weight: normal; + transition: 0.2s all; +} +@media screen and (max-width: 600px) { + .page-banner .page-banner-inner > *:first-child > :nth-child(1) { + font-size: 27.65px; + } +} +.page-banner .page-banner-inner > *:first-child > :nth-child(2) { + font-weight: lighter; + margin-bottom: 0.8em; + transition: 0.2s all; +} +@media screen and (max-width: 600px) { + .page-banner .page-banner-inner > *:first-child > :nth-child(2) { + font-size: 16.45px; + } +} +.page-banner .page-banner-inner > *:first-child > :last-child { + margin-bottom: 0; +} +.page-banner .page-banner-inner .post-subtitle { + font-size: 21.35px; + color: rgba(255, 255, 255, 0.8); + padding-right: 280px; +} +@media screen and (max-width: 600px) { + .page-banner .page-banner-inner .post-subtitle { + padding-right: 0; + } +} +.page-banner .page-banner-inner .post-meta { + color: rgba(255, 255, 255, 0.8); +} +.page-banner .page-banner-inner .left-vsplit:before { + background: rgba(227, 227, 227, 0.5333333333); +} +.page-banner .page-banner-inner .post-tags { + color: #999; + padding-right: 280px; +} +@media screen and (max-width: 600px) { + .page-banner .page-banner-inner .post-tags { + padding-right: 0; + } +} +.page-banner .page-banner-inner .post-tags .post-tag { + font-size: 15.75px; + display: inline-block; + text-decoration: none; + margin: 9px 12px 0 0; + color: #fff; +} +.page-banner .page-banner-inner .post-tags .post-tag:hover { + text-decoration: underline; +} +@media screen and (max-width: 600px) { + .page-banner { + height: 426.6666666667px; + } +} + +/** + * Layout and sidebar + */ +.framework .sidebar { + padding-left: 8px; + transition: top 0.2s, display 0.2s; + position: sticky; + position: -moz-sticky; /* <-- fix sticky compatibility issue */ + position: -ms-sticky; + position: -o-sticky; + position: -webkit-sticky; + align-self: flex-start; /* <-- fix the sticky not work issue */ + transform: scale(0.9999); /* <-- fix the sticky x overflow issue */ + top: 83.84px; +} +@media screen and (max-width: 800px) { + .framework .sidebar { + display: none; + } +} + +/** + * Segments page + */ +.page-segments .page-segments-list { + margin-left: 0; + list-style: none; +} +.page-segments .segment-name { + font-weight: 600; + margin-bottom: 8px; + position: relative; + font-size: 22.4px; +} +.page-segments .segment-name:not(:first-child) { + margin-top: 28px; +} +.page-segments .segment-name:hover:before { + content: "#"; + left: -1em; + position: absolute; +} +.page-segments .post-meta { + font-size: 12.25px; + color: #828282; +} +.page-segments li a { + color: #303030; +} +.page-segments li a.post-link { + margin-left: 5px; +} +.page-segments li a:hover { + color: #000; +} +.page-segments li a:after { + content: "NEW"; + position: absolute; + margin-left: 8px; + margin-top: 3px; + padding: 0px 3px; + background-color: #ff5100; + color: #fff; + font-size: 10px; + font-weight: 600; + border-radius: 2px; +} +.page-segments li a:visited:after { + background-color: #fff; +} + +.left-vsplit:before { + content: ""; + display: inline-block; + width: 1px; + height: 10px; + margin: 0 10px; + background-color: rgba(227, 227, 227, 0.8901960784); + vertical-align: baseline; +} + +@media screen and (max-width: 800px) { + html[data-theme=dark][data-scroll-status=top] header.site-header-transparent.site-header .page-link { + color: #f8f8f8; + } +} +html[data-theme=dark][data-scroll-status=top] footer.site-footer .site-footer-inner { + border-top: solid 1px #2f2f2f !important; + transition: 0s; +} +html[data-theme=dark] body { + color: #bbb; + background-color: #0e0e0e; +} +html[data-theme=dark] *:not(pre) > code { + color: #bbb; + background-color: #454545; +} +html[data-theme=dark] blockquote { + border-left: 4px solid #484848; +} +html[data-theme=dark] table { + color: #9d9d9d; +} +html[data-theme=dark] table th { + background-color: #050505; +} +html[data-theme=dark] table tr:nth-child(even) { + background-color: #080808; +} +html[data-theme=dark] .site-header { + background-color: #090909; +} +html[data-theme=dark] .site-header .site-brand .site-brand-inner, html[data-theme=dark] .site-header .site-brand .site-brand-inner:visited { + color: #f8f8f8; +} +html[data-theme=dark] .site-header .site-nav .page-link { + color: #f8f8f8; +} +html[data-theme=dark] .site-header .ct-language-dropdown { + color: #f8f8f8; + background-color: #0e0e0e; + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3568627451); +} +html[data-theme=dark] .site-header .ct-language-selected, .ct-language-dropdown html[data-theme=dark] .site-header li:hover, html[data-theme=dark] .site-header .ct-language-dropdown li:hover { + background-color: #222 !important; +} +@media screen and (max-width: 800px) { + html[data-theme=dark] .site-header .menu-icon > svg { + fill: rgba(187, 187, 187, 0.8); + } + html[data-theme=dark] .site-header .site-nav input:checked ~ .trigger { + background-color: #090909; + } +} +html[data-theme=dark] .site-footer { + color: #fff; + background-color: #000; +} +html[data-theme=dark] .left-vsplit:before { + background-color: #9a9a9a; +} +html[data-theme=dark] .page-banner .page-banner-img > *:first-child { + opacity: 0.718; +} +html[data-theme=dark] .pagination .post-link { + color: #bbb; +} +html[data-theme=dark] .pagination .post-title a:visited:after { + background-color: #0e0e0e; +} +html[data-theme=dark] .pagination .post-title a:after { + color: #0e0e0e; +} +html[data-theme=dark] .pagination .post-list > li:not(:last-child) { + border-bottom: 1px solid #545454; +} +html[data-theme=dark] .pagination .post-tags .post-tag:hover { + color: #d7d7d7; +} +html[data-theme=dark] .page-segments li a { + color: #ddd; +} +html[data-theme=dark] .page-segments li a:visited:after { + background-color: #0e0e0e; +} +html[data-theme=dark] .page-segments li a:after { + color: #0e0e0e; +} +html[data-theme=dark] .post .post-header { + border-bottom: 1px solid #555; +} +html[data-theme=dark] .post .post-content img:not(.emoji):not([raw]) { + background-color: rgba(255, 255, 255, 0.2); +} +html[data-theme=dark] .post-related > *:first-child { + color: #d7d7d7; +} +html[data-theme=dark] .post-related a:visited:after { + background-color: #0e0e0e; +} +html[data-theme=dark] .post-related a:after { + color: #0e0e0e; +} +html[data-theme=dark] .post-related a:hover { + color: #aaa; +} +html[data-theme=dark] .common-list li { + border-bottom: solid 1px rgba(64, 64, 64, 0.5333333333); +} +html[data-theme=dark] .common-list li a { + color: #aaa; +} +html[data-theme=dark] .common-list li a:hover { + background-color: #272727; +} +html[data-theme=dark] .common-list li span { + background-color: #333; +} +html[data-theme=dark] .post-menu .post-menu-title { + color: #ddd; +} +html[data-theme=dark] .post-menu .post-menu-content ul { + border-left: 1px solid #787878; +} +html[data-theme=dark] .post-menu .post-menu-content ul .active { + background-color: #2d2d2d; + border-left: 2px solid #aaa; +} +html[data-theme=dark] .post-menu .post-menu-content ul a { + color: #bbb; +} +html[data-theme=dark] .post-menu .post-menu-content ul a:hover { + color: #fff !important; +} + +.theme-toggle { + position: relative; + width: 107.1px; + margin-top: 10px; + margin-right: 60px; + margin-left: auto; + transition: 0.3s cubic-bezier(0.4, 0.03, 0, 1); + /* Toggle */ +} +.theme-toggle label, .theme-toggle .toggle { + border-radius: 100px; +} +.theme-toggle label { + display: block; + background-color: rgba(120, 120, 120, 0.15); + cursor: pointer; +} +.theme-toggle .toggle { + position: absolute; + width: 50%; + height: 100%; + background-color: #fff; + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); + transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); +} +.theme-toggle .names { + font-size: 1em; + font-weight: bolder; + width: 76%; + margin-left: 12%; + position: relative; + display: flex; + justify-content: space-between; + user-select: none; +} +.theme-toggle .dark { + opacity: 0.5; +} +.theme-toggle p { + color: #acacac; + margin-bottom: 0; + line-height: 24px; +} +.theme-toggle [type=checkbox] { + display: none; +} +.theme-toggle [type=checkbox]:checked ~ label .toggle { + transform: translateX(100%); + background-color: #34323D; +} +.theme-toggle [type=checkbox]:checked ~ label .dark { + opacity: 1; +} +.theme-toggle [type=checkbox]:checked ~ label .light { + opacity: 0.5; +} +@media screen and (max-width: 1024px) { + .theme-toggle { + margin-right: 35px; + } +} +@media screen and (max-width: 600px) { + .theme-toggle { + width: 93.1px; + margin-right: 20px; + } + .theme-toggle .names { + font-size: 0.85em; + } +} + +/* + * Post menu + */ +.post-menu { + padding-left: 20px; + min-width: 200px; + max-width: 230px; +} +.post-menu .post-menu-title { + font-size: 21px; + margin-bottom: 14px; + font-weight: 600; + color: #222; +} +.post-menu .post-menu-content ul { + border-left: 1px solid #e9ecef; +} +.post-menu .post-menu-content ul .h-h2 { + padding-inline-start: 3.5px; + font-size: 15.4px; + line-height: 1.4; +} +.post-menu .post-menu-content ul .h-h3 { + padding-inline-start: 21.7px; + font-size: 15.4px; + line-height: 1.4; +} +.post-menu .post-menu-content ul .h-h4 { + padding-inline-start: 39.9px; + font-size: 15.4px; + line-height: 1.4; +} +.post-menu .post-menu-content ul .h-h5 { + padding-inline-start: 58.1px; + font-size: 15.4px; + line-height: 1.4; +} +.post-menu .post-menu-content ul .h-h6 { + padding-inline-start: 76.3px; + font-size: 15.4px; + line-height: 1.4; +} +.post-menu .post-menu-content ul a { + display: flex; + padding: 2px 8px; + color: #2c2c2c; +} +.post-menu .post-menu-content ul a * { + pointer-events: none; +} +.post-menu .post-menu-content ul a:hover { + text-decoration: none; + color: #787878 !important; +} +.post-menu .post-menu-content ul .active { + background-color: #ecebec; + transition: background 0.5s; + border-left: 2px solid #202020; + margin-left: -2px; +} +.post-menu .post-menu-content ul .active:hover { + background-color: #f1f0f1; +} +.post-menu .post-menu-content ul .active a { + color: #121416; +} + +/** + * Common list + */ +.common-list { + font-size: 14px; + min-width: 200px; +} +.common-list ul { + list-style: none; + margin: 0; +} +.common-list li { + border-bottom: solid 1px rgba(0, 0, 0, 0.0941176471); +} +.common-list li:last-child { + border-bottom: none; +} +.common-list li a { + display: flex; + justify-content: space-between; + padding: 8px 12px; + text-decoration: none; + font-weight: normal; + color: #454545; + transition: background 0.2s; +} +.common-list li a:hover { + background-color: #eeeeee; +} +.common-list li span { + font-size: 11.2px; + display: inline-block; + border-radius: 10px; + align-self: center; + background: rgba(0, 0, 0, 0.7411764706); + padding: 0px 8px; + margin-left: 20px; + color: #fdfdfd; +} + +/* OVERRIDE GOOGLE TRANSLATE WIDGET CSS BEGIN */ +div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value { + vertical-align: top !important; + /* Remove the down arrow */ + /* when dropdown open */ + /* after clicked/touched */ + /* on page load (not yet touched or clicked) */ + /* Remove span with left border line | (next to the arrow) in Chrome & Firefox */ + /* Remove span with left border line | (next to the arrow) in Edge & IE11 */ +} +div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value:hover { + text-decoration: none; +} +div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span { + color: #aaa; +} +div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover { + color: white; +} +div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(213, 213, 213);"] { + display: none; +} +div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(118, 118, 118);"] { + display: none; +} +div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(155, 155, 155);"] { + display: none; +} +div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left: 1px solid rgb(187, 187, 187);"] { + display: none; +} +div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid;"] { + display: none; +} + +div#google_translate_element { + display: inline; +} +div#google_translate_element div.goog-te-gadget { + display: inline; + font-size: 0; +} +div#google_translate_element div[id=":0.targetLanguage"] { + display: inline; +} +div#google_translate_element div.goog-te-gadget-simple { + border: none; + background-color: transparent; +} +div#google_translate_element a.goog-logo-link { + display: none; +} +div#google_translate_element .goog-te-gadget-icon { + display: none !important; + /*background: url("url for the icon") 0 0 no-repeat !important;*/ +} +div#google_translate_element a.goog-te-menu-value { + margin: 0; +} +div#google_translate_element a.goog-te-menu-value span:first-child { + display: none; +} +div#google_translate_element a.goog-te-menu-value:before { + content: "\f1ab \f0d7"; + font-family: FontAwesome; + font-size: initial; + color: #fefefe; + border: 1px solid rgba(254, 254, 254, 0.5215686275); + border-radius: 3px; + padding: 3px 6px; +} + +.goog-te-menu-frame .goog-te-menu2 { + max-width: 100%; + overflow-x: auto; + box-sizing: border-box; + height: auto; +} + +/* HIDE the google translate toolbar */ +.skiptranslate { + display: none !important; + border: none; + box-shadow: 0 0; + -webkit-box-shadow: 0 0; +} + +body { + top: 0px !important; +} + +/* OVERRIDE GOOGLE TRANSLATE WIDGET CSS END */ +.ct-language-selected, .ct-language-dropdown li:hover { + background-color: #f2f2f2 !important; +} + +.ct-language-dropdown { + overflow: hidden; + max-height: 0; + position: absolute; + top: 110%; + right: -10px; + background-color: white; + -webkit-transition: all 0.25s ease-in-out; + transition: all 0.25s ease-in-out; + width: 100px; + text-align: center; + margin-top: 0; + z-index: 200; + border-radius: 3px; + visibility: hidden; +} +.ct-language-dropdown li { + padding: 5px; +} +.ct-language-dropdown li:first-child { + padding-top: 12px; +} +.ct-language-dropdown li:last-child { + padding-bottom: 12px; +} +.ct-language-dropdown li:not(:last-child) { + border-bottom: 1px solid rgba(0, 0, 0, 0.04); +} +.ct-language-dropdown li a { + display: block; + color: black; +} +.ct-language-dropdown li a img { + width: 24px; + max-height: 24px; + border: none; +} +.list-unstyled { + display: inline-block; + list-style: none; + margin-left: 0; +} + +.ct-language { + display: inline-block; + position: relative; + background-color: rgba(254, 254, 254, 0.168627451); + padding: 3px 10px; + border-radius: 3px; +} +.ct-language:hover { + cursor: pointer; +} +.ct-language:hover .ct-language-dropdown { + margin-top: 8px; + max-height: 10000px; + visibility: visible; + box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.06); +} +.ct-language:before { + content: "\f1ab \f0d7"; + font-family: FontAwesome; +} + +.gitment-container { + color: #787878 !important; +} + +.gitment-editor-header { + background-color: #fefefe; +} + +.gitment-comment-main, .gitment-editor-main { + background-color: #fff; + border-radius: 3px !important; +} + +.gitment-heart-icon { + fill: #ff0808; +} + +.click-to-top { + transition: 0.3s; + display: flex; + align-items: center; + justify-content: center; + position: fixed; + width: 64px; + height: 64px; + border-radius: 32px; + right: 60px; + bottom: 48px; + background: white; + cursor: pointer; + opacity: 0; + transform: translateY(10px); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); + font-size: 24px; + user-select: none; +} +@media screen and (max-width: 1024px) { + .click-to-top { + width: 48px; + height: 48px; + border-radius: 24px; + right: 35px; + font-size: 20px; + } +} +@media screen and (max-width: 600px) { + .click-to-top { + width: 36px; + height: 36px; + border-radius: 18px; + right: 20px; + font-size: 16px; + } +} + +.click-to-top.show { + opacity: 1; + transform: translateY(0); +} + +html[data-theme=dark] .click-to-top { + background: #34323D; +} + +.page-banner .page-banner-inner { + backdrop-filter: blur(1px); + width: 28em; +} + +.pub-table { + width: 100%; + display: revert; +} + +#pub-map { + height: 180px; +} + +/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/assets/css/main.css.map b/assets/css/main.css.map new file mode 100644 index 0000000..7c5e64a --- /dev/null +++ b/assets/css/main.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../vendor/bundle/ruby/3.2.0/gems/jekyll-theme-yat-1.10.0/_sass/yat/_base.scss","../../_sass/yat.scss","main.scss","../../vendor/bundle/ruby/3.2.0/gems/jekyll-theme-yat-1.10.0/_sass/yat/_layout.scss","../../vendor/bundle/ruby/3.2.0/gems/jekyll-theme-yat-1.10.0/_sass/yat/_dark.scss","../../vendor/bundle/ruby/3.2.0/gems/jekyll-theme-yat-1.10.0/_sass/misc/theme-toggle.scss","../../vendor/bundle/ruby/3.2.0/gems/jekyll-theme-yat-1.10.0/_sass/misc/article-menu.scss","../../vendor/bundle/ruby/3.2.0/gems/jekyll-theme-yat-1.10.0/_sass/misc/common-list.scss","../../vendor/bundle/ruby/3.2.0/gems/jekyll-theme-yat-1.10.0/_sass/misc/google-translate.scss","../../vendor/bundle/ruby/3.2.0/gems/jekyll-theme-yat-1.10.0/_sass/misc/gitment.scss","../../vendor/bundle/ruby/3.2.0/gems/jekyll-theme-yat-1.10.0/_sass/misc/click-to-top.scss","../../_sass/override.scss","../../_sass/pub.scss"],"names":[],"mappings":"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CA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAIF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AJbF;EIlDF;IAmEI;;;AJjBF;EIlDF;IAuEI;IACA;;EAEA;IACE;;;;AC3EN;AAAA;AAAA;AAIA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIA;EACE;;AAKE;EACE;EACA;EACA;;AAHF;EACE;EACA;EACA;;AAHF;EACE;EACA;EACA;;AAHF;EACE;EACA;EACA;;AAHF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE,kBA1Be;EA2Bf;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACxDV;AAAA;AAAA;AAGA;ENqDE;EMnDA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,ONZa;EMab;;AAEA;EACE;;AAIJ;ENuBF;EMrBI;EACA;EACA;EACA;EACA;EACA;EACA,ONrBQ;;;AOpBd;AAGE;EACE;AAcA;AACA;AAIA;AAIA;AAKA;AAIA;;AA9BA;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;;AAKN;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAKF;EACE;;AAGF;EACE;AACA;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAKA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAUR;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;;AChMJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;ACdF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ATiCA;ESlDF;IAoBI;IACA;IACA;IACA;IACA;;;AT0BF;ESlDF;IA4BI;IACA;IACA;IACA;IACA;;;;AAIJ;EACE;EACA;;;AAIA;EACE;;;AC3CJ;EACC;EACA;;;ACFD;EACE;EACA;;;AAGF;EACE","sourcesContent":["/**\n * Reset some basic elements\n */\nbody, h1, h2, h3, h4, h5, h6,\np, blockquote, pre, hr,\ndl, dd, ol, ul, figure {\n margin: 0;\n padding: 0;\n}\n\n\n\n/**\n * Basic styling\n */\nbody {\n font-family: $base-font-family;\n font-weight: $base-font-weight;\n font-size: #{$base-font-size};\n font-display: swap;\n line-height: #{$base-line-height};\n color: $text-color;\n background-color: $background-color;\n -webkit-text-size-adjust: 100%;\n -webkit-font-feature-settings: \"kern\" 1;\n -moz-font-feature-settings: \"kern\" 1;\n -o-font-feature-settings: \"kern\" 1;\n font-feature-settings: \"kern\" 1;\n font-kerning: normal;\n display: flex;\n min-height: 100vh;\n flex-direction: column;\n}\n\n\n\n/**\n * Set `margin-bottom` to maintain vertical rhythm\n */\nh1, h2, h3, h4, h5, h6,\np, blockquote, pre,\nul, ol, dl, figure,\n%vertical-rhythm {\n margin-bottom: $spacing-unit / 2;\n}\n\n\n\n/**\n * `main` element\n */\nmain {\n display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */\n}\n\n\n\n/**\n * Images\n */\nimg {\n max-width: 100%;\n vertical-align: middle;\n}\n\n\n\n/**\n * Figures\n */\nfigure > img {\n display: block;\n}\n\nfigcaption {\n font-size: $small-font-size;\n}\n\n\n\n/**\n * Lists\n */\nul, ol {\n margin-left: $spacing-unit;\n}\n\nli {\n > ul,\n > ol {\n margin-bottom: 0;\n }\n}\n\n\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n font-weight: $base-font-weight * 1.5;\n}\n\n/**\n * Links\n */\na {\n color: $brand-color;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n\n .social-media-list &:hover {\n text-decoration: none;\n\n .username {\n text-decoration: underline;\n }\n }\n}\n\n/**\n * Blockquotes\n */\nblockquote {\n color: $grey-color;\n border-left: 4px solid $grey-color-light;\n padding-left: $spacing-unit / 2;\n @include relative-font-size(1.125);\n letter-spacing: -1px;\n font-style: italic;\n\n > :last-child {\n margin-bottom: 0;\n }\n}\n\n\n\n/**\n * Code formatting\n */\npre,\ncode {\n @include relative-font-size(0.9375);\n color: $text-color;\n}\n\n*:not(pre) > code {\n padding: 3px 6px;\n border-radius: 3px;\n background-color: #eee;\n margin: 0 5px;\n}\n\npre {\n overflow-x: auto;\n position: relative;\n background-color: #f0f0f0;\n\n > code {\n display: inline-block;\n padding: 20px!important;\n background-color: transparent;\n border: 0;\n }\n\n table, pre {\n margin-bottom: 0;\n\n .gutter, .code {\n padding: 6px;\n border: none;\n }\n }\n}\n\n\n\n/**\n * Wrapper\n */\n.wrapper {\n max-width: $content-width;\n margin: auto;\n padding-right: $spacing-unit;\n padding-left: $spacing-unit;\n @extend %clearfix;\n}\n\n\n\n/**\n * Clearfix\n */\n%clearfix:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n\n/**\n * Tables\n */\ntable {\n display: block;\n margin-bottom: $spacing-unit;\n width: 100%;\n text-align: $table-text-align;\n color: lighten($text-color, 5%);\n border-collapse: collapse;\n overflow: auto;\n\n tr {\n &:nth-child(even) {\n background-color: lighten($grey-color-light, 6%);\n }\n }\n\n th, td {\n padding: ($spacing-unit / 3) ($spacing-unit / 2);\n }\n\n th {\n background-color: lighten($grey-color-light, 3%);\n border: 1px solid darken($grey-color-light, 4%);\n border-bottom-color: darken($grey-color-light, 12%);\n }\n\n td {\n border: 1px solid $grey-color-light;\n }\n}\n\n/**\n * Flex layout\n */\n%flex {\n display: flex;\n}\n\n%flex-1 {\n flex: 1;\n min-width: 0; /* <-- fix flexbox width with pre tags */\n}\n\n/**\n * Flex sticky\n */\n@mixin flex-sticky($top) {\n position: sticky;\n position: -moz-sticky; /* <-- fix sticky compatibility issue */\n position: -ms-sticky;\n position: -o-sticky;\n position: -webkit-sticky;\n align-self: flex-start; /* <-- fix the sticky not work issue */\n transform: scale(0.9999); /* <-- fix the sticky x overflow issue */\n top: $top;\n}\n\n/**\n * Vertical center\n */\n@mixin vertical-center($position) {\n position: $position;\n top: 50%;\n transform: translateY(-50%);\n}\n\n/**\n * Horizontal center\n */\n@mixin horizontal-center($position) {\n position: $position;\n left: 50%;\n transform: translateX(-50%);\n}\n\n/**\n * Center background image\n */\n@mixin center-image {\n height: 100%;\n max-width: 1000%;\n background-size: cover;\n background-position: center center;\n overflow: hidden;\n}\n\n","@charset \"utf-8\";\n\n\n// Define defaults for each variable.\n\n$base-font-family: Helvetica, Arial, Oswald, sans-serif, !default;\n$base-font-size: 14px !default;\n$base-font-weight: 400 !default;\n$small-font-size: $base-font-size * 0.875 !default;\n$base-line-height: 1.6 !default;\n\n$spacing-unit: 30px !default;\n\n$text-color: #454545 !default;\n$background-color: #fff !default;\n\n$grey-color: #828282 !default;\n$grey-color-light: lighten($grey-color, 40%) !default;\n$grey-color-dark: darken($grey-color, 25%) !default;\n\n$white-color: #fdfdfd !default;\n\n$table-text-align: left !default;\n\n$header-height: $base-line-height * $base-font-size * 2.85 !default;\n$header-text-color: invert($theme-color) !default;\n$header-background-color: $theme-color !default;\n\n$footer-height: $header-height * 1.05 !default;\n$footer-text-color: lighten(invert($theme-color), 25%) !default;\n$footer-background-color: darken($theme-color, 5%) !default;\n\n$banner-height: 640px !default;\n$banner-text-color: lighten($white-color, 0%) !default;\n$banner-background: rgba(0,0,0,0.8) !default;\n\n// Width of the content area\n// $content-width: 920px !default;\n\n$on-palm: 600px !default;\n$on-laptop: 800px !default;\n\n// Use media queries like this:\n// @include media-query($on-palm) {\n// .wrapper {\n// padding-right: $spacing-unit / 2;\n// padding-left: $spacing-unit / 2;\n// }\n// }\n@mixin media-query($device) {\n @media screen and (max-width: $device) {\n @content;\n }\n}\n\n@mixin relative-font-size($ratio) {\n font-size: $base-font-size * $ratio;\n}\n\n// Import partials.\n@import\n \"yat/base\",\n \"yat/layout\",\n \"yat/dark\",\n \"misc/theme-toggle\",\n \"misc/article-menu\",\n \"misc/common-list\",\n \"misc/google-translate\",\n \"misc/gitment\",\n \"misc/click-to-top\",\n \"override.scss\",\n \"pub.scss\"\n;\n","// Default theme colors\n$theme-colors: (\n \"coolblack\": #090a0b,\n \"spacegrey\": #353535,\n \"snowwhite\": #ffffff,\n);\n\n// Default brand colors\n$brand-colors: (\n \"orangered\": #ff5100,\n \"greatgold\": #f2cb05,\n \"greenblue\": #389092,\n);\n\n$theme-name: \"\";\n$brand-name: \"\";\n$theme-color: map-get($theme-colors, \"snowwhite\");\n$brand-color: map-get($brand-colors, \"orangered\");\n\n@if map-has-key($theme-colors, $theme-name) {\n $theme-color: map-get($theme-colors, $theme-name);\n} @else if str-index($theme-name, \"#\") == 1 {\n $theme-color: #ffffff;\n}\n\n@if map-has-key($brand-colors, $brand-name) {\n $brand-color: map-get($brand-colors, $brand-name);\n} @else if str-index($brand-name, \"#\") == 1 {\n $brand-color: #ff5100;\n}\n\n$content-width: 920px;\n\n@import \"yat\";\n","/**\n * Animation for transparent header\n */\nhtml {\n &[data-header-transparent] {\n header.site-header {\n position: fixed;\n }\n }\n\n &[data-scroll-status='top'] {\n header.site-header-transparent {\n height: 0;\n margin-top: 12px;\n background-color: transparent;\n transition: 0.1s height,background-color,box-shadow;\n\n &.site-header {\n .site-brand-inner, .page-link {\n color: #fff;\n transition: 0.1s color;\n }\n\n @include media-query($on-laptop) {\n .page-link {\n color: $header-text-color;\n }\n\n .menu-icon {\n > svg {\n fill: $white-color;\n }\n }\n }\n }\n }\n\n footer.site-footer {\n color: unset;\n background-color: transparent;\n\n .site-footer-inner {\n border-top: solid 1px #eee;\n }\n }\n }\n\n &[data-scroll-status='down'] {\n header.site-header {\n top: -$header-height;\n }\n\n .framework .sidebar {\n top: 20px;\n }\n }\n}\n\n/**\n * Site header\n */\n.site-header {\n background-color: $header-background-color;\n height: $header-height;\n width: 100%;\n transition: height 0.2s, text-shadow 0.2s, top 0.2s;\n box-shadow: 0 1px 0 0 rgba(0, 0, 0, .06);\n\n // Positioning context for the mobile navigation icon\n @include flex-sticky(0);\n z-index: 1000;\n\n & > .wrapper {\n margin: 0 60px;\n padding: 0;\n max-width: 100%;\n transition: 0.2s margin;\n\n @include media-query(1024px) {\n margin: 0 20px;\n max-width: unset;\n }\n }\n\n a {\n text-decoration: none;\n }\n\n .site-header-inner {\n position: relative;\n }\n}\n\n.site-brand {\n line-height: $header-height;\n margin-right: 50px;\n\n .site-brand-inner {\n @include relative-font-size(1.125);\n font-weight: $base-font-weight;\n letter-spacing: -1px;\n transition: 0.1s filter color;\n\n &, &:visited {\n color: $header-text-color;\n }\n\n .site-favicon {\n display: inline-block;\n height: $header-height / 1.5;\n margin-right: 5px;\n }\n }\n}\n\n.site-nav {\n @include relative-font-size(1.125);\n line-height: $header-height;\n position: absolute;\n right: 0;\n top: 0;\n\n .nav-trigger {\n display: none;\n }\n\n .menu-icon {\n display: none;\n }\n\n .page-link {\n line-height: $base-line-height;\n color: $header-text-color;\n transition: 0.1s ease-in-out;\n\n // Gaps between nav items, but not on the last one\n &:not(:last-child) {\n margin-right: 24px;\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n @include media-query($on-laptop) {\n position: absolute;\n top: 0;\n text-align: left;\n\n label[for=\"nav-trigger\"] {\n display: block;\n z-index: 2;\n cursor: pointer;\n }\n\n .menu-icon {\n display: block;\n float: right;\n text-align: center;\n\n > svg {\n fill: rgba($header-text-color, 80%);\n transition: 0.1s fill;\n }\n }\n\n input ~ .trigger {\n clear: both;\n display: none;\n border-radius: 3px;\n box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .06);\n }\n\n input:checked ~ .trigger {\n display: block;\n background: $header-background-color;\n }\n\n .page-link {\n display: block;\n padding: 5px 10px;\n color: rgba($header-text-color, 80%);\n margin: 0 25px;\n }\n }\n}\n\n/**\n * Site footer\n */\n.site-footer {\n @include relative-font-size(1.0);\n color: $footer-text-color;\n background-color: $footer-background-color;\n text-align: left;\n transition: background-color 0.2s;\n\n .site-footer-inner {\n transition: border-top 0.2s;\n padding: $spacing-unit * 1.8 0;\n }\n\n a {\n $a-color: $brand-color;\n color: $a-color;\n\n &:hover {\n color: lighten($a-color, 10%);\n }\n }\n}\n\n.copyleft {\n display: inline-block;\n transform: rotate(180deg);\n}\n\n/**\n * Post header\n */\n%post-header {\n .post-header {\n margin-bottom: $spacing-unit;\n }\n\n .post-title {\n @include relative-font-size(2.625);\n letter-spacing: -1px;\n line-height: 1;\n\n @include media-query($on-laptop) {\n @include relative-font-size(2.25);\n }\n }\n\n .post-tags {\n padding-right: 150px;\n\n .post-tag {\n display: inline-block;\n margin: 0 12px 0 0;\n }\n }\n}\n\n/**\n * Page content\n */\n.page-content {\n @extend %flex-1; /* <-- Keep footer on the bottom */\n -ms-flex: none; /* <-- Fix IE footer issue */\n padding: $spacing-unit * 2 0;\n padding-top: 72px;\n}\n\n.page-heading {\n @include relative-font-size(2);\n}\n\n.post-list-heading {\n @include relative-font-size(1.75);\n}\n\n/**\n * Pagination page\n */\n.pagination {\n .post-list {\n margin-left: 0;\n list-style: none;\n\n > li {\n margin-bottom: $spacing-unit * 1.5;\n padding-bottom: 30px;\n\n &:not(:last-child) {\n border-bottom: 1px solid #e3e3e3;\n }\n }\n }\n\n .post-title {\n margin-bottom: $spacing-unit * 0.2;\n transition: 0.2s all;\n\n a {\n text-decoration: none;\n\n &:after {\n content: 'NEW';\n position: absolute;\n margin-left: 8px;\n margin-top: 3px;\n padding: 0px 3px;\n background-color: $brand-color;\n color: #fff;\n font-size: 10px;\n font-weight: 600;\n border-radius: 2px;\n }\n\n &:visited:after {\n background-color: #fff;\n }\n }\n }\n\n .post-meta {\n font-size: $base-font-size;\n color: $grey-color;\n margin-bottom: $spacing-unit * 0.5;\n }\n\n .post-link {\n @include relative-font-size(1.65);\n font-weight: $base-font-weight * 1.5;\n color: #333;\n }\n\n .post-excerpt {\n color: #777;\n word-break: break-word;\n overflow-wrap: break-word;\n }\n\n .post-tags .post-tag {\n display: inline-block;\n text-decoration: none;\n border: 1px solid;\n padding: 2px 4px;\n border-radius: 2px;\n transition: color 0.2s;\n margin-bottom: 8px;\n\n &:not(:last-child) {\n margin-right: 8px;\n }\n\n &:hover {\n color: #787878;\n }\n }\n\n .paginator {\n text-align: center;\n\n & > .previous:before {\n content: ' ';\n border: solid #787878;\n border-width: 0 2px 2px 0;\n display: inline-block;\n padding: 4px;\n margin-right: 8px;\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n }\n\n & > .next:after {\n content: ' ';\n border: solid #787878;\n border-width: 0 2px 2px 0;\n display: inline-block;\n padding: 4px;\n margin-left: 8px;\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n\n .previous span, .next span {\n color: #b3b3b3;\n }\n\n .indicator {\n padding: 0 15px;\n }\n }\n}\n\n\n/**\n * Posts\n */\n.post {\n @extend %post-header;\n\n .post-header {\n margin: 50px auto 60px;\n padding: 0 0 20px;\n border-bottom: 1px solid #ebebeb;\n\n .post-title {\n margin-bottom: 6px;\n }\n\n .post-subtitle {\n font-weight: lighter;\n }\n\n .post-meta {\n color: #808080;\n }\n }\n\n .post-content {\n margin-bottom: $spacing-unit;\n overflow-wrap: normal;\n word-wrap: normal;\n word-break: normal;\n\n h2 {\n @include relative-font-size(2);\n\n @include media-query($on-laptop) {\n @include relative-font-size(1.75);\n }\n }\n\n h3 {\n @include relative-font-size(1.625);\n\n @include media-query($on-laptop) {\n @include relative-font-size(1.375);\n }\n }\n\n h4 {\n @include relative-font-size(1.25);\n\n @include media-query($on-laptop) {\n @include relative-font-size(1.125);\n }\n }\n\n img, svg, iframe {\n margin-left: auto;\n margin-right: auto;\n }\n\n img:not(.emoji), svg, iframe {\n display: block;\n max-height: 50vh;\n }\n\n h2, h3, h4, h5, h6 {\n margin: 60px 0 19px;\n }\n\n p, hr {\n margin-bottom: 24px;\n }\n\n hr {\n height: 1px;\n background-color: #ebebeb;\n border: none;\n }\n }\n\n .post-related {\n &>*:first-child {\n @include relative-font-size(1.425);\n color: #333;\n margin-bottom: 14px;\n }\n\n ul {\n margin-left: 15px;\n .post-link {\n @include relative-font-size(1.075);\n }\n\n a {\n color: #666;\n\n &:hover {\n color: #333;\n }\n\n &:after {\n content: 'NEW';\n position: absolute;\n margin-left: 8px;\n margin-top: 3px;\n padding: 0px 3px;\n background-color: $brand-color;\n color: #fff;\n font-size: 10px;\n font-weight: 600;\n border-radius: 2px;\n }\n\n &:visited:after {\n background-color: #fff;\n }\n }\n }\n }\n}\n\n.post-comments {\n padding-top: 25px;\n}\n\n\n/**\n * Posts misc\n */\n.post-nav {\n display: flex;\n justify-content: space-between;\n margin: 72px 0 59px;\n padding: 31px 0 0;\n\n a {\n @include relative-font-size(1.125);\n line-height: 15px;\n color: #666;\n max-width: 50%;\n }\n\n .previous:before {\n content: ' ';\n border: solid #787878;\n border-width: 0 2px 2px 0;\n display: inline-block;\n padding: 4px;\n margin-right: 8px;\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n }\n\n .next:after {\n content: ' ';\n border: solid #787878;\n border-width: 0 2px 2px 0;\n display: inline-block;\n padding: 4px;\n margin-left: 8px;\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n}\n\n\n/**\n * Archives page\n */\n.page-archives {\n .page-archives-list {\n margin-left: 0;\n list-style: none;\n }\n\n .archives-time {\n @include relative-font-size(1.5);\n\n &:not(:first-child) {\n margin-top: 18px;\n }\n margin-bottom: 8px;\n }\n\n .post-meta {\n font-size: $small-font-size;\n color: $grey-color;\n }\n}\n\n\n/**\n * Page banner\n */\n.page-banner {\n display: block;\n position: relative;\n height: $banner-height;\n background-color: $banner-background;\n transition: height 0.2s;\n\n .page-banner-img {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n & > *:first-child {\n @include center-image;\n transition: 0.1s all ease-in-out;\n }\n\n & > video {\n width: 100vw;\n object-fit: cover;\n }\n\n & > img.img-placeholder {\n display: none;\n }\n }\n\n .wrapper {\n height: 100%;\n }\n\n .page-banner-inner {\n @include vertical-center(relative);\n\n color: $banner-text-color;\n padding: 10px 5px;\n text-shadow: 1px 1px 2px #33333355;\n\n & > *:first-child {\n margin: 0;\n\n > :nth-child(1) {\n @include relative-font-size(3.9);\n letter-spacing: -1px;\n margin-bottom: 0.1em;\n font-weight: normal;\n transition: 0.2s all;\n\n @include media-query($on-palm) {\n @include relative-font-size(1.975);\n }\n }\n\n > :nth-child(2) {\n font-weight: lighter;\n margin-bottom: 0.8em;\n transition: 0.2s all;\n\n @include media-query($on-palm) {\n @include relative-font-size(1.175);\n }\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n\n .post-subtitle {\n @include relative-font-size(1.525);\n color: #ffffffcc;\n padding-right: 280px;\n\n @include media-query($on-palm) {\n padding-right: 0;\n }\n }\n\n .post-meta {\n color: #ffffffcc;\n }\n\n .left-vsplit:before {\n background: #e3e3e388;\n }\n\n .post-tags {\n color: #999;\n padding-right: 280px;\n\n @include media-query($on-palm) {\n padding-right: 0;\n }\n\n .post-tag {\n @include relative-font-size(1.125);\n display: inline-block;\n text-decoration: none;\n margin: 9px 12px 0 0;\n color: #fff;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n }\n\n @include media-query($on-palm) {\n height: $banner-height / 1.5;\n }\n}\n\n\n/**\n * Layout and sidebar\n */\n.framework {\n @extend %flex;\n\n .main {\n @extend %flex-1;\n }\n\n .sidebar {\n padding-left: 8px;\n transition: top 0.2s, display 0.2s;\n\n @include flex-sticky($header-height + 20px);\n\n @include media-query($on-laptop) {\n display: none;\n }\n\n }\n}\n\n\n/**\n * Segments page\n */\n.page-segments {\n .page-segments-list {\n margin-left: 0;\n list-style: none;\n }\n\n .segment-name {\n font-weight: $base-font-weight * 1.5;\n margin-bottom: 8px;\n position: relative;\n\n @include relative-font-size(1.6);\n\n &:not(:first-child) {\n margin-top: 28px;\n }\n\n &:hover:before {\n content: '#';\n left: -1em;\n position: absolute;\n }\n }\n\n .post-meta {\n font-size: $small-font-size;\n color: $grey-color;\n }\n\n li a {\n &.post-link {\n margin-left: 5px;\n }\n\n color: #303030;\n\n &:hover {\n color: #000;\n }\n\n &:after {\n content: 'NEW';\n position: absolute;\n margin-left: 8px;\n margin-top: 3px;\n padding: 0px 3px;\n background-color: $brand-color;\n color: #fff;\n font-size: 10px;\n font-weight: 600;\n border-radius: 2px;\n }\n\n &:visited:after {\n background-color: #fff;\n }\n }\n}\n\n.left-vsplit:before {\n content: \"\";\n display: inline-block;\n width: 1px;\n height: 10px;\n margin: 0 10px;\n background-color: #e3e3e3e3;\n vertical-align: baseline;\n}\n","$dark-background-color: #0e0e0e !default;\n$dark-text-color: #bbb !default;\n\nhtml[data-theme=\"dark\"] {\n &[data-scroll-status='top'] {\n header.site-header-transparent {\n &.site-header {\n @include media-query($on-laptop) {\n .page-link {\n color: #f8f8f8;\n }\n }\n }\n }\n\n footer.site-footer {\n .site-footer-inner {\n border-top: solid 1px #2f2f2f !important;\n transition: 0s;\n }\n }\n }\n\n body {\n color: $dark-text-color;\n background-color: $dark-background-color;\n }\n\n *:not(pre) > code {\n color: $dark-text-color;\n background-color: #454545;\n }\n\n blockquote {\n border-left: 4px solid #484848;\n }\n\n table {\n color: #9d9d9d;\n\n th {\n background-color: #050505;\n }\n\n tr:nth-child(even) {\n background-color: #080808;\n }\n }\n\n .site-header {\n background-color: #090909;\n\n .site-brand {\n .site-brand-inner {\n &, &:visited {\n color: #f8f8f8;\n }\n }\n }\n\n .site-nav .page-link {\n color: #f8f8f8;\n }\n\n .ct-language-dropdown {\n color: #f8f8f8;\n background-color: $dark-background-color;\n box-shadow: 0 0 3px 1px #0000005b;\n }\n\n .ct-language-selected, .ct-language-dropdown li:hover {\n background-color: #222 !important;\n }\n\n @include media-query($on-laptop) {\n .menu-icon > svg {\n fill: rgba($dark-text-color, 80%);\n }\n\n .site-nav input:checked ~ .trigger {\n background-color: #090909;\n }\n }\n }\n\n .site-footer {\n color: #fff;\n background-color: #000;\n }\n\n .left-vsplit:before {\n background-color: #9a9a9a;\n }\n\n .page-banner {\n .page-banner-img {\n & > *:first-child {\n opacity: 0.718;\n }\n }\n }\n\n .pagination {\n .post-link {\n color: $dark-text-color;\n }\n\n .post-title {\n a:visited:after {\n background-color: $dark-background-color;\n }\n\n a:after {\n color: $dark-background-color;\n }\n }\n\n .post-list {\n & > li:not(:last-child) {\n border-bottom: 1px solid #545454;\n }\n }\n\n .post-tags .post-tag:hover {\n color: #d7d7d7;\n }\n }\n\n .page-segments {\n li {\n a {\n color: #ddd;\n }\n\n a:visited:after {\n background-color: $dark-background-color;\n }\n\n a:after {\n color: $dark-background-color;\n }\n }\n }\n\n .post {\n .post-header {\n border-bottom: 1px solid #555;\n }\n\n .post-content {\n img:not(.emoji):not([raw]) {\n background-color: #ffffff33;\n }\n }\n }\n\n .post-related {\n & > *:first-child {\n color: #d7d7d7;\n }\n\n a:visited:after {\n background-color: $dark-background-color;\n }\n\n a:after {\n color: $dark-background-color;\n }\n\n a:hover {\n color: #aaa;\n }\n }\n\n .common-list {\n li {\n border-bottom: solid 1px #40404088;\n\n a {\n color: #aaa;\n }\n\n a:hover {\n background-color: #272727;\n }\n\n span {\n background-color: #333;\n }\n }\n }\n\n .post-menu {\n .post-menu-title {\n color: #ddd;\n }\n\n .post-menu-content {\n ul {\n border-left: 1px solid #787878;\n\n .active {\n background-color: #2d2d2d;\n border-left: 2px solid #aaa;\n }\n\n a {\n color: $dark-text-color;\n }\n\n a:hover {\n color: #fff !important;\n }\n }\n }\n }\n}\n\n",".theme-toggle {\n position: relative;\n width: $base-font-size * 7.65;\n margin-top: 10px;\n margin-right: 60px;\n margin-left: auto;\n transition: .3s cubic-bezier(.4,.03,0,1);\n\n label, .toggle {\n border-radius: 100px;\n }\n\n label {\n display: block;\n background-color: rgba(120,120,120,.15);\n cursor: pointer;\n }\n\n .toggle {\n position: absolute;\n width: 50%;\n height: 100%;\n background-color: #fff;\n box-shadow: 0 2px 15px rgba(0,0,0,.15);\n transition: transform .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .names {\n font-size: 1em;\n font-weight: bolder;\n width: 76%;\n margin-left: 12%;\n position: relative;\n display: flex;\n justify-content: space-between;\n user-select: none;\n }\n\n .dark {\n opacity: .5;\n }\n\n p {\n color: #acacac;\n margin-bottom: 0;\n line-height: 24px;\n }\n\n [type=\"checkbox\"] {\n display: none;\n }\n\n /* Toggle */\n [type=\"checkbox\"]:checked ~ label .toggle {\n transform: translateX(100%);\n background-color: #34323D;\n }\n\n [type=\"checkbox\"]:checked ~ label .dark{\n opacity: 1;\n }\n\n [type=\"checkbox\"]:checked ~ label .light{\n opacity: .5;\n }\n\n @include media-query(1024px) {\n margin-right: 35px;\n }\n\n @include media-query($on-palm) {\n width: $base-font-size * 6.65;\n margin-right: 20px;\n\n .names {\n font-size: .85em;\n }\n }\n}\n","/*\n * Post menu\n */\n\n.post-menu {\n padding-left: 20px;\n min-width: 200px;\n max-width: 230px;\n\n .post-menu-title {\n font-size: $base-font-size * 1.5;\n margin-bottom: 14px;\n font-weight: 600;\n color: #222;\n }\n\n .post-menu-content {\n ul {\n border-left: 1px solid #e9ecef;\n $indent: $base-font-size / 4;\n $active-bgcolor: #ecebec;\n\n @for $i from 2 to 7 {\n .h-h#{$i} {\n padding-inline-start: $indent + ($i - 2) * $base-font-size * 1.3;\n font-size: $base-font-size * 1.1;\n line-height: 1.4;\n }\n }\n\n a {\n display: flex;\n padding: 2px 8px;\n color: darken($text-color, 10%);\n\n * {\n pointer-events: none;\n }\n\n &:hover {\n text-decoration: none;\n color: lighten($text-color, 20%)!important;\n }\n }\n\n .active {\n background-color: $active-bgcolor;\n transition: background 0.5s;\n border-left: 2px solid #202020;\n margin-left: -2px;\n\n &:hover {\n background-color: lighten($active-bgcolor, 2%);\n }\n\n a {\n color: #121416;\n }\n }\n }\n }\n}\n","/**\n * Common list\n */\n.common-list {\n @include relative-font-size(1.0);\n min-width: 200px;\n\n ul {\n list-style: none;\n margin: 0;\n }\n\n li {\n border-bottom: solid 1px #00000018;\n\n &:last-child {\n border-bottom: none;\n }\n\n a {\n display: flex;\n justify-content: space-between;\n padding: 8px 12px;\n text-decoration: none;\n font-weight: normal;\n color: $text-color;\n transition: background 0.2s;\n\n &:hover {\n background-color: mix($theme-color, #eaeaea, 20%);\n }\n }\n\n span {\n @include relative-font-size(0.8);\n display: inline-block;\n border-radius: 10px;\n align-self: center;\n background: #000000bd;\n padding: 0px 8px;\n margin-left: 20px;\n color: $white-color;\n }\n }\n}\n","/* OVERRIDE GOOGLE TRANSLATE WIDGET CSS BEGIN */\n\n%goog-te-menu {\n a.goog-te-menu-value {\n vertical-align: top !important;\n\n &:hover {\n text-decoration: none;\n }\n\n span {\n color: #aaa;\n }\n\n span:hover {\n color: white;\n }\n\n /* Remove the down arrow */\n /* when dropdown open */\n span[style=\"color: rgb(213, 213, 213);\"] {\n display: none;\n }\n /* after clicked/touched */\n span[style=\"color: rgb(118, 118, 118);\"] {\n display: none;\n }\n /* on page load (not yet touched or clicked) */\n span[style=\"color: rgb(155, 155, 155);\"] {\n display: none;\n }\n\n /* Remove span with left border line | (next to the arrow) in Chrome & Firefox */\n span[style=\"border-left: 1px solid rgb(187, 187, 187);\"] {\n display: none;\n }\n /* Remove span with left border line | (next to the arrow) in Edge & IE11 */\n span[style=\"border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid;\"] {\n display: none;\n }\n }\n}\n\ndiv#google_translate_element {\n display: inline;\n\n div.goog-te-gadget {\n display: inline;\n font-size: 0;\n }\n\n div[id=':0.targetLanguage'] {\n display: inline;\n }\n\n div.goog-te-gadget-simple {\n border: none;\n background-color: transparent;\n\n @extend %goog-te-menu;\n }\n\n a.goog-logo-link {\n display: none;\n }\n\n .goog-te-gadget-icon {\n display: none !important;\n /*background: url(\"url for the icon\") 0 0 no-repeat !important;*/\n }\n\n a.goog-te-menu-value {\n margin: 0;\n\n span:first-child {\n display: none;\n }\n\n &:before {\n content: \"\\f1ab \\f0d7\";\n font-family: FontAwesome;\n font-size: initial;\n color: #fefefe;\n border: 1px solid #fefefe85;\n border-radius: 3px;\n padding: 3px 6px;\n }\n }\n}\n\n.goog-te-menu-frame .goog-te-menu2 {\n max-width: 100%;\n overflow-x: auto;\n box-sizing: border-box;\n height: auto;\n}\n\n/* HIDE the google translate toolbar */\n.skiptranslate {\n display: none !important;\n border: none;\n box-shadow: 0 0;\n -webkit-box-shadow: 0 0;\n}\n\nbody {\n top: 0px !important;\n}\n\n/* OVERRIDE GOOGLE TRANSLATE WIDGET CSS END */\n\n\n// Main look\n\n.ct-language-selected {\n background-color: darken($theme-color, 5%) !important;\n}\n\n.ct-language-dropdown {\n overflow: hidden;\n max-height: 0;\n position: absolute;\n top: 110%;\n right: -10px;\n background-color: lighten($theme-color, 5%);\n -webkit-transition: all 0.25s ease-in-out;\n transition: all 0.25s ease-in-out;\n width: 100px;\n text-align: center;\n margin-top: 0;\n z-index: 200;\n border-radius: 3px;\n visibility: hidden;\n\n li {\n padding: 5px;\n\n &:first-child {\n padding-top: 12px;\n }\n\n &:last-child {\n padding-bottom: 12px;\n }\n\n &:not(:last-child) {\n border-bottom: 1px solid rgba(0, 0, 0, .04);\n }\n\n a {\n display: block;\n color: invert($theme-color);\n\n img {\n width: 24px;\n max-height: 24px;\n border: none;\n }\n }\n\n &:hover {\n @extend .ct-language-selected;\n }\n }\n}\n\n.list-unstyled {\n display: inline-block;\n list-style: none;\n margin-left: 0;\n}\n\n.ct-language {\n display: inline-block;\n position: relative;\n background-color: #fefefe2b;\n padding: 3px 10px;\n border-radius: 3px;\n\n &:hover {\n cursor: pointer;\n\n .ct-language-dropdown {\n margin-top: 8px;\n max-height: 10000px;\n visibility: visible;\n box-shadow: 0 0 9px 3px rgba(0, 0, 0, .06);\n }\n }\n\n &:before {\n content: \"\\f1ab \\f0d7\";\n font-family: FontAwesome;\n }\n}\n\n",".gitment-container {\n color: #787878 !important;\n}\n\n.gitment-editor-header {\n background-color: #fefefe;\n}\n\n.gitment-comment-main, .gitment-editor-main {\n background-color: #fff;\n border-radius: 3px !important;\n}\n\n.gitment-heart-icon {\n fill: #ff0808;\n}\n",".click-to-top {\n transition: 0.3s;\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n width: 64px;\n height: 64px;\n border-radius: 32px;\n right: 60px;\n bottom: 48px;\n background: white;\n cursor: pointer;\n opacity: 0;\n transform: translateY(10px);\n box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);\n font-size: 24px;\n user-select: none;\n\n @include media-query(1024px) {\n width: 48px;\n height: 48px;\n border-radius: 24px;\n right: 35px;\n font-size: 20px;\n }\n\n @include media-query($on-palm) {\n width: 36px;\n height: 36px;\n border-radius: 18px;\n right: 20px;\n font-size: 16px;\n }\n}\n\n.click-to-top.show {\n opacity: 1;\n transform: translateY(0);\n}\n\nhtml[data-theme=\"dark\"] {\n .click-to-top {\n background: #34323D;\n }\n}\n",".page-banner .page-banner-inner {\n\tbackdrop-filter: blur(1px);\n\twidth: 28em;\n}\n",".pub-table {\n width: 100%;\n display: revert;\n}\n\n#pub-map {\n height: 180px;\n}\n"],"file":"main.css"} \ No newline at end of file diff --git a/assets/images/albion_taverna_1.small.jpg b/assets/images/albion_taverna_1.small.jpg new file mode 100644 index 0000000..69d64b6 Binary files /dev/null and b/assets/images/albion_taverna_1.small.jpg differ diff --git a/assets/images/albion_taverna_2.small.jpg b/assets/images/albion_taverna_2.small.jpg new file mode 100644 index 0000000..ea4cccd Binary files /dev/null and b/assets/images/albion_taverna_2.small.jpg differ diff --git a/assets/images/albion_taverna_3.small.jpg b/assets/images/albion_taverna_3.small.jpg new file mode 100644 index 0000000..5b4133b Binary files /dev/null and b/assets/images/albion_taverna_3.small.jpg differ diff --git a/assets/images/banner.small.jpg b/assets/images/banner.small.jpg new file mode 100644 index 0000000..d626a0b Binary files /dev/null and b/assets/images/banner.small.jpg differ diff --git a/assets/images/banners/home.jpeg b/assets/images/banners/home.jpeg new file mode 100644 index 0000000..3ead0fb Binary files /dev/null and b/assets/images/banners/home.jpeg differ diff --git a/assets/images/convert.pl b/assets/images/convert.pl new file mode 100755 index 0000000..872958b --- /dev/null +++ b/assets/images/convert.pl @@ -0,0 +1,17 @@ +#!/usr/bin/env perl + +use warnings; +use strict; + +my $quality = 20; + +for(<*.jpg>) { + next if(/.*\.small.jpg/); + + if(/(.*).jpg/) { + next if (-e "$1.small.jpg"); + + system("convert $1.jpg -sampling-factor 4:2:0 -strip -quality $quality -interlace JPEG -colorspace RGB $1.small.jpg"); + unlink("$1.jpg"); + } +} diff --git a/assets/images/limes_1.small.jpg b/assets/images/limes_1.small.jpg new file mode 100644 index 0000000..4bbcc2f Binary files /dev/null and b/assets/images/limes_1.small.jpg differ diff --git a/assets/images/railway_hotel_1.small.jpg b/assets/images/railway_hotel_1.small.jpg new file mode 100644 index 0000000..dec5056 Binary files /dev/null and b/assets/images/railway_hotel_1.small.jpg differ diff --git a/assets/images/railway_hotel_2.small.jpg b/assets/images/railway_hotel_2.small.jpg new file mode 100644 index 0000000..eb7e959 Binary files /dev/null and b/assets/images/railway_hotel_2.small.jpg differ diff --git a/assets/images/railway_hotel_3.small.jpg b/assets/images/railway_hotel_3.small.jpg new file mode 100644 index 0000000..281447d Binary files /dev/null and b/assets/images/railway_hotel_3.small.jpg differ diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..0e5982a --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,58 @@ +// Fix DOM matches function +if (!Element.prototype.matches) { + Element.prototype.matches = + Element.prototype.matchesSelector || + Element.prototype.mozMatchesSelector || + Element.prototype.msMatchesSelector || + Element.prototype.oMatchesSelector || + Element.prototype.webkitMatchesSelector || + function(s) { + var matches = (this.document || this.ownerDocument).querySelectorAll(s), + i = matches.length; + while (--i >= 0 && matches.item(i) !== this) {} + return i > -1; + }; +} + +// Get Scroll position +function getScrollPos() { + var supportPageOffset = window.pageXOffset !== undefined; + var isCSS1Compat = ((document.compatMode || "") === "CSS1Compat"); + + var x = supportPageOffset ? window.pageXOffset : isCSS1Compat ? document.documentElement.scrollLeft : document.body.scrollLeft; + var y = supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop; + + return { x: x, y: y }; +} + +var _scrollTimer = []; + +// Smooth scroll +function smoothScrollTo(y, time) { + time = time == undefined ? 500 : time; + + var scrollPos = getScrollPos(); + var count = 60; + var length = (y - scrollPos.y); + + function easeInOut(k) { + return .5 * (Math.sin((k - .5) * Math.PI) + 1); + } + + for (var i = _scrollTimer.length - 1; i >= 0; i--) { + clearTimeout(_scrollTimer[i]); + } + + for (var i = 0; i <= count; i++) { + (function() { + var cur = i; + _scrollTimer[cur] = setTimeout(function() { + window.scrollTo( + scrollPos.x, + scrollPos.y + length * easeInOut(cur/count) + ); + }, (time / count) * cur); + })(); + } +} + diff --git a/feed.xml b/feed.xml new file mode 100644 index 0000000..99a76cf --- /dev/null +++ b/feed.xml @@ -0,0 +1,44 @@ +Jekyll2024-12-31T18:17:23+00:00https://faversham.pub/feed.xmlFaversham Pub ReviewsDiscover Faversham’s finest pubs with detailed reviews and traditional insights. Your definitive guide to exploring the best pubs in Faversham.The Albion Taverna2024-12-15T00:00:00+00:002024-12-15T00:00:00+00:00https://faversham.pub/pub/faversham/2024/12/15/albion-tavernaThe Pub + +

Outside View

+ +

The Albion Taverna is a pub which has a promising name - literally meaning +the tavern of Britain. It is one of the further pubs from Faversham high street, +but not too much of a trek.

+ +

We visited around 2:30pm, and since it’s winter the sun was already starting to +set. We still decided to sit down outside in order to see the Standard Quay, even +though at this time of year it looks a bit of a mess…

+ +

The View

+ +

The atmosphere in the pub is more restaurant-like than pub-like, which isn’t to +say it’s bad, however it’s not quite the experience one hopes for when going +to a pub.

+ +

Drinks

+ +

I had a Kentish Pip craftsman cider - it was decent, but did cost me almost £6, +a bit steep for today.

+ +

My friend had a Christmas Ale - he said it was very good, although had far too +much sediment, as you can see below. His pint set him back a more standard £5.

+ +

Sediment

+ +

Food

+ +

We didn’t try the food in the Taverna, since the cheapest main available was £17. +This put us off ordering, although it did smell delicious! They serve mainly +Mexican food and have quite good reviews from others.

+ +
+ +

Overall, the Albion Taverna is a fairly standard Shepherd Neame pub - slightly +expensive drinks, not a massive amount of character, but with some brilliant +drinks available, mostly brewed locally. The worst part however of the visit: +when returning our glasses and thanking the barman, I was ignored!

]]>RhysWelcome to faversham.pub2024-11-24T14:13:23+00:002024-11-24T14:13:23+00:00https://faversham.pub/meta/2024/11/24/welcome-to-faversham_pubWelcome to faversham.pub! This website will eventually contain reviews of every +pub in Faversham, and possibly including pubs from elsewhere.

+ +

At faversham.pub, we love Faversham and everything in it - it is the essence of +Kent and Great Britain - and hope that by reading this blog, you’ll love it too.

]]> \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..aeef358 --- /dev/null +++ b/index.html @@ -0,0 +1,1072 @@ + + + + + + + + + +Faversham Pub Reviews | Finding the best pubs in Faversham + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+
+
+

+ Faversham Pub Reviews +

+

+ Finding the best pubs in Faversham +

+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
+
+
+ +
+ + +

Welcome to faversham.pub, reviewing Faversham one pub at a time.

+ +

Here are our recent pub reviews, we hope that you enjoy!

+ + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+ +
+
+ + + diff --git a/meta/2024/11/24/welcome-to-faversham_pub.html b/meta/2024/11/24/welcome-to-faversham_pub.html new file mode 100644 index 0000000..0b35e0e --- /dev/null +++ b/meta/2024/11/24/welcome-to-faversham_pub.html @@ -0,0 +1,1021 @@ + + + + + + + + + +Welcome to faversham.pub | Faversham Pub Reviews + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + +
+ +
+ +
+
+
+
+ +
+
+ + + + + + + + + +
+

Welcome to faversham.pub

+

+ +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + About 1 min +

+
+ +
+ +

Welcome to faversham.pub! This website will eventually contain reviews of every +pub in Faversham, and possibly including pubs from elsewhere.

+ +

At faversham.pub, we love Faversham and everything in it - it is the essence of +Kent and Great Britain - and hope that by reading this blog, you’ll love it too.

+ + +
+ +
+
+ +
+
+
Related Articles
+ +
+
+
+ + +
+
+ + +
+
TOC
+
+
+ + +
+
+ +
+
+ + + diff --git a/pub/faversham/2024/12/15/albion-taverna.html b/pub/faversham/2024/12/15/albion-taverna.html new file mode 100644 index 0000000..6e5d3de --- /dev/null +++ b/pub/faversham/2024/12/15/albion-taverna.html @@ -0,0 +1,1146 @@ + + + + + + + + + +The Albion Taverna | Faversham Pub Reviews + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+
+
+
+

The Albion Taverna

+

+ +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + About 1 min +

+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
+
+
+ +
+
+ + + + + + + + + +
+ +
+ + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
NameOwnerNeameologyRatingMap
The Albion TavernaShepherd Neameyes6Google Maps
+ +
+
+ +
+

The Pub

+ +

Outside View

+ +

The Albion Taverna is a pub which has a promising name - literally meaning +the tavern of Britain. It is one of the further pubs from Faversham high street, +but not too much of a trek.

+ +

We visited around 2:30pm, and since it’s winter the sun was already starting to +set. We still decided to sit down outside in order to see the Standard Quay, even +though at this time of year it looks a bit of a mess…

+ +

The View

+ +

The atmosphere in the pub is more restaurant-like than pub-like, which isn’t to +say it’s bad, however it’s not quite the experience one hopes for when going +to a pub.

+ +

Drinks

+ +

I had a Kentish Pip craftsman cider - it was decent, but did cost me almost £6, +a bit steep for today.

+ +

My friend had a Christmas Ale - he said it was very good, although had far too +much sediment, as you can see below. His pint set him back a more standard £5.

+ +

Sediment

+ +

Food

+ +

We didn’t try the food in the Taverna, since the cheapest main available was £17. +This put us off ordering, although it did smell delicious! They serve mainly +Mexican food and have quite good reviews from others.

+ +
+ +

Overall, the Albion Taverna is a fairly standard Shepherd Neame pub - slightly +expensive drinks, not a massive amount of character, but with some brilliant +drinks available, mostly brewed locally. The worst part however of the visit: +when returning our glasses and thanking the barman, I was ignored!

+ +
+ + +
+ + + + + + + + + + + +
+ +
+
+ +
+
+
Related Articles
+ +
+
+
+ + +
+
+ + +
+
TOC
+
+
+ + +
+
+ +
+
+ + + diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..36d442c --- /dev/null +++ b/robots.txt @@ -0,0 +1 @@ +Sitemap: https://faversham.pub/sitemap.xml diff --git a/run.sh b/run.sh new file mode 100755 index 0000000..887c401 --- /dev/null +++ b/run.sh @@ -0,0 +1,4 @@ +#!/bin/bash + +bundle && \ +bundle exec jekyll serve diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..a6ce304 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,17 @@ + + + +https://faversham.pub/meta/2024/11/24/welcome-to-faversham_pub.html +2024-11-24T14:13:23+00:00 + + +https://faversham.pub/pub/faversham/2024/12/15/albion-taverna.html +2024-12-15T00:00:00+00:00 + + +https://faversham.pub/about/ + + +https://faversham.pub/ + +