diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 00000000000..e69de29bb2d diff --git a/404.html b/404.html new file mode 100644 index 00000000000..a01dd81485b --- /dev/null +++ b/404.html @@ -0,0 +1,883 @@ + + + + + + + + + +Your awesome title | Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + +
+ +
+ +
+
+ + +
+

404

+ +

Page not found :(

+

Try to check other pages through the menu.

+
+ +
+
+ + diff --git a/LICENSE.txt b/LICENSE.txt new file mode 100644 index 00000000000..0c8cc73dd42 --- /dev/null +++ b/LICENSE.txt @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2019 Jeffrey Tse + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 00000000000..5754a1d2ceb --- /dev/null +++ b/README.md @@ -0,0 +1,207 @@ +
+
+ + + jekyll-theme-yat →~ jekyll + + +

JEKYLL YAT THEME

+ +
+ +

+ Jekyll theme for elegant writers. +

+ +

+ + Github Pages + + + + Gem Version + + + + License: MIT + + + + Donate (Liberapay) + + + + Donate (Patreon) + + + + Donate (Ko-fi) + +

+ +
+ Built with ❤︎ by + jeffreytse and + contributors + +
+ +
+ +Hey, nice to meet you, you found this [Jekyll][jekyll] theme. Here the +_YAT (Yet Another Theme)_ is a modern responsive theme. It's quite +clear, clean and neat for writers and posts. **If you are an elegant +writer and focus on content, don't miss it.** + +

+Like this elegant theme? You can give it a star or sponsor me!
+I will respect your crucial support and say THANK YOU! +

+ +

+ + demo-screenshot + +

+ +

BANNER

+ +

+ + demo-screenshot + +

+ +## Features + +- Support beautiful **Night Mode**. +- Modern responsive web design. +- Full layouts `home`, `post`, `tags`, `archive` and `about`. +- Uses font awesome 5 for icons. +- Beautiful page banner with image and video. +- Beautiful Syntax Highlight using [highlight.js][highlight-js]. +- Beautiful image gallery previewer using [PhotoSwipe 5][photoswipe-5]. +- RSS support using [Jekyll Feed][jekyll-feed] gem. +- Optimized for search engines using [Jekyll Seo Tag][jekyll-seo-tag] gem. +- Sitemap support using [Jekyll Sitemap][jekyll-sitemap] gem. +- Complex and flexible table support using [Jekyll Spaceship][jekyll-spaceship] gem. +- MathJAX and LaTeX optional support using [Jekyll Spaceship][jekyll-spaceship] gem. +- Media (Youtube, Spotify, etc.) support using [Jekyll Spaceship][jekyll-spaceship] gem. +- Diagram (PlantUML, Mermaid) support using [Jekyll Spaceship][jekyll-spaceship] gem. +- Google Translation support. +- New post tag support. +- Pin post tag support. + +Also, visit the [Live Demo][yat-live-demo] site for the theme. + +## Installation + +There are three ways to install: + +- As a [gem-based theme](https://jekyllrb.com/docs/themes/#understanding-gem-based-themes). +- As a [remote theme](https://blog.github.com/2017-11-29-use-any-theme-with-github-pages/) (GitHub Pages compatible). +- Forking/directly copying all of the theme files into your project. + +### Gem-based Theme Method + +Add this line to your Jekyll site's `Gemfile`: + +```ruby +gem "jekyll-theme-yat" +``` + +And add this line to your Jekyll site's `_config.yml`: + +```yaml +theme: jekyll-theme-yat +``` + +And then execute: + +```bash +$ bundle +``` + +Or install it yourself as: + +```bash +$ gem install jekyll-theme-yat +``` + +### Remote Theme Method with GitHub Pages + +Remote themes are similar to Gem-based themes, but do not require `Gemfile` changes or whitelisting making them ideal for sites hosted with GitHub Pages. + +To install: + +Add this line to your Jekyll site's `Gemfile`: + +```ruby +gem "github-pages", group: :jekyll_plugins +``` + +And add this line to your Jekyll site's `_config.yml`: + +```yaml +# theme: owner/name --> Don't forget to remove/comment the gem-based theme option +remote_theme: "jeffreytse/jekyll-theme-yat" +``` + +And then execute: + +```bash +$ bundle +``` + +### Forking/Cloning the project + +You need to update the option of github workflow file `.github/workflows/build-jekyll.yml`, especially to ensure the value of `jekyll_baseurl` is correct. + +### GitHub Pages without limitation + +GitHub Pages runs in `safe` mode and only allows [a set of whitelisted plugins/themes](https://pages.github.com/versions/). **In other words, the third-party gems will not work normally**. + +To use the third-party gem in GitHub Pages without limitation: + +Here is a GitHub Action named [jekyll-deploy-action](https://github.com/jeffreytse/jekyll-deploy-action) for Jekyll site deployment conveniently. 👍 + +## Usage + +Add or update your available layouts, includes, sass and/or assets. + +## Development + +To set up your environment to develop this theme, run `bundle install`. + +Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal. + +When your theme is released, only the files in `_data`, `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled. +To add a custom directory to your theme-gem, please edit the regexp in `jekyll-theme-yat.gemspec` accordingly. + +## Contributing + +Issues and Pull Requests are greatly appreciated. If you've never contributed to an open source project before I'm more than happy to walk you through how to create a pull request. + +You can start by [opening an issue](https://github.com/jeffreytse/jekyll-theme-yat/issues/new) describing the problem that you're looking to resolve and we'll go from there. + +## License + +This theme is licensed under the [MIT license](https://opensource.org/licenses/mit-license.php) © JeffreyTse. + + + +[jekyll]: https://jekyllrb.com/ +[yat-git-repo]: https://github.com/jeffreytse/jekyll-theme-yat/ +[yat-live-demo]: https://jeffreytse.github.io/jekyll-theme-yat/ +[jekyll-spaceship]: https://github.com/jeffreytse/jekyll-spaceship +[jekyll-seo-tag]: https://github.com/jekyll/jekyll-seo-tag +[jekyll-sitemap]: https://github.com/jekyll/jekyll-sitemap +[jekyll-feed]: https://github.com/jekyll/jekyll-feed +[highlight-js]: https://github.com/highlightjs/highlight.js +[photoswipe-5]: https://photoswipe.com/ diff --git a/about.html b/about.html new file mode 100644 index 00000000000..b8493a81d13 --- /dev/null +++ b/about.html @@ -0,0 +1,1028 @@ + + + + + + + + + +About | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + +
+ +
+ +
+
+
+
+ +
+
+ + + + + + + + + +
+ +
+ +

About

+ +

 Yet another theme for elegant writers with modern flat style +and beautiful night mode. +

+ +

+Hey, nice to meet you, you found this Jekyll theme. Here the yet another +theme is a modern theme, and it's quite clear, clean and neat for writers +and posts. +

+ + + +
+ +
+
+
+ + +
+ +
+ +
+
+ + diff --git a/archives.html b/archives.html new file mode 100644 index 00000000000..d1dd724b42d --- /dev/null +++ b/archives.html @@ -0,0 +1,1164 @@ + + + + + + + + + +Archives | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + +
+ +
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + +
+ +
+ +
+
+ + diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 00000000000..009a07a0752 --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,1498 @@ +/** + * 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 Neue, Helvetica, Arial, sans-serif; + font-weight: 400; + font-size: 14px; + font-display: swap; + line-height: 1.6; + color: #1d1d1f; + 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; + transition-duration: 0.3s; +} + +/** + * 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: #777; + border-left: 4px solid #dddddd; + 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: #1d1d1f; +} + +*: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: #29292c; + border-collapse: collapse; + overflow: auto; +} +table tr:nth-child(even) { + background-color: #ececec; +} +table th, table td { + padding: 10px 15px; +} +table th { + background-color: #e5e5e5; + border: 1px solid lightgray; + border-bottom-color: #bebebe; +} +table td { + border: 1px solid #dddddd; +} + +/** + * 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 + */ +/** + * Text Selection + */ +::selection { + color: inherit; + background-color: rgba(0, 174, 255, 0.3); +} + +::-moz-selection { /* Code for Firefox */ + color: inherit; + background-color: rgba(0, 174, 255, 0.3); +} + +::-ms-selection { + color: inherit; + background-color: rgba(0, 174, 255, 0.3); +} + +::-o-selection { + color: inherit; + background-color: rgba(0, 174, 255, 0.3); +} + +::-webkit-selection { + color: inherit; + background-color: rgba(0, 174, 255, 0.3); +} + +/** + * 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-link { + font-size: 23.1px; + font-weight: 600; + color: #333; +} +.pagination .post-meta { + color: #777; + font-size: 14px; + margin-bottom: 15px; +} +.pagination .post-excerpt { + display: flex; + position: relative; + gap: 15px; + margin-bottom: 15px; +} +.pagination .post-excerpt .post-image > *:first-child { + flex: 0 1 38.2%; + width: 100%; + height: 100%; + background-size: cover; + background-position: center center; + overflow: hidden; + transition: 0.2s all ease-in-out; +} +.pagination .post-list.none-image-style .post-item .post-excerpt .post-image { + display: none; +} +.pagination .post-list.left-image-style .post-item .post-excerpt { + flex-direction: row; +} +.pagination .post-list.right-image-style .post-item .post-excerpt { + flex-direction: row-reverse; +} +.pagination .post-list.post-list.top-image-style .post-item .post-excerpt { + flex-direction: column; +} +.pagination .post-list.z-image-style .post-item:nth-child(even) .post-excerpt { + flex-direction: row-reverse; +} +.pagination .post-list.z-reverse-image-style .post-item:nth-child(odd) .post-excerpt { + flex-direction: row-reverse; +} +@media screen and (max-width: 800px) { + .pagination .post-list .post-item .post-excerpt { + flex-direction: column !important; + } +} +.pagination .post-text { + color: #777; + word-break: break-word; + overflow-wrap: break-word; + flex: 1; +} +.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: 300; +} +.post .post-header .post-meta { + color: #777; + padding-bottom: 15px; +} +.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 .post-link { + font-size: 15.05px; + color: #777; +} +.post .post-related .post-link:hover { + color: black; +} + +.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; + color: #777; + line-height: 15px; + 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: #777; +} + +/** + * 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); + padding-bottom: 1em; +} +.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: #777; +} +.page-segments li a { + color: #303030; +} +.page-segments li a.post-link { + margin-left: 5px; +} +.page-segments li a:hover { + color: #000; +} + +.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; +} + +/** + * Post badge + */ +.post-badges { + display: inline-block; + position: relative; + margin-left: 8px; + margin-top: 3px; + user-select: none; +} + +.pagination .post-badges { + bottom: 0.5em; +} + +.post-related .post-badges { + bottom: 0.1em; +} + +.page-segments .post-badges { + bottom: 0.1em; +} + +.post-badge { + display: none; + padding: 0px 3px; + background-color: #ff5100; + color: #fff; + font-size: 10px; + font-weight: 600; + border-radius: 2px; + transition-duration: 0.3s; +} + +.post-badge.badge-new { + display: inline-block; +} + +.top-post .post-badges .post-badge.badge-top { + display: inline-block; +} + +a:visited .post-badges .post-badge.badge-new { + display: none; + color: #fff; + background-color: #fff; +} + +@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: #b0b0b0; + background-color: #0e0e0e; +} +html[data-theme=dark] *:not(pre) > code { + color: #b0b0b0; + 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(176, 176, 176, 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: #505050; +} +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-excerpt { + color: #777; +} +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] .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 .post-content hr { + background-color: #555; +} +html[data-theme=dark] .post .post-related > *:first-child { + color: #d7d7d7; +} +html[data-theme=dark] .post .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: #b0b0b0; +} +html[data-theme=dark] .post-menu .post-menu-content ul a:hover { + color: #fff !important; +} +html[data-theme=dark] a .post-badges .post-badge { + color: #0e0e0e !important; +} +html[data-theme=dark] a:visited .post-badges .post-badge.badge-new { + display: none; + background-color: #0e0e0e; +} + +.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 .names p { + margin-bottom: 0; + line-height: 24px; + opacity: 0.5; +} +.theme-toggle label .light { + color: #868686; + margin-left: -0.2em; +} +.theme-toggle label .dark { + color: #b9b9b9; +} +.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 { + color: #ddd; +} +.theme-toggle [type=checkbox]:checked ~ label .light { + color: #ccc; +} +@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; +} +.post-menu .post-menu-content ul { + border-left: 1px solid #e9ecef; +} +.post-menu .post-menu-content ul .h-h2 { + padding-inline-start: 3.5px0px; + font-size: 15.4px; + line-height: 1.4; +} +.post-menu .post-menu-content ul .h-h3 { + padding-inline-start: 3.5px18.2px; + font-size: 15.4px; + line-height: 1.4; +} +.post-menu .post-menu-content ul .h-h4 { + padding-inline-start: 3.5px36.4px; + font-size: 15.4px; + line-height: 1.4; +} +.post-menu .post-menu-content ul .h-h5 { + padding-inline-start: 3.5px54.6px; + font-size: 15.4px; + line-height: 1.4; +} +.post-menu .post-menu-content ul .h-h6 { + padding-inline-start: 3.5px72.8px; + font-size: 15.4px; + line-height: 1.4; +} +.post-menu .post-menu-content ul a { + display: flex; + padding: 2px 8px; + color: #040405; +} +.post-menu .post-menu-content ul a * { + pointer-events: none; +} +.post-menu .post-menu-content ul a:hover { + text-decoration: none; + color: #67676e !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: #1d1d1f; + 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 { + display: flex; + align-items: center; + justify-content: center; + position: fixed; + width: 64px; + height: 64px; + border-radius: 32px; + right: 60px; + bottom: 48px; + cursor: pointer; + opacity: 0; + transform: translateY(10px); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); + font-size: 24px; + user-select: none; + transition: 0.3s; + z-index: 10; +} +@media screen and (max-width: 800px) { + .click-to-top { + width: 48px; + height: 48px; + border-radius: 24px; + right: 35px; + font-size: 20px; + } +} + +.click-to-top.show { + opacity: 1; + transform: translateY(0); +} + +html[data-theme=light] .click-to-top { + background-color: white; + color: #454545; +} + +html[data-theme=dark] .click-to-top { + background-color: #34323d; + color: #bbb; +} + +/*# 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 00000000000..fe092215350 --- /dev/null +++ b/assets/css/main.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../_sass/yat/_base.scss","../../_sass/yat.scss","main.scss","../../_sass/yat/_layout.scss","../../_sass/yat/_dark.scss","../../_sass/misc/theme-toggle.scss","../../_sass/misc/article-menu.scss","../../_sass/misc/common-list.scss","../../_sass/misc/google-translate.scss","../../_sass/misc/gitment.scss","../../_sass/misc/click-to-top.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;EAGE;EACA;;;AAKF;AAAA;AAAA;AAGA;EACE,aCZiB;EDajB,aCXiB;EDYjB;EACA;EACA;EACA,OCRiB;EDSjB,kBCRiB;EDSjB;EACA;EACG;EACE;EACG;EACR;EACA;EACA;EACA;EACA,qBCvByB;;;AD4B3B;AAAA;AAAA;AAGA;AAAA;AAAA;EAIE;;;AAKF;AAAA;AAAA;AAGA;EACE;;;AAKF;AAAA;AAAA;AAGA;EACE;EACA;;;AAKF;AAAA;AAAA;AAGA;EACE;;;AAGF;EACE,WCrEiB;;;AD0EnB;AAAA;AAAA;AAGA;EACE,aC1EiB;;;AD8EjB;AAAA;EAEE;;;AAMJ;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE,OE3FY;EF4FZ;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;;AAKN;AAAA;AAAA;AAGA;EACE,OChHiB;EDiHjB;EACA;EC1EA;ED4EA;EACA;;AAEA;EACE;;;AAMJ;AAAA;AAAA;AAGA;AAAA;ECzFE;ED4FA,OCvIiB;;;AD0InB;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;;AAON;AAAA;AAAA;AAGA;EACE,WE3Jc;EF4Jd;EACA,eCjLiB;EDkLjB,cClLiB;;;ADwLnB;AAAA;AAAA;AAGA;EACE;EACA;EACA;;;AAIF;AAAA;AAAA;AAGA;EACE;EACA,eCvMiB;EDwMjB;EACA,YC9LiB;ED+LjB;EACA;EACA;;AAGE;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;AAAA;AAAA;AAGA;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAcA;AAAA;AAAA;AASA;AAAA;AAAA;AASA;AAAA;AAAA;AAWA;AAAA;AAAA;AAGA;EACE,OE7PkB;EF8PlB,kBE3P6B;;;AF6P/B;EACE,OEjQkB;EFkQlB,kBE/P6B;;;AFiQ/B;EACE,OErQkB;EFsQlB,kBEnQ6B;;;AFqQ/B;EACE,OEzQkB;EF0QlB,kBEvQ6B;;;AFyQ/B;EACE,OE7QkB;EF8QlB,kBE3Q6B;;;AC/C/B;AAAA;AAAA;AAKI;EACE;;AAKF;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;;AF8BR;EE1BQ;IACE;;EAIA;IACE,MFVA;;;AEiBV;EACE;EACA;;AAEA;EACE;;AAMJ;EACE;;AAGF;EACE;;;AAKN;AAAA;AAAA;AAGA;EACE,kBD9CY;EC+CZ,QFvCc;EEwCd;EACA;EACA;EH4LA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,KGhMqB;EACrB;;AAEA;EACE;EACA;EACA;EACA;;AF1BF;EEsBA;IAOI;IACA;;;AAIJ;EACE;;AAGF;EACE;;;AAIJ;EACE,aFtEc;EEuEd;;AAEA;EFzCA;EE2CE,aF7Fe;EE8Ff;EACA;;AAEA;EACE,OF/Ec;;AEkFhB;EACE;EACA;EACA;;;AAKN;EF3DE;EE6DA,aF7Fc;EE8Fd;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE,aF3He;EE4Hf,OF3GgB;EE4GhB;;AAGA;EACE;;AACA;EACE;;AFzFN;EEiEF;IA8BI;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAEA;IACE;IACA;;EAIJ;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA,YD/JQ;;ECkKV;IACE;IACA;IACA;IACA;;;;AAKN;AAAA;AAAA;AAGA;EFtIE;EEwIA,OFnKkB;EEoKlB,kBFnKwB;EEoKxB;EACA;;AAEA;EACE;EACA;;AAGF;EAEE,OD3LU;;AC6LV;EACE;;;AAKN;EACE;EACA;;;AAGF;AAAA;AAAA;AAIE;EACE,eFnNe;;AEsNjB;EFzKA;EE2KE;EACA;;AFlLF;EE+KA;IFzKA;;;AEmLA;EACE;;AAEA;EACE;EACA;;;AAKN;AAAA;AAAA;AAGA;AACmB;EACjB;EACA;EACA;;;AAGF;EFvME;;;AE2MF;EF3ME;;;AE+MF;AAAA;AAAA;AAIE;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAIJ;EF1OA;EE4OE;EACA;;AAGF;EACE,OFzRe;EE0Rf,WFrSa;EEsSb;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AFnSJ;EEsSE;IAEI;;;AAKN;EACE,OFhVe;EEiVf;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AAMN;AAAA;AAAA;AAME;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE,OFhaa;EEiab;;AAIJ;EACE,eF3ae;EE4af;EACA;EACA;;AAEA;EFnYF;;AANA;EEyYE;IFnYF;;;AE2YE;EF3YF;;AANA;EEiZE;IF3YF;;;AEmZE;EFnZF;;AANA;EEyZE;IFnZF;;;AE2ZE;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAKF;EFrbF;EEubI;EACA;;AAGF;EACE;;AAGF;EF/bF;EEicI,OFzea;;AE2eb;EACE;;;AAMR;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;;AAEA;EFvdA;EEydE,OFjgBe;EEkgBf;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKJ;AAAA;AAAA;AAIE;EACE;EACA;;AAGF;EF/fA;EEqgBE;;AAHA;EACE;;AAKJ;EACE,WF1jBe;EE2jBf,OFljBe;;;AEujBnB;AAAA;AAAA;AAGA;EACE;EACA;EACA,QF7iBc;EE8iBd,kBF5iBkB;EE6iBlB;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EHzTF;EACA;EACA;EACA;EACA;EGuTI;;AAGF;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AAGF;EH9VA,UG+V2B;EH9V3B;EACA;EG+VE,OF5kBgB;EE6kBhB;EACA;;AAEA;EACE;;AAEA;EF5jBJ;EE8jBM;EACA;EACA;EACA;;AFvkBN;EEkkBI;IF5jBJ;;;AEwkBI;EACE;EACA;EACA;;AFjlBN;EE8kBI;IFxkBJ;;;AEklBI;EACE;;AAIJ;EFvlBF;EEylBI;EACA;;AFhmBJ;EE6lBE;IAMI;;;AAIJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AFlnBJ;EEgnBE;IAKI;;;AAGF;EFlnBJ;EEonBM;EACA;EACA;EACA;;AAEA;EACE;;AFhoBR;EEwhBF;IA+GI;;;;AAKJ;AAAA;AAAA;AAUE;EACE;EACA;EH5cF;EACA;EACA;EACA;EACA;EACA;EACA;EACA,KGucuB;;AF1pBvB;EEspBA;IAOI;;;;AAON;AAAA;AAAA;AAIE;EACE;EACA;;AAGF;EACE;EACA;EACA;EF1qBF;;AE8qBE;EACE;;AAGF;EACE;EACA;EACA;;AAIJ;EACE,WF3uBe;EE4uBf,OFnuBe;;AEsuBjB;EAKE;;AAJA;EACE;;AAKF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA,kBDtxBY;ECuxBZ;EACA;EACA;EACA;EACA,qBFnyByB;;;AEsyB3B;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA,OF3yBiB;EE4yBjB,kBF5yBiB;;;AAoCjB;EG1CQ;IACE;;;AAON;EACE;EACA;;AAKN;EACE,OAvBc;EAwBd,kBAzBoB;;AA4BtB;EACE,OA5Bc;EA6Bd;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAII;EACE;;AAKN;EACE;;AAGF;EACE;EACA,kBAlEkB;EAmElB;;AAGF;EACE;;AHrBJ;EGyBI;IACI;;EAGJ;IACE;;;AAKN;EACE;EACA;;AAGF;EACE;;AAKE;EACE;;AAMJ;EACE;;AAGF;EACE,OH5Fa;;AGgGb;EACE;;AAIJ;EACE;;AAMA;EACE;;AAMJ;EACE;;AAIA;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAMJ;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAMJ;EACE;;AAIA;EACE;;AAEA;EACE;EACA;;AAGF;EACE,OA5LQ;;AA+LV;EACE;;AAMR;EACE;;AAGF;EACE;EACA,kBA7MoB;;;ACAxB;EACE;EACA;EACA;EACA;EACA;EACA;AAmDA;;AAjDA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AJlBF;EIlDF;IAwEI;;;AJtBF;EIlDF;IA4EI;IACA;;EAEA;IACE;;;;AChFN;AAAA;AAAA;AAIA;EACE;EACA;EACA;;AAEA;EACE;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;;;ACvDV;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;;;;AAIJ;EACE;EACA;;;AAIA;EACE,kBRDkC;EQElC,ORDuB;;;AQMzB;EACE,kBRNiC;EQOjC,ORNsB","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 transition-duration: $base-transition-duration;\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/**\n * Text Selection\n */\n::selection {\n color: $selection-color;\n background-color: $selection-background-color;\n}\n::-moz-selection { /* Code for Firefox */\n color: $selection-color;\n background-color: $selection-background-color;\n}\n::-ms-selection {\n color: $selection-color;\n background-color: $selection-background-color;\n}\n::-o-selection {\n color: $selection-color;\n background-color: $selection-background-color;\n}\n::-webkit-selection {\n color: $selection-color;\n background-color: $selection-background-color;\n}\n","@charset \"utf-8\";\n\n// Define defaults for each variable.\n\n$base-font-family: Helvetica Neue, Helvetica, Arial, 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$base-transition-duration: 0.3s !default;\n\n$spacing-unit: 30px !default;\n\n$text-color: #1d1d1f !default;\n$background-color: #fff !default;\n\n$grey-color: #777 !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;\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// Click to top theme\n$click-to-top-light-background-color: white;\n$click-to-top-light-color: #454545;\n$click-to-top-dark-background-color: #34323d;\n$click-to-top-dark-color: #bbb;\n\n// Selection styles\n$selection-color: unquote(\"\");\n$selection-background-color: unquote(\"\");\n\n@if $selection-color == \"\" {\n $selection-color: inherit;\n}\n@if $selection-background-color == \"\" {\n $selection-background-color: rgba(invert($brand-color), 0.3);\n}\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 }\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-meta {\n color: $grey-color;\n font-size: $base-font-size;\n margin-bottom: $spacing-unit * 0.5;\n }\n\n .post-excerpt {\n display: flex;\n position: relative;\n gap: 15px;\n margin-bottom: 15px;\n\n .post-image > *:first-child {\n flex: 0 1 38.2%;\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center center;\n overflow: hidden;\n transition: 0.2s all ease-in-out;\n }\n }\n\n .post-list {\n &.none-image-style .post-item .post-excerpt .post-image {\n display: none;\n }\n\n &.left-image-style .post-item .post-excerpt {\n flex-direction: row;\n }\n\n &.right-image-style .post-item .post-excerpt {\n flex-direction: row-reverse;\n }\n\n &.post-list.top-image-style .post-item .post-excerpt {\n flex-direction: column;\n }\n\n &.z-image-style .post-item:nth-child(even) .post-excerpt {\n flex-direction: row-reverse;\n }\n\n &.z-reverse-image-style .post-item:nth-child(odd) .post-excerpt {\n flex-direction: row-reverse;\n }\n\n .post-item .post-excerpt {\n @include media-query($on-laptop) {\n flex-direction: column !important;\n }\n }\n }\n\n .post-text {\n color: $grey-color;\n word-break: break-word;\n overflow-wrap: break-word;\n flex: 1;\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: 300;\n }\n\n .post-meta {\n color: $grey-color;\n padding-bottom: 15px;\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 }\n\n .post-link {\n @include relative-font-size(1.075);\n color: $grey-color;\n\n &:hover {\n color: darken($grey-color, 50%);\n }\n }\n }\n}\n\n.post-comments {\n padding-top: 25px;\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 color: $grey-color;\n line-height: 15px;\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 padding-bottom: 1em;\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}\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\n/**\n * Post badge\n */\n.post-badges {\n display: inline-block;\n position: relative;\n margin-left: 8px;\n margin-top: 3px;\n user-select: none;\n}\n\n.pagination .post-badges {\n bottom: 0.5em;\n}\n\n.post-related .post-badges {\n bottom: 0.1em;\n}\n\n.page-segments .post-badges {\n bottom: 0.1em;\n}\n\n.post-badge {\n display: none;\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 transition-duration: $base-transition-duration;\n}\n\n.post-badge.badge-new {\n display: inline-block;\n}\n\n.top-post .post-badges .post-badge.badge-top {\n display: inline-block;\n}\n\na:visited .post-badges .post-badge.badge-new {\n display: none;\n color: $background-color;\n background-color: $background-color;\n}\n","$dark-background-color: #0e0e0e !default;\n$dark-text-color: #b0b0b0 !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: #505050;\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: #bbb;\n }\n\n .post-excerpt {\n color: $grey-color;\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 }\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 hr {\n background-color: #555;\n }\n }\n\n .post-related {\n & > *:first-child {\n color: #d7d7d7;\n }\n\n a:hover {\n color: #aaa;\n }\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 a .post-badges .post-badge {\n color: $dark-background-color !important;\n }\n\n a:visited .post-badges .post-badge.badge-new {\n display: none;\n background-color: $dark-background-color;\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 .names p {\n margin-bottom: 0;\n line-height: 24px;\n opacity: .5;\n }\n\n label .light {\n color: #868686;\n margin-left: -0.2em;\n }\n\n label .dark {\n color: #b9b9b9;\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 color: #ddd;\n }\n\n [type=\"checkbox\"]:checked ~ label .light {\n color: #ccc;\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 }\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, 30%)!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 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 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 transition: 0.3s;\n z-index: 10;\n\n @include media-query($on-laptop) {\n width: 48px;\n height: 48px;\n border-radius: 24px;\n right: 35px;\n font-size: 20px;\n }\n}\n\n.click-to-top.show {\n opacity: 1;\n transform: translateY(0);\n}\n\nhtml[data-theme=\"light\"] {\n .click-to-top {\n background-color: $click-to-top-light-background-color;\n color: $click-to-top-light-color;\n }\n}\n\nhtml[data-theme=\"dark\"] {\n .click-to-top {\n background-color: $click-to-top-dark-background-color;\n color: $click-to-top-dark-color;\n }\n}\n"],"file":"main.css"} \ No newline at end of file diff --git a/assets/images/banners/home.jpeg b/assets/images/banners/home.jpeg new file mode 100644 index 00000000000..3ead0fbd15c Binary files /dev/null and b/assets/images/banners/home.jpeg differ diff --git a/assets/images/default-image.jpeg b/assets/images/default-image.jpeg new file mode 100644 index 00000000000..f72d03596ac Binary files /dev/null and b/assets/images/default-image.jpeg differ diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 00000000000..0e5982aab4c --- /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/assets/videos/devstories.webm b/assets/videos/devstories.webm new file mode 100644 index 00000000000..84fff0ed802 Binary files /dev/null and b/assets/videos/devstories.webm differ diff --git a/categories.html b/categories.html new file mode 100644 index 00000000000..e578b38c603 --- /dev/null +++ b/categories.html @@ -0,0 +1,1161 @@ + + + + + + + + + +Categories | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + +
+ +
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + +
+ +
+ + +
+ +
+ +
+
+ + diff --git a/example/2017/12/04/plantuml-example.html b/example/2017/12/04/plantuml-example.html new file mode 100644 index 00000000000..d75ae875a00 --- /dev/null +++ b/example/2017/12/04/plantuml-example.html @@ -0,0 +1,1114 @@ + + + + + + + + + +Plantuml example | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + +
+ +
+ +
+
+
+
+ +
+
+ + + + + + + + + +
+

Plantuml example

+

+ + +
+
+ +
+ +

My First PlantUML

+ +

PlantUML Block-1

+

+ +

PlantUML Block-2

+

+ +

PlantUML Block-3

+

+ +

PlantUML Block-4

+ +

+ + +
+ +
+
+ +
+
+
Related Articles
+ +
+
+
+ + +
+ +
+ +
+
+ + diff --git a/example/2017/12/08/mermaid-example.html b/example/2017/12/08/mermaid-example.html new file mode 100644 index 00000000000..19e908530e1 --- /dev/null +++ b/example/2017/12/08/mermaid-example.html @@ -0,0 +1,1115 @@ + + + + + + + + + +Mermaid example | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + +
+ +
+ +
+
+
+
+ +
+
+ + + + + + + + + +
+

Mermaid example

+

+ + +
+
+ +
+ +

1. Pie chart

+ +

+ +

2. sequence diagram

+ +

+ +

+ +

3. Class diagram

+

+ +

4. State diagram

+

+ + +
+ +
+
+ +
+
+
Related Articles
+ +
+
+
+ + +
+ +
+ +
+
+ + diff --git a/example/2017/12/15/table-example.html b/example/2017/12/15/table-example.html new file mode 100644 index 00000000000..4cb673a9589 --- /dev/null +++ b/example/2017/12/15/table-example.html @@ -0,0 +1,1476 @@ + + + + + + + + + +Table example | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + +
+ +
+ +
+
+
+
+ +
+
+ + + + + + + + + +
+

Table example

+

+ + +
+
+ +
+ +

Table example as below

+ +

For now, these extended features are provided:

+ +
    +
  • Cells spanning multiple columns
  • +
  • Cells spanning multiple rows
  • +
  • Cells text align separately
  • +
  • Table header not required
  • +
  • Grouped table header rows or data rows
  • +
+ +

Rowspan and Colspan

+

^^ in a cell indicates it should be merged with the cell above.
+This feature is contributed by pmccloghrylaing.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
StageDirect ProductsATP Yields
Glycolysis +
+
2 ATP
2 NADH3–5 ATP
Pyruvaye oxidation2 NADH5 ATP
Citric acid cycle +

+
2 ATP
6 NADH15 ATP
2 FADH3 ATP
30–32 ATP
+ +

[ Net ATP yields per hexose]

+ +

Multiline

+

A backslash at end to join cell contents with the following lines.
+This feature is contributed by Lucas-C.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Easy Multiline
Apple +
+Apple +
+Apple
Banana +
+Banana +
+Banana
Orange +
+Orange +
+Orange
Apple +
+Apple
Banana +
+Banana
Orange +
+Orange
AppleBananaOrange
+ +

Headerless

+

Table header can be eliminated.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
 
  
      
      
       
       
 
  
+ +
|:     Fruits \|\| Food           :|||
+|:-------- |:-------- |:------------ |
+| Apple    |: Apple  :|    Apple     \
+| Banana   |  Banana  |    Banana    \
+| Orange   |  Orange  |    Orange    |
+|:   Rowspan is 5   :||:  How's it? :|
+|^^   A. Peach       ||^^ 1. Fine    |
+|^^   B. Orange      ||^^ 2. Bad  $I = \int \rho R^{2} dV$     |
+|^^   C. Banana      ||   It's OK! ![example image][my-image]  |
+
+ +

Text Alignment

+

Table cell can be set alignment separately.

+ + + + + + + + + + + + + + + + + + + + + +
:FruitsFood
AppleBananaOrange
AppleBananaOrange
+ + + + + + + + + + + + + + + + + + + + + +
 Fruits:
AppleBananaOrange
AppleBananaOrange
+ + + + + + + + + + + + + + + + + + + + + + + + +
:Fruits Food
AppleBananaOrange +
+
Strawberry
Apple & BananaPeach
+ + + + + + + + + + + + + + + + +
:Fruits Food
AppleBananaOrangeStrawberry
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Fruits || Food
Apple +
+Banana +
+Orange
Apple +
+Banana +
+Orange
Apple +
+Banana +
+Orange
Rowspan is 5 +
+A. Peach +
+B. Orange +
+C. Banana
How’s it? +
+
  • Fine +
    +
  • +
  • Bad $I = \int \rho R^{2} dV$
  • +
    It’s OK! example image +
    + + + +
    + +
    +
    + +
    +
    +
    Related Articles
    + +
    +
    +
    + + +
    + +
    + +
    +
    + + diff --git a/example/2017/12/18/video-example.html b/example/2017/12/18/video-example.html new file mode 100644 index 00000000000..ed190a3c529 --- /dev/null +++ b/example/2017/12/18/video-example.html @@ -0,0 +1,1132 @@ + + + + + + + + + +Video example | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + + + +
    + +
    + +
    +
    +
    +
    + +
    +
    + + + + + + + + + +
    +

    Video example

    +

    + + +
    +
    + +
    + +

    Canon in D (Pachelbel’s Canon) - Cello & Piano [BEST WEDDING VERSION]

    +

    Some of you know that we occasionally play for weddings. As you can imagine, we get a LOT of requests for Canon in D, and we discovered that there were no good arrangements available anywhere for piano and cello! Hard to believe given its popularity. So we decided to make our own! We tried to stick as closely to the original as possible (which was written for three violins and basso continuo), and we performed it not at a snail’s pace so the bride can actually make it down the aisle without putting everyone to sleep. 🙊(Yeah, we said it! Nobody likes a slow processional!) Also, the number one complaint about this piece from cellists is always how booooring it is to play because they literally have to play the same 8 bass notes over and over for the entire piece. Problem solved with this arrangement because the cello never has to play the bass! 🙌(The piano does, but we get lots of other fun stuff too so it’s ok!) So for all you musicians out there playing weddings, we hope you enjoy playing this arrangement a little more than the ones you were used to…You can get it from www.musicnotes.com. 😊Be sure to let us know in the comments if you do!

    + +

    + +

    GUCCI HALLUCINATION / THE LINE ANIMATION / GUCCI

    +

    BACKGROUND /

    + +

    Gucci share their creative vision through a series of surreal animated paintings by acclaimed artist Ignasi Monreal and The Line Animation studio. The animations make up part of a larger campaign shared via social media, above the line and print.

    + +

    APPROACH /

    + +

    Our aim was to ground and accentuate the outlandish scenarios with ambient sound design. Neither proclaiming to be positive or negative, the sound conveys a sense of the uncanny and leaves the audience with nothing but their own interpretations. their creative vision through a series of surreal animated paintings by acclaimed artist Ignasi Monreal and The Line Animation studio. The animations make up part of a larger campaign shared via social media, above the line and print.

    + +

    + +

    FINNEAS Demos How He Builds Songs For Billie Eilish

    +

    Grammy Award-winning musician and producer FINNEAS sits down with Pitchfork and closely examines his creative process while working on some of the biggest hit songs of the past couple years. FINNEAS explores the sounds that brought upon +some of his greatest musical breakthroughs in songs such as bad guy, bury a friend, ocean eyes, when the party’s over, I Lost a Friend, Used to This and much more.

    + +

    + +

    2019 BMW Vision M NEXT Concept (HD)

    + +

    In future, drivers will be able to choose whether they wish to be driven or do the driving themselves. With the BMW Vision M NEXT, the BMW Group is revealing its take on how driving pleasure might look in future. It offers a foretaste of the BMW M brand’s electrified future by placing the focus squarely on the actively engaged driver. Intelligent technologies provide comprehensive yet carefully targeted assistance to turn them into the ultimate driver.

    + +

    + +

    This is the poster image

    +

    In modern browsers, adding a video to your page is as easy as adding an image. No longer do you need to deal with special plug-ins or require crazy markup, you can do it with a single element. +

    + + + +
    + +
    +
    + +
    +
    +
    Related Articles
    + +
    +
    +
    + + +
    + +
    + +
    +
    + + diff --git a/feed.xml b/feed.xml new file mode 100644 index 00000000000..041b16ae391 --- /dev/null +++ b/feed.xml @@ -0,0 +1,842 @@ +Jekyll2024-04-09T05:57:58+00:00/jekyll-theme-yat/feed.xmlYour awesome titleWrite an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.GitHub UserAn exhibit of Markdown2018-12-05T00:00:00+00:002018-12-05T00:00:00+00:00/jekyll-theme-yat/markdown/2018/12/05/an-exhibit-of-markdownThis note demonstrates some of what Markdown is capable of doing.

    + +

    An exhibit of Markdown

    + +

    Note: Feel free to play with this page. Unlike regular notes, this doesn’t automatically save itself.

    + +

    Basic formatting

    + +

    Paragraphs can be written like so. A paragraph is the basic block of Markdown. A paragraph is what text will turn into when there is no reason it should become anything else.

    + +

    Paragraphs must be separated by a blank line. Basic formatting of italics and bold is supported. This can be nested like so.

    + +

    Lists

    + +

    Ordered list

    + +
      +
    1. Item 1
    2. +
    3. A second item
    4. +
    5. Number 3
    6. +
    7. +
    + +

    Note: the fourth item uses the Unicode character for Roman numeral four.

    + +

    Unordered list

    + +
      +
    • An item
    • +
    • Another item
    • +
    • Yet another item
    • +
    • And there’s more…
    • +
    + +

    Paragraph modifiers

    + +

    Code block

    + +
    Code blocks are very useful for developers and other people who look at code or other things that are written in plain text. As you can see, it uses a fixed-width font.
    +
    + +

    You can also make inline code to add code into other things.

    + +

    Quote

    + +
    +

    Here is a quote. What this is should be self explanatory. Quotes are automatically indented when they are used.

    +
    + +

    Headings

    + +

    There are six levels of headings. They correspond with the six levels of HTML headings. You’ve probably noticed them already in the page. Each level down uses one more hash character.

    + +

    Headings can also contain formatting

    + +

    They can even contain inline code

    + +

    Of course, demonstrating what headings look like messes up the structure of the page.

    + +

    I don’t recommend using more than three or four levels of headings here, because, when you’re smallest heading isn’t too small, and you’re largest heading isn’t too big, and you want each size up to look noticeably larger and more important, there there are only so many sizes that you can use.

    + +

    URLs

    + +

    URLs can be made in a handful of ways:

    + + + +

    Horizontal rule

    + +

    A horizontal rule is a line that goes across the middle of the page.

    + +
    + +

    It’s sometimes handy for breaking things up.

    + +

    Images

    + +

    Markdown can also contain images. I’ll need to add something here sometime.

    + +

    Finally

    + +

    There’s actually a lot more to Markdown than this. See the official introduction and syntax for more information. However, be aware that this is not using the official implementation, and this might work subtly differently in some of the little things.

    ]]>
    GitHub User
    Mathjax Test2018-05-26T00:00:00+00:002018-05-26T00:00:00+00:00/jekyll-theme-yat/markdown/2018/05/26/mathjax-test +
  • A safe integer is an integer that +
      +
    • can be exactly represented as an IEEE-754 double precision number, and
    • +
    • whose IEEE-75 representation cannot be the result of rounding any other integer to fit the IEEE-754 representation
    • +
    +
  • +
  • For example, $ 2 ^ {53} - 1 $ is a safe integer, +
      +
    • it can be exactly represented
    • +
    +
  • +]]>
    GitHub User
    Video example2017-12-18T00:00:00+00:002017-12-18T00:00:00+00:00/jekyll-theme-yat/example/2017/12/18/video-exampleCanon in D (Pachelbel’s Canon) - Cello & Piano [BEST WEDDING VERSION] +

    Some of you know that we occasionally play for weddings. As you can imagine, we get a LOT of requests for Canon in D, and we discovered that there were no good arrangements available anywhere for piano and cello! Hard to believe given its popularity. So we decided to make our own! We tried to stick as closely to the original as possible (which was written for three violins and basso continuo), and we performed it not at a snail’s pace so the bride can actually make it down the aisle without putting everyone to sleep. 🙊(Yeah, we said it! Nobody likes a slow processional!) Also, the number one complaint about this piece from cellists is always how booooring it is to play because they literally have to play the same 8 bass notes over and over for the entire piece. Problem solved with this arrangement because the cello never has to play the bass! 🙌(The piano does, but we get lots of other fun stuff too so it’s ok!) So for all you musicians out there playing weddings, we hope you enjoy playing this arrangement a little more than the ones you were used to…You can get it from www.musicnotes.com. 😊Be sure to let us know in the comments if you do!

    + +

    + +

    GUCCI HALLUCINATION / THE LINE ANIMATION / GUCCI

    +

    BACKGROUND /

    + +

    Gucci share their creative vision through a series of surreal animated paintings by acclaimed artist Ignasi Monreal and The Line Animation studio. The animations make up part of a larger campaign shared via social media, above the line and print.

    + +

    APPROACH /

    + +

    Our aim was to ground and accentuate the outlandish scenarios with ambient sound design. Neither proclaiming to be positive or negative, the sound conveys a sense of the uncanny and leaves the audience with nothing but their own interpretations. their creative vision through a series of surreal animated paintings by acclaimed artist Ignasi Monreal and The Line Animation studio. The animations make up part of a larger campaign shared via social media, above the line and print.

    + +

    + +

    FINNEAS Demos How He Builds Songs For Billie Eilish

    +

    Grammy Award-winning musician and producer FINNEAS sits down with Pitchfork and closely examines his creative process while working on some of the biggest hit songs of the past couple years. FINNEAS explores the sounds that brought upon +some of his greatest musical breakthroughs in songs such as bad guy, bury a friend, ocean eyes, when the party’s over, I Lost a Friend, Used to This and much more.

    + +

    + +

    2019 BMW Vision M NEXT Concept (HD)

    + +

    In future, drivers will be able to choose whether they wish to be driven or do the driving themselves. With the BMW Vision M NEXT, the BMW Group is revealing its take on how driving pleasure might look in future. It offers a foretaste of the BMW M brand’s electrified future by placing the focus squarely on the actively engaged driver. Intelligent technologies provide comprehensive yet carefully targeted assistance to turn them into the ultimate driver.

    + +

    + +

    This is the poster image

    +

    In modern browsers, adding a video to your page is as easy as adding an image. No longer do you need to deal with special plug-ins or require crazy markup, you can do it with a single element. +video

    ]]>
    GitHub User
    Table example2017-12-15T00:00:00+00:002017-12-15T00:00:00+00:00/jekyll-theme-yat/example/2017/12/15/table-exampleTable example as below + +

    For now, these extended features are provided:

    + +
      +
    • Cells spanning multiple columns
    • +
    • Cells spanning multiple rows
    • +
    • Cells text align separately
    • +
    • Table header not required
    • +
    • Grouped table header rows or data rows
    • +
    + +

    Rowspan and Colspan

    +

    ^^ in a cell indicates it should be merged with the cell above.
    +This feature is contributed by pmccloghrylaing.

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    StageDirect ProductsATP Yields
    Glycolysis2 ATP | 
    ^^2 NADH3–5 ATP
    Pyruvaye oxidation2 NADH5 ATP
    Citric acid cycle2 ATP | 
    ^^6 NADH15 ATP
    ^^2 FADH3 ATP
    30–32 ATP ||  
    + +

    [ Net ATP yields per hexose]

    + +

    Multiline

    +

    A backslash at end to join cell contents with the following lines.
    +This feature is contributed by Lucas-C.

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    : Easy Multiline :||  
    AppleBananaOrange \
    AppleBananaOrange \
    AppleBananaOrange
    AppleBananaOrange \
    AppleBananaOrange
    AppleBananaOrange
    + +

    Headerless

    +

    Table header can be eliminated.

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
     
      
          
          
           
           
     
      
    + +
    |:     Fruits \|\| Food           :|||
    +|:-------- |:-------- |:------------ |
    +| Apple    |: Apple  :|    Apple     \
    +| Banana   |  Banana  |    Banana    \
    +| Orange   |  Orange  |    Orange    |
    +|:   Rowspan is 5   :||:  How's it? :|
    +|^^   A. Peach       ||^^ 1. Fine    |
    +|^^   B. Orange      ||^^ 2. Bad  $I = \int \rho R^{2} dV$     |
    +|^^   C. Banana      ||   It's OK! ![example image][my-image]  |
    +
    + +

    Text Alignment

    +

    Table cell can be set alignment separately.

    + + + + + + + + + + + + + + + + + + + + + +
    \:Fruits |Food : 
    AppleBananaOrange
    AppleBananaOrange
    + + + + + + + + + + + + + + + + + + + + + +
     Fruits\:: | 
    AppleBananaOrange
    AppleBananaOrange
    + + + + + + + + + + + + + + + + + + + + + + + + +
    : \:Fruits :| : Food :| 
    AppleBananaOrange: Strawberry :
    Apple & Banana |^^Peach :| 
    + + + + + + + + + + + + + + + + +
    : \:Fruits :| : Food :| 
    AppleBananaOrange: Strawberry :
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    : Fruits || Food :||  
    Apple: Apple :Apple \
    BananaBananaBanana \
    OrangeOrangeOrange
    : Rowspan is 5 :|: How’s it? : 
    ^^ A. Peach |^^ 1. Fine 
    ^^ B. Orange |^^ 2. Bad $I = \int \rho R^{2} dV$ 
    ^^ C. Banana |It’s OK! ![example image](http://www.unexpected-vortices.com/sw/rippledoc/example-image.jpg "An exemplary image") 
    ]]>
    GitHub User
    Mermaid example2017-12-08T00:00:00+00:002017-12-08T00:00:00+00:00/jekyll-theme-yat/example/2017/12/08/mermaid-example1. Pie chart + +

    + +

    2. sequence diagram

    + +

    + +

    + +

    3. Class diagram

    +

    + +

    4. State diagram

    +

    ]]>
    GitHub User
    Plantuml example2017-12-04T00:00:00+00:002017-12-04T00:00:00+00:00/jekyll-theme-yat/example/2017/12/04/plantuml-exampleMy First PlantUML + +

    PlantUML Block-1

    +

    + +

    PlantUML Block-2

    +

    + +

    PlantUML Block-3

    +

    + +

    PlantUML Block-4

    + +

    ]]>
    GitHub User
    Quick markdown example2017-06-10T00:00:00+00:002017-06-10T00:00:00+00:00/jekyll-theme-yat/markdown/2017/06/10/quick-mardown-examplebanner

    + +

    Paragraphs are separated by a blank line.

    + +

    2nd paragraph. Italic, bold, and monospace. Itemized lists +look like:

    + +
      +
    • this one
    • +
    • that one
    • +
    • the other one
    • +
    + +

    Note that — not considering the asterisk — the actual text +content starts at 4-columns in.

    + +
    +

    Block quotes are +written like so.

    + +

    They can span multiple paragraphs, +if you like.

    +
    + +

    Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., “it’s all +in chapters 12–14”). Three dots … will be converted to an ellipsis. +Unicode is supported. ☺

    + +

    An h2 header

    + +

    Here’s a numbered list:

    + +
      +
    1. first item
    2. +
    3. second item
    4. +
    5. third item
    6. +
    + +

    Note again how the actual text starts at 4 columns in (4 characters +from the left side). Here’s a code sample:

    + +
    # Let me re-iterate ...
    +for i in 1 .. 10 { do-something(i) }
    +
    + +

    As you probably guessed, indented 4 spaces. By the way, instead of +indenting the block, you can use delimited blocks, if you like:

    + +
    define foobar() {
    +    print "Welcome to flavor country!";
    +}
    +
    + +

    (which makes copying & pasting easier). You can optionally mark the +delimited block for Pandoc to syntax highlight it:

    + +
    import time
    +# Quick, count to ten!
    +for i in range(10):
    +    # (but not *too* quick)
    +    time.sleep(0.5)
    +    print(i)
    +
    + +

    An h3 header

    + +

    Now a nested list:

    + +
      +
    1. +

      First, get these ingredients:

      + +
        +
      • carrots
      • +
      • celery
      • +
      • lentils
      • +
      +
    2. +
    3. +

      Boil some water.

      +
    4. +
    5. +

      Dump everything in the pot and follow +this algorithm:

      + +
      find wooden spoon
      +uncover pot
      +stir
      +cover pot
      +balance wooden spoon precariously on pot handle
      +wait 10 minutes
      +goto first step (or shut off burner when done)
      +
      + +

      Do not bump wooden spoon or it will fall.

      +
    6. +
    + +

    Notice again how text always lines up on 4-space indents (including +that last line which continues item 3 above).

    + +

    Here’s a link to a website, to a local +doc, and to a section heading in the current +doc. Here’s a footnote 1.

    + +

    Tables can look like this:

    + +

    Name Size Material Color +————- —– ———— ———— +All Business 9 leather brown +Roundabout 10 hemp canvas natural +Cinderella 11 glass transparent

    + +

    Table: Shoes sizes, materials, and colors.

    + +

    (The above is the caption for the table.) Pandoc also supports +multi-line tables:

    + +
    +

    Keyword Text +——– ———————– +red Sunsets, apples, and + other red or reddish + things.

    + +

    green Leaves, grass, frogs + and other things it’s + not easy being. +——– ———————–

    + +

    A horizontal rule follows.

    + +
    + +

    Here’s a definition list:

    + +
    +
    apples
    +
    Good for making applesauce.
    +
    oranges
    +
    Citrus!
    +
    tomatoes
    +
    There’s no “e” in tomatoe.
    +
    + +

    Again, text is indented 4 spaces. (Put a blank line between each +term and its definition to spread things out more.)

    + +

    Here’s a “line block” (note how whitespace is honored):

    + + + + + + + + + + + + + +
    Line one
    Line too
    Line tree
    + +

    and images can be specified like so:

    + +

    example image

    + +

    Inline math equation: $\omega = d\phi / dt$. Display +math should get its own line like so:

    + +

    $$I = \int \rho R^{2} dV$$

    + +

    And note that you can backslash-escape any punctuation characters +which you wish to be displayed literally, ex.: `foo`, *bar*, etc.

    +
    +
      +
    1. +

      Some footnote text. 

      +
    2. +
    +
    ]]>
    GitHub User
    This post demonstrates post content styles2017-05-20T00:00:00+00:002017-05-20T00:00:00+00:00/jekyll-theme-yat/junk/2017/05/20/this-post-demonstrates-post-content-stylesLorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.

    + +

    Some great heading (h2)

    + +

    Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu.

    + +

    Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

    + +

    Another great heading (h2)

    + +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.

    + +

    Some great subheading (h3)

    + +

    Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum.

    + +

    Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc.

    + +

    Some great subheading (h3)

    + +

    Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

    + +
    +

    This quote will change your life. It will reveal the secrets of the universe, and all the wonders of humanity. Don’t misuse it.

    +
    + +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt.

    + +

    Some great subheading (h3)

    + +

    Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum.

    + +
    <html>
    +  <head> </head>
    +  <body>
    +    <p>Hello, World!</p>
    +  </body>
    +</html>
    +
    + +

    In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.

    + +

    You might want a sub-subheading (h4)

    + +

    In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.

    + +

    In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.

    + +

    But it’s probably overkill (h4)

    + +

    In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.

    + +

    Oh hai, an unordered list!!

    + +

    In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.

    + +
      +
    • First item, yo
    • +
    • Second item, dawg
    • +
    • Third item, what what?!
    • +
    • Fourth item, fo sheezy my neezy
    • +
    + +

    Oh hai, an ordered list!!

    + +

    In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.

    + +
      +
    1. First item, yo
    2. +
    3. Second item, dawg
    4. +
    5. Third item, what what?!
    6. +
    7. Fourth item, fo sheezy my neezy
    8. +
    + +

    Headings are cool! (h2)

    + +

    Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

    + +

    Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

    + +

    Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc.

    + +

    Tables

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Title 1Title 2Title 3Title 4
    loremlorem ipsumlorem ipsum dolorlorem ipsum dolor sit
    lorem ipsum dolor sitlorem ipsum dolor sitlorem ipsum dolor sitlorem ipsum dolor sit
    lorem ipsum dolor sitlorem ipsum dolor sitlorem ipsum dolor sitlorem ipsum dolor sit
    lorem ipsum dolor sitlorem ipsum dolor sitlorem ipsum dolor sitlorem ipsum dolor sit
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Title 1Title 2Title 3Title 4
    loremlorem ipsumlorem ipsum dolorlorem ipsum dolor sit
    lorem ipsum dolor sit ametlorem ipsum dolor sit amet consecteturlorem ipsum dolor sit ametlorem ipsum dolor sit
    lorem ipsum dolorlorem ipsumloremlorem ipsum
    lorem ipsum dolorlorem ipsum dolor sitlorem ipsum dolor sit ametlorem ipsum dolor sit amet consectetur
    ]]>
    Bart Simpson
    My Example Post2016-08-12T00:00:00+00:002016-08-12T00:00:00+00:00/jekyll-theme-yat/junk/2016/08/12/my-example-postEos eu docendi tractatos sapientem, brute option menandri in vix, quando vivendo accommodare te ius. Nec melius fastidii constituam id, viderer theophrastus ad sit, hinc semper periculis cum id. Noluisse postulant assentior est in, no choro sadipscing repudiandae vix. Vis in euismod delenit dignissim. Ex quod nostrum sit, suas decore animal id ius, nobis solet detracto quo te.

    + +

    No laudem altera adolescens has, volumus lucilius eum no. Eam ei nulla audiam efficiantur. Suas affert per no, ei tale nibh sea. Sea ne magna harum, in denique scriptorem sea, cetero alienum tibique ei eos. Labores persequeris referrentur eos ei.

    ]]>
    GitHub User
    Some articles are just so long they deserve a really long title to see if things will break well2016-05-20T00:00:00+00:002016-05-20T00:00:00+00:00/jekyll-theme-yat/misc/2016/05/20/super-long-articleLorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

    + +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

    + +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

    ]]>
    GitHub User
    \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 00000000000..597af261105 --- /dev/null +++ b/index.html @@ -0,0 +1,2476 @@ + + + + + + + + + +Home | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    + +
    +
    +
    +

    + Your awesome heading +

    +

    + Your awesome subheading +

    +
    +
    +
    +
    + + +
    + + + + + +
    + +
    + +
    +
    +
    +
    + +
    + + + + + + + + + + + +
    + + +
    + +
    + +
    +
    + + diff --git a/jekyll-theme-yat.gemspec b/jekyll-theme-yat.gemspec new file mode 100644 index 00000000000..c7b6e32c5a0 --- /dev/null +++ b/jekyll-theme-yat.gemspec @@ -0,0 +1,28 @@ +# frozen_string_literal: true + +Gem::Specification.new do |spec| + spec.name = "jekyll-theme-yat" + spec.version = "1.10.0" + spec.authors = ["jeffreytse"] + spec.email = ["hello@jeffreytse.net"] + + spec.summary = "Yet another theme for elegant writers with modern flat style and beautiful night/dark mode." + spec.homepage = "https://github.com/jeffreytse/jekyll-theme-yat" + spec.license = "MIT" + + spec.metadata["plugin_type"] = "theme" + + spec.files = `git ls-files -z`.split("\x0").select do |f| + f.match(%r!^(assets|_data|_layouts|_includes|_sass|LICENSE|README)!i) + end + + spec.add_development_dependency "bundler", ">= 1.6", "< 3.0" + spec.add_development_dependency "rake", ">= 12.0", "< 13.0" + + spec.add_runtime_dependency "jekyll", "> 3.5", "< 5.0" + spec.add_runtime_dependency "jekyll-feed", "~> 0.9" + spec.add_runtime_dependency "jekyll-seo-tag", "~> 2.1" + spec.add_runtime_dependency "jekyll-sitemap", "~> 1.3" + spec.add_runtime_dependency "jekyll-paginate", "~> 1.1" + spec.add_runtime_dependency "jekyll-spaceship", "~> 0.2" +end diff --git a/jekyll/2015/01/01/welcome-to-jekyll.html b/jekyll/2015/01/01/welcome-to-jekyll.html new file mode 100644 index 00000000000..0503fab7c86 --- /dev/null +++ b/jekyll/2015/01/01/welcome-to-jekyll.html @@ -0,0 +1,1109 @@ + + + + + + + + + +Welcome to Jekyll! | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + + +
    +
    +
    +
    +

    Welcome to Jekyll!

    +

    A awesome static site generator.

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

    You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.

    + +

    To add new posts, simply add a file in the _posts directory that follows the convention YYYY-MM-DD-name-of-post.ext and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.

    + +

    section 1

    + +

    Jekyll also offers powerful support for code snippets:

    + +
    def print_hi(name)
    +puts "Hi, #{name}"
    +end
    +print_hi('Tom')
    +#=> prints 'Hi, Tom' to STDOUT.
    + +

    section 2

    + +

    Check out the Jekyll docs for more info on how to get the most out of Jekyll. File all bugs/feature requests at Jekyll’s GitHub repo. If you have questions, you can ask them on Jekyll Talk.

    + +

    $ a * b = c ^ b $

    + +

    $ 2^{\frac{n-1}{3}} $

    + +

    $ \int_a^b f(x)\,dx. $

    + +
    #include <iostream>
    +using namespace std;
    +
    +int main() {
    +  cout << "Hello World!";
    +  return 0;
    +}
    +// prints 'Hi, Tom' to STDOUT.
    +
    + +
    class Person:
    +  def __init__(self, name, age):
    +    self.name = name
    +    self.age = age
    +
    +p1 = Person("John", 36)
    +
    +print(p1.name)
    +print(p1.age)
    +
    + + +
    + +
    +
    + +
    +
    +
    Related Articles
    + +
    +
    +
    + + +
    + +
    + +
    +
    + + diff --git a/junk/2016/08/12/my-example-post.html b/junk/2016/08/12/my-example-post.html new file mode 100644 index 00000000000..69464408429 --- /dev/null +++ b/junk/2016/08/12/my-example-post.html @@ -0,0 +1,1102 @@ + + + + + + + + + +My Example Post | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + + + +
    + +
    + +
    +
    +
    +
    + +
    +
    + + + + + + + + + +
    +

    My Example Post

    +

    + +
    +
    + +
    + +

    Eos eu docendi tractatos sapientem, brute option menandri in vix, quando vivendo accommodare te ius. Nec melius fastidii constituam id, viderer theophrastus ad sit, hinc semper periculis cum id. Noluisse postulant assentior est in, no choro sadipscing repudiandae vix. Vis in euismod delenit dignissim. Ex quod nostrum sit, suas decore animal id ius, nobis solet detracto quo te.

    + +

    No laudem altera adolescens has, volumus lucilius eum no. Eam ei nulla audiam efficiantur. Suas affert per no, ei tale nibh sea. Sea ne magna harum, in denique scriptorem sea, cetero alienum tibique ei eos. Labores persequeris referrentur eos ei.

    + + +
    + +
    +
    + +
    +
    +
    Related Articles
    + +
    +
    +
    + + +
    + +
    + +
    +
    + + diff --git a/junk/2017/05/20/this-post-demonstrates-post-content-styles.html b/junk/2017/05/20/this-post-demonstrates-post-content-styles.html new file mode 100644 index 00000000000..81fc01e5f1b --- /dev/null +++ b/junk/2017/05/20/this-post-demonstrates-post-content-styles.html @@ -0,0 +1,1256 @@ + + + + + + + + + +This post demonstrates post content styles | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + + + +
    + +
    + +
    +
    +
    +
    + +
    +
    + + + + + + + + + +
    +

    This post demonstrates post content styles

    +

    + +
    +
    + +
    + +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.

    + +

    Some great heading (h2)

    + +

    Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu.

    + +

    Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

    + +

    Another great heading (h2)

    + +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.

    + +

    Some great subheading (h3)

    + +

    Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum.

    + +

    Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc.

    + +

    Some great subheading (h3)

    + +

    Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

    + +
    +

    This quote will change your life. It will reveal the secrets of the universe, and all the wonders of humanity. Don’t misuse it.

    +
    + +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt.

    + +

    Some great subheading (h3)

    + +

    Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum.

    + +
    <html>
    +  <head> </head>
    +  <body>
    +    <p>Hello, World!</p>
    +  </body>
    +</html>
    +
    + +

    In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.

    + +

    You might want a sub-subheading (h4)

    + +

    In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.

    + +

    In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.

    + +

    But it’s probably overkill (h4)

    + +

    In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.

    + +

    Oh hai, an unordered list!!

    + +

    In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.

    + +
      +
    • First item, yo
    • +
    • Second item, dawg
    • +
    • Third item, what what?!
    • +
    • Fourth item, fo sheezy my neezy
    • +
    + +

    Oh hai, an ordered list!!

    + +

    In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.

    + +
      +
    1. First item, yo
    2. +
    3. Second item, dawg
    4. +
    5. Third item, what what?!
    6. +
    7. Fourth item, fo sheezy my neezy
    8. +
    + +

    Headings are cool! (h2)

    + +

    Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

    + +

    Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

    + +

    Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc.

    + +

    Tables

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Title 1Title 2Title 3Title 4
    loremlorem ipsumlorem ipsum dolorlorem ipsum dolor sit
    lorem ipsum dolor sitlorem ipsum dolor sitlorem ipsum dolor sitlorem ipsum dolor sit
    lorem ipsum dolor sitlorem ipsum dolor sitlorem ipsum dolor sitlorem ipsum dolor sit
    lorem ipsum dolor sitlorem ipsum dolor sitlorem ipsum dolor sitlorem ipsum dolor sit
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Title 1Title 2Title 3Title 4
    loremlorem ipsumlorem ipsum dolorlorem ipsum dolor sit
    lorem ipsum dolor sit ametlorem ipsum dolor sit amet consecteturlorem ipsum dolor sit ametlorem ipsum dolor sit
    lorem ipsum dolorlorem ipsumloremlorem ipsum
    lorem ipsum dolorlorem ipsum dolor sitlorem ipsum dolor sit ametlorem ipsum dolor sit amet consectetur
    + + +
    + +
    +
    + +
    +
    +
    Related Articles
    + +
    +
    +
    + + +
    + +
    + +
    +
    + + diff --git a/markdown/2015/02/28/test-markdown.html b/markdown/2015/02/28/test-markdown.html new file mode 100644 index 00000000000..267540e7076 --- /dev/null +++ b/markdown/2015/02/28/test-markdown.html @@ -0,0 +1,1197 @@ + + + + + + + + + +Test markdown | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + + + +
    + +
    + +
    +
    +
    +
    + +
    +
    + + + + + + + + + +
    +

    Test markdown

    +

    Each post also has a subtitle

    + + +
    +
    + +
    + +

    You can write regular markdown here and Jekyll will automatically convert it to a nice webpage. I strongly encourage you to take 5 minutes to learn how to write in markdown - it’ll teach you how to transform regular text into bold/italics/headings/tables/etc.

    + +

    Here is some bold text

    + +

    Here is a secondary heading

    + +

    Here’s a useless table:

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NumberNext numberPrevious number
    FiveSixFour
    TenElevenNine
    SevenEightSix
    TwoThreeOne
    + +

    How about a yummy crepe?

    + +

    Crepe

    + +

    It can also be centered!

    + +

    Crepe

    + +

    Here’s a code chunk:

    + +
    var foo = function(x) {
    +  return(x + 5);
    +}
    +foo(3)
    +
    + +

    And here is the same code with syntax highlighting:

    + +
    var foo = function(x) {
    +  return(x + 5);
    +}
    +foo(3)
    +
    + +

    And here is the same code yet again but with line numbers:

    + +
    
    +
    +
    +
    1
    +2
    +3
    +4
    +
    var foo = function(x) {
    +  return(x + 5);
    +}
    +foo(3)
    +
    + +

    Boxes

    +

    You can add notification, warning and error boxes like this:

    + +

    Notification

    + +

    Note: This is a notification box.

    + +

    Warning

    + +

    Warning: This is a warning box.

    + +

    Error

    + +

    Error: This is an error box.

    + +

    Emoji

    + +

    This single quote code inetmessage:to will not be parsed to emoji icon.

    + + +
    + +
    +
    + +
    +
    +
    Related Articles
    + +
    +
    +
    + + +
    + +
    + +
    +
    + + diff --git a/markdown/2016/01/01/another-test-markdown.html b/markdown/2016/01/01/another-test-markdown.html new file mode 100644 index 00000000000..2c014d1e21c --- /dev/null +++ b/markdown/2016/01/01/another-test-markdown.html @@ -0,0 +1,1774 @@ + + + + + + + + + +Another test markdown | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + + + +
    + +
    + +
    +
    +
    +
    + +
    +
    + + + + + + + + + +
    +

    Another test markdown

    +

    Each post also has a subtitle

    + + +
    +
    + +
    + +

    Put the math expression within $…$:

    + +

    \(\LaTeX{}\)

    + +

    $\Pi$

    + +

    $ a * b = c ^ b $

    + +

    $ 2^{\frac{n-1}{3}} $

    + +

    $ \int_a^b f(x)\,dx. $

    + +

    \( \int_a^b f(x)\,dx. \)

    + +

    $$ +\begin{cases} +\text{if true}\ foo
    +\text{if false}\ bar +\end{cases} +$$

    + + + + + + + + + +
    $ \rho {\rm{FOD}} = \sum\limits{\sigma ,i} {(\delta _1 - \delta _2 n_i^\sigma )\phi _i^\sigma ({\bf{r}})^2} $
    + + + + + + + + + +
    $$ \rho {\rm{FOD}} = \sum\limits{\sigma ,i} {(\delta _1 - \delta _2 n_i^\sigma )\phi _i^\sigma ({\bf{r}})^2} $$
    + +

    Here is a liquid filter.

    + +

    `escape inline code`
    +inline code
    +Here is a capture block.

    + +

    100 / 3 = 33

    + +

    + +

    ⁣1. 21312
    +⁣2. 21312
    +⁣4. 4214

    + +
    
    +
    +
    +
    1
    +2
    +3
    +4
    +5
    +6
    +7
    +8
    +9
    +10
    +11
    +12
    +13
    +14
    +15
    +16
    +17
    +18
    +19
    +20
    +21
    +22
    +23
    +24
    +25
    +26
    +27
    +28
    +29
    +30
    +31
    +32
    +33
    +34
    +35
    +36
    +37
    +38
    +
    import networkx as nx
    +from collections import Counter
    +
    +diagrams = defaultdict(list)
    +particle_counts = defaultdict(Counter)
    +
    +for (a, b), neighbors in common_neighbors.items():
    +    # Build up the graph of connections between the
    +    # common neighbors of a and b.
    +    g = nx.Graph()
    +    for i in neighbors:
    +        for j in set(nl.point_indices[
    +            nl.query_point_indices == i]).intersection(neighbors):
    +            g.add_edge(i, j)
    +
    +    # Define the identifiers for a CNA diagram:
    +    # The first integer is 1 if the particles are bonded, otherwise 2
    +    # The second integer is the number of shared neighbors
    +    # The third integer is the number of bonds among shared neighbors
    +    # The fourth integer is an index, just to ensure uniqueness of diagrams
    +    diagram_type = 2-int(b in nl.point_indices[nl.query_point_indices == a])
    +    key = (diagram_type, len(neighbors), g.number_of_edges())
    +    # If we've seen any neighborhood graphs with this signature,
    +    # we explicitly check if the two graphs are identical to
    +    # determine whether to save this one. Otherwise, we add
    +    # the new graph immediately.
    +    if key in diagrams:
    +        isomorphs = [nx.is_isomorphic(g, h) for h in diagrams[key]]
    +        if any(isomorphs):
    +            idx = isomorphs.index(True)
    +        else:
    +            diagrams[key].append(g)
    +            idx = diagrams[key].index(g)
    +    else:
    +        diagrams[key].append(g)
    +        idx = diagrams[key].index(g)
    +    cna_signature = key + (idx,)
    +    particle_counts[a].update([cna_signature])
    +
    + +
    void insert(const char* key) {
    +    if (*key == '\0') {
    +        finish = true;
    +    } else {
    +        int idx = *key - 'A';
    +        if (!next[idx])
    +            next[idx] = new Trie();
    +        next[idx]->insert(key + 1);
    +    }
    +}
    +
    + +
    p ":+1:"
    +
    + +
    +        'user_exists' => 'SELECT EXISTS(SELECT 1 FROM table WHERE username = (:username || \'@sample'))',
    ++        'get_users' => 'SELECT split_part(username, \'@\', 1) FROM table WHERE (username ILIKE :search) OR (name ILIKE :search)',
    ++        'get_password_hash_for_user' => 'SELECT split_part(password, \'{CRYPT}\', 2) FROM table WHERE username = (:username || \'@sample\')',
    ++        'set_password_hash_for_user' => 'UPDATE table SET password =  \'{CRYPT}\' || :new_password_hash WHERE username = (:username || \'@sample\')',
    +
    + +

    Reload the Nginx:

    + +
    $ sudo nginx -s reload
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +Method
    +
    +\(\lambda^a\)
    \[O_3 + C_2H_2 \rightarrow\] +\[O_3 + C_2H_4 \rightarrow\] + +
    +MAE
    vdWTScycloadd.vdWTScycloadd.
    \(\lambda\)-tPBE0.20-0.407.69-68.00-1.864.87-57.571.29
    MC1H-PBE \(^b\)0.25-1.083.66-70.97-1.250.13-61.263.35
    Reference values \(^c\)———-1.907.74-63.80-1.943.37-57.15———
    \(^a\) The optimal mixing parameter.\(~\) \(^b\) From Ref. .\(~\) \(^c\) Best estimates from Ref. . 
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    1234567
    spancell1 +
    +spancell1
    spancell2cellspancell3
    spancell2cellspancell3
    + + + + + + + + + + + + + + + + + + + + +
    (0,0)(0,1)(0,2) +
    +
    (0,3) 
    (1,0)(1,3) 
    + + + + + + + + + + + + + + + + + + +
    (0,0)(0,1)(0,2)(0,3) 
    (1,0)(1,3)
    + + + + + + + + + + + + + + + + + + +
    (0,0)(0,1)(0,2)(0,3) +
    +
     
    (1,0) 
    + + + + + + + + + + + + +
    (0,0) +
    +(1,0)
    (0,1) +
    +
    (0,2) +
    (0,3) +

    +
    + +

    Table

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    StageDirect ProductsATP Yields
    Glycolysis +
    +
    2 ATP
    2 NADH3–5 ATP
    Pyruvaye oxidation2 NADH5 ATP
    Citric acid cycle +

    +
    2 ATP
    6 NADH15 ATP
    2 FADH3 ATP
    30–32 ATP
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Here’s a Inline Attribute Lists example
    +

    +IALs +

    +
    +
    < Normal HTML Block >
    +
    Red
    Green
    Blue
    Black
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    HeadingColumn 1Column 2
    Row 1Apple1(Footnote)Youtube (Home)
    Row 2BananaGithub
    Row 3 (merged) +
    +
    Blueberry +Google ***** Github +
    PlumRaspberry example +
    Row 4 +
    +
    +https://www.google.com +
    +https://www.youtube.com +
    test
     
    Row 5https://www.google.com
    + +

    https://www.google.com

    + +

    Not in table: <Mail Gateway>

    + +

    In table:

    + + + + + + + + + + + + + + +
    Decision PointDesign Decision
    Authoritative DNS MX Record<Mail Gateway>
    + +

    9 * 9

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    1 * 1 = 1   
    1 * 2 = 22 * 2 = 4  
    1 * 3 = 32 * 3 = 63 * 3 = 9 
    1 * 3 = 32 * 3 = 63 * 4 = 124 * 4 = 16
    + +

    Emoji

    +

    + +

    Mathjax

    + +

    $\LaTeX{}$

    + +

    PlantUML

    + +

    + +

    Mermaid

    + +

    + +

    Video

    + +

    + +

    + +

    + +

    [video link]

    + +

    Audio

    + +

    HTML5 Audio Formats Test

    + +

    Opus Audio (“.opus”):

    + +

    + +

    “MP3” file (“.mp3”) :

    + +

    + +

    WebM Audio (“.weba”):

    + +

    + +

    WebMv2 Audio (“.webm”):

    + +

    + +

    Ogg Vorbis (“.ogg”) :

    + +

    + +

    “wave” file(“.wav”) :

    + +

    + +

    FLAC file (“.flac”) :

    + +

    + +

    CAF file (“.caf”) :

    + +

    + +

    Spotify Podcast:

    + +

    + + + +

    Local video file (“.webm”):

    + +

    + +

    Video with custom thumbnail:

    + +

    w:1100

    + +

    Tips:

    +
      +
    • Use pipes (|) to delineate columns, and dashes to delineate the header row from the rest of the table.
    • +
    • Spacing doesn’t matter to the markdown processor, any extra white space is removed, but it can really help with readability. +The two markdown examples below both create this table.
    • +
    + + + + + + + + +
    Use pipes ( + +) to delineate columns, and dashes to delineate the header row from the rest of the table.
    + +
    +
      +
    1. +

      Footnote 

      +
    2. +
    +
    + + +
    + +
    +
    + +
    +
    +
    Related Articles
    + +
    +
    +
    + + +
    + +
    + +
    +
    + + diff --git a/markdown/2017/06/10/quick-mardown-example.html b/markdown/2017/06/10/quick-mardown-example.html new file mode 100644 index 00000000000..0e6855e2dd0 --- /dev/null +++ b/markdown/2017/06/10/quick-mardown-example.html @@ -0,0 +1,1284 @@ + + + + + + + + + +Quick markdown example | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + + + +
    + +
    + +
    +
    +
    +
    + +
    +
    + + + + + + + + + +
    +

    Quick markdown example

    +

    This is a quick markdown example

    + + +
    +
    + +
    + +

    banner

    + +

    Paragraphs are separated by a blank line.

    + +

    2nd paragraph. Italic, bold, and monospace. Itemized lists +look like:

    + +
      +
    • this one
    • +
    • that one
    • +
    • the other one
    • +
    + +

    Note that — not considering the asterisk — the actual text +content starts at 4-columns in.

    + +
    +

    Block quotes are +written like so.

    + +

    They can span multiple paragraphs, +if you like.

    +
    + +

    Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., “it’s all +in chapters 12–14”). Three dots … will be converted to an ellipsis. +Unicode is supported. ☺

    + +

    An h2 header

    + +

    Here’s a numbered list:

    + +
      +
    1. first item
    2. +
    3. second item
    4. +
    5. third item
    6. +
    + +

    Note again how the actual text starts at 4 columns in (4 characters +from the left side). Here’s a code sample:

    + +
    # Let me re-iterate ...
    +for i in 1 .. 10 { do-something(i) }
    +
    + +

    As you probably guessed, indented 4 spaces. By the way, instead of +indenting the block, you can use delimited blocks, if you like:

    + +
    define foobar() {
    +    print "Welcome to flavor country!";
    +}
    +
    + +

    (which makes copying & pasting easier). You can optionally mark the +delimited block for Pandoc to syntax highlight it:

    + +
    import time
    +# Quick, count to ten!
    +for i in range(10):
    +    # (but not *too* quick)
    +    time.sleep(0.5)
    +    print(i)
    +
    + +

    An h3 header

    + +

    Now a nested list:

    + +
      +
    1. +

      First, get these ingredients:

      + +
        +
      • carrots
      • +
      • celery
      • +
      • lentils
      • +
      +
    2. +
    3. +

      Boil some water.

      +
    4. +
    5. +

      Dump everything in the pot and follow +this algorithm:

      + +
      +
      find wooden spoon
      +uncover pot
      +stir
      +cover pot
      +balance wooden spoon precariously on pot handle
      +wait 10 minutes
      +goto first step (or shut off burner when done)
      +
      + +

      Do not bump wooden spoon or it will fall.

      +
    6. +
    + +

    Notice again how text always lines up on 4-space indents (including +that last line which continues item 3 above).

    + +

    Here’s a link to a website, to a local +doc, and to a section heading in the current +doc. Here’s a footnote 1.

    + +

    Tables can look like this:

    + +

    Name Size Material Color +————- —– ———— ———— +All Business 9 leather brown +Roundabout 10 hemp canvas natural +Cinderella 11 glass transparent

    + +

    Table: Shoes sizes, materials, and colors.

    + +

    (The above is the caption for the table.) Pandoc also supports +multi-line tables:

    + +
    +

    Keyword Text +——– ———————– +red Sunsets, apples, and + other red or reddish + things.

    + +

    green Leaves, grass, frogs + and other things it’s + not easy being. +——– ———————–

    + +

    A horizontal rule follows.

    + +
    + +

    Here’s a definition list:

    + +
    +
    apples
    +
    Good for making applesauce.
    +
    oranges
    +
    Citrus!
    +
    tomatoes
    +
    There’s no “e” in tomatoe.
    +
    + +

    Again, text is indented 4 spaces. (Put a blank line between each +term and its definition to spread things out more.)

    + +

    Here’s a “line block” (note how whitespace is honored):

    + + + + + + + + + + + + + +
    Line one
    Line too
    Line tree
    + +

    and images can be specified like so:

    + +

    example image

    + +

    Inline math equation: $\omega = d\phi / dt$. Display +math should get its own line like so:

    + +

    $$I = \int \rho R^{2} dV$$

    + +

    And note that you can backslash-escape any punctuation characters +which you wish to be displayed literally, ex.: `foo`, *bar*, etc.

    +
    +
      +
    1. +

      Some footnote text. 

      +
    2. +
    +
    + + +
    + +
    +
    + +
    +
    +
    Related Articles
    + +
    +
    +
    + + +
    + +
    + +
    +
    + + diff --git a/markdown/2018/05/26/mathjax-test.html b/markdown/2018/05/26/mathjax-test.html new file mode 100644 index 00000000000..ffcad09e656 --- /dev/null +++ b/markdown/2018/05/26/mathjax-test.html @@ -0,0 +1,1113 @@ + + + + + + + + + +Mathjax Test | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + + + +
    + +
    + +
    +
    +
    +
    + +
    +
    + + + + + + + + + +
    +

    Mathjax Test

    +

    My first mathjax expression

    + + +
    +
    + +
    + +
      +
    • A safe integer is an integer that +
        +
      • can be exactly represented as an IEEE-754 double precision number, and
      • +
      • whose IEEE-75 representation cannot be the result of rounding any other integer to fit the IEEE-754 representation
      • +
      +
    • +
    • For example, $ 2 ^ {53} - 1 $ is a safe integer, +
        +
      • it can be exactly represented
      • +
      +
    • +
    + + +
    + +
    +
    + +
    +
    +
    Related Articles
    + +
    +
    +
    + + +
    + +
    + +
    +
    + + diff --git a/markdown/2018/12/05/an-exhibit-of-markdown.html b/markdown/2018/12/05/an-exhibit-of-markdown.html new file mode 100644 index 00000000000..bcc84ea54cf --- /dev/null +++ b/markdown/2018/12/05/an-exhibit-of-markdown.html @@ -0,0 +1,1192 @@ + + + + + + + + + +An exhibit of Markdown | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + + + +
    + +
    + +
    +
    +
    +
    + +
    +
    + + + + + + + + + +
    +

    An exhibit of Markdown

    +

    Each post also has a subtitle

    + + +
    +
    + +
    + +

    This note demonstrates some of what Markdown is capable of doing.

    + +

    An exhibit of Markdown

    + +

    Note: Feel free to play with this page. Unlike regular notes, this doesn’t automatically save itself.

    + +

    Basic formatting

    + +

    Paragraphs can be written like so. A paragraph is the basic block of Markdown. A paragraph is what text will turn into when there is no reason it should become anything else.

    + +

    Paragraphs must be separated by a blank line. Basic formatting of italics and bold is supported. This can be nested like so.

    + +

    Lists

    + +

    Ordered list

    + +
      +
    1. Item 1
    2. +
    3. A second item
    4. +
    5. Number 3
    6. +
    7. +
    + +

    Note: the fourth item uses the Unicode character for Roman numeral four.

    + +

    Unordered list

    + +
      +
    • An item
    • +
    • Another item
    • +
    • Yet another item
    • +
    • And there’s more…
    • +
    + +

    Paragraph modifiers

    + +

    Code block

    + +
    Code blocks are very useful for developers and other people who look at code or other things that are written in plain text. As you can see, it uses a fixed-width font.
    +
    + +

    You can also make inline code to add code into other things.

    + +

    Quote

    + +
    +

    Here is a quote. What this is should be self explanatory. Quotes are automatically indented when they are used.

    +
    + +

    Headings

    + +

    There are six levels of headings. They correspond with the six levels of HTML headings. You’ve probably noticed them already in the page. Each level down uses one more hash character.

    + +

    Headings can also contain formatting +

    + +

    They can even contain inline code +

    + +

    Of course, demonstrating what headings look like messes up the structure of the page.

    + +

    I don’t recommend using more than three or four levels of headings here, because, when you’re smallest heading isn’t too small, and you’re largest heading isn’t too big, and you want each size up to look noticeably larger and more important, there there are only so many sizes that you can use.

    + +

    URLs

    + +

    URLs can be made in a handful of ways:

    + + + +

    Horizontal rule

    + +

    A horizontal rule is a line that goes across the middle of the page.

    + +
    + +

    It’s sometimes handy for breaking things up.

    + +

    Images

    + +

    Markdown can also contain images. I’ll need to add something here sometime.

    + +

    Finally

    + +

    There’s actually a lot more to Markdown than this. See the official introduction and syntax for more information. However, be aware that this is not using the official implementation, and this might work subtly differently in some of the little things.

    + + + +
    + +
    +
    + +
    +
    +
    Related Articles
    + +
    +
    +
    + + +
    + +
    + +
    +
    + + diff --git a/misc/2016/05/19/super-short-article.html b/misc/2016/05/19/super-short-article.html new file mode 100644 index 00000000000..31ba96f601c --- /dev/null +++ b/misc/2016/05/19/super-short-article.html @@ -0,0 +1,1100 @@ + + + + + + + + + +Some articles are just so short that we have to make the footer stick | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + + + +
    + +
    + +
    +
    +
    +
    + +
    +
    + + + + + + + + + +
    +

    Some articles are just so short that we have to make the footer stick

    +

    + +
    +
    + +
    + +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    + + +
    + +
    +
    + +
    +
    +
    Related Articles
    + +
    +
    +
    + + +
    + +
    + +
    +
    + + diff --git a/misc/2016/05/20/super-long-article.html b/misc/2016/05/20/super-long-article.html new file mode 100644 index 00000000000..3f285b0af14 --- /dev/null +++ b/misc/2016/05/20/super-long-article.html @@ -0,0 +1,1104 @@ + + + + + + + + + +Some articles are just so long they deserve a really long title to see if things will break well | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + + + +
    + +
    + +
    +
    +
    +
    + +
    +
    + + + + + + + + + +
    +

    Some articles are just so long they deserve a really long title to see if things will break well

    +

    + +
    +
    + +
    + +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

    + +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

    + +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

    + + +
    + +
    +
    + +
    +
    +
    Related Articles
    + +
    +
    +
    + + +
    + +
    + +
    +
    + + diff --git a/robots.txt b/robots.txt new file mode 100644 index 00000000000..dfab62afbab --- /dev/null +++ b/robots.txt @@ -0,0 +1 @@ +Sitemap: /jekyll-theme-yat/sitemap.xml diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 00000000000..567c1b27926 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,74 @@ + + + +/jekyll-theme-yat/jekyll/2015/01/01/welcome-to-jekyll.html +2015-01-01T00:00:00+00:00 + + +/jekyll-theme-yat/markdown/2015/02/28/test-markdown.html +2015-02-28T00:00:00+00:00 + + +/jekyll-theme-yat/markdown/2016/01/01/another-test-markdown.html +2016-01-01T00:00:00+00:00 + + +/jekyll-theme-yat/misc/2016/05/19/super-short-article.html +2016-05-19T00:00:00+00:00 + + +/jekyll-theme-yat/misc/2016/05/20/super-long-article.html +2016-05-20T00:00:00+00:00 + + +/jekyll-theme-yat/junk/2016/08/12/my-example-post.html +2016-08-12T00:00:00+00:00 + + +/jekyll-theme-yat/junk/2017/05/20/this-post-demonstrates-post-content-styles.html +2017-05-20T00:00:00+00:00 + + +/jekyll-theme-yat/markdown/2017/06/10/quick-mardown-example.html +2017-06-10T00:00:00+00:00 + + +/jekyll-theme-yat/example/2017/12/04/plantuml-example.html +2017-12-04T00:00:00+00:00 + + +/jekyll-theme-yat/example/2017/12/08/mermaid-example.html +2017-12-08T00:00:00+00:00 + + +/jekyll-theme-yat/example/2017/12/15/table-example.html +2017-12-15T00:00:00+00:00 + + +/jekyll-theme-yat/example/2017/12/18/video-example.html +2017-12-18T00:00:00+00:00 + + +/jekyll-theme-yat/markdown/2018/05/26/mathjax-test.html +2018-05-26T00:00:00+00:00 + + +/jekyll-theme-yat/markdown/2018/12/05/an-exhibit-of-markdown.html +2018-12-05T00:00:00+00:00 + + +/jekyll-theme-yat/about.html + + +/jekyll-theme-yat/archives.html + + +/jekyll-theme-yat/categories.html + + +/jekyll-theme-yat/ + + +/jekyll-theme-yat/tags.html + + diff --git a/tags.html b/tags.html new file mode 100644 index 00000000000..0ee2343a05d --- /dev/null +++ b/tags.html @@ -0,0 +1,1196 @@ + + + + + + + + + +Tags | Your awesome title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + + + +
    + +
    + +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + + + +
    + +
    + + +
    + +
    + +
    +
    + +