diff --git a/content/posts/eod.md b/content/posts/eod.md new file mode 100644 index 0000000..c2b9cac --- /dev/null +++ b/content/posts/eod.md @@ -0,0 +1,59 @@ ++++ +title = "EOD" +date = "2023-02-03T16:44:51-04:00" +author = "" +authorTwitter = "" #do not include @ +cover = "/img/iwannahakunathosetatas.jpg" +tags = ["work", "life", "random", "coding"] +keywords = ["", ""] +description = "*Just another day, another week that ends.*" +showFullContent = false +readingTime = false +hideComments = false +color = "pink" #color from the theme settings ++++ + +## Today's News + +So, another day reaches its end. While I started at a new company on Wednesday, it wasn't until this morning that I finally could talk with someone of relevance (in this case, the actual mobile tech lead). It seems that the onboarding time for new devs it's a bit longer, more so around this time of the year, mainly because projects are being delivered and new clients are getting onboard. Also, it's holiday season down in the Southern Hemisphere, so I guess it'll kinda chill, at least for a while. + +## Coding and wotnot +![My dream setup...](/img/programming-anime-girl.jpg) +*I wish I had a setup like that...* + +Yesterday I finally managed to set up a {{< rawhtml >}}bot{{< /rawhtml >}} for my Misskey instance, and today I spent pretty much all day fine tuning it and setting up {{< rawhtml >}}yet another one{{< /rawhtml >}}. It was an interesting experience, since the script is written in Python, but is far simpler than the one I used for my Pleroma bots, which gave me an opportunity to get more used to the language. + +Now, my interest in Python isn't limited to image bots for fedi instances. I've been toying with the idea of developing ~~yet another~~ my own ActivityPub compatible backend, and for the longest time I was considering Kotlin as my main programming language, with Ktor as deelopment framework. The reason? Well, I'm a native Android dev, and I mainly use Kotlin, so I thought it'd be a good idea. + +## The Five Stages of Whachamacallit + +![Chopsticks are hard to use, indeed.](/img/uzaki-unamused.png) +*Yeah, right.* + +Thing is, after reading forums and comments and wotnot, Ktor started to lose that appeal. And while I really like it, and Kotlin too, they don't quite fulfill my criteria for this endeavor. Things like the ability to execute user-written scripts during runtime or ease of deployment are non-negotiable for me, and neither Kotlin nor Ktor are able to deliver that. + +So, my options for programming languages were basically killed because, other than Kotlin, I've only worked with Java, C# and PHP. The first two are automatically discarded because they're inherently similar to Kotlin regarding my criteria, which leaves me only with PHP... which I don't hate, but I most definitely don't like. + +## The List + +![Beep Boop](/img/not-a-boomer-but-almost.jpg) +*Ngl, this would be me if I were a teacher...* + +Thus, my search for another programming language started. I initially considered going the soydev way with TypeScript or some shit like that, but that'd be really masochistic on my side. I know JavaScript but I hate webdev shit (which is one of the reasons I moved to Android). Then I started checking other projects to see what they languages they're written in. + +Elixir? Too esoteric for me, everything looks like a clusterfuck.\ +Go? It's nice and fast, but too C-ish for me (can't undo the OOP damage).\ +Rust? Too political and the learning curve is way too steep. ~~Also, troons.~~\ +Ruby? I'm not a manchild with diaper fetish, so, no. +Python? I think it'd be a good option. + +## tl;dr + +![Oops!](/img/wowee-old-school-gayming.jpg) +*Did you know that Kobayashi is actually a developer and uses Python?* + +So, yeah, short answer to the question no one asked: I'll use Python for this project. I know jackshit about it besides the little tinkering I've done to my bots' code, but out of all the options I've considered, is the *sanest* one, in my opinion. Time will tell if it was a good option or if I should just walk the plank in the end. + +So yeah, that's all. + +> *Adieu!* diff --git a/public/index.html b/public/index.html index 4200c00..a6c7477 100644 --- a/public/index.html +++ b/public/index.html @@ -133,6 +133,54 @@ +
+

+ EOD +

+ +
+ + + + +
+ + + + + #work  + + #life  + + #random  + + #coding  + + + + + + EOD + + +
+ + Just another day, another week that ends. + +
+ + +
+ Read more → +
+ +
+

Last Day of Freedom diff --git a/public/index.xml b/public/index.xml index 27fb8c7..ceba431 100644 --- a/public/index.xml +++ b/public/index.xml @@ -7,7 +7,48 @@ Hugo -- gohugo.io en-us 2023 © Captain Arepa, lorem ipsum blah blah blah, yadda yadda yadda, etc etc etc. - Tue, 31 Jan 2023 16:52:19 -0400 + Fri, 03 Feb 2023 16:44:51 -0400 + + EOD + https://blog.cachapa.xyz/posts/eod/ + Fri, 03 Feb 2023 16:44:51 -0400 + + https://blog.cachapa.xyz/posts/eod/ + Today&rsquo;s News So, another day reaches its end. While I started at a new company on Wednesday, it wasn&rsquo;t until this morning that I finally could talk with someone of relevance (in this case, the actual mobile tech lead). It seems that the onboarding time for new devs it&rsquo;s a bit longer, more so around this time of the year, mainly because projects are being delivered and new clients are getting onboard. + <h2 id="todays-news">Today&rsquo;s News</h2> +<p>So, another day reaches its end. While I started at a new company on Wednesday, it wasn&rsquo;t until this morning that I finally could talk with someone of relevance (in this case, the actual mobile tech lead). It seems that the onboarding time for new devs it&rsquo;s a bit longer, more so around this time of the year, mainly because projects are being delivered and new clients are getting onboard. Also, it&rsquo;s holiday season down in the Southern Hemisphere, so I guess it&rsquo;ll kinda chill, at least for a while.</p> +<h2 id="coding-and-wotnot">Coding and wotnot</h2> +<p><img src="https://blog.cachapa.xyz/img/programming-anime-girl.jpg" alt="My dream setup&hellip;"> +<em>I wish I had a setup like that&hellip;</em></p> +<p>Yesterday I finally managed to set up a +<a href="https://moar.cachapa.xyz/@RyuukoBot" target="_blank" rel="noopener noreferrer">bot</a> for my Misskey instance, and today I spent pretty much all day fine tuning it and setting up +<a href="https://moar.cachapa.xyz/@AstolfoBot" target="_blank" rel="noopener noreferrer">yet another one</a>. It was an interesting experience, since the script is written in Python, but is far simpler than the one I used for my Pleroma bots, which gave me an opportunity to get more used to the language.</p> +<p>Now, my interest in Python isn&rsquo;t limited to image bots for fedi instances. I&rsquo;ve been toying with the idea of developing <del>yet another</del> my own ActivityPub compatible backend, and for the longest time I was considering Kotlin as my main programming language, with Ktor as deelopment framework. The reason? Well, I&rsquo;m a native Android dev, and I mainly use Kotlin, so I thought it&rsquo;d be a good idea.</p> +<h2 id="the-five-stages-of-whachamacallit">The Five Stages of Whachamacallit</h2> +<p><img src="https://blog.cachapa.xyz/img/uzaki-unamused.png" alt="Chopsticks are hard to use, indeed."> +<em>Yeah, right.</em></p> +<p>Thing is, after reading forums and comments and wotnot, Ktor started to lose that appeal. And while I really like it, and Kotlin too, they don&rsquo;t quite fulfill my criteria for this endeavor. Things like the ability to execute user-written scripts during runtime or ease of deployment are non-negotiable for me, and neither Kotlin nor Ktor are able to deliver that.</p> +<p>So, my options for programming languages were basically killed because, other than Kotlin, I&rsquo;ve only worked with Java, C# and PHP. The first two are automatically discarded because they&rsquo;re inherently similar to Kotlin regarding my criteria, which leaves me only with PHP&hellip; which I don&rsquo;t hate, but I most definitely don&rsquo;t like.</p> +<h2 id="the-list">The List</h2> +<p><img src="https://blog.cachapa.xyz/img/not-a-boomer-but-almost.jpg" alt="Beep Boop"> +<em>Ngl, this would be me if I were a teacher&hellip;</em></p> +<p>Thus, my search for another programming language started. I initially considered going the soydev way with TypeScript or some shit like that, but that&rsquo;d be really masochistic on my side. I know JavaScript but I hate webdev shit (which is one of the reasons I moved to Android). Then I started checking other projects to see what they languages they&rsquo;re written in.</p> +<p>Elixir? Too esoteric for me, everything looks like a clusterfuck.<br> +Go? It&rsquo;s nice and fast, but too C-ish for me (can&rsquo;t undo the OOP damage).<br> +Rust? Too political and the learning curve is way too steep. <del>Also, troons.</del><br> +Ruby? I&rsquo;m not a manchild with diaper fetish, so, no. +Python? I think it&rsquo;d be a good option.</p> +<h2 id="tldr">tl;dr</h2> +<p><img src="https://blog.cachapa.xyz/img/wowee-old-school-gayming.jpg" alt="Oops!"> +<em>Did you know that Kobayashi is actually a developer and uses Python?</em></p> +<p>So, yeah, short answer to the question no one asked: I&rsquo;ll use Python for this project. I know jackshit about it besides the little tinkering I&rsquo;ve done to my bots' code, but out of all the options I&rsquo;ve considered, is the <em>sanest</em> one, in my opinion. Time will tell if it was a good option or if I should just walk the plank in the end.</p> +<p>So yeah, that&rsquo;s all.</p> +<blockquote> +<p><em>Adieu!</em></p> +</blockquote> + + + Last Day of Freedom https://blog.cachapa.xyz/posts/last-day-of-freedom/ diff --git a/public/posts/index.html b/public/posts/index.html index 9709f2e..432f04e 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -123,6 +123,53 @@
+
+

+ EOD +

+ + + + + + + + EOD + + +
+ + Just another day, another week that ends. + +
+ + + + +
+

