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..6501f8c --- /dev/null +++ b/404.html @@ -0,0 +1,687 @@ + + + + + + + + + +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..f88f346 --- /dev/null +++ b/about/index.html @@ -0,0 +1,826 @@ + + + + + + + + + +About | Faversham Pub Reviews + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + +
+ +
+ +
+
+
+
+ +
+
+ + + + + + + + + +
+ +
+ +

About

+ +

Welcome to our humble blog, a tribute to the fine public houses of Faversham and its proud brewing heritage. Nestled in the heart of Kent, this historic market town is home to a splendid array of traditional inns and taverns, steeped in history and charm. Central to Faversham’s identity is Shepherd Neame, Britain’s oldest brewer, which has been crafting fine ales here since 1698.

+ +

Our blog seeks to celebrate this legacy by exploring and reviewing each of Faversham’s pubs. We delve into their unique stories, uncovering the characters, pints, and atmosphere that make them so special. Whether you’re drawn by the history, the hospitality, or simply the quest for the perfect pint, join us as we raise a glass to the best of Faversham’s pubs and the enduring spirit of Shepherd Neame!

+ + + +
+ +
+
+
+ + +
+ +
+ +
+
+ + diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..781c76f --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,1478 @@ +/** + * 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-img > :first-child { + opacity: 40% !important; +} + +.pub-table { + width: 100%; + display: revert; +} + +#pub-map { + height: 180px; +} + +.tab { + overflow: hidden; + border: 1px solid #ccc; + background-color: #f1f1f1; +} + +/* Style the buttons that are used to open the tab content */ +.tab button { + background-color: inherit; + float: left; + border: none; + outline: none; + cursor: pointer; + padding: 14px 16px; + transition: 0.3s; +} + +/* Change background color of buttons on hover */ +.tab button:hover { + background-color: #ddd; +} + +/* Create an active/current tablink class */ +.tab button.active { + background-color: #ccc; +} + +/* Style the tab content */ +.tabcontent { + display: none; + padding: 6px 12px; +} + +/*# 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..017e2cc --- /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;EACE;;;ACDF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA","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-img > :first-child {\n opacity: 40% !important;\n}\n",".pub-table {\n width: 100%;\n display: revert;\n}\n\n#pub-map {\n height: 180px;\n}\n\n.tab {\n overflow: hidden;\n border: 1px solid #ccc;\n background-color: #f1f1f1;\n}\n\n/* Style the buttons that are used to open the tab content */\n.tab button {\n background-color: inherit;\n float: left;\n border: none;\n outline: none;\n cursor: pointer;\n padding: 14px 16px;\n transition: 0.3s;\n}\n\n/* Change background color of buttons on hover */\n.tab button:hover {\n background-color: #ddd;\n}\n\n/* Create an active/current tablink class */\n.tab button.active {\n background-color: #ccc;\n}\n\n/* Style the tab content */\n.tabcontent {\n display: none;\n padding: 6px 12px;\n}\n"],"file":"main.css"} \ No newline at end of file diff --git a/assets/favicon.ico b/assets/favicon.ico new file mode 100644 index 0000000..33ae97e Binary files /dev/null and b/assets/favicon.ico differ 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/albion_taverna_4.small.jpg b/assets/images/albion_taverna_4.small.jpg new file mode 100644 index 0000000..aa5c43c Binary files /dev/null and b/assets/images/albion_taverna_4.small.jpg differ diff --git a/assets/images/albion_taverna_5.small.jpg b/assets/images/albion_taverna_5.small.jpg new file mode 100644 index 0000000..b5ac857 Binary files /dev/null and b/assets/images/albion_taverna_5.small.jpg differ diff --git a/assets/images/banner.small.jpg b/assets/images/banner.small.jpg new file mode 100644 index 0000000..1ebfb5e 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..822967b --- /dev/null +++ b/feed.xml @@ -0,0 +1,119 @@ +Jekyll2025-01-12T14:36:20+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 Faversham pubs.Rhys AdamsThe 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!

+ + + +

Location and Interior

+ +

View of the pub exterior

+ +

The Albion Taverna, a strong name that secretes patriotic fervor. Will it do +its name justice? Or like a political party, be little more than a soulless +machination of ineffectual grandstanding? First, we must consider location. +Situated on the banks of the River Fav, patrons are greeted with the sight of +the Shepherd Neame brewery. As the air lingers with a hoppy tinge, one is left +to contemplate how the company has affected Faversham, to what extent does a +business go from being local to corporate; has Neame lost its roots? A question +for another post perhaps. Alas the view is undoubtedly extraordinary, no other +Faverpub rivals this. Although the reader must pay heed, the interior is +ghastly. Lacking anything unique, the décor is substandard and unimaginative. +All it would take is a short walk to the local antique shop and £200, this is +not a job for Liberty or Harrods. I would recommend they expand their forward +exterior seating; the majority is behind the pub giving drinkers a lovely view +of the car park, useful for a town such as Sandwich or Headcorn, respectively +filled with groups of tenebrous youths or ridden with wandering criminals eyeing any +catalytic converters, but luckily not for Faversham. Yet. I have mixed feelings +on the exterior architecture, it reminds me of a car park in Whitstable. I +don’t like that car park but for some it may feel appropriate for the Standard +Quay. I would perhaps change the colour to avoid it being mistaken for +corrugated iron, reminiscent of the Third World. The seats are uncomfortable +and childlike. This must change.

+ +

Outside view of the river Fav

+ +

Drinks

+ +

It has to be said the drink selection is rather impressive for a Neame pub, I +was delighted by the cocktail offerings, an unusual sight in Faversham. The +cocktails were well made, the staff were knowledgeable, but I dare not ask for +something not on the small menu, that would be dangerous. I rather enjoyed the +Christmas Ale, the weak would claim it to be seasonal but a good drink can be +had whenever. I think the sort of people that say “seasonal” are pretentious. +But, was this too good to be true? Indeed, it was, I was saddened to find an +exceptional amount of Sediment lurking in the depths of my glass, ready to +position itself within my arteries and create a blockage. My thoughts were +surprisingly of unmelancholy, for I found solace in yet again proving the +existence of the Sediment to my ever-denying friend. I can only hope he lives a +longer life as a result, and if the cost of that is 50ml of ale, then so be it. +I will not comment on the ciders as I am personally not interested interested +in them. Prices were Faveraverage.

+ +

Food

+ +

Being on a budget, I did not choose to consume at this pub as it was rather +expensive. This sentiment was only furthered by the choice of cuisine – +Mexican. I realised it as soon as I walked in, the odour of Cajun craziness +assaulted my nostrils. I regretted trimming my nose hair like those who remove +sandbags before a storm, and instantly felt queasy. This was deeply wrong. A +pub bearing Brittania serving Mexican food? I felt like I were in a hip hop +video. Mexicans have substantially lower productivity than most, I suspect +sales of dishes at this “Taverna” can be correlated with the productivity of +Faversham. Overall, the food was overpriced and immoral. Do not eat here.

+ +

Summary

+ +

Ah the Albion Taverna, microcosmic of our society. A pub in a good location and +access to many drinks, yet lacking the defining perennial. The owners thinking +they were unique in having ethnic cuisine only add arsenic to the mind. I rate +this pub a solid 5.5, it is not her fault but that of the owners. It has great +potential, unlike the West, this pub can be saved. All that is needed is a +return to traditional Anglo food and an eclectic interior to match the stunning +scenery with an overall focus on its “quay” strength, the location. Do visit +and have an ale outside, stay for an hour, and observe the Fav and the Brewery. +But make no mistake, this is not Albion, this is a direct mockery to history. A +more apt name would be the Lonely Sombrero, harking to Mexico, but also an +honest isolationism to the Mexicans in our country. This could be a 9 if the +issues are resolved, but we must ask, do the owners have the will to divert +from their Mexican course?

]]>
Rhys
Welcome 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.

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

