diff --git a/CHANGELOG.md b/CHANGELOG.md index 164eea5..b1018ef 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,12 @@ +# v1.0.1 +## 07-07-2018 + +1. [](#bugfix) + * Fixes broken icons if the template does not provide Font Awesome 5.1.0+. + * Small CSS fixes on the default theme (and every theme, for that matter). + # v1.0.0 -## 07/07/2018 +## 07-07-2018 1. [](#new) * First version diff --git a/README.md b/README.md index 21ad0eb..e62e7ae 100644 --- a/README.md +++ b/README.md @@ -42,6 +42,10 @@ enabled: true built_in_css: true built_in_js: true +# If your theme does not provide Font Awesome 5, required for +# the default embeds to work, check this. +include_font_awesome_5: true + # The plugin can download images, videos, and GIFs, to ensure a # complete independence from the social networks, at the cost of # some disk space. diff --git a/assets/css-compiled/sse.min.css b/assets/css-compiled/sse.min.css index dc5381b..110814d 100644 --- a/assets/css-compiled/sse.min.css +++ b/assets/css-compiled/sse.min.css @@ -1,2 +1,2 @@ -.static-social-embed{/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */}.static-social-embed html,.static-social-embed body,.static-social-embed p,.static-social-embed ol,.static-social-embed ul,.static-social-embed li,.static-social-embed dl,.static-social-embed dt,.static-social-embed dd,.static-social-embed blockquote,.static-social-embed figure,.static-social-embed fieldset,.static-social-embed legend,.static-social-embed textarea,.static-social-embed pre,.static-social-embed iframe,.static-social-embed hr,.static-social-embed h1,.static-social-embed h2,.static-social-embed h3,.static-social-embed h4,.static-social-embed h5,.static-social-embed h6{margin:0;padding:0}.static-social-embed h1,.static-social-embed h2,.static-social-embed h3,.static-social-embed h4,.static-social-embed h5,.static-social-embed h6{font-size:100%;font-weight:normal}.static-social-embed ul{list-style:none}.static-social-embed button,.static-social-embed input,.static-social-embed select,.static-social-embed textarea{margin:0}.static-social-embed html{box-sizing:border-box}.static-social-embed *,.static-social-embed *:before,.static-social-embed *:after{box-sizing:inherit}.static-social-embed img,.static-social-embed embed,.static-social-embed iframe,.static-social-embed object,.static-social-embed audio,.static-social-embed video{height:auto;max-width:100%}.static-social-embed iframe{border:0}.static-social-embed table{border-collapse:collapse;border-spacing:0}.static-social-embed td,.static-social-embed th{padding:0;text-align:left}.static-social-embed .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.static-social-embed.sse-status .sse-status-error{padding:1rem 0}.static-social-embed.sse-status .sse-status-error p,.static-social-embed.sse-status .sse-status-error ul li{font-size:1rem;color:#651412}.static-social-embed.sse-status .sse-status-error a{color:#831a18}.static-social-embed.sse-status.sse-theme-dark .sse-status-error p,.static-social-embed.sse-status.sse-theme-dark .sse-status-error ul li{color:#a6201d}.static-social-embed.sse-status.sse-theme-dark .sse-status-error a{color:#982c29}.static-social-embed.sse-status{margin:auto;padding:0;width:66%;max-width:800px;border:solid 1px #e6ecf0;border-radius:4px;font-family:"Fira Sans",BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;background-color:#fff}@media screen and (max-width: 768px){.static-social-embed.sse-status{width:100%;border-radius:0}}@media screen and (min-width: 769px) and (max-width: 1280px){.static-social-embed.sse-status{width:84%}}.static-social-embed.sse-status .sse-verified svg .sse-verified-badge{fill:#1da1f2}.static-social-embed.sse-status .sse-verified svg .sse-verified-check{fill:#fff}.static-social-embed.sse-status header{width:100%;height:auto;display:flex;flex-direction:row;align-items:center;padding:1.4rem 2rem 1rem;background:#fff none}.static-social-embed.sse-status header .sse-status-author-avatar{width:48px;height:48px;overflow:hidden;text-align:center;color:#14171a}.static-social-embed.sse-status header .sse-status-author-avatar img{border-radius:426921px}.static-social-embed.sse-status header .sse-status-author-name{flex-grow:2;padding-left:1rem}.static-social-embed.sse-status header .sse-status-author-name .sse-status-author-display-name{font-size:18px}.static-social-embed.sse-status header .sse-status-author-name .sse-status-author-display-name a{color:#14171a;font-weight:bold}.static-social-embed.sse-status header .sse-status-author-name .sse-status-author-display-name .sse-verified{position:relative;top:.1rem;left:.2rem}.static-social-embed.sse-status header .sse-status-author-name .sse-status-author-handle{font-size:14px}.static-social-embed.sse-status header .sse-status-author-name .sse-status-author-handle a{color:#657786}.static-social-embed.sse-status header .sse-status-network-icon{align-self:start;color:#1da1f2}.static-social-embed.sse-status figure{position:relative;margin:.8rem 0;width:100%}.static-social-embed.sse-status figure .sse-status-image{display:none;position:relative}.static-social-embed.sse-status figure .sse-status-image.is-active{display:block;height:100%}.static-social-embed.sse-status figure .sse-status-image.sse-status-image-video,.static-social-embed.sse-status figure .sse-status-image.sse-status-image-animated-gif{cursor:pointer}.static-social-embed.sse-status figure .sse-status-image img{display:block;width:100%;height:100%}.static-social-embed.sse-status figure .sse-status-image img.is-hidden{display:none}.static-social-embed.sse-status figure .sse-status-image video{display:none;width:100%}.static-social-embed.sse-status figure .sse-status-image video.is-active{display:block}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-progress-dots{position:absolute;bottom:.6rem;width:100%;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-progress-dots .sse-status-image-progress-dot{display:inline-block;width:8px;height:8px;border-radius:426921px;background-color:transparent;transition:background-color .1s ease-in-out}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-progress-dots.is-hidden{display:none}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-handle-play{position:absolute;top:calc(50% - 2rem);right:calc(50% - 2rem);display:flex;align-items:center;width:4rem;height:4rem;background-color:#1da1f2;border:solid 5px #fff;border-radius:426921px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-handle-play span{padding-left:calc(50% - 0.36em);color:white}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-handle-play.is-hidden{display:none}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-badge{position:absolute;bottom:1rem;left:1rem;padding:.1rem .8rem;border-radius:4px;background-color:rgba(0,0,0,0.8);color:white;font-size:1rem;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-badge.is-hidden{display:none}.static-social-embed.sse-status figure .sse-status-image-handle-next,.static-social-embed.sse-status figure .sse-status-image-handle-prev{position:absolute;right:0;top:0;display:flex;align-items:center;padding-right:1rem;height:100%;width:16%;text-align:right;background-image:linear-gradient(to left, transparent, transparent);color:rgba(10,115,179,0.4);transition:background-image .2s ease-in-out;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.static-social-embed.sse-status figure .sse-status-image-handle-next:hover,.static-social-embed.sse-status figure .sse-status-image-handle-prev:hover{color:#1da1f2;background-image:linear-gradient(to left, rgba(232,245,254,0.4), transparent 100%)}.static-social-embed.sse-status figure .sse-status-image-handle-prev{left:0;padding-left:1rem;text-align:left}.static-social-embed.sse-status figure .sse-status-image-handle-prev:hover{background-image:linear-gradient(to right, rgba(232,245,254,0.6), transparent 100%)}.static-social-embed.sse-status figure .sse-status-image-handle-next span{width:100%}.static-social-embed.sse-status figure:hover .sse-status-image .sse-status-image-progress-dots .sse-status-image-progress-dot{background-color:rgba(255,255,255,0.4)}.static-social-embed.sse-status figure:hover .sse-status-image .sse-status-image-progress-dots .sse-status-image-progress-dot.is-active{background-color:white}.static-social-embed.sse-status p.sse-status-content,.static-social-embed.sse-status div.sse-status-content{margin:0;padding:0 2rem .8rem;text-align:left;font-family:"Helvetica Neue","Helvetica","Fira Sans","Arial",sans-serif;font-size:27px;color:#14171a;line-height:38px}@media screen and (max-width: 768px){.static-social-embed.sse-status p.sse-status-content,.static-social-embed.sse-status div.sse-status-content{font-size:24.3px}}.static-social-embed.sse-status p.sse-status-content a,.static-social-embed.sse-status div.sse-status-content a{color:#1da1f2}.static-social-embed.sse-status p.sse-status-content a:hover,.static-social-embed.sse-status div.sse-status-content a:hover{color:#0a73b3}.static-social-embed.sse-status p.sse-status-content .sse-twitter-handle-at,.static-social-embed.sse-status p.sse-status-content .sse-twitter-hashtag-hash,.static-social-embed.sse-status div.sse-status-content .sse-twitter-handle-at,.static-social-embed.sse-status div.sse-status-content .sse-twitter-hashtag-hash{color:#57b9f5}.static-social-embed.sse-status .sse-quoted-tweet{margin:0 2rem .8rem;padding:0}.static-social-embed.sse-status .sse-quoted-tweet a{display:flex;flex-direction:row;border:1px solid #e6ecf0;border-radius:4px}@media screen and (max-width: 768px){.static-social-embed.sse-status .sse-quoted-tweet a{flex-direction:column-reverse}}.static-social-embed.sse-status .sse-quoted-tweet a:hover{border-color:#aab8c2}.static-social-embed.sse-status .sse-quoted-tweet a figure.sse-quoted-tweet-image{width:16rem;margin:0 0 .8rem .8rem}@media screen and (max-width: 768px){.static-social-embed.sse-status .sse-quoted-tweet a figure.sse-quoted-tweet-image{margin:0;width:100%}}.static-social-embed.sse-status .sse-quoted-tweet a figure.sse-quoted-tweet-image img{width:100%}.static-social-embed.sse-status .sse-quoted-tweet a figure.sse-quoted-tweet-image+.sse-quoted-tweet-content header,.static-social-embed.sse-status .sse-quoted-tweet a figure.sse-quoted-tweet-image+.sse-quoted-tweet-content p{padding-left:.8rem}.static-social-embed.sse-status .sse-quoted-tweet a header{height:auto;padding-top:.5rem;padding-left:.9rem;padding-bottom:0;font-size:18px}@media screen and (max-width: 768px){.static-social-embed.sse-status .sse-quoted-tweet a header{padding-bottom:.5rem;font-size:16.2px}}.static-social-embed.sse-status .sse-quoted-tweet a header .sse-quoted-tweet-author-display-name{display:inline-block;margin-right:.4rem;color:#14171a;font-weight:bold}.static-social-embed.sse-status .sse-quoted-tweet a header .sse-verified+.sse-quoted-tweet-author-handle{display:inline-block;padding-left:.8rem}.static-social-embed.sse-status .sse-quoted-tweet a header .sse-quoted-tweet-author-handle{color:#657786}.static-social-embed.sse-status .sse-quoted-tweet a header .sse-verified{position:relative;top:.1rem;left:.2rem}.static-social-embed.sse-status .sse-quoted-tweet a p{padding-left:.8rem}.static-social-embed.sse-status .sse-quoted-tweet a p.sse-quoted-tweet-content{padding-bottom:.9rem;font-size:18px;line-height:25.3333333333px}.static-social-embed.sse-status footer{display:flex;flex-direction:row-reverse;align-items:baseline;margin:0 2rem .6rem}.static-social-embed.sse-status footer p.sse-status-date{margin:0;padding:0;font-family:"Helvetica Neue","Helvetica","Fira Sans","Arial",sans-serif;font-size:18px}.static-social-embed.sse-status footer p.sse-status-date,.static-social-embed.sse-status footer p.sse-status-date a,.static-social-embed.sse-status footer p.sse-status-date a:hover{color:#657786}.static-social-embed.sse-status footer p.sse-status-date .sse-status-source{display:inline-block;padding-right:1.4rem;font-size:0.9em;color:#91a0ac}@media screen and (max-width: 768px){.static-social-embed.sse-status footer p.sse-status-date .sse-status-source{display:none}}.static-social-embed.sse-status footer aside.sse-status-stats{flex:2;margin:0;padding:0}.static-social-embed.sse-status footer aside.sse-status-stats ul{padding:0}.static-social-embed.sse-status footer aside.sse-status-stats ul li{display:inline-block;width:6rem;text-align:left;font-size:18px;list-style-type:none}@media screen and (max-width: 768px){.static-social-embed.sse-status footer aside.sse-status-stats ul li{width:auto;padding-right:.4rem}}@media screen and (min-width: 769px) and (max-width: 1280px){.static-social-embed.sse-status footer aside.sse-status-stats ul li{width:auto;padding-right:1.2rem}}@media screen and (min-width: 1281px) and (max-width: 1472px){.static-social-embed.sse-status footer aside.sse-status-stats ul li{width:auto;padding-right:2rem}}.static-social-embed.sse-status footer aside.sse-status-stats ul li:before,.static-social-embed.sse-status footer aside.sse-status-stats ul li:after{display:none;content:none}.static-social-embed.sse-status footer aside.sse-status-stats ul li a{color:#91a0ac}.static-social-embed.sse-status footer aside.sse-status-stats ul li a .stat{position:relative;top:-.12em;font-size:.8em}@media screen and (max-width: 768px){.static-social-embed.sse-status footer aside.sse-status-stats ul li.link-reply,.static-social-embed.sse-status footer aside.sse-status-stats ul li.link-send{display:none}}.static-social-embed.sse-status footer aside.sse-status-stats ul li.link-reply a:hover{color:#1da1f2}.static-social-embed.sse-status footer aside.sse-status-stats ul li.link-retweet a:hover{color:#17bf63}.static-social-embed.sse-status footer aside.sse-status-stats ul li.link-like a:hover{color:#e0245e}.static-social-embed.sse-status footer aside.sse-status-stats ul li.link-send a:hover{color:#1da1f2}.static-social-embed.sse-status.has-quoted-tweet p.sse-status-content a:last-of-type{display:none}.static-social-embed.sse-status.sse-theme-dark{border-color:#141d26;background-color:#1b2836}.static-social-embed.sse-status.sse-theme-dark .sse-verified svg .sse-verified-badge{fill:white}.static-social-embed.sse-status.sse-theme-dark .sse-verified svg .sse-verified-check{fill:#1b2836}.static-social-embed.sse-status.sse-theme-dark header{background-color:#1b2836}.static-social-embed.sse-status.sse-theme-dark header .sse-status-author-avatar{color:#fff}.static-social-embed.sse-status.sse-theme-dark header .sse-status-author-name .sse-status-author-display-name a{color:#fff}.static-social-embed.sse-status.sse-theme-dark header .sse-status-author-name .sse-status-author-handle a{color:#657786}.static-social-embed.sse-status.sse-theme-dark p.sse-status-content{color:#fff}.static-social-embed.sse-status.sse-theme-dark p.sse-status-content a{color:#1da1f2}.static-social-embed.sse-status.sse-theme-dark p.sse-status-content a:hover{color:#6ac1f6}.static-social-embed.sse-status.sse-theme-dark p.sse-status-content .sse-twitter-handle-at,.static-social-embed.sse-status.sse-theme-dark p.sse-status-content .sse-twitter-hashtag-hash{color:#30a9f3}.static-social-embed.sse-status.sse-theme-dark .sse-quoted-tweet a{border-color:#141d26}.static-social-embed.sse-status.sse-theme-dark .sse-quoted-tweet a:hover{border-color:#aab8c2}.static-social-embed.sse-status.sse-theme-dark .sse-quoted-tweet a .sse-quoted-tweet-author-display-name{color:#fff}.static-social-embed.sse-status.sse-theme-dark .sse-quoted-tweet a .sse-quoted-tweet-author-handle{color:#8899a6}.static-social-embed.sse-status.sse-theme-dark footer p.sse-status-date,.static-social-embed.sse-status.sse-theme-dark footer p.sse-status-date a,.static-social-embed.sse-status.sse-theme-dark footer p.sse-status-date a:hover{color:#8899a6}.static-social-embed.sse-status.sse-theme-dark footer p.sse-status-date .sse-status-source{color:#9fadb7}.static-social-embed.sse-status.sse-theme-dark footer aside.sse-status-stats ul li a{color:#b7c1c9}.static-social-embed.sse-status.sse-toot header .sse-status-author-avatar img{border-radius:8px}.static-social-embed.sse-status.sse-toot header .sse-status-network-icon a{display:block;border:solid 1px #e6ecf0;border-radius:4px;padding:.4rem 1rem;font-size:1.2rem;color:#2b90d9}@media screen and (max-width: 768px){.static-social-embed.sse-status.sse-toot header .sse-status-network-icon a .sse-mastodon-follow-text{display:none}}.static-social-embed.sse-status.sse-toot header .sse-status-network-icon a:hover{border-color:#aab8c2}.static-social-embed.sse-status.sse-toot header .sse-status-network-icon a .fa-mastodon{display:inline-block;padding-right:.4rem;position:relative;top:.1rem}@media screen and (max-width: 768px){.static-social-embed.sse-status.sse-toot header .sse-status-network-icon a .fa-mastodon{padding-right:0}}.static-social-embed.sse-status.sse-toot .sse-status-content{font-size:1.4rem}.static-social-embed.sse-status.sse-toot .sse-status-content p{padding:0;text-align:left;font-family:"Helvetica Neue","Helvetica","Fira Sans","Arial",sans-serif;color:#14171a;line-height:38px}.static-social-embed.sse-status.sse-toot .sse-status-content p a{color:#2b90d9}.static-social-embed.sse-status.sse-toot .sse-status-content p a:hover{color:#1b6397}.static-social-embed.sse-status.sse-toot .sse-status-content p .invisible{display:inline-block;position:absolute;width:0;height:0;font-size:0;line-height:0}.static-social-embed.sse-status.sse-toot .sse-status-content p .sse-mastodon-custom-emoji{position:relative;top:.1rem;height:1.2rem}.static-social-embed.sse-status.sse-toot .sse-status-content.sse-spoiler-text .sse-spoiler-text-toggle-handle{display:inline-block;margin-left:1rem;padding:0 1rem;vertical-align:middle;border:0;border-radius:2px;background:#333846;color:#fff;font-size:.8rem;font-weight:700;line-height:1.6rem;text-transform:uppercase;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.static-social-embed.sse-status.sse-toot .sse-status-content.is-hidden{display:none}.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content{cursor:pointer}.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content .sse-status-image-sensitive-toggle{display:none}.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image{overflow:hidden}.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image img,.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image video,.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image .sse-status-image-handle-play,.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image .sse-status-image-badge{filter:blur(128px)}.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image .sse-status-image-sensitive-toggle{position:absolute;top:32%;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:1.8rem;font-weight:300;color:#fff;z-index:10000}.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image .sse-status-image-sensitive-toggle strong{display:block;font-weight:300;font-size:2.1rem;color:#fff}.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image .sse-status-image-sensitive-toggle.is-hidden{display:none}.static-social-embed.sse-status.sse-toot footer{flex-direction:row;padding-bottom:.8rem;font-size:.9rem}.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats{padding:0}.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li{display:inline-block;position:relative}.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li,.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li a,.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li a:hover{color:#657786}.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li .fas,.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li .far{display:inline-block;padding-right:.2rem;font-size:.8rem}.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li:not(:first-child){margin-left:1rem}.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li:before{display:none;content:''}.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li:not(:first-child):before{display:inline-block;content:'⋅';position:absolute;top:0;left:-.74rem;color:#657786}@media screen and (max-width: 768px){.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li.sse-mastodon-stats-application{display:none}}.static-social-embed.sse-status.sse-toot figure+footer{padding-bottom:.3rem}.static-social-embed.sse-status.sse-toot.sse-theme-dark{border-color:#393f4f;background-color:#282c37}.static-social-embed.sse-status.sse-toot.sse-theme-dark header{background-color:#282c37}.static-social-embed.sse-status.sse-toot.sse-theme-dark header .sse-status-author-name .sse-status-author-handle a{color:#606984}.static-social-embed.sse-status.sse-toot.sse-theme-dark header .sse-status-network-icon a{border-color:#393f4f}.static-social-embed.sse-status.sse-toot.sse-theme-dark header .sse-status-network-icon a:hover{border-color:#535b73}.static-social-embed.sse-status.sse-toot.sse-theme-dark .sse-status-content p{color:#fff}.static-social-embed.sse-status.sse-toot.sse-theme-dark .sse-status-content p a:hover{color:#217aba}.static-social-embed.sse-status.sse-toot.sse-theme-dark .sse-status-content p.sse-spoiler-text .sse-spoiler-text-toggle-handle{background:#606984;color:#282c37}.static-social-embed.sse-status.sse-toot.sse-theme-dark footer ul.sse-mastodon-stats li,.static-social-embed.sse-status.sse-toot.sse-theme-dark footer ul.sse-mastodon-stats li a,.static-social-embed.sse-status.sse-toot.sse-theme-dark footer ul.sse-mastodon-stats li a:hover,.static-social-embed.sse-status.sse-toot.sse-theme-dark footer ul.sse-mastodon-stats li:not(:first-child):before{color:#8899a6}.static-social-embed.sse-instagram{font-size:14px}.static-social-embed.sse-instagram header{padding:10px}.static-social-embed.sse-instagram header .sse-status-author-avatar,.static-social-embed.sse-instagram header .sse-status-author-avatar a{width:34px;height:34px}.static-social-embed.sse-instagram header .sse-status-author-avatar a{display:inline-block}.static-social-embed.sse-instagram header .sse-status-author-name{padding-left:.7rem;line-height:1.2}.static-social-embed.sse-instagram header .sse-status-author-name .sse-status-author-display-name{font-size:14px}.static-social-embed.sse-instagram header .sse-status-author-name .sse-status-author-display-name .sse-verified{top:.24rem;left:0}.static-social-embed.sse-instagram header .sse-status-author-name .sse-status-author-display-name .sse-verified svg{transform:scale(0.8)}.static-social-embed.sse-instagram header .sse-status-author-name:not(.has-location){position:relative;top:-0.1rem}.static-social-embed.sse-instagram header .sse-status-network-icon{display:flex}.static-social-embed.sse-instagram header .sse-status-network-icon a{padding:5px 12px;background-color:#3897f0;border-radius:3px;font-size:14px;font-weight:600;color:#fff;text-decoration:none}.static-social-embed.sse-instagram header .sse-status-network-icon a:hover{color:#fff}.static-social-embed.sse-instagram figure{margin:0}.static-social-embed.sse-instagram figure .sse-status-image .sse-status-image-handle-play{background-color:transparent;border:none;font-size:4.4rem;opacity:0.9}.static-social-embed.sse-instagram figure .sse-status-image-handle-next,.static-social-embed.sse-instagram figure .sse-status-image-handle-prev{font-size:1.2em;color:rgba(56,151,240,0.6)}.static-social-embed.sse-instagram aside.sse-status-instagram-show-profile{padding:0 12px;font-size:14px;font-weight:600}.static-social-embed.sse-instagram aside.sse-status-instagram-show-profile a{display:block;padding:12px 0 10px;border-bottom:1px solid #efefef;color:#3897f0}.static-social-embed.sse-instagram aside.sse-status-instagram-show-profile a:hover{color:#1283ed}.static-social-embed.sse-instagram aside.sse-status-instagram-links{display:flex;flex-direction:row;align-items:center;padding:6px 10px 0;font-size:24px}.static-social-embed.sse-instagram aside.sse-status-instagram-links a{display:block;color:#262626}.static-social-embed.sse-instagram aside.sse-status-instagram-links a:hover{color:rgba(38,38,38,0.5)}.static-social-embed.sse-instagram aside.sse-status-instagram-links a:not(:first-child){margin-left:12px}.static-social-embed.sse-instagram aside.sse-status-instagram-links a.sse-status-instagram-links-comment{flex-grow:2}.static-social-embed.sse-instagram aside.sse-status-instagram-links a.sse-status-instagram-links-like:hover{color:#ce4854}.static-social-embed.sse-instagram aside.sse-status-instagram-likes{padding:0 10px 6px;font-size:14px;font-weight:600}.static-social-embed.sse-instagram aside.sse-status-instagram-likes a{color:#262626}.static-social-embed.sse-instagram aside.sse-status-instagram-likes a:hover{color:#262626}.static-social-embed.sse-instagram p.sse-status-content{padding:0 10px 6px 10px;font-size:14px;line-height:18px}.static-social-embed.sse-instagram p.sse-status-content a{color:#3897f0}.static-social-embed.sse-instagram p.sse-status-content a:hover{color:#1283ed}.static-social-embed.sse-instagram p.sse-status-content a.sse-status-instagram-caption-username{color:#262626;font-weight:600}.static-social-embed.sse-instagram p.sse-status-content a.sse-status-instagram-caption-username:hover{color:#262626}.static-social-embed.sse-instagram aside.sse-status-instagram-show-comments{padding:0 10px;font-size:14px}.static-social-embed.sse-instagram aside.sse-status-instagram-show-comments a{color:#999}.static-social-embed.sse-instagram aside.sse-status-instagram-show-comments a:hover{color:#999;text-decoration:underline}.static-social-embed.sse-instagram footer{flex-direction:row;align-items:center;margin:10px 0 -2px 0;padding:0 10px;border-top:1px solid #eee}.static-social-embed.sse-instagram footer p.sse-status-date{flex-grow:2;font-size:14px;text-transform:uppercase}.static-social-embed.sse-instagram footer p.sse-status-date a{color:#999}.static-social-embed.sse-instagram footer p.sse-status-date a:hover{color:#999;text-decoration:underline}.static-social-embed.sse-instagram footer aside.sse-status-instagram-logo a{color:#000;font-size:24px}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-links a{color:#fff}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-links a:hover{color:rgba(255,255,255,0.5)}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-links a.sse-status-instagram-links-like:hover{color:#ce4854}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-show-profile a{border-bottom-color:#141d26}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-show-profile a:hover{color:#5eabf3}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-likes a{color:#fff}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-likes a:hover{color:#fff}.static-social-embed.sse-instagram.sse-theme-dark p.sse-status-content a.sse-status-instagram-caption-username{color:#fff}.static-social-embed.sse-instagram.sse-theme-dark p.sse-status-content a.sse-status-instagram-caption-username:hover{color:#fff}.static-social-embed.sse-instagram.sse-theme-dark p.sse-status-content a{color:#3897f0}.static-social-embed.sse-instagram.sse-theme-dark p.sse-status-content a:hover{color:#5eabf3}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-show-comments a{color:#8899a6}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-show-comments a:hover{color:#8899a6}.static-social-embed.sse-instagram.sse-theme-dark footer{border-top-color:#141d26}.static-social-embed.sse-instagram.sse-theme-dark footer aside.sse-status-instagram-logo a{color:#fff} +.static-social-embed{/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */}.static-social-embed html,.static-social-embed body,.static-social-embed p,.static-social-embed ol,.static-social-embed ul,.static-social-embed li,.static-social-embed dl,.static-social-embed dt,.static-social-embed dd,.static-social-embed blockquote,.static-social-embed figure,.static-social-embed fieldset,.static-social-embed legend,.static-social-embed textarea,.static-social-embed pre,.static-social-embed iframe,.static-social-embed hr,.static-social-embed h1,.static-social-embed h2,.static-social-embed h3,.static-social-embed h4,.static-social-embed h5,.static-social-embed h6{margin:0;padding:0}.static-social-embed h1,.static-social-embed h2,.static-social-embed h3,.static-social-embed h4,.static-social-embed h5,.static-social-embed h6{font-size:100%;font-weight:normal}.static-social-embed ul{list-style:none}.static-social-embed button,.static-social-embed input,.static-social-embed select,.static-social-embed textarea{margin:0}.static-social-embed html{box-sizing:border-box}.static-social-embed *,.static-social-embed *:before,.static-social-embed *:after{box-sizing:inherit}.static-social-embed img,.static-social-embed embed,.static-social-embed iframe,.static-social-embed object,.static-social-embed audio,.static-social-embed video{height:auto;max-width:100%}.static-social-embed iframe{border:0}.static-social-embed table{border-collapse:collapse;border-spacing:0}.static-social-embed td,.static-social-embed th{padding:0;text-align:left}.static-social-embed .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.static-social-embed.sse-status .sse-status-error{padding:1rem 0}.static-social-embed.sse-status .sse-status-error p,.static-social-embed.sse-status .sse-status-error ul li{font-size:1rem;color:#651412}.static-social-embed.sse-status .sse-status-error a{color:#831a18}.static-social-embed.sse-status.sse-theme-dark .sse-status-error p,.static-social-embed.sse-status.sse-theme-dark .sse-status-error ul li{color:#a6201d}.static-social-embed.sse-status.sse-theme-dark .sse-status-error a{color:#982c29}.static-social-embed.sse-status{margin:auto;padding:0;width:66%;max-width:800px;border:solid 1px #e6ecf0;border-radius:4px;font-family:"Fira Sans",BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;background-color:#fff}@media screen and (max-width: 768px){.static-social-embed.sse-status{width:100%;border-radius:0}}@media screen and (min-width: 769px) and (max-width: 1280px){.static-social-embed.sse-status{width:84%}}.static-social-embed.sse-status .sse-verified svg .sse-verified-badge{fill:#1da1f2}.static-social-embed.sse-status .sse-verified svg .sse-verified-check{fill:#fff}.static-social-embed.sse-status header{width:100%;height:auto;display:flex;flex-direction:row;align-items:center;padding:1.4rem 2rem 1rem;background:#fff none}.static-social-embed.sse-status header .sse-status-author-avatar{width:48px;height:48px;overflow:hidden;text-align:center;color:#14171a}.static-social-embed.sse-status header .sse-status-author-avatar img{border-radius:426921px}.static-social-embed.sse-status header .sse-status-author-name{flex-grow:2;padding-left:1rem}.static-social-embed.sse-status header .sse-status-author-name .sse-status-author-display-name{font-size:18px}.static-social-embed.sse-status header .sse-status-author-name .sse-status-author-display-name a{color:#14171a;font-weight:bold}.static-social-embed.sse-status header .sse-status-author-name .sse-status-author-display-name .sse-verified{position:relative;top:.1rem;left:.2rem}.static-social-embed.sse-status header .sse-status-author-name .sse-status-author-handle{font-size:14px}.static-social-embed.sse-status header .sse-status-author-name .sse-status-author-handle a{color:#657786}.static-social-embed.sse-status header .sse-status-network-icon{align-self:start;font-size:1.8rem;color:#1da1f2}.static-social-embed.sse-status figure{position:relative;margin:.8rem 0;width:100%}.static-social-embed.sse-status figure .sse-status-image{display:none;position:relative}.static-social-embed.sse-status figure .sse-status-image.is-active{display:block;height:100%}.static-social-embed.sse-status figure .sse-status-image.sse-status-image-video,.static-social-embed.sse-status figure .sse-status-image.sse-status-image-animated-gif{cursor:pointer}.static-social-embed.sse-status figure .sse-status-image img{display:block;width:100%;height:100%}.static-social-embed.sse-status figure .sse-status-image img.is-hidden{display:none}.static-social-embed.sse-status figure .sse-status-image video{display:none;width:100%}.static-social-embed.sse-status figure .sse-status-image video.is-active{display:block}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-progress-dots{position:absolute;bottom:.6rem;width:100%;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-progress-dots .sse-status-image-progress-dot{display:inline-block;width:8px;height:8px;border-radius:426921px;background-color:transparent;transition:background-color .1s ease-in-out}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-progress-dots.is-hidden{display:none}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-handle-play{position:absolute;top:calc(50% - 2rem);right:calc(50% - 2rem);display:flex;align-items:center;width:4rem;height:4rem;background-color:#1da1f2;border:solid 5px #fff;border-radius:426921px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-handle-play span{padding-left:calc(50% - 0.36em);color:white}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-handle-play.is-hidden{display:none}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-badge{position:absolute;bottom:1rem;left:1rem;padding:.1rem .8rem;border-radius:4px;background-color:rgba(0,0,0,0.8);color:white;font-size:1rem;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.static-social-embed.sse-status figure .sse-status-image .sse-status-image-badge.is-hidden{display:none}.static-social-embed.sse-status figure .sse-status-image-handle-next,.static-social-embed.sse-status figure .sse-status-image-handle-prev{position:absolute;right:0;top:0;display:flex;align-items:center;padding-right:1rem;height:100%;width:16%;text-align:right;background-image:linear-gradient(to left, transparent, transparent);color:rgba(10,115,179,0.4);transition:background-image .2s ease-in-out;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.static-social-embed.sse-status figure .sse-status-image-handle-next:hover,.static-social-embed.sse-status figure .sse-status-image-handle-prev:hover{color:#1da1f2;background-image:linear-gradient(to left, rgba(232,245,254,0.4), transparent 100%)}.static-social-embed.sse-status figure .sse-status-image-handle-prev{left:0;padding-left:1rem;text-align:left}.static-social-embed.sse-status figure .sse-status-image-handle-prev:hover{background-image:linear-gradient(to right, rgba(232,245,254,0.6), transparent 100%)}.static-social-embed.sse-status figure .sse-status-image-handle-next span{width:100%}.static-social-embed.sse-status figure:hover .sse-status-image .sse-status-image-progress-dots .sse-status-image-progress-dot{background-color:rgba(255,255,255,0.4)}.static-social-embed.sse-status figure:hover .sse-status-image .sse-status-image-progress-dots .sse-status-image-progress-dot.is-active{background-color:white}.static-social-embed.sse-status p.sse-status-content,.static-social-embed.sse-status div.sse-status-content{margin:0;padding:0 2rem .8rem;text-align:left;font-family:"Helvetica Neue","Helvetica","Fira Sans","Arial",sans-serif;font-size:27px;color:#14171a;line-height:38px}@media screen and (max-width: 768px){.static-social-embed.sse-status p.sse-status-content,.static-social-embed.sse-status div.sse-status-content{font-size:24.3px}}.static-social-embed.sse-status p.sse-status-content a,.static-social-embed.sse-status div.sse-status-content a{color:#1da1f2}.static-social-embed.sse-status p.sse-status-content a:hover,.static-social-embed.sse-status div.sse-status-content a:hover{color:#0a73b3}.static-social-embed.sse-status p.sse-status-content .sse-twitter-handle-at,.static-social-embed.sse-status p.sse-status-content .sse-twitter-hashtag-hash,.static-social-embed.sse-status div.sse-status-content .sse-twitter-handle-at,.static-social-embed.sse-status div.sse-status-content .sse-twitter-hashtag-hash{color:#57b9f5}.static-social-embed.sse-status .sse-quoted-tweet{margin:0 2rem .8rem;padding:0}.static-social-embed.sse-status .sse-quoted-tweet a{display:flex;flex-direction:row;border:1px solid #e6ecf0;border-radius:4px}@media screen and (max-width: 768px){.static-social-embed.sse-status .sse-quoted-tweet a{flex-direction:column-reverse}}.static-social-embed.sse-status .sse-quoted-tweet a:hover{border-color:#aab8c2}.static-social-embed.sse-status .sse-quoted-tweet a figure.sse-quoted-tweet-image{width:16rem;margin:.8rem 0 .8rem .8rem}@media screen and (max-width: 768px){.static-social-embed.sse-status .sse-quoted-tweet a figure.sse-quoted-tweet-image{margin:0;width:100%}}.static-social-embed.sse-status .sse-quoted-tweet a figure.sse-quoted-tweet-image img{width:100%;position:initial}.static-social-embed.sse-status .sse-quoted-tweet a figure.sse-quoted-tweet-image+.sse-quoted-tweet-content header,.static-social-embed.sse-status .sse-quoted-tweet a figure.sse-quoted-tweet-image+.sse-quoted-tweet-content p{padding-left:.8rem}.static-social-embed.sse-status .sse-quoted-tweet a header{height:auto;padding-top:.5rem;padding-left:.9rem;padding-bottom:0;font-size:18px}@media screen and (max-width: 768px){.static-social-embed.sse-status .sse-quoted-tweet a header{padding-bottom:.5rem;font-size:16.2px}}.static-social-embed.sse-status .sse-quoted-tweet a header .sse-quoted-tweet-author-display-name{display:inline-block;margin-right:.4rem;color:#14171a;font-weight:bold}.static-social-embed.sse-status .sse-quoted-tweet a header .sse-verified+.sse-quoted-tweet-author-handle{display:inline-block;padding-left:.8rem}.static-social-embed.sse-status .sse-quoted-tweet a header .sse-quoted-tweet-author-handle{color:#657786}.static-social-embed.sse-status .sse-quoted-tweet a header .sse-verified{position:relative;top:.1rem;left:.2rem}.static-social-embed.sse-status .sse-quoted-tweet a p{padding-left:.8rem}.static-social-embed.sse-status .sse-quoted-tweet a p.sse-quoted-tweet-content{padding-bottom:.9rem;font-size:18px;line-height:25.3333333333px}.static-social-embed.sse-status footer{display:flex;flex-direction:row-reverse;align-items:baseline;margin:0 2rem .6rem}.static-social-embed.sse-status footer p.sse-status-date{margin:0;padding:0;font-family:"Helvetica Neue","Helvetica","Fira Sans","Arial",sans-serif;font-size:18px}.static-social-embed.sse-status footer p.sse-status-date,.static-social-embed.sse-status footer p.sse-status-date a,.static-social-embed.sse-status footer p.sse-status-date a:hover{color:#657786}.static-social-embed.sse-status footer p.sse-status-date .sse-status-source{display:inline-block;padding-right:1.4rem;font-size:0.9em;color:#91a0ac}@media screen and (max-width: 768px){.static-social-embed.sse-status footer p.sse-status-date .sse-status-source{display:none}}.static-social-embed.sse-status footer aside.sse-status-stats{flex:2;margin:0;padding:0}.static-social-embed.sse-status footer aside.sse-status-stats ul{padding:0}.static-social-embed.sse-status footer aside.sse-status-stats ul li{display:inline-block;width:6rem;text-align:left;font-size:18px;list-style-type:none}@media screen and (max-width: 768px){.static-social-embed.sse-status footer aside.sse-status-stats ul li{width:auto;padding-right:.4rem}}@media screen and (min-width: 769px) and (max-width: 1280px){.static-social-embed.sse-status footer aside.sse-status-stats ul li{width:auto;padding-right:1.2rem}}@media screen and (min-width: 1281px) and (max-width: 1472px){.static-social-embed.sse-status footer aside.sse-status-stats ul li{width:auto;padding-right:2rem}}.static-social-embed.sse-status footer aside.sse-status-stats ul li:before,.static-social-embed.sse-status footer aside.sse-status-stats ul li:after{display:none;content:none}.static-social-embed.sse-status footer aside.sse-status-stats ul li a{color:#91a0ac}.static-social-embed.sse-status footer aside.sse-status-stats ul li a .stat{position:relative;top:-.12em;font-size:.8em}@media screen and (max-width: 768px){.static-social-embed.sse-status footer aside.sse-status-stats ul li.link-reply,.static-social-embed.sse-status footer aside.sse-status-stats ul li.link-send{display:none}}.static-social-embed.sse-status footer aside.sse-status-stats ul li.link-reply a:hover{color:#1da1f2}.static-social-embed.sse-status footer aside.sse-status-stats ul li.link-retweet a:hover{color:#17bf63}.static-social-embed.sse-status footer aside.sse-status-stats ul li.link-like a:hover{color:#e0245e}.static-social-embed.sse-status footer aside.sse-status-stats ul li.link-send a:hover{color:#1da1f2}.static-social-embed.sse-status.has-quoted-tweet p.sse-status-content a:last-of-type{display:none}.static-social-embed.sse-status.sse-theme-dark{border-color:#141d26;background-color:#1b2836}.static-social-embed.sse-status.sse-theme-dark .sse-verified svg .sse-verified-badge{fill:white}.static-social-embed.sse-status.sse-theme-dark .sse-verified svg .sse-verified-check{fill:#1b2836}.static-social-embed.sse-status.sse-theme-dark header{background-color:#1b2836}.static-social-embed.sse-status.sse-theme-dark header .sse-status-author-avatar{color:#fff}.static-social-embed.sse-status.sse-theme-dark header .sse-status-author-name .sse-status-author-display-name a{color:#fff}.static-social-embed.sse-status.sse-theme-dark header .sse-status-author-name .sse-status-author-handle a{color:#657786}.static-social-embed.sse-status.sse-theme-dark p.sse-status-content{color:#fff}.static-social-embed.sse-status.sse-theme-dark p.sse-status-content a{color:#1da1f2}.static-social-embed.sse-status.sse-theme-dark p.sse-status-content a:hover{color:#6ac1f6}.static-social-embed.sse-status.sse-theme-dark p.sse-status-content .sse-twitter-handle-at,.static-social-embed.sse-status.sse-theme-dark p.sse-status-content .sse-twitter-hashtag-hash{color:#30a9f3}.static-social-embed.sse-status.sse-theme-dark .sse-quoted-tweet a{border-color:#141d26}.static-social-embed.sse-status.sse-theme-dark .sse-quoted-tweet a:hover{border-color:#aab8c2}.static-social-embed.sse-status.sse-theme-dark .sse-quoted-tweet a .sse-quoted-tweet-author-display-name{color:#fff}.static-social-embed.sse-status.sse-theme-dark .sse-quoted-tweet a .sse-quoted-tweet-author-handle{color:#8899a6}.static-social-embed.sse-status.sse-theme-dark footer p.sse-status-date,.static-social-embed.sse-status.sse-theme-dark footer p.sse-status-date a,.static-social-embed.sse-status.sse-theme-dark footer p.sse-status-date a:hover{color:#8899a6}.static-social-embed.sse-status.sse-theme-dark footer p.sse-status-date .sse-status-source{color:#9fadb7}.static-social-embed.sse-status.sse-theme-dark footer aside.sse-status-stats ul li a{color:#b7c1c9}.static-social-embed.sse-status.sse-toot header .sse-status-author-avatar img{border-radius:8px}.static-social-embed.sse-status.sse-toot header .sse-status-network-icon a{display:block;border:solid 1px #e6ecf0;border-radius:4px;padding:.4rem 1rem;font-size:1.2rem;color:#2b90d9}@media screen and (max-width: 768px){.static-social-embed.sse-status.sse-toot header .sse-status-network-icon a .sse-mastodon-follow-text{display:none}}.static-social-embed.sse-status.sse-toot header .sse-status-network-icon a:hover{border-color:#aab8c2}.static-social-embed.sse-status.sse-toot header .sse-status-network-icon a .fa-mastodon{display:inline-block;padding-right:.4rem;position:relative;top:.1rem}@media screen and (max-width: 768px){.static-social-embed.sse-status.sse-toot header .sse-status-network-icon a .fa-mastodon{padding-right:0}}.static-social-embed.sse-status.sse-toot .sse-status-content{font-size:1.4rem}.static-social-embed.sse-status.sse-toot .sse-status-content p{padding:0;text-align:left;font-family:"Helvetica Neue","Helvetica","Fira Sans","Arial",sans-serif;color:#14171a;line-height:38px}.static-social-embed.sse-status.sse-toot .sse-status-content p a{color:#2b90d9}.static-social-embed.sse-status.sse-toot .sse-status-content p a:hover{color:#1b6397}.static-social-embed.sse-status.sse-toot .sse-status-content p .invisible{display:inline-block;position:absolute;width:0;height:0;font-size:0;line-height:0}.static-social-embed.sse-status.sse-toot .sse-status-content p .sse-mastodon-custom-emoji{position:relative;top:.1rem;height:1.2rem}.static-social-embed.sse-status.sse-toot .sse-status-content.sse-spoiler-text .sse-spoiler-text-toggle-handle{display:inline-block;margin-left:1rem;padding:0 1rem;vertical-align:middle;border:0;border-radius:2px;background:#333846;color:#fff;font-size:.8rem;font-weight:700;line-height:1.6rem;text-transform:uppercase;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.static-social-embed.sse-status.sse-toot .sse-status-content.is-hidden{display:none}.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content{cursor:pointer}.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content .sse-status-image-sensitive-toggle{display:none}.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image{overflow:hidden}.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image img,.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image video,.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image .sse-status-image-handle-play,.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image .sse-status-image-badge{filter:blur(128px)}.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image .sse-status-image-sensitive-toggle{position:absolute;top:32%;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:1.8rem;font-weight:300;color:#fff;z-index:10000}.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image .sse-status-image-sensitive-toggle strong{display:block;font-weight:300;font-size:2.1rem;color:#fff}.static-social-embed.sse-status.sse-toot figure.sse-has-sensitive-content.is-blurred .sse-status-image .sse-status-image-sensitive-toggle.is-hidden{display:none}.static-social-embed.sse-status.sse-toot footer{flex-direction:row;padding-bottom:.8rem;font-size:.9rem}.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats{padding:0}.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li{display:inline-block;position:relative}.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li,.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li a,.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li a:hover{color:#657786}.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li .fas,.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li .far{display:inline-block;padding-right:.2rem;font-size:.8rem}.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li:not(:first-child){margin-left:1rem}.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li:before{display:none;content:''}.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li:not(:first-child):before{display:inline-block;content:'⋅';position:absolute;top:0;left:-.74rem;color:#657786}@media screen and (max-width: 768px){.static-social-embed.sse-status.sse-toot footer ul.sse-mastodon-stats li.sse-mastodon-stats-application{display:none}}.static-social-embed.sse-status.sse-toot figure+footer{padding-bottom:.3rem}.static-social-embed.sse-status.sse-toot.sse-theme-dark{border-color:#393f4f;background-color:#282c37}.static-social-embed.sse-status.sse-toot.sse-theme-dark header{background-color:#282c37}.static-social-embed.sse-status.sse-toot.sse-theme-dark header .sse-status-author-name .sse-status-author-handle a{color:#606984}.static-social-embed.sse-status.sse-toot.sse-theme-dark header .sse-status-network-icon a{border-color:#393f4f}.static-social-embed.sse-status.sse-toot.sse-theme-dark header .sse-status-network-icon a:hover{border-color:#535b73}.static-social-embed.sse-status.sse-toot.sse-theme-dark .sse-status-content p{color:#fff}.static-social-embed.sse-status.sse-toot.sse-theme-dark .sse-status-content p a:hover{color:#217aba}.static-social-embed.sse-status.sse-toot.sse-theme-dark .sse-status-content p.sse-spoiler-text .sse-spoiler-text-toggle-handle{background:#606984;color:#282c37}.static-social-embed.sse-status.sse-toot.sse-theme-dark footer ul.sse-mastodon-stats li,.static-social-embed.sse-status.sse-toot.sse-theme-dark footer ul.sse-mastodon-stats li a,.static-social-embed.sse-status.sse-toot.sse-theme-dark footer ul.sse-mastodon-stats li a:hover,.static-social-embed.sse-status.sse-toot.sse-theme-dark footer ul.sse-mastodon-stats li:not(:first-child):before{color:#8899a6}.static-social-embed.sse-instagram{font-size:14px}.static-social-embed.sse-instagram header{padding:10px}.static-social-embed.sse-instagram header .sse-status-author-avatar,.static-social-embed.sse-instagram header .sse-status-author-avatar a{width:34px;height:34px}.static-social-embed.sse-instagram header .sse-status-author-avatar a{display:inline-block}.static-social-embed.sse-instagram header .sse-status-author-name{padding-left:.7rem;line-height:1.2}.static-social-embed.sse-instagram header .sse-status-author-name .sse-status-author-display-name{font-size:14px}.static-social-embed.sse-instagram header .sse-status-author-name .sse-status-author-display-name .sse-verified{top:.24rem;left:0}.static-social-embed.sse-instagram header .sse-status-author-name .sse-status-author-display-name .sse-verified svg{transform:scale(0.8)}.static-social-embed.sse-instagram header .sse-status-author-name:not(.has-location){position:relative;top:-0.1rem}.static-social-embed.sse-instagram header .sse-status-network-icon{display:flex}.static-social-embed.sse-instagram header .sse-status-network-icon a{padding:5px 12px;background-color:#3897f0;border-radius:3px;font-size:14px;font-weight:600;color:#fff;text-decoration:none}.static-social-embed.sse-instagram header .sse-status-network-icon a:hover{color:#fff}.static-social-embed.sse-instagram figure{margin:0}.static-social-embed.sse-instagram figure .sse-status-image .sse-status-image-handle-play{background-color:transparent;border:none;font-size:4.4rem;opacity:0.9}.static-social-embed.sse-instagram figure .sse-status-image-handle-next,.static-social-embed.sse-instagram figure .sse-status-image-handle-prev{font-size:1.2em;color:rgba(56,151,240,0.6)}.static-social-embed.sse-instagram aside.sse-status-instagram-show-profile{padding:0 12px;font-size:14px;font-weight:600}.static-social-embed.sse-instagram aside.sse-status-instagram-show-profile a{display:block;padding:12px 0 10px;border-bottom:1px solid #efefef;color:#3897f0}.static-social-embed.sse-instagram aside.sse-status-instagram-show-profile a:hover{color:#1283ed}.static-social-embed.sse-instagram aside.sse-status-instagram-links{display:flex;flex-direction:row;align-items:center;padding:6px 10px 0;font-size:24px}.static-social-embed.sse-instagram aside.sse-status-instagram-links a{display:block;color:#262626}.static-social-embed.sse-instagram aside.sse-status-instagram-links a:hover{color:rgba(38,38,38,0.5)}.static-social-embed.sse-instagram aside.sse-status-instagram-links a:not(:first-child){margin-left:12px}.static-social-embed.sse-instagram aside.sse-status-instagram-links a.sse-status-instagram-links-comment{flex-grow:2}.static-social-embed.sse-instagram aside.sse-status-instagram-links a.sse-status-instagram-links-like:hover{color:#ce4854}.static-social-embed.sse-instagram aside.sse-status-instagram-likes{padding:0 10px 6px;font-size:14px;font-weight:600}.static-social-embed.sse-instagram aside.sse-status-instagram-likes a{color:#262626}.static-social-embed.sse-instagram aside.sse-status-instagram-likes a:hover{color:#262626}.static-social-embed.sse-instagram p.sse-status-content{padding:0 10px 6px 10px;font-size:14px;line-height:18px}.static-social-embed.sse-instagram p.sse-status-content a{color:#3897f0}.static-social-embed.sse-instagram p.sse-status-content a:hover{color:#1283ed}.static-social-embed.sse-instagram p.sse-status-content a.sse-status-instagram-caption-username{color:#262626;font-weight:600}.static-social-embed.sse-instagram p.sse-status-content a.sse-status-instagram-caption-username:hover{color:#262626}.static-social-embed.sse-instagram aside.sse-status-instagram-show-comments{padding:0 10px;font-size:14px}.static-social-embed.sse-instagram aside.sse-status-instagram-show-comments a{color:#999}.static-social-embed.sse-instagram aside.sse-status-instagram-show-comments a:hover{color:#999;text-decoration:underline}.static-social-embed.sse-instagram footer{flex-direction:row;align-items:center;margin:10px 0 -2px 0;padding:0 10px;border-top:1px solid #eee}.static-social-embed.sse-instagram footer p.sse-status-date{flex-grow:2;font-size:14px;text-transform:uppercase}.static-social-embed.sse-instagram footer p.sse-status-date a{color:#999}.static-social-embed.sse-instagram footer p.sse-status-date a:hover{color:#999;text-decoration:underline}.static-social-embed.sse-instagram footer aside.sse-status-instagram-logo a{color:#000;font-size:24px}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-links a{color:#fff}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-links a:hover{color:rgba(255,255,255,0.5)}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-links a.sse-status-instagram-links-like:hover{color:#ce4854}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-show-profile a{border-bottom-color:#141d26}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-show-profile a:hover{color:#5eabf3}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-likes a{color:#fff}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-likes a:hover{color:#fff}.static-social-embed.sse-instagram.sse-theme-dark p.sse-status-content a.sse-status-instagram-caption-username{color:#fff}.static-social-embed.sse-instagram.sse-theme-dark p.sse-status-content a.sse-status-instagram-caption-username:hover{color:#fff}.static-social-embed.sse-instagram.sse-theme-dark p.sse-status-content a{color:#3897f0}.static-social-embed.sse-instagram.sse-theme-dark p.sse-status-content a:hover{color:#5eabf3}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-show-comments a{color:#8899a6}.static-social-embed.sse-instagram.sse-theme-dark aside.sse-status-instagram-show-comments a:hover{color:#8899a6}.static-social-embed.sse-instagram.sse-theme-dark footer{border-top-color:#141d26}.static-social-embed.sse-instagram.sse-theme-dark footer aside.sse-status-instagram-logo a{color:#fff} /*# sourceMappingURL=sse.min.css.map */ diff --git a/assets/scss/sse/_twitter.scss b/assets/scss/sse/_twitter.scss index 0d2d675..8d85a6f 100644 --- a/assets/scss/sse/_twitter.scss +++ b/assets/scss/sse/_twitter.scss @@ -87,6 +87,7 @@ .sse-status-network-icon { align-self: start; + font-size: 1.8rem; color: $twitter-blue; } } @@ -307,7 +308,7 @@ figure.sse-quoted-tweet-image { width: 16rem; - margin: 0 0 .8rem .8rem; + margin: .8rem 0 .8rem .8rem; @include mobile { margin: 0; @@ -316,6 +317,7 @@ img { width: 100%; + position: initial; } & + .sse-quoted-tweet-content { diff --git a/blueprints.yaml b/blueprints.yaml index 1dd5b09..55c53ae 100644 --- a/blueprints.yaml +++ b/blueprints.yaml @@ -1,5 +1,5 @@ name: Static Social Embeds -version: 1.0.0 +version: 1.0.1 description: | Embeds social status (like tweets, instagram posts, toots, etc.) in articles without using their embed iframe, but rather statically without any dependency to the service. @@ -47,7 +47,7 @@ form: type: bool built_in_js: type: toggle - label: PLUGIN_SSE.ADMIN.MAIN.BUILT_IN_js.LABEL + label: PLUGIN_SSE.ADMIN.MAIN.BUILT_IN_JS.LABEL help: PLUGIN_SSE.ADMIN.MAIN.BUILT_IN_JS.HELP highlight: 1 default: 1 @@ -56,6 +56,17 @@ form: 0: PLUGIN_ADMIN.NO validate: type: bool + include_font_awesome_5: + type: toggle + label: PLUGIN_SSE.ADMIN.MAIN.INCLUDE_FONT_AWESOME_5.LABEL + help: PLUGIN_SSE.ADMIN.MAIN.INCLUDE_FONT_AWESOME_5.HELP + highlight: 1 + default: 1 + options: + 1: PLUGIN_ADMIN.YES + 0: PLUGIN_ADMIN.NO + validate: + type: bool section_downloads: type: section title: PLUGIN_SSE.ADMIN.DOWNLOADS.TITLE diff --git a/languages/en.yaml b/languages/en.yaml index 0612666..8ef889f 100644 --- a/languages/en.yaml +++ b/languages/en.yaml @@ -56,11 +56,14 @@ PLUGIN_SSE: TITLE: Main Settings ENABLED: Plugin status BUILT_IN_CSS: - LABEL: Use the built-in CSS + LABEL: Use the built-in CSS? HELP: If disabled, you or your theme will have to supply CSS for this plugin. You can check out the built-in CSS for inspiration. - BUILT_IN_js: - LABEL: Use the built-in JS + BUILT_IN_JS: + LABEL: Use the built-in JS? HELP: If disabled, you or your theme will have to supply JS for this plugin. You can check out the built-in JS for inspiration. + INCLUDE_FONT_AWESOME_5: + LABEL: Include Font Awesome 5? + HELP: Default embeds require Font Awesome 5.1.0 or newer. Disable this option if your theme provides Font Awesome 5.1.0+ or if you use custom embeds and don't need that. DOWNLOADS: TITLE: Download Options HELP_1: | diff --git a/languages/fr.yaml b/languages/fr.yaml index fa94ad4..c416178 100644 --- a/languages/fr.yaml +++ b/languages/fr.yaml @@ -58,9 +58,14 @@ PLUGIN_SSE: BUILT_IN_CSS: LABEL: Utiliser le CSS intégré ? HELP: Si désactivé, votre thème devra fournir le CSS nécessaire. Vous pouvez consulter le CSS inclu pour inspiration. - BUILT_IN_js: + BUILT_IN_JS: LABEL: Utiliser le Javascript intégré ? HELP: Si désactivé, votre thème devra fournir le javascript nécessaire. Vous pouvez consulter le javascript inclu pour inspiration. + INCLUDE_FONT_AWESOME_5: + LABEL: Inclure Font Awesome 5 ? + HELP: | + Les intégrations par défaut dépendent de Font Awesome version 5.1.0 ou plus récent. + Désactivez cette option si votre thème fournit Font Awesome 5.1.0+, ou si vous utilisez des gabaris personnalisées et que vous n'en avez pas besoin. DOWNLOADS: TITLE: Options de téléchargement HELP_1: | diff --git a/static-social-embeds.php b/static-social-embeds.php index 7ec3c00..6ada9d1 100644 --- a/static-social-embeds.php +++ b/static-social-embeds.php @@ -61,6 +61,11 @@ public function onTwigTemplatePaths() */ public function onAssetsInitialized() { + if ($this->config->get('plugins.static-social-embeds.include_font_awesome_5', true)) + { + $this->grav['assets']->add('https://use.fontawesome.com/releases/v5.1.0/css/all.css'); + } + if ($this->config->get('plugins.static-social-embeds.use_built_in_css', true)) { $this->grav['assets']->add('plugin://static-social-embeds/assets/css-compiled/sse.min.css', 4); diff --git a/static-social-embeds.yaml b/static-social-embeds.yaml index c6d128f..fadd719 100644 --- a/static-social-embeds.yaml +++ b/static-social-embeds.yaml @@ -5,6 +5,10 @@ enabled: true built_in_css: true built_in_js: true +# If your theme does not provide Font Awesome 5, required for +# the default embeds to work, check this. +include_font_awesome_5: true + # The plugin can download images, videos, and GIFs, to ensure a # complete independence from the social networks, at the cost of # some disk space.