Last Day of Freedom diff --git a/public/posts/index.xml b/public/posts/index.xml index fb8113a..7bad214 100644 --- a/public/posts/index.xml +++ b/public/posts/index.xml @@ -7,7 +7,48 @@ Hugo -- gohugo.io en-us 2023 © Captain Arepa, lorem ipsum blah blah blah, yadda yadda yadda, etc etc etc. - Tue, 31 Jan 2023 16:52:19 -0400 + Fri, 03 Feb 2023 16:44:51 -0400 + + EOD + https://blog.cachapa.xyz/posts/eod/ + Fri, 03 Feb 2023 16:44:51 -0400 + + https://blog.cachapa.xyz/posts/eod/ + Today&rsquo;s News So, another day reaches its end. While I started at a new company on Wednesday, it wasn&rsquo;t until this morning that I finally could talk with someone of relevance (in this case, the actual mobile tech lead). It seems that the onboarding time for new devs it&rsquo;s a bit longer, more so around this time of the year, mainly because projects are being delivered and new clients are getting onboard. + <h2 id="todays-news">Today&rsquo;s News</h2> +<p>So, another day reaches its end. While I started at a new company on Wednesday, it wasn&rsquo;t until this morning that I finally could talk with someone of relevance (in this case, the actual mobile tech lead). It seems that the onboarding time for new devs it&rsquo;s a bit longer, more so around this time of the year, mainly because projects are being delivered and new clients are getting onboard. Also, it&rsquo;s holiday season down in the Southern Hemisphere, so I guess it&rsquo;ll kinda chill, at least for a while.</p> +<h2 id="coding-and-wotnot">Coding and wotnot</h2> +<p><img src="https://blog.cachapa.xyz/img/programming-anime-girl.jpg" alt="My dream setup&hellip;"> +<em>I wish I had a setup like that&hellip;</em></p> +<p>Yesterday I finally managed to set up a +<a href="https://moar.cachapa.xyz/@RyuukoBot" target="_blank" rel="noopener noreferrer">bot</a> for my Misskey instance, and today I spent pretty much all day fine tuning it and setting up +<a href="https://moar.cachapa.xyz/@AstolfoBot" target="_blank" rel="noopener noreferrer">yet another one</a>. It was an interesting experience, since the script is written in Python, but is far simpler than the one I used for my Pleroma bots, which gave me an opportunity to get more used to the language.</p> +<p>Now, my interest in Python isn&rsquo;t limited to image bots for fedi instances. I&rsquo;ve been toying with the idea of developing <del>yet another</del> my own ActivityPub compatible backend, and for the longest time I was considering Kotlin as my main programming language, with Ktor as deelopment framework. The reason? Well, I&rsquo;m a native Android dev, and I mainly use Kotlin, so I thought it&rsquo;d be a good idea.</p> +<h2 id="the-five-stages-of-whachamacallit">The Five Stages of Whachamacallit</h2> +<p><img src="https://blog.cachapa.xyz/img/uzaki-unamused.png" alt="Chopsticks are hard to use, indeed."> +<em>Yeah, right.</em></p> +<p>Thing is, after reading forums and comments and wotnot, Ktor started to lose that appeal. And while I really like it, and Kotlin too, they don&rsquo;t quite fulfill my criteria for this endeavor. Things like the ability to execute user-written scripts during runtime or ease of deployment are non-negotiable for me, and neither Kotlin nor Ktor are able to deliver that.</p> +<p>So, my options for programming languages were basically killed because, other than Kotlin, I&rsquo;ve only worked with Java, C# and PHP. The first two are automatically discarded because they&rsquo;re inherently similar to Kotlin regarding my criteria, which leaves me only with PHP&hellip; which I don&rsquo;t hate, but I most definitely don&rsquo;t like.</p> +<h2 id="the-list">The List</h2> +<p><img src="https://blog.cachapa.xyz/img/not-a-boomer-but-almost.jpg" alt="Beep Boop"> +<em>Ngl, this would be me if I were a teacher&hellip;</em></p> +<p>Thus, my search for another programming language started. I initially considered going the soydev way with TypeScript or some shit like that, but that&rsquo;d be really masochistic on my side. I know JavaScript but I hate webdev shit (which is one of the reasons I moved to Android). Then I started checking other projects to see what they languages they&rsquo;re written in.</p> +<p>Elixir? Too esoteric for me, everything looks like a clusterfuck.<br> +Go? It&rsquo;s nice and fast, but too C-ish for me (can&rsquo;t undo the OOP damage).<br> +Rust? Too political and the learning curve is way too steep. <del>Also, troons.</del><br> +Ruby? I&rsquo;m not a manchild with diaper fetish, so, no. +Python? I think it&rsquo;d be a good option.</p> +<h2 id="tldr">tl;dr</h2> +<p><img src="https://blog.cachapa.xyz/img/wowee-old-school-gayming.jpg" alt="Oops!"> +<em>Did you know that Kobayashi is actually a developer and uses Python?</em></p> +<p>So, yeah, short answer to the question no one asked: I&rsquo;ll use Python for this project. I know jackshit about it besides the little tinkering I&rsquo;ve done to my bots' code, but out of all the options I&rsquo;ve considered, is the <em>sanest</em> one, in my opinion. Time will tell if it was a good option or if I should just walk the plank in the end.</p> +<p>So yeah, that&rsquo;s all.</p> +<blockquote> +<p><em>Adieu!</em></p> +</blockquote> + + + Last Day of Freedom https://blog.cachapa.xyz/posts/last-day-of-freedom/ diff --git a/public/posts/last-day-of-freedom/index.html b/public/posts/last-day-of-freedom/index.html index 9d5217b..a87d5cb 100644 --- a/public/posts/last-day-of-freedom/index.html +++ b/public/posts/last-day-of-freedom/index.html @@ -186,6 +186,13 @@