+ Faversham Pub Reviews +

+

+ Exploring the best pubs in Faversham +

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

Welcome to our humble blog, a tribute to the fine public houses of Faversham.

+ +

This historic market town, nestled in the heart of Kent is home to a splendid array of traditional inns and taverns, steeped in history and charm. With its brewing heritage and timeless hospitality, Faversham’s pubs are a cornerstone of Kentish life.

+ +

Here, we aim to explore and review each pub, uncovering the best spots to enjoy a pint, and the unique characters they house. Join us as we explore the best of Faversham’s pubs!

+ + + + +
+ + +
+ +
+ +
+
+ + 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..c876357 --- /dev/null +++ b/meta/2024/11/24/welcome-to-faversham_pub.html @@ -0,0 +1,880 @@ + + + + + + + + + +Welcome to faversham.pub | Faversham Pub Reviews + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + +
+ +
+ +
+
+
+
+ +
+
+ + + + + + + + + +
+

Welcome to faversham.pub

+

+ +
+
+ +
+ +

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
+ +
+
+
+ + +
+ +
+ +
+
+ + 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..53df30d --- /dev/null +++ b/pub/faversham/2024/12/15/albion-taverna.html @@ -0,0 +1,982 @@ + + + + + + + + + +The Albion Taverna | Faversham Pub Reviews + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+
+
+
+

The Albion Taverna

+

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

Rhys' Review

+

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!

+ + +
+ +
+

Jack's Review

+ + +

Location and Interior

+ +

View of the pub exterior

+ +

The Albion Taverna, a strong name that secretes patriotic fervor. Will it do +its name justice? Or like a political party, be little more than a soulless +machination of ineffectual grandstanding? First, we must consider location. +Situated on the banks of the River Fav, patrons are greeted with the sight of +the Shepherd Neame brewery. As the air lingers with a hoppy tinge, one is left +to contemplate how the company has affected Faversham, to what extent does a +business go from being local to corporate; has Neame lost its roots? A question +for another post perhaps. Alas the view is undoubtedly extraordinary, no other +Faverpub rivals this. Although the reader must pay heed, the interior is +ghastly. Lacking anything unique, the décor is substandard and unimaginative. +All it would take is a short walk to the local antique shop and £200, this is +not a job for Liberty or Harrods. I would recommend they expand their forward +exterior seating; the majority is behind the pub giving drinkers a lovely view +of the car park, useful for a town such as Sandwich or Headcorn, respectively +filled with groups of tenebrous youths or ridden with wandering criminals eyeing any +catalytic converters, but luckily not for Faversham. Yet. I have mixed feelings +on the exterior architecture, it reminds me of a car park in Whitstable. I +don’t like that car park but for some it may feel appropriate for the Standard +Quay. I would perhaps change the colour to avoid it being mistaken for +corrugated iron, reminiscent of the Third World. The seats are uncomfortable +and childlike. This must change.

+ +

Outside view of the river Fav

+ +

Drinks

+ +

It has to be said the drink selection is rather impressive for a Neame pub, I +was delighted by the cocktail offerings, an unusual sight in Faversham. The +cocktails were well made, the staff were knowledgeable, but I dare not ask for +something not on the small menu, that would be dangerous. I rather enjoyed the +Christmas Ale, the weak would claim it to be seasonal but a good drink can be +had whenever. I think the sort of people that say “seasonal” are pretentious. +But, was this too good to be true? Indeed, it was, I was saddened to find an +exceptional amount of Sediment lurking in the depths of my glass, ready to +position itself within my arteries and create a blockage. My thoughts were +surprisingly of unmelancholy, for I found solace in yet again proving the +existence of the Sediment to my ever-denying friend. I can only hope he lives a +longer life as a result, and if the cost of that is 50ml of ale, then so be it. +I will not comment on the ciders as I am personally not interested interested +in them. Prices were Faveraverage.

+ +

Food

+ +

Being on a budget, I did not choose to consume at this pub as it was rather +expensive. This sentiment was only furthered by the choice of cuisine – +Mexican. I realised it as soon as I walked in, the odour of Cajun craziness +assaulted my nostrils. I regretted trimming my nose hair like those who remove +sandbags before a storm, and instantly felt queasy. This was deeply wrong. A +pub bearing Brittania serving Mexican food? I felt like I were in a hip hop +video. Mexicans have substantially lower productivity than most, I suspect +sales of dishes at this “Taverna” can be correlated with the productivity of +Faversham. Overall, the food was overpriced and immoral. Do not eat here.

+ +

Summary

+ +

Ah the Albion Taverna, microcosmic of our society. A pub in a good location and +access to many drinks, yet lacking the defining perennial. The owners thinking +they were unique in having ethnic cuisine only add arsenic to the mind. I rate +this pub a solid 5.5, it is not her fault but that of the owners. It has great +potential, unlike the West, this pub can be saved. All that is needed is a +return to traditional Anglo food and an eclectic interior to match the stunning +scenery with an overall focus on its “quay” strength, the location. Do visit +and have an ale outside, stay for an hour, and observe the Fav and the Brewery. +But make no mistake, this is not Albion, this is a direct mockery to history. A +more apt name would be the Lonely Sombrero, harking to Mexico, but also an +honest isolationism to the Mexicans in our country. This could be a 9 if the +issues are resolved, but we must ask, do the owners have the will to divert +from their Mexican course?

+ +
+
+ + +
+ + + + + + + + + + + + +
+ +
+
+ +
+
+
Related Articles
+ +
+
+
+ + +
+ +
+ +
+
+ + 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/ + +