+ + + + EOD + + + diff --git a/public/sitemap.xml b/public/sitemap.xml index 1da0318..b838546 100644 --- a/public/sitemap.xml +++ b/public/sitemap.xml @@ -3,28 +3,34 @@ xmlns:xhtml="http://www.w3.org/1999/xhtml"> https://blog.cachapa.xyz/ - 2023-01-31T16:52:19-04:00 + 2023-02-03T16:44:51-04:00 + + https://blog.cachapa.xyz/tags/coding/ + 2023-02-03T16:44:51-04:00 + + https://blog.cachapa.xyz/posts/eod/ + 2023-02-03T16:44:51-04:00 + + https://blog.cachapa.xyz/tags/life/ + 2023-02-03T16:44:51-04:00 + + https://blog.cachapa.xyz/posts/ + 2023-02-03T16:44:51-04:00 + + https://blog.cachapa.xyz/tags/random/ + 2023-02-03T16:44:51-04:00 + + https://blog.cachapa.xyz/tags/ + 2023-02-03T16:44:51-04:00 + + https://blog.cachapa.xyz/tags/work/ + 2023-02-03T16:44:51-04:00 https://blog.cachapa.xyz/posts/last-day-of-freedom/ 2023-01-31T16:52:19-04:00 - - https://blog.cachapa.xyz/tags/life/ - 2023-01-31T16:52:19-04:00 - - https://blog.cachapa.xyz/posts/ - 2023-01-31T16:52:19-04:00 - - https://blog.cachapa.xyz/tags/random/ - 2023-01-31T16:52:19-04:00 https://blog.cachapa.xyz/tags/rant/ 2023-01-31T16:52:19-04:00 - - https://blog.cachapa.xyz/tags/ - 2023-01-31T16:52:19-04:00 - - https://blog.cachapa.xyz/tags/work/ - 2023-01-31T16:52:19-04:00 https://blog.cachapa.xyz/categories/ 2023-01-30T00:00:00+00:00 diff --git a/public/tags/index.html b/public/tags/index.html index 0f84ec7..9d29312 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -128,6 +128,14 @@ +
  • + coding (1) +
  • + + + + +
  • intro (1)
  • @@ -137,7 +145,7 @@
  • - life (1) + life (2)
  • @@ -145,7 +153,7 @@
  • - random (1) + random (2)
  • @@ -169,7 +177,7 @@
  • - work (1) + work (2)
  • diff --git a/public/tags/index.xml b/public/tags/index.xml index d8cc767..99a7a04 100644 --- a/public/tags/index.xml +++ b/public/tags/index.xml @@ -7,11 +7,21 @@ Hugo -- gohugo.io en-us 2023 © Captain Arepa, lorem ipsum blah blah blah, yadda yadda yadda, etc etc etc. - Tue, 31 Jan 2023 16:52:19 -0400 + Fri, 03 Feb 2023 16:44:51 -0400 + + coding + https://blog.cachapa.xyz/tags/coding/ + Fri, 03 Feb 2023 16:44:51 -0400 + + https://blog.cachapa.xyz/tags/coding/ + + + + life https://blog.cachapa.xyz/tags/life/ - Tue, 31 Jan 2023 16:52:19 -0400 + Fri, 03 Feb 2023 16:44:51 -0400 https://blog.cachapa.xyz/tags/life/ @@ -21,13 +31,23 @@ random https://blog.cachapa.xyz/tags/random/ - Tue, 31 Jan 2023 16:52:19 -0400 + Fri, 03 Feb 2023 16:44:51 -0400 https://blog.cachapa.xyz/tags/random/ + + work + https://blog.cachapa.xyz/tags/work/ + Fri, 03 Feb 2023 16:44:51 -0400 + + https://blog.cachapa.xyz/tags/work/ + + + + rant https://blog.cachapa.xyz/tags/rant/ @@ -38,16 +58,6 @@ - - work - https://blog.cachapa.xyz/tags/work/ - Tue, 31 Jan 2023 16:52:19 -0400 - - https://blog.cachapa.xyz/tags/work/ - - - - intro https://blog.cachapa.xyz/tags/intro/ diff --git a/public/tags/life/index.html b/public/tags/life/index.html index 40ff796..2e408d5 100644 --- a/public/tags/life/index.html +++ b/public/tags/life/index.html @@ -123,6 +123,53 @@
    +
    +

    + EOD +

    + + + + + + + + EOD + + +
    + + Just another day, another week that ends. + +
    + + + + +
    +

    Last Day of Freedom diff --git a/public/tags/life/index.xml b/public/tags/life/index.xml index eac92b7..bd5784a 100644 --- a/public/tags/life/index.xml +++ b/public/tags/life/index.xml @@ -7,7 +7,48 @@ Hugo -- gohugo.io en-us 2023 © Captain Arepa, lorem ipsum blah blah blah, yadda yadda yadda, etc etc etc. - Tue, 31 Jan 2023 16:52:19 -0400 + Fri, 03 Feb 2023 16:44:51 -0400 + + EOD + https://blog.cachapa.xyz/posts/eod/ + Fri, 03 Feb 2023 16:44:51 -0400 + + https://blog.cachapa.xyz/posts/eod/ + Today&rsquo;s News So, another day reaches its end. While I started at a new company on Wednesday, it wasn&rsquo;t until this morning that I finally could talk with someone of relevance (in this case, the actual mobile tech lead). It seems that the onboarding time for new devs it&rsquo;s a bit longer, more so around this time of the year, mainly because projects are being delivered and new clients are getting onboard. + <h2 id="todays-news">Today&rsquo;s News</h2> +<p>So, another day reaches its end. While I started at a new company on Wednesday, it wasn&rsquo;t until this morning that I finally could talk with someone of relevance (in this case, the actual mobile tech lead). It seems that the onboarding time for new devs it&rsquo;s a bit longer, more so around this time of the year, mainly because projects are being delivered and new clients are getting onboard. Also, it&rsquo;s holiday season down in the Southern Hemisphere, so I guess it&rsquo;ll kinda chill, at least for a while.</p> +<h2 id="coding-and-wotnot">Coding and wotnot</h2> +<p><img src="https://blog.cachapa.xyz/img/programming-anime-girl.jpg" alt="My dream setup&hellip;"> +<em>I wish I had a setup like that&hellip;</em></p> +<p>Yesterday I finally managed to set up a +<a href="https://moar.cachapa.xyz/@RyuukoBot" target="_blank" rel="noopener noreferrer">bot</a> for my Misskey instance, and today I spent pretty much all day fine tuning it and setting up +<a href="https://moar.cachapa.xyz/@AstolfoBot" target="_blank" rel="noopener noreferrer">yet another one</a>. It was an interesting experience, since the script is written in Python, but is far simpler than the one I used for my Pleroma bots, which gave me an opportunity to get more used to the language.</p> +<p>Now, my interest in Python isn&rsquo;t limited to image bots for fedi instances. I&rsquo;ve been toying with the idea of developing <del>yet another</del> my own ActivityPub compatible backend, and for the longest time I was considering Kotlin as my main programming language, with Ktor as deelopment framework. The reason? Well, I&rsquo;m a native Android dev, and I mainly use Kotlin, so I thought it&rsquo;d be a good idea.</p> +<h2 id="the-five-stages-of-whachamacallit">The Five Stages of Whachamacallit</h2> +<p><img src="https://blog.cachapa.xyz/img/uzaki-unamused.png" alt="Chopsticks are hard to use, indeed."> +<em>Yeah, right.</em></p> +<p>Thing is, after reading forums and comments and wotnot, Ktor started to lose that appeal. And while I really like it, and Kotlin too, they don&rsquo;t quite fulfill my criteria for this endeavor. Things like the ability to execute user-written scripts during runtime or ease of deployment are non-negotiable for me, and neither Kotlin nor Ktor are able to deliver that.</p> +<p>So, my options for programming languages were basically killed because, other than Kotlin, I&rsquo;ve only worked with Java, C# and PHP. The first two are automatically discarded because they&rsquo;re inherently similar to Kotlin regarding my criteria, which leaves me only with PHP&hellip; which I don&rsquo;t hate, but I most definitely don&rsquo;t like.</p> +<h2 id="the-list">The List</h2> +<p><img src="https://blog.cachapa.xyz/img/not-a-boomer-but-almost.jpg" alt="Beep Boop"> +<em>Ngl, this would be me if I were a teacher&hellip;</em></p> +<p>Thus, my search for another programming language started. I initially considered going the soydev way with TypeScript or some shit like that, but that&rsquo;d be really masochistic on my side. I know JavaScript but I hate webdev shit (which is one of the reasons I moved to Android). Then I started checking other projects to see what they languages they&rsquo;re written in.</p> +<p>Elixir? Too esoteric for me, everything looks like a clusterfuck.<br> +Go? It&rsquo;s nice and fast, but too C-ish for me (can&rsquo;t undo the OOP damage).<br> +Rust? Too political and the learning curve is way too steep. <del>Also, troons.</del><br> +Ruby? I&rsquo;m not a manchild with diaper fetish, so, no. +Python? I think it&rsquo;d be a good option.</p> +<h2 id="tldr">tl;dr</h2> +<p><img src="https://blog.cachapa.xyz/img/wowee-old-school-gayming.jpg" alt="Oops!"> +<em>Did you know that Kobayashi is actually a developer and uses Python?</em></p> +<p>So, yeah, short answer to the question no one asked: I&rsquo;ll use Python for this project. I know jackshit about it besides the little tinkering I&rsquo;ve done to my bots' code, but out of all the options I&rsquo;ve considered, is the <em>sanest</em> one, in my opinion. Time will tell if it was a good option or if I should just walk the plank in the end.</p> +<p>So yeah, that&rsquo;s all.</p> +<blockquote> +<p><em>Adieu!</em></p> +</blockquote> + + + Last Day of Freedom https://blog.cachapa.xyz/posts/last-day-of-freedom/ diff --git a/public/tags/random/index.html b/public/tags/random/index.html index 50bf22a..7fa3079 100644 --- a/public/tags/random/index.html +++ b/public/tags/random/index.html @@ -123,6 +123,53 @@
    +
    +

    + EOD +

    + + + + + + + + EOD + + +
    + + Just another day, another week that ends. + +
    + + + + +
    +

    Last Day of Freedom diff --git a/public/tags/random/index.xml b/public/tags/random/index.xml index 3b896df..5268eee 100644 --- a/public/tags/random/index.xml +++ b/public/tags/random/index.xml @@ -7,7 +7,48 @@ Hugo -- gohugo.io en-us 2023 © Captain Arepa, lorem ipsum blah blah blah, yadda yadda yadda, etc etc etc. - Tue, 31 Jan 2023 16:52:19 -0400 + Fri, 03 Feb 2023 16:44:51 -0400 + + EOD + https://blog.cachapa.xyz/posts/eod/ + Fri, 03 Feb 2023 16:44:51 -0400 + + https://blog.cachapa.xyz/posts/eod/ + Today&rsquo;s News So, another day reaches its end. While I started at a new company on Wednesday, it wasn&rsquo;t until this morning that I finally could talk with someone of relevance (in this case, the actual mobile tech lead). It seems that the onboarding time for new devs it&rsquo;s a bit longer, more so around this time of the year, mainly because projects are being delivered and new clients are getting onboard. + <h2 id="todays-news">Today&rsquo;s News</h2> +<p>So, another day reaches its end. While I started at a new company on Wednesday, it wasn&rsquo;t until this morning that I finally could talk with someone of relevance (in this case, the actual mobile tech lead). It seems that the onboarding time for new devs it&rsquo;s a bit longer, more so around this time of the year, mainly because projects are being delivered and new clients are getting onboard. Also, it&rsquo;s holiday season down in the Southern Hemisphere, so I guess it&rsquo;ll kinda chill, at least for a while.</p> +<h2 id="coding-and-wotnot">Coding and wotnot</h2> +<p><img src="https://blog.cachapa.xyz/img/programming-anime-girl.jpg" alt="My dream setup&hellip;"> +<em>I wish I had a setup like that&hellip;</em></p> +<p>Yesterday I finally managed to set up a +<a href="https://moar.cachapa.xyz/@RyuukoBot" target="_blank" rel="noopener noreferrer">bot</a> for my Misskey instance, and today I spent pretty much all day fine tuning it and setting up +<a href="https://moar.cachapa.xyz/@AstolfoBot" target="_blank" rel="noopener noreferrer">yet another one</a>. It was an interesting experience, since the script is written in Python, but is far simpler than the one I used for my Pleroma bots, which gave me an opportunity to get more used to the language.</p> +<p>Now, my interest in Python isn&rsquo;t limited to image bots for fedi instances. I&rsquo;ve been toying with the idea of developing <del>yet another</del> my own ActivityPub compatible backend, and for the longest time I was considering Kotlin as my main programming language, with Ktor as deelopment framework. The reason? Well, I&rsquo;m a native Android dev, and I mainly use Kotlin, so I thought it&rsquo;d be a good idea.</p> +<h2 id="the-five-stages-of-whachamacallit">The Five Stages of Whachamacallit</h2> +<p><img src="https://blog.cachapa.xyz/img/uzaki-unamused.png" alt="Chopsticks are hard to use, indeed."> +<em>Yeah, right.</em></p> +<p>Thing is, after reading forums and comments and wotnot, Ktor started to lose that appeal. And while I really like it, and Kotlin too, they don&rsquo;t quite fulfill my criteria for this endeavor. Things like the ability to execute user-written scripts during runtime or ease of deployment are non-negotiable for me, and neither Kotlin nor Ktor are able to deliver that.</p> +<p>So, my options for programming languages were basically killed because, other than Kotlin, I&rsquo;ve only worked with Java, C# and PHP. The first two are automatically discarded because they&rsquo;re inherently similar to Kotlin regarding my criteria, which leaves me only with PHP&hellip; which I don&rsquo;t hate, but I most definitely don&rsquo;t like.</p> +<h2 id="the-list">The List</h2> +<p><img src="https://blog.cachapa.xyz/img/not-a-boomer-but-almost.jpg" alt="Beep Boop"> +<em>Ngl, this would be me if I were a teacher&hellip;</em></p> +<p>Thus, my search for another programming language started. I initially considered going the soydev way with TypeScript or some shit like that, but that&rsquo;d be really masochistic on my side. I know JavaScript but I hate webdev shit (which is one of the reasons I moved to Android). Then I started checking other projects to see what they languages they&rsquo;re written in.</p> +<p>Elixir? Too esoteric for me, everything looks like a clusterfuck.<br> +Go? It&rsquo;s nice and fast, but too C-ish for me (can&rsquo;t undo the OOP damage).<br> +Rust? Too political and the learning curve is way too steep. <del>Also, troons.</del><br> +Ruby? I&rsquo;m not a manchild with diaper fetish, so, no. +Python? I think it&rsquo;d be a good option.</p> +<h2 id="tldr">tl;dr</h2> +<p><img src="https://blog.cachapa.xyz/img/wowee-old-school-gayming.jpg" alt="Oops!"> +<em>Did you know that Kobayashi is actually a developer and uses Python?</em></p> +<p>So, yeah, short answer to the question no one asked: I&rsquo;ll use Python for this project. I know jackshit about it besides the little tinkering I&rsquo;ve done to my bots' code, but out of all the options I&rsquo;ve considered, is the <em>sanest</em> one, in my opinion. Time will tell if it was a good option or if I should just walk the plank in the end.</p> +<p>So yeah, that&rsquo;s all.</p> +<blockquote> +<p><em>Adieu!</em></p> +</blockquote> + + + Last Day of Freedom https://blog.cachapa.xyz/posts/last-day-of-freedom/ diff --git a/public/tags/work/index.html b/public/tags/work/index.html index dd858d0..3a915a4 100644 --- a/public/tags/work/index.html +++ b/public/tags/work/index.html @@ -123,6 +123,53 @@
    +
    +

    + EOD +

    + + + + + + + + EOD + + +
    + + Just another day, another week that ends. + +
    + + + + +
    +

    Last Day of Freedom diff --git a/public/tags/work/index.xml b/public/tags/work/index.xml index dbf8672..55310d1 100644 --- a/public/tags/work/index.xml +++ b/public/tags/work/index.xml @@ -7,7 +7,48 @@ Hugo -- gohugo.io en-us 2023 © Captain Arepa, lorem ipsum blah blah blah, yadda yadda yadda, etc etc etc. - Tue, 31 Jan 2023 16:52:19 -0400 + Fri, 03 Feb 2023 16:44:51 -0400 + + EOD + https://blog.cachapa.xyz/posts/eod/ + Fri, 03 Feb 2023 16:44:51 -0400 + + https://blog.cachapa.xyz/posts/eod/ + Today&rsquo;s News So, another day reaches its end. While I started at a new company on Wednesday, it wasn&rsquo;t until this morning that I finally could talk with someone of relevance (in this case, the actual mobile tech lead). It seems that the onboarding time for new devs it&rsquo;s a bit longer, more so around this time of the year, mainly because projects are being delivered and new clients are getting onboard. + <h2 id="todays-news">Today&rsquo;s News</h2> +<p>So, another day reaches its end. While I started at a new company on Wednesday, it wasn&rsquo;t until this morning that I finally could talk with someone of relevance (in this case, the actual mobile tech lead). It seems that the onboarding time for new devs it&rsquo;s a bit longer, more so around this time of the year, mainly because projects are being delivered and new clients are getting onboard. Also, it&rsquo;s holiday season down in the Southern Hemisphere, so I guess it&rsquo;ll kinda chill, at least for a while.</p> +<h2 id="coding-and-wotnot">Coding and wotnot</h2> +<p><img src="https://blog.cachapa.xyz/img/programming-anime-girl.jpg" alt="My dream setup&hellip;"> +<em>I wish I had a setup like that&hellip;</em></p> +<p>Yesterday I finally managed to set up a +<a href="https://moar.cachapa.xyz/@RyuukoBot" target="_blank" rel="noopener noreferrer">bot</a> for my Misskey instance, and today I spent pretty much all day fine tuning it and setting up +<a href="https://moar.cachapa.xyz/@AstolfoBot" target="_blank" rel="noopener noreferrer">yet another one</a>. It was an interesting experience, since the script is written in Python, but is far simpler than the one I used for my Pleroma bots, which gave me an opportunity to get more used to the language.</p> +<p>Now, my interest in Python isn&rsquo;t limited to image bots for fedi instances. I&rsquo;ve been toying with the idea of developing <del>yet another</del> my own ActivityPub compatible backend, and for the longest time I was considering Kotlin as my main programming language, with Ktor as deelopment framework. The reason? Well, I&rsquo;m a native Android dev, and I mainly use Kotlin, so I thought it&rsquo;d be a good idea.</p> +<h2 id="the-five-stages-of-whachamacallit">The Five Stages of Whachamacallit</h2> +<p><img src="https://blog.cachapa.xyz/img/uzaki-unamused.png" alt="Chopsticks are hard to use, indeed."> +<em>Yeah, right.</em></p> +<p>Thing is, after reading forums and comments and wotnot, Ktor started to lose that appeal. And while I really like it, and Kotlin too, they don&rsquo;t quite fulfill my criteria for this endeavor. Things like the ability to execute user-written scripts during runtime or ease of deployment are non-negotiable for me, and neither Kotlin nor Ktor are able to deliver that.</p> +<p>So, my options for programming languages were basically killed because, other than Kotlin, I&rsquo;ve only worked with Java, C# and PHP. The first two are automatically discarded because they&rsquo;re inherently similar to Kotlin regarding my criteria, which leaves me only with PHP&hellip; which I don&rsquo;t hate, but I most definitely don&rsquo;t like.</p> +<h2 id="the-list">The List</h2> +<p><img src="https://blog.cachapa.xyz/img/not-a-boomer-but-almost.jpg" alt="Beep Boop"> +<em>Ngl, this would be me if I were a teacher&hellip;</em></p> +<p>Thus, my search for another programming language started. I initially considered going the soydev way with TypeScript or some shit like that, but that&rsquo;d be really masochistic on my side. I know JavaScript but I hate webdev shit (which is one of the reasons I moved to Android). Then I started checking other projects to see what they languages they&rsquo;re written in.</p> +<p>Elixir? Too esoteric for me, everything looks like a clusterfuck.<br> +Go? It&rsquo;s nice and fast, but too C-ish for me (can&rsquo;t undo the OOP damage).<br> +Rust? Too political and the learning curve is way too steep. <del>Also, troons.</del><br> +Ruby? I&rsquo;m not a manchild with diaper fetish, so, no. +Python? I think it&rsquo;d be a good option.</p> +<h2 id="tldr">tl;dr</h2> +<p><img src="https://blog.cachapa.xyz/img/wowee-old-school-gayming.jpg" alt="Oops!"> +<em>Did you know that Kobayashi is actually a developer and uses Python?</em></p> +<p>So, yeah, short answer to the question no one asked: I&rsquo;ll use Python for this project. I know jackshit about it besides the little tinkering I&rsquo;ve done to my bots' code, but out of all the options I&rsquo;ve considered, is the <em>sanest</em> one, in my opinion. Time will tell if it was a good option or if I should just walk the plank in the end.</p> +<p>So yeah, that&rsquo;s all.</p> +<blockquote> +<p><em>Adieu!</em></p> +</blockquote> + + + Last Day of Freedom https://blog.cachapa.xyz/posts/last-day-of-freedom/ diff --git a/resources/_gen/assets/scss/css/pink-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/css/pink-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.content new file mode 100644 index 0000000..f9d15a1 --- /dev/null +++ b/resources/_gen/assets/scss/css/pink-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -0,0 +1,1191 @@ +@charset "UTF-8"; +/* COLOR VARIABLES */ +/* MEDIA QUERIES */ +/* variables for js, must be the same as these in @custom-media queries */ +:root { + --phoneWidth: (max-width: 684px); + --tabletWidth: (max-width: 900px); } + +@font-face { + font-display: swap; + font-family: 'Fira Code'; + font-style: normal; + font-weight: 400; + src: url("../fonts/FiraCode-Regular.woff") format("woff"); } + +@font-face { + font-display: swap; + font-family: 'Fira Code'; + font-style: normal; + font-weight: 800; + src: url("../fonts/FiraCode-Bold.woff") format("woff"); } + +.button-container { + display: table; + margin-left: auto; + margin-right: auto; } + +button, +.button, +a.button { + position: relative; + display: flex; + align-items: center; + justify-content: center; + padding: 8px 18px; + margin-bottom: 5px; + text-decoration: none; + text-align: center; + border-radius: 8; + border: 1px solid #EE72F1; + background: #EE72F1; + color: #21202c; + font: inherit; + font-weight: bold; + appearance: none; + cursor: pointer; + outline: none; + /* variants */ + /* sizes */ } + button:hover, + .button:hover, + a.button:hover { + background: rgba(238, 114, 241, 0.9); } + button.outline, + .button.outline, + a.button.outline { + background: transparent; + box-shadow: none; + padding: 8px 18px; } + button.outline :hover, + .button.outline :hover, + a.button.outline :hover { + transform: none; + box-shadow: none; } + button.link, + .button.link, + a.button.link { + background: none; + font-size: 1rem; } + button.small, + .button.small, + a.button.small { + font-size: .8rem; } + button.wide, + .button.wide, + a.button.wide { + min-width: 200px; + padding: 14px 24px; } + +a.read-more, +a.read-more:hover, +a.read-more:active { + display: inline-flex; + border: none; + color: #EE72F1; + background: none; + box-shadow: none; + padding: 0; + margin: 20px 0; + max-width: 100%; } + +.code-toolbar { + margin-bottom: 20px; } + .code-toolbar .toolbar-item a { + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 3px 8px; + margin-bottom: 5px; + text-decoration: none; + text-align: center; + font-size: 13px; + font-weight: 500; + border-radius: 8px; + border: 1px solid transparent; + appearance: none; + cursor: pointer; + outline: none; } + +input, textarea, select { + background: transparent; + color: #EE72F1; + border: 1px solid #EE72F1; + border-radius: 0; + padding: 10px; + font: inherit; + appearance: none; } + input:focus, input :active, textarea:focus, textarea :active, select:focus, select :active { + border-color: white; + outline: 1px solid white; } + input:active, textarea:active, select:active { + box-shadow: none; } + +select { + background: #21202c; } + select option { + background: #21202c; } + +::placeholder { + color: rgba(238, 114, 241, 0.5); } + +.header { + display: flex; + flex-direction: column; + position: relative; } + @media print { + .header { + display: none; } } + .header__inner { + display: flex; + align-items: center; + justify-content: space-between; } + .header__logo { + display: flex; + flex: 1; } + .header__logo:after { + content: ''; + background: repeating-linear-gradient(90deg, #EE72F1, #EE72F1 2px, transparent 0, transparent 10px); + display: block; + width: 100%; + right: 10px; } + .header__logo a { + flex: 0 0 auto; + max-width: 100%; + text-decoration: none; } + +.navigation-menu { + display: flex; + align-items: flex-start; + justify-content: space-between; + margin: 20px 1px; } + @media (max-width: 684px) { + .navigation-menu { + margin: 0; } } + .navigation-menu__inner { + display: flex; + flex: 1; + flex-wrap: wrap; + list-style: none; + margin: 0; + padding: 0; } + .navigation-menu__inner > li { + flex: 0 0 auto; + margin-bottom: 10px; + white-space: nowrap; } + .navigation-menu__inner > li:not(:last-of-type) { + margin-right: 20px; } + @media (max-width: 684px) { + .navigation-menu__inner { + flex-direction: column; + align-items: flex-start; + padding: 0; } + .navigation-menu__inner li { + margin: 0; + padding: 5px; } } + .navigation-menu .spacer { + flex-grow: 1 !important; } + +.menu { + display: flex; + flex-direction: column; + position: relative; + list-style: none; + padding: 0; + margin: 0; } + .menu__trigger { + margin-right: 0 !important; + color: #EE72F1; + user-select: none; + cursor: pointer; } + .menu__dropdown { + display: none; + flex-direction: column; + position: absolute; + background: #21202c; + box-shadow: 0 10px rgba(33, 32, 44, 0.8), -10px 10px rgba(33, 32, 44, 0.8), 10px 10px rgba(33, 32, 44, 0.8); + color: white; + border: 2px solid; + margin: 0; + padding: 10px; + top: 10px; + left: 0; + list-style: none; + z-index: 99; } + .open .menu__dropdown { + display: flex; } + .menu__dropdown > li { + flex: 0 0 auto; } + .menu__dropdown > li:not(:last-of-type) { + margin-bottom: 10px; } + .menu__dropdown > li a { + display: flex; + padding: 5px; } + @media (max-width: 684px) { + .menu--desktop { + display: none; } } + .menu--mobile .menu__trigger { + color: #EE72F1; + border: 2px solid; + margin-left: 10px; + height: 100%; + padding: 3px 8px; + margin-bottom: 0 !important; + position: relative; + cursor: pointer; + display: none; } + @media (max-width: 684px) { + .menu--mobile .menu__trigger { + display: block; } } + @media (max-width: 684px) { + .menu--mobile .menu__dropdown { + left: auto; + right: 0; } } + .menu--mobile li { + flex: 0 0 auto; } + .menu--mobile li:not(:last-of-type) { + margin-bottom: 10px; } + .menu--language-selector .menu__trigger { + color: #EE72F1; + border: 2px solid; + margin-left: 10px; + height: 100%; + padding: 3px 8px; + margin-bottom: 0 !important; + position: relative; + cursor: pointer; } + @media (max-width: 684px) { + .menu--language-selector .menu__trigger { + display: none; } } + .menu--language-selector .menu__dropdown { + left: auto; + right: 0; } + +.logo { + display: flex; + align-items: center; + text-decoration: none; + background: #EE72F1; + color: black; + padding: 5px 10px; } + +html { + box-sizing: border-box; } + +*, +*:before, +*:after { + box-sizing: inherit; } + +body { + margin: 0; + padding: 0; + font-family: 'Fira Code', Monaco, Consolas, Ubuntu Mono, monospace; + font-size: 1rem; + line-height: 1.54; + letter-spacing: -0.02em; + background-color: #21202c; + color: white; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + font-feature-settings: "liga", "tnum", "zero", "ss01", "locl"; + font-variant-ligatures: contextual; + -webkit-overflow-scrolling: touch; + -webkit-text-size-adjust: 100%; } + @media (max-width: 684px) { + body { + font-size: 1rem; } } +.headings--one-size h1, +.headings--one-size h2, +.headings--one-size h3, +.headings--one-size h4, +.headings--one-size h5, +.headings--one-size h6 { + line-height: 1.3; } + .headings--one-size h1:not(first-child), + .headings--one-size h2:not(first-child), + .headings--one-size h3:not(first-child), + .headings--one-size h4:not(first-child), + .headings--one-size h5:not(first-child), + .headings--one-size h6:not(first-child) { + margin-top: 40px; } + +.headings--one-size h1, +.headings--one-size h2, +.headings--one-size h3 { + font-size: 1.4rem; } + +.headings--one-size h4, +.headings--one-size h5, +.headings--one-size h6 { + font-size: 1.2rem; } + +a { + color: inherit; + /* Waiting for a better times... */ + /* &:has(code) { + text-decoration-color: $accent; + } */ } + +img { + display: block; + max-width: 100%; } + img.left { + margin-right: auto; } + img.center { + margin-left: auto; + margin-right: auto; } + img.right { + margin-left: auto; } + +p { + margin-bottom: 20px; } + +figure { + display: table; + max-width: 100%; + margin: 25px 0; } + figure.left { + margin-right: auto; } + figure.center { + margin-left: auto; + margin-right: auto; } + figure.right { + margin-left: auto; } + figure figcaption { + font-size: 14px; + padding: 5px 10px; + margin-top: 5px; + background: #EE72F1; + color: #21202c; + /* opacity: .8; */ } + figure figcaption.left { + text-align: left; } + figure figcaption.center { + text-align: center; } + figure figcaption.right { + text-align: right; } + +code, kbd { + font-family: 'Fira Code', Monaco, Consolas, Ubuntu Mono, monospace !important; + font-feature-settings: normal; + background: rgba(238, 114, 241, 0.2); + color: #EE72F1; + padding: 1px 6px; + margin: 0 2px; + font-size: .95rem; } + code code, code kbd, kbd code, kbd kbd { + background: transparent; + padding: 0; + margin: 0; } + +pre { + background: transparent !important; + padding: 20px 10px; + margin: 40px 0; + font-size: .95rem !important; + overflow: auto; + border-top: 1px solid rgba(255, 255, 255, 0.1); + border-bottom: 1px solid rgba(255, 255, 255, 0.1); } + pre + pre { + border-top: 0; + margin-top: -40px; } + @media (max-width: 684px) { + pre { + white-space: pre-wrap; + word-wrap: break-word; } } + pre code { + background: none !important; + margin: 0; + padding: 0; + font-size: inherit; + border: none; } + +blockquote { + border-top: 1px solid #EE72F1; + border-bottom: 1px solid #EE72F1; + margin: 40px 0; + padding: 25px; } + @media (max-width: 684px) { + blockquote { + padding-right: 0; } } + blockquote p:first-of-type { + margin-top: 0; } + blockquote p:last-of-type { + margin-bottom: 0; } + blockquote p { + position: relative; } + blockquote p:first-of-type:before { + content: '>'; + display: block; + position: absolute; + left: -25px; + color: #EE72F1; } + blockquote.twitter-tweet { + position: relative; + background: rgba(238, 114, 241, 0.1); + font: inherit; + color: inherit; + border: 1px solid #EE72F1; + padding-top: 60px; } + blockquote.twitter-tweet p:before { + content: ''; } + blockquote.twitter-tweet:before { + content: '> From Twitter:'; + position: absolute; + top: 20px; + color: #EE72F1; + font-weight: bold; } + blockquote.twitter-tweet a { + color: #EE72F1; } + +table { + table-layout: auto; + border-collapse: collapse; + width: 100%; + margin: 40px 0; } + +table, +th, +td { + border: 1px dashed #EE72F1; + padding: 10px; } + +th { + color: #EE72F1; } + +ul, +ol { + margin-left: 22px; + padding: 0; } + ul li, + ol li { + position: relative; } + @media (max-width: 684px) { + ul, + ol { + margin-left: 20px; } } +ol { + list-style: none; + counter-reset: li; } + ol li { + counter-increment: li; } + ol li:before { + content: counter(li); + position: absolute; + right: calc(100% + 10px); + color: #EE72F1; + display: inline-block; + text-align: right; } + ol ol { + margin-left: 38px; } + ol ol li { + counter-increment: li; } + ol ol li:before { + content: counters(li, ".") " "; } + +mark { + background: #EE72F1; + color: #21202c; } + +.container { + display: flex; + flex-direction: column; + padding: 40px; + max-width: 864px; + min-height: 100vh; + border-right: 1px solid rgba(255, 255, 255, 0.1); } + .container.full, .container.center { + border: none; + margin: 0 auto; } + .container.full { + max-width: 100%; } + @media (max-width: 684px) { + .container { + padding: 20px; } } + @media print { + .container { + display: initial; } } +.content { + display: flex; + flex-direction: column; } + @media print { + .content { + display: initial; } } +hr { + width: 100%; + border: none; + background: rgba(255, 255, 255, 0.1); + height: 1px; } + +.hidden { + display: none; } + +sup { + line-height: 0; } + +.index-content { + margin-top: 20px; } + +.framed { + border: 1px solid #EE72F1; + padding: 20px; } + .framed *:first-child { + margin-top: 0; } + .framed *:last-child { + margin-bottom: 0; } + +.posts { + width: 100%; } + +.post { + width: 100%; + text-align: left; + margin: 20px auto; + padding: 20px 0; } + .post:not(:last-of-type) { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); } + .post-meta { + font-size: 1rem; + margin-bottom: 10px; + color: rgba(238, 114, 241, 0.7); } + .post-title { + position: relative; + color: #EE72F1; + margin: 0 0 15px; + padding-bottom: 15px; + border-bottom: 3px dotted #EE72F1; } + .post-title:after { + content: ''; + position: absolute; + bottom: 2px; + display: block; + width: 100%; + border-bottom: 3px dotted #EE72F1; } + .post-title a { + text-decoration: none; } + .post-tags { + display: block; + margin-bottom: 20px; + font-size: 1rem; + opacity: .5; } + .post-tags a { + text-decoration: none; } + .post-content { + margin-top: 30px; } + .post-cover { + border: 20px solid #EE72F1; + background: transparent; + margin: 40px 0; + padding: 20px; } + @media (max-width: 684px) { + .post-cover { + padding: 10px; + border-width: 10px; } } + .post ul { + list-style: none; } + .post ul li:not(:empty):before { + content: '-'; + position: absolute; + left: -20px; + color: #EE72F1; } + +.post--regulation h1 { + justify-content: center; } + +.post--regulation h2 { + justify-content: center; + margin-bottom: 10px; } + .post--regulation h2 + h2 { + margin-top: -10px; + margin-bottom: 20px; } + +.hanchor { + color: rgba(238, 114, 241, 0.9); + text-decoration: none; + margin-left: 10px; + visibility: hidden; } + +h1:hover a, h2:hover a, h3:hover a, h4:hover a { + visibility: visible; } + +.footnotes { + color: rgba(255, 255, 255, 0.5); } + +.pagination { + margin-top: 50px; } + @media print { + .pagination { + display: none; } } + .pagination__title { + display: flex; + text-align: center; + position: relative; + margin: 100px 0 20px; } + .pagination__title-h { + text-align: center; + margin: 0 auto; + padding: 5px 10px; + background: #21202c; + color: rgba(255, 255, 255, 0.3); + font-size: .8rem; + text-transform: uppercase; + text-decoration: none; + letter-spacing: .1em; + z-index: 1; } + .pagination__title hr { + position: absolute; + left: 0; + right: 0; + width: 100%; + margin-top: 15px; + z-index: 0; } + .pagination__buttons { + display: flex; + align-items: center; + justify-content: center; + flex-flow: row wrap; + gap: 10px; } + .pagination__buttons a { + text-decoration: none; } + +.button { + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 1rem; + padding: 0; + appearance: none; } + @media (max-width: 684px) { + .button { + flex: 1; } } + .button a { + display: flex; + justify-content: center; + flex: 1; + padding: 8px 16px; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + .button__text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + .button.next .button__icon { + margin-left: 8px; } + .button.previous .button__icon { + margin-right: 8px; } + +.footer { + padding: 40px 0; + flex-grow: 0; + opacity: .5; } + .footer__inner { + display: flex; + align-items: center; + justify-content: space-between; + margin: 0; + width: 760px; + max-width: 100%; } + @media (max-width: 900px) { + .footer__inner { + flex-direction: column; } } + .footer a { + color: inherit; } + .footer .copyright { + display: flex; + flex-flow: row wrap; + flex: 1; + align-items: center; + font-size: 1rem; + justify-content: center; } + .footer .copyright--user { + margin: auto; + text-align: center; } + .footer .copyright > *:first-child:not(:only-child) { + margin-right: 10px; } + .footer .copyright span { + white-space: nowrap; } + +/* PrismJS 1.24.1 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+actionscript+apacheconf+applescript+bash+c+csharp+cpp+cmake+coffeescript+csp+css-extras+diff+django+docker+elixir+elm+erlang+fsharp+flow+git+go+graphql+haml+handlebars+haskell+http+java+json+kotlin+latex+less+llvm+makefile+markdown+markup-templating+nasm+objectivec+ocaml+perl+php+php-extras+powershell+processing+pug+python+r+jsx+tsx+reason+ruby+rust+sass+scss+scala+scheme+sql+stylus+swift+textile+toml+twig+typescript+vim+visual-basic+wasm+yaml&plugins=line-highlight+line-numbers+jsonp-highlight+highlight-keywords+command-line+toolbar+copy-to-clipboard */ +/** + * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML + * Based on https://github.com/chriskempson/tomorrow-theme + * @author Rose Pritchard + */ +code[class*="language-"], +pre[class*="language-"] { + color: #ccc; + background: none; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; } + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; } + +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background: #2d2d2d; } + +/* Inline code */ +:not(pre) > code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; } + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #999; } + +.token.punctuation { + color: #ccc; } + +.token.tag, +.token.attr-name, +.token.namespace, +.token.deleted { + color: #e2777a; } + +.token.function-name { + color: #6196cc; } + +.token.boolean, +.token.number, +.token.function { + color: #f08d49; } + +.token.property, +.token.class-name, +.token.constant, +.token.symbol { + color: #f8c555; } + +.token.selector, +.token.important, +.token.atrule, +.token.keyword, +.token.builtin { + color: #cc99cd; } + +.token.string, +.token.char, +.token.attr-value, +.token.regex, +.token.variable { + color: #7ec699; } + +.token.operator, +.token.entity, +.token.url { + color: #67cdcc; } + +.token.important, +.token.bold { + font-weight: bold; } + +.token.italic { + font-style: italic; } + +.token.entity { + cursor: help; } + +.token.inserted { + color: green; } + +pre[data-line] { + position: relative; + padding: 1em 0 1em 3em; } + +.line-highlight { + position: absolute; + left: 0; + right: 0; + padding: inherit 0; + margin-top: 1em; + /* Same as .prism’s padding-top */ + background: rgba(153, 122, 102, 0.08); + background: linear-gradient(to right, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0)); + pointer-events: none; + line-height: inherit; + white-space: pre; } + +@media print { + .line-highlight { + /* + * This will prevent browsers from replacing the background color with white. + * It's necessary because the element is layered on top of the displayed code. + */ + -webkit-print-color-adjust: exact; + color-adjust: exact; } } + +.line-highlight:before, +.line-highlight[data-end]:after { + content: attr(data-start); + position: absolute; + top: .4em; + left: .6em; + min-width: 1em; + padding: 0 .5em; + background-color: rgba(153, 122, 102, 0.4); + color: #f5f2f0; + font: bold 65%/1.5 sans-serif; + text-align: center; + vertical-align: .3em; + border-radius: 999px; + text-shadow: none; + box-shadow: 0 1px white; } + +.line-highlight[data-end]:after { + content: attr(data-end); + top: auto; + bottom: .4em; } + +.line-numbers .line-highlight:before, +.line-numbers .line-highlight:after { + content: none; } + +pre[id].linkable-line-numbers span.line-numbers-rows { + pointer-events: all; } + +pre[id].linkable-line-numbers span.line-numbers-rows > span:before { + cursor: pointer; } + +pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before { + background-color: rgba(128, 128, 128, 0.2); } + +pre[class*="language-"].line-numbers { + position: relative; + padding-left: 3.8em; + counter-reset: linenumber; } + +pre[class*="language-"].line-numbers > code { + position: relative; + white-space: inherit; } + +.line-numbers .line-numbers-rows { + position: absolute; + pointer-events: none; + top: 0; + font-size: 100%; + left: -3.8em; + width: 3em; + /* works for line-numbers below 1000 lines */ + letter-spacing: -1px; + border-right: 1px solid #999; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.line-numbers-rows > span { + display: block; + counter-increment: linenumber; } + +.line-numbers-rows > span:before { + content: counter(linenumber); + color: #999; + display: block; + padding-right: 0.8em; + text-align: right; } + +.command-line-prompt { + border-right: 1px solid #999; + display: block; + float: left; + font-size: 100%; + letter-spacing: -1px; + margin-right: 1em; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.command-line-prompt > span:before { + color: #999; + content: ' '; + display: block; + padding-right: 0.8em; } + +.command-line-prompt > span[data-user]:before { + content: "[" attr(data-user) "@" attr(data-host) "] $"; } + +.command-line-prompt > span[data-user="root"]:before { + content: "[" attr(data-user) "@" attr(data-host) "] #"; } + +.command-line-prompt > span[data-prompt]:before { + content: attr(data-prompt); } + +div.code-toolbar { + position: relative; } + +div.code-toolbar > .toolbar { + position: absolute; + top: .3em; + right: .2em; + transition: opacity 0.3s ease-in-out; + opacity: 0; } + +div.code-toolbar:hover > .toolbar { + opacity: 1; } + +/* Separate line b/c rules are thrown out if selector is invalid. + IE11 and old Edge versions don't support :focus-within. */ +div.code-toolbar:focus-within > .toolbar { + opacity: 1; } + +div.code-toolbar > .toolbar > .toolbar-item { + display: inline-block; } + +div.code-toolbar > .toolbar > .toolbar-item > a { + cursor: pointer; } + +div.code-toolbar > .toolbar > .toolbar-item > button { + background: none; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + padding: 0; + -webkit-user-select: none; + /* for button */ + -moz-user-select: none; + -ms-user-select: none; } + +div.code-toolbar > .toolbar > .toolbar-item > a, +div.code-toolbar > .toolbar > .toolbar-item > button, +div.code-toolbar > .toolbar > .toolbar-item > span { + color: #bbb; + font-size: .8em; + padding: 0 .5em; + background: #f5f2f0; + background: rgba(224, 224, 224, 0.2); + box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); + border-radius: .5em; } + +div.code-toolbar > .toolbar > .toolbar-item > a:hover, +div.code-toolbar > .toolbar > .toolbar-item > a:focus, +div.code-toolbar > .toolbar > .toolbar-item > button:hover, +div.code-toolbar > .toolbar > .toolbar-item > button:focus, +div.code-toolbar > .toolbar > .toolbar-item > span:hover, +div.code-toolbar > .toolbar > .toolbar-item > span:focus { + color: inherit; + text-decoration: none; } + +code.language-css, +code.language-scss, +.token.boolean, +.token.string, +.token.entity, +.token.url, +.language-css .token.string, +.language-scss .token.string, +.style .token.string, +.token.attr-value, +.token.keyword, +.token.control, +.token.directive, +.token.statement, +.token.regex, +.token.atrule, +.token.number, +.token.inserted, +.token.important { + color: #EE72F1 !important; } + +.token.tag-id, +.token.atrule-id, +.token.operator, +.token.unit, +.token.placeholder, +.token.variable, +.token.tag, +.token.attr-name, +.token.namespace, +.token.deleted, +.token.property, +.token.class-name, +.token.constant, +.token.symbol { + color: rgba(238, 114, 241, 0.7) !important; } + +.token.property, +.token.function, +.token.function-name, +.token.deleted, +code.language-javascript, +code.language-html, +.command-line-prompt > span:before { + color: #9a999a !important; } + +.token.selector, +.token.tag, +.token.punctuation { + color: white; } + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: rgba(255, 255, 255, 0.3) !important; } + +.token.namespace { + opacity: .7 !important; } + +pre[data-line] { + position: relative; } + +pre[class*="language-"] { + margin: 0; + padding: 0; + overflow: auto; } + +.line-highlight { + position: absolute; + left: 0; + right: 0; + padding: 0; + margin: 0; + background: rgba(230, 118, 232, 0.08); + pointer-events: none; + line-height: inherit; + white-space: pre; } + +.line-highlight:before, +.line-highlight[data-end]:after { + content: attr(data-start); + position: absolute; + /* top: .4em; */ + left: .6em; + min-width: 1em; + padding: 0 .5em; + background-color: rgba(153, 122, 102, 0.4); + color: #f5f2f0; + font: bold 65%/1.5 sans-serif; + text-align: center; + vertical-align: .3em; + border-radius: 999px; + text-shadow: none; + box-shadow: 0 1px white; } + +.line-highlight[data-end]:after { + content: attr(data-end); + top: auto; + bottom: .4em; } + +.line-numbers .line-highlight:before, +.line-numbers .line-highlight:after { + content: none; } + +.code-toolbar { + position: relative; + margin: 40px 0; + padding: 20px; + border: 1px solid rgba(255, 255, 255, 0.1); } + .code-toolbar + .code-toolbar, + .code-toolbar + .highlight, + .code-toolbar + .highlight .code-toolbar { + border-top: 0; + margin-top: calc(-1 * $code-margin); } + .code-toolbar pre, .code-toolbar code { + border: none; } + .code-toolbar code { + display: block; + color: inherit; } + .code-toolbar > .toolbar button { + font-size: .8em !important; + background: rgba(224, 224, 224, 0.2) !important; + color: #bbb !important; + box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2) !important; + border-radius: 0 !important; + margin: 6px !important; + padding: 10px !important; + user-select: none; } + +.collapsable-code { + position: relative; + width: 100%; + margin: 40px 0; } + .collapsable-code input[type="checkbox"] { + position: absolute; + visibility: hidden; } + .collapsable-code input[type="checkbox"]:checked ~ pre, + .collapsable-code input[type="checkbox"]:checked ~ .code-toolbar pre { + height: 0; + padding: 0; + border-top: none; } + .collapsable-code input[type="checkbox"]:checked ~ .code-toolbar { + padding: 0; + border-top: none; } + .collapsable-code input[type="checkbox"]:checked ~ .code-toolbar .toolbar { + display: none; } + .collapsable-code input[type="checkbox"]:checked ~ label .collapsable-code__toggle:after { + content: attr(data-label-expand); } + .collapsable-code label { + position: relative; + display: flex; + justify-content: space-between; + min-width: 30px; + min-height: 30px; + margin: 0; + border-bottom: 1px solid #e676e8; + cursor: pointer; } + .collapsable-code__title { + flex: 1; + color: #EE72F1; + padding: 3px 10px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + .collapsable-code__language { + color: #EE72F1; + border: 1px solid #e676e8; + border-bottom: none; + text-transform: uppercase; + padding: 3px 10px; } + .collapsable-code__toggle { + color: #EE72F1; + font-size: 16px; + padding: 3px 10px; } + .collapsable-code__toggle:after { + content: attr(data-label-collapse); } + .collapsable-code pre { + margin-top: 0; } + .collapsable-code pre::first-line { + line-height: 0; } + .collapsable-code .code-toolbar { + margin: 0; } + +.terms h1 { + color: #EE72F1; } + +.terms h3 { + font-size: initial; } + +body .gist .blob-num, +body .gist .blob-code-inner { + border: none; } diff --git a/resources/_gen/assets/scss/css/pink-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.json b/resources/_gen/assets/scss/css/pink-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.json new file mode 100644 index 0000000..5014fc7 --- /dev/null +++ b/resources/_gen/assets/scss/css/pink-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.json @@ -0,0 +1 @@ +{"Target":"css/pink-local.css","MediaType":"text/css","Data":{}} \ No newline at end of file diff --git a/resources/_gen/assets/scss/css/red-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/css/red-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.content new file mode 100644 index 0000000..02d3ba1 --- /dev/null +++ b/resources/_gen/assets/scss/css/red-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -0,0 +1,1191 @@ +@charset "UTF-8"; +/* COLOR VARIABLES */ +/* MEDIA QUERIES */ +/* variables for js, must be the same as these in @custom-media queries */ +:root { + --phoneWidth: (max-width: 684px); + --tabletWidth: (max-width: 900px); } + +@font-face { + font-display: swap; + font-family: 'Fira Code'; + font-style: normal; + font-weight: 400; + src: url("../fonts/FiraCode-Regular.woff") format("woff"); } + +@font-face { + font-display: swap; + font-family: 'Fira Code'; + font-style: normal; + font-weight: 800; + src: url("../fonts/FiraCode-Bold.woff") format("woff"); } + +.button-container { + display: table; + margin-left: auto; + margin-right: auto; } + +button, +.button, +a.button { + position: relative; + display: flex; + align-items: center; + justify-content: center; + padding: 8px 18px; + margin-bottom: 5px; + text-decoration: none; + text-align: center; + border-radius: 8; + border: 1px solid #FF6266; + background: #FF6266; + color: #221f29; + font: inherit; + font-weight: bold; + appearance: none; + cursor: pointer; + outline: none; + /* variants */ + /* sizes */ } + button:hover, + .button:hover, + a.button:hover { + background: rgba(255, 98, 102, 0.9); } + button.outline, + .button.outline, + a.button.outline { + background: transparent; + box-shadow: none; + padding: 8px 18px; } + button.outline :hover, + .button.outline :hover, + a.button.outline :hover { + transform: none; + box-shadow: none; } + button.link, + .button.link, + a.button.link { + background: none; + font-size: 1rem; } + button.small, + .button.small, + a.button.small { + font-size: .8rem; } + button.wide, + .button.wide, + a.button.wide { + min-width: 200px; + padding: 14px 24px; } + +a.read-more, +a.read-more:hover, +a.read-more:active { + display: inline-flex; + border: none; + color: #FF6266; + background: none; + box-shadow: none; + padding: 0; + margin: 20px 0; + max-width: 100%; } + +.code-toolbar { + margin-bottom: 20px; } + .code-toolbar .toolbar-item a { + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 3px 8px; + margin-bottom: 5px; + text-decoration: none; + text-align: center; + font-size: 13px; + font-weight: 500; + border-radius: 8px; + border: 1px solid transparent; + appearance: none; + cursor: pointer; + outline: none; } + +input, textarea, select { + background: transparent; + color: #FF6266; + border: 1px solid #FF6266; + border-radius: 0; + padding: 10px; + font: inherit; + appearance: none; } + input:focus, input :active, textarea:focus, textarea :active, select:focus, select :active { + border-color: white; + outline: 1px solid white; } + input:active, textarea:active, select:active { + box-shadow: none; } + +select { + background: #221f29; } + select option { + background: #221f29; } + +::placeholder { + color: rgba(255, 98, 102, 0.5); } + +.header { + display: flex; + flex-direction: column; + position: relative; } + @media print { + .header { + display: none; } } + .header__inner { + display: flex; + align-items: center; + justify-content: space-between; } + .header__logo { + display: flex; + flex: 1; } + .header__logo:after { + content: ''; + background: repeating-linear-gradient(90deg, #FF6266, #FF6266 2px, transparent 0, transparent 10px); + display: block; + width: 100%; + right: 10px; } + .header__logo a { + flex: 0 0 auto; + max-width: 100%; + text-decoration: none; } + +.navigation-menu { + display: flex; + align-items: flex-start; + justify-content: space-between; + margin: 20px 1px; } + @media (max-width: 684px) { + .navigation-menu { + margin: 0; } } + .navigation-menu__inner { + display: flex; + flex: 1; + flex-wrap: wrap; + list-style: none; + margin: 0; + padding: 0; } + .navigation-menu__inner > li { + flex: 0 0 auto; + margin-bottom: 10px; + white-space: nowrap; } + .navigation-menu__inner > li:not(:last-of-type) { + margin-right: 20px; } + @media (max-width: 684px) { + .navigation-menu__inner { + flex-direction: column; + align-items: flex-start; + padding: 0; } + .navigation-menu__inner li { + margin: 0; + padding: 5px; } } + .navigation-menu .spacer { + flex-grow: 1 !important; } + +.menu { + display: flex; + flex-direction: column; + position: relative; + list-style: none; + padding: 0; + margin: 0; } + .menu__trigger { + margin-right: 0 !important; + color: #FF6266; + user-select: none; + cursor: pointer; } + .menu__dropdown { + display: none; + flex-direction: column; + position: absolute; + background: #221f29; + box-shadow: 0 10px rgba(34, 31, 41, 0.8), -10px 10px rgba(34, 31, 41, 0.8), 10px 10px rgba(34, 31, 41, 0.8); + color: white; + border: 2px solid; + margin: 0; + padding: 10px; + top: 10px; + left: 0; + list-style: none; + z-index: 99; } + .open .menu__dropdown { + display: flex; } + .menu__dropdown > li { + flex: 0 0 auto; } + .menu__dropdown > li:not(:last-of-type) { + margin-bottom: 10px; } + .menu__dropdown > li a { + display: flex; + padding: 5px; } + @media (max-width: 684px) { + .menu--desktop { + display: none; } } + .menu--mobile .menu__trigger { + color: #FF6266; + border: 2px solid; + margin-left: 10px; + height: 100%; + padding: 3px 8px; + margin-bottom: 0 !important; + position: relative; + cursor: pointer; + display: none; } + @media (max-width: 684px) { + .menu--mobile .menu__trigger { + display: block; } } + @media (max-width: 684px) { + .menu--mobile .menu__dropdown { + left: auto; + right: 0; } } + .menu--mobile li { + flex: 0 0 auto; } + .menu--mobile li:not(:last-of-type) { + margin-bottom: 10px; } + .menu--language-selector .menu__trigger { + color: #FF6266; + border: 2px solid; + margin-left: 10px; + height: 100%; + padding: 3px 8px; + margin-bottom: 0 !important; + position: relative; + cursor: pointer; } + @media (max-width: 684px) { + .menu--language-selector .menu__trigger { + display: none; } } + .menu--language-selector .menu__dropdown { + left: auto; + right: 0; } + +.logo { + display: flex; + align-items: center; + text-decoration: none; + background: #FF6266; + color: black; + padding: 5px 10px; } + +html { + box-sizing: border-box; } + +*, +*:before, +*:after { + box-sizing: inherit; } + +body { + margin: 0; + padding: 0; + font-family: 'Fira Code', Monaco, Consolas, Ubuntu Mono, monospace; + font-size: 1rem; + line-height: 1.54; + letter-spacing: -0.02em; + background-color: #221f29; + color: white; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + font-feature-settings: "liga", "tnum", "zero", "ss01", "locl"; + font-variant-ligatures: contextual; + -webkit-overflow-scrolling: touch; + -webkit-text-size-adjust: 100%; } + @media (max-width: 684px) { + body { + font-size: 1rem; } } +.headings--one-size h1, +.headings--one-size h2, +.headings--one-size h3, +.headings--one-size h4, +.headings--one-size h5, +.headings--one-size h6 { + line-height: 1.3; } + .headings--one-size h1:not(first-child), + .headings--one-size h2:not(first-child), + .headings--one-size h3:not(first-child), + .headings--one-size h4:not(first-child), + .headings--one-size h5:not(first-child), + .headings--one-size h6:not(first-child) { + margin-top: 40px; } + +.headings--one-size h1, +.headings--one-size h2, +.headings--one-size h3 { + font-size: 1.4rem; } + +.headings--one-size h4, +.headings--one-size h5, +.headings--one-size h6 { + font-size: 1.2rem; } + +a { + color: inherit; + /* Waiting for a better times... */ + /* &:has(code) { + text-decoration-color: $accent; + } */ } + +img { + display: block; + max-width: 100%; } + img.left { + margin-right: auto; } + img.center { + margin-left: auto; + margin-right: auto; } + img.right { + margin-left: auto; } + +p { + margin-bottom: 20px; } + +figure { + display: table; + max-width: 100%; + margin: 25px 0; } + figure.left { + margin-right: auto; } + figure.center { + margin-left: auto; + margin-right: auto; } + figure.right { + margin-left: auto; } + figure figcaption { + font-size: 14px; + padding: 5px 10px; + margin-top: 5px; + background: #FF6266; + color: #221f29; + /* opacity: .8; */ } + figure figcaption.left { + text-align: left; } + figure figcaption.center { + text-align: center; } + figure figcaption.right { + text-align: right; } + +code, kbd { + font-family: 'Fira Code', Monaco, Consolas, Ubuntu Mono, monospace !important; + font-feature-settings: normal; + background: rgba(255, 98, 102, 0.2); + color: #FF6266; + padding: 1px 6px; + margin: 0 2px; + font-size: .95rem; } + code code, code kbd, kbd code, kbd kbd { + background: transparent; + padding: 0; + margin: 0; } + +pre { + background: transparent !important; + padding: 20px 10px; + margin: 40px 0; + font-size: .95rem !important; + overflow: auto; + border-top: 1px solid rgba(255, 255, 255, 0.1); + border-bottom: 1px solid rgba(255, 255, 255, 0.1); } + pre + pre { + border-top: 0; + margin-top: -40px; } + @media (max-width: 684px) { + pre { + white-space: pre-wrap; + word-wrap: break-word; } } + pre code { + background: none !important; + margin: 0; + padding: 0; + font-size: inherit; + border: none; } + +blockquote { + border-top: 1px solid #FF6266; + border-bottom: 1px solid #FF6266; + margin: 40px 0; + padding: 25px; } + @media (max-width: 684px) { + blockquote { + padding-right: 0; } } + blockquote p:first-of-type { + margin-top: 0; } + blockquote p:last-of-type { + margin-bottom: 0; } + blockquote p { + position: relative; } + blockquote p:first-of-type:before { + content: '>'; + display: block; + position: absolute; + left: -25px; + color: #FF6266; } + blockquote.twitter-tweet { + position: relative; + background: rgba(255, 98, 102, 0.1); + font: inherit; + color: inherit; + border: 1px solid #FF6266; + padding-top: 60px; } + blockquote.twitter-tweet p:before { + content: ''; } + blockquote.twitter-tweet:before { + content: '> From Twitter:'; + position: absolute; + top: 20px; + color: #FF6266; + font-weight: bold; } + blockquote.twitter-tweet a { + color: #FF6266; } + +table { + table-layout: auto; + border-collapse: collapse; + width: 100%; + margin: 40px 0; } + +table, +th, +td { + border: 1px dashed #FF6266; + padding: 10px; } + +th { + color: #FF6266; } + +ul, +ol { + margin-left: 22px; + padding: 0; } + ul li, + ol li { + position: relative; } + @media (max-width: 684px) { + ul, + ol { + margin-left: 20px; } } +ol { + list-style: none; + counter-reset: li; } + ol li { + counter-increment: li; } + ol li:before { + content: counter(li); + position: absolute; + right: calc(100% + 10px); + color: #FF6266; + display: inline-block; + text-align: right; } + ol ol { + margin-left: 38px; } + ol ol li { + counter-increment: li; } + ol ol li:before { + content: counters(li, ".") " "; } + +mark { + background: #FF6266; + color: #221f29; } + +.container { + display: flex; + flex-direction: column; + padding: 40px; + max-width: 864px; + min-height: 100vh; + border-right: 1px solid rgba(255, 255, 255, 0.1); } + .container.full, .container.center { + border: none; + margin: 0 auto; } + .container.full { + max-width: 100%; } + @media (max-width: 684px) { + .container { + padding: 20px; } } + @media print { + .container { + display: initial; } } +.content { + display: flex; + flex-direction: column; } + @media print { + .content { + display: initial; } } +hr { + width: 100%; + border: none; + background: rgba(255, 255, 255, 0.1); + height: 1px; } + +.hidden { + display: none; } + +sup { + line-height: 0; } + +.index-content { + margin-top: 20px; } + +.framed { + border: 1px solid #FF6266; + padding: 20px; } + .framed *:first-child { + margin-top: 0; } + .framed *:last-child { + margin-bottom: 0; } + +.posts { + width: 100%; } + +.post { + width: 100%; + text-align: left; + margin: 20px auto; + padding: 20px 0; } + .post:not(:last-of-type) { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); } + .post-meta { + font-size: 1rem; + margin-bottom: 10px; + color: rgba(255, 98, 102, 0.7); } + .post-title { + position: relative; + color: #FF6266; + margin: 0 0 15px; + padding-bottom: 15px; + border-bottom: 3px dotted #FF6266; } + .post-title:after { + content: ''; + position: absolute; + bottom: 2px; + display: block; + width: 100%; + border-bottom: 3px dotted #FF6266; } + .post-title a { + text-decoration: none; } + .post-tags { + display: block; + margin-bottom: 20px; + font-size: 1rem; + opacity: .5; } + .post-tags a { + text-decoration: none; } + .post-content { + margin-top: 30px; } + .post-cover { + border: 20px solid #FF6266; + background: transparent; + margin: 40px 0; + padding: 20px; } + @media (max-width: 684px) { + .post-cover { + padding: 10px; + border-width: 10px; } } + .post ul { + list-style: none; } + .post ul li:not(:empty):before { + content: '-'; + position: absolute; + left: -20px; + color: #FF6266; } + +.post--regulation h1 { + justify-content: center; } + +.post--regulation h2 { + justify-content: center; + margin-bottom: 10px; } + .post--regulation h2 + h2 { + margin-top: -10px; + margin-bottom: 20px; } + +.hanchor { + color: rgba(255, 98, 102, 0.9); + text-decoration: none; + margin-left: 10px; + visibility: hidden; } + +h1:hover a, h2:hover a, h3:hover a, h4:hover a { + visibility: visible; } + +.footnotes { + color: rgba(255, 255, 255, 0.5); } + +.pagination { + margin-top: 50px; } + @media print { + .pagination { + display: none; } } + .pagination__title { + display: flex; + text-align: center; + position: relative; + margin: 100px 0 20px; } + .pagination__title-h { + text-align: center; + margin: 0 auto; + padding: 5px 10px; + background: #221f29; + color: rgba(255, 255, 255, 0.3); + font-size: .8rem; + text-transform: uppercase; + text-decoration: none; + letter-spacing: .1em; + z-index: 1; } + .pagination__title hr { + position: absolute; + left: 0; + right: 0; + width: 100%; + margin-top: 15px; + z-index: 0; } + .pagination__buttons { + display: flex; + align-items: center; + justify-content: center; + flex-flow: row wrap; + gap: 10px; } + .pagination__buttons a { + text-decoration: none; } + +.button { + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 1rem; + padding: 0; + appearance: none; } + @media (max-width: 684px) { + .button { + flex: 1; } } + .button a { + display: flex; + justify-content: center; + flex: 1; + padding: 8px 16px; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + .button__text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + .button.next .button__icon { + margin-left: 8px; } + .button.previous .button__icon { + margin-right: 8px; } + +.footer { + padding: 40px 0; + flex-grow: 0; + opacity: .5; } + .footer__inner { + display: flex; + align-items: center; + justify-content: space-between; + margin: 0; + width: 760px; + max-width: 100%; } + @media (max-width: 900px) { + .footer__inner { + flex-direction: column; } } + .footer a { + color: inherit; } + .footer .copyright { + display: flex; + flex-flow: row wrap; + flex: 1; + align-items: center; + font-size: 1rem; + justify-content: center; } + .footer .copyright--user { + margin: auto; + text-align: center; } + .footer .copyright > *:first-child:not(:only-child) { + margin-right: 10px; } + .footer .copyright span { + white-space: nowrap; } + +/* PrismJS 1.24.1 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+actionscript+apacheconf+applescript+bash+c+csharp+cpp+cmake+coffeescript+csp+css-extras+diff+django+docker+elixir+elm+erlang+fsharp+flow+git+go+graphql+haml+handlebars+haskell+http+java+json+kotlin+latex+less+llvm+makefile+markdown+markup-templating+nasm+objectivec+ocaml+perl+php+php-extras+powershell+processing+pug+python+r+jsx+tsx+reason+ruby+rust+sass+scss+scala+scheme+sql+stylus+swift+textile+toml+twig+typescript+vim+visual-basic+wasm+yaml&plugins=line-highlight+line-numbers+jsonp-highlight+highlight-keywords+command-line+toolbar+copy-to-clipboard */ +/** + * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML + * Based on https://github.com/chriskempson/tomorrow-theme + * @author Rose Pritchard + */ +code[class*="language-"], +pre[class*="language-"] { + color: #ccc; + background: none; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; } + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; } + +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background: #2d2d2d; } + +/* Inline code */ +:not(pre) > code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; } + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #999; } + +.token.punctuation { + color: #ccc; } + +.token.tag, +.token.attr-name, +.token.namespace, +.token.deleted { + color: #e2777a; } + +.token.function-name { + color: #6196cc; } + +.token.boolean, +.token.number, +.token.function { + color: #f08d49; } + +.token.property, +.token.class-name, +.token.constant, +.token.symbol { + color: #f8c555; } + +.token.selector, +.token.important, +.token.atrule, +.token.keyword, +.token.builtin { + color: #cc99cd; } + +.token.string, +.token.char, +.token.attr-value, +.token.regex, +.token.variable { + color: #7ec699; } + +.token.operator, +.token.entity, +.token.url { + color: #67cdcc; } + +.token.important, +.token.bold { + font-weight: bold; } + +.token.italic { + font-style: italic; } + +.token.entity { + cursor: help; } + +.token.inserted { + color: green; } + +pre[data-line] { + position: relative; + padding: 1em 0 1em 3em; } + +.line-highlight { + position: absolute; + left: 0; + right: 0; + padding: inherit 0; + margin-top: 1em; + /* Same as .prism’s padding-top */ + background: rgba(153, 122, 102, 0.08); + background: linear-gradient(to right, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0)); + pointer-events: none; + line-height: inherit; + white-space: pre; } + +@media print { + .line-highlight { + /* + * This will prevent browsers from replacing the background color with white. + * It's necessary because the element is layered on top of the displayed code. + */ + -webkit-print-color-adjust: exact; + color-adjust: exact; } } + +.line-highlight:before, +.line-highlight[data-end]:after { + content: attr(data-start); + position: absolute; + top: .4em; + left: .6em; + min-width: 1em; + padding: 0 .5em; + background-color: rgba(153, 122, 102, 0.4); + color: #f5f2f0; + font: bold 65%/1.5 sans-serif; + text-align: center; + vertical-align: .3em; + border-radius: 999px; + text-shadow: none; + box-shadow: 0 1px white; } + +.line-highlight[data-end]:after { + content: attr(data-end); + top: auto; + bottom: .4em; } + +.line-numbers .line-highlight:before, +.line-numbers .line-highlight:after { + content: none; } + +pre[id].linkable-line-numbers span.line-numbers-rows { + pointer-events: all; } + +pre[id].linkable-line-numbers span.line-numbers-rows > span:before { + cursor: pointer; } + +pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before { + background-color: rgba(128, 128, 128, 0.2); } + +pre[class*="language-"].line-numbers { + position: relative; + padding-left: 3.8em; + counter-reset: linenumber; } + +pre[class*="language-"].line-numbers > code { + position: relative; + white-space: inherit; } + +.line-numbers .line-numbers-rows { + position: absolute; + pointer-events: none; + top: 0; + font-size: 100%; + left: -3.8em; + width: 3em; + /* works for line-numbers below 1000 lines */ + letter-spacing: -1px; + border-right: 1px solid #999; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.line-numbers-rows > span { + display: block; + counter-increment: linenumber; } + +.line-numbers-rows > span:before { + content: counter(linenumber); + color: #999; + display: block; + padding-right: 0.8em; + text-align: right; } + +.command-line-prompt { + border-right: 1px solid #999; + display: block; + float: left; + font-size: 100%; + letter-spacing: -1px; + margin-right: 1em; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.command-line-prompt > span:before { + color: #999; + content: ' '; + display: block; + padding-right: 0.8em; } + +.command-line-prompt > span[data-user]:before { + content: "[" attr(data-user) "@" attr(data-host) "] $"; } + +.command-line-prompt > span[data-user="root"]:before { + content: "[" attr(data-user) "@" attr(data-host) "] #"; } + +.command-line-prompt > span[data-prompt]:before { + content: attr(data-prompt); } + +div.code-toolbar { + position: relative; } + +div.code-toolbar > .toolbar { + position: absolute; + top: .3em; + right: .2em; + transition: opacity 0.3s ease-in-out; + opacity: 0; } + +div.code-toolbar:hover > .toolbar { + opacity: 1; } + +/* Separate line b/c rules are thrown out if selector is invalid. + IE11 and old Edge versions don't support :focus-within. */ +div.code-toolbar:focus-within > .toolbar { + opacity: 1; } + +div.code-toolbar > .toolbar > .toolbar-item { + display: inline-block; } + +div.code-toolbar > .toolbar > .toolbar-item > a { + cursor: pointer; } + +div.code-toolbar > .toolbar > .toolbar-item > button { + background: none; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + padding: 0; + -webkit-user-select: none; + /* for button */ + -moz-user-select: none; + -ms-user-select: none; } + +div.code-toolbar > .toolbar > .toolbar-item > a, +div.code-toolbar > .toolbar > .toolbar-item > button, +div.code-toolbar > .toolbar > .toolbar-item > span { + color: #bbb; + font-size: .8em; + padding: 0 .5em; + background: #f5f2f0; + background: rgba(224, 224, 224, 0.2); + box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); + border-radius: .5em; } + +div.code-toolbar > .toolbar > .toolbar-item > a:hover, +div.code-toolbar > .toolbar > .toolbar-item > a:focus, +div.code-toolbar > .toolbar > .toolbar-item > button:hover, +div.code-toolbar > .toolbar > .toolbar-item > button:focus, +div.code-toolbar > .toolbar > .toolbar-item > span:hover, +div.code-toolbar > .toolbar > .toolbar-item > span:focus { + color: inherit; + text-decoration: none; } + +code.language-css, +code.language-scss, +.token.boolean, +.token.string, +.token.entity, +.token.url, +.language-css .token.string, +.language-scss .token.string, +.style .token.string, +.token.attr-value, +.token.keyword, +.token.control, +.token.directive, +.token.statement, +.token.regex, +.token.atrule, +.token.number, +.token.inserted, +.token.important { + color: #FF6266 !important; } + +.token.tag-id, +.token.atrule-id, +.token.operator, +.token.unit, +.token.placeholder, +.token.variable, +.token.tag, +.token.attr-name, +.token.namespace, +.token.deleted, +.token.property, +.token.class-name, +.token.constant, +.token.symbol { + color: rgba(255, 98, 102, 0.7) !important; } + +.token.property, +.token.function, +.token.function-name, +.token.deleted, +code.language-javascript, +code.language-html, +.command-line-prompt > span:before { + color: #9a9999 !important; } + +.token.selector, +.token.tag, +.token.punctuation { + color: white; } + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: rgba(255, 255, 255, 0.3) !important; } + +.token.namespace { + opacity: .7 !important; } + +pre[data-line] { + position: relative; } + +pre[class*="language-"] { + margin: 0; + padding: 0; + overflow: auto; } + +.line-highlight { + position: absolute; + left: 0; + right: 0; + padding: 0; + margin: 0; + background: rgba(245, 104, 107, 0.08); + pointer-events: none; + line-height: inherit; + white-space: pre; } + +.line-highlight:before, +.line-highlight[data-end]:after { + content: attr(data-start); + position: absolute; + /* top: .4em; */ + left: .6em; + min-width: 1em; + padding: 0 .5em; + background-color: rgba(153, 122, 102, 0.4); + color: #f5f2f0; + font: bold 65%/1.5 sans-serif; + text-align: center; + vertical-align: .3em; + border-radius: 999px; + text-shadow: none; + box-shadow: 0 1px white; } + +.line-highlight[data-end]:after { + content: attr(data-end); + top: auto; + bottom: .4em; } + +.line-numbers .line-highlight:before, +.line-numbers .line-highlight:after { + content: none; } + +.code-toolbar { + position: relative; + margin: 40px 0; + padding: 20px; + border: 1px solid rgba(255, 255, 255, 0.1); } + .code-toolbar + .code-toolbar, + .code-toolbar + .highlight, + .code-toolbar + .highlight .code-toolbar { + border-top: 0; + margin-top: calc(-1 * $code-margin); } + .code-toolbar pre, .code-toolbar code { + border: none; } + .code-toolbar code { + display: block; + color: inherit; } + .code-toolbar > .toolbar button { + font-size: .8em !important; + background: rgba(224, 224, 224, 0.2) !important; + color: #bbb !important; + box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2) !important; + border-radius: 0 !important; + margin: 6px !important; + padding: 10px !important; + user-select: none; } + +.collapsable-code { + position: relative; + width: 100%; + margin: 40px 0; } + .collapsable-code input[type="checkbox"] { + position: absolute; + visibility: hidden; } + .collapsable-code input[type="checkbox"]:checked ~ pre, + .collapsable-code input[type="checkbox"]:checked ~ .code-toolbar pre { + height: 0; + padding: 0; + border-top: none; } + .collapsable-code input[type="checkbox"]:checked ~ .code-toolbar { + padding: 0; + border-top: none; } + .collapsable-code input[type="checkbox"]:checked ~ .code-toolbar .toolbar { + display: none; } + .collapsable-code input[type="checkbox"]:checked ~ label .collapsable-code__toggle:after { + content: attr(data-label-expand); } + .collapsable-code label { + position: relative; + display: flex; + justify-content: space-between; + min-width: 30px; + min-height: 30px; + margin: 0; + border-bottom: 1px solid #f5686b; + cursor: pointer; } + .collapsable-code__title { + flex: 1; + color: #FF6266; + padding: 3px 10px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + .collapsable-code__language { + color: #FF6266; + border: 1px solid #f5686b; + border-bottom: none; + text-transform: uppercase; + padding: 3px 10px; } + .collapsable-code__toggle { + color: #FF6266; + font-size: 16px; + padding: 3px 10px; } + .collapsable-code__toggle:after { + content: attr(data-label-collapse); } + .collapsable-code pre { + margin-top: 0; } + .collapsable-code pre::first-line { + line-height: 0; } + .collapsable-code .code-toolbar { + margin: 0; } + +.terms h1 { + color: #FF6266; } + +.terms h3 { + font-size: initial; } + +body .gist .blob-num, +body .gist .blob-code-inner { + border: none; } diff --git a/resources/_gen/assets/scss/css/red-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.json b/resources/_gen/assets/scss/css/red-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.json new file mode 100644 index 0000000..77df676 --- /dev/null +++ b/resources/_gen/assets/scss/css/red-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.json @@ -0,0 +1 @@ +{"Target":"css/red-local.css","MediaType":"text/css","Data":{}} \ No newline at end of file diff --git a/static/img/not-a-boomer-but-almost.jpg b/static/img/not-a-boomer-but-almost.jpg new file mode 100644 index 0000000..4ba5b20 Binary files /dev/null and b/static/img/not-a-boomer-but-almost.jpg differ diff --git a/static/img/programming-anime-girl.jpg b/static/img/programming-anime-girl.jpg new file mode 100644 index 0000000..4ab93cb Binary files /dev/null and b/static/img/programming-anime-girl.jpg differ diff --git a/static/img/uzaki-unamused.png b/static/img/uzaki-unamused.png new file mode 100644 index 0000000..48d20dd Binary files /dev/null and b/static/img/uzaki-unamused.png differ diff --git a/static/img/wowee-old-school-gayming.jpg b/static/img/wowee-old-school-gayming.jpg new file mode 100644 index 0000000..445b6d1 Binary files /dev/null and b/static/img/wowee-old-school-gayming.jpg differ