diff --git a/content/posts/eod.md b/content/posts/eod.md index c2fb808..b9059a3 100644 --- a/content/posts/eod.md +++ b/content/posts/eod.md @@ -1,14 +1,14 @@ +++ title = "EOD" date = "2023-02-03T16:44:51-04:00" -author = "" +author = "Captain Arepa" 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 +readingTime = true hideComments = false color = "pink" #color from the theme settings +++ diff --git a/content/posts/hello.md b/content/posts/hello.md index 20c6287..cf11df1 100644 --- a/content/posts/hello.md +++ b/content/posts/hello.md @@ -6,6 +6,7 @@ cover = "/img/cover.jpg" description = "*So yeah, thought ya, might like to go to the show...* 𝅘𝅥𝅮 \n\nOpen up! There's stuff written in here!" tags = ["intro", "stuff"] categories = ["posts"] +readingTime = true +++ Yeah, I made a blog. Guess I'll start writing more frequently and wotnot, mainly about personal projects and random stuff. And... that's it! \ No newline at end of file diff --git a/content/posts/last-day-of-freedom.md b/content/posts/last-day-of-freedom.md index 7247e4b..21fbff9 100644 --- a/content/posts/last-day-of-freedom.md +++ b/content/posts/last-day-of-freedom.md @@ -8,7 +8,7 @@ tags = ["random", "work", "life", "rant"] keywords = ["", ""] description = "*No, I'm not going to jail or getting married or something like that, lmao.*" showFullContent = false -readingTime = false +readingTime = true hideComments = false color = "" #color from the theme settings +++ diff --git a/content/posts/paperwork.md b/content/posts/paperwork.md new file mode 100644 index 0000000..49d06f1 --- /dev/null +++ b/content/posts/paperwork.md @@ -0,0 +1,56 @@ ++++ +title = "Paperwork" +date = "2023-02-07T19:42:02-04:00" +author = "Captain Arepa" +authorTwitter = "" #do not include @ +cover = "/img/office-defeatism.jpg" +tags = ["rant", "life", "stream of consciousness"] +keywords = ["paperwork", "visa"] +description = "*Yet another shitty post talking about my life and random nonsense that you shouldn't care about, but I still share anyways.*" +showFullContent = false +readingTime = true +hideComments = false +color = "green" #color from the theme settings ++++ + +As I mentioned in a {{< rawhtml >}}previous post{{< /rawhtml >}}, I'm in the middle (kind of) of the process of moving to Europe. Well, actually I'm starting the process, since I finally got my renewed passport a couple of weeks ago and I could resume the paperwork to get the visa. + +## Once Upon A Time... + +![This is me fr](/img/bocchi-president.jpg) +*This is me right now, frfr* + +Long story short, last year, at the end of November, I got a relocation offer from a tech company, that seemed kinda suspicious at first, but after several interviews and tech assessments, I found out they are actually quite **serious** about hiring me. The financial offer was nothing out of this world, to be quite honest, but given the generous benefits they offer and the fact that they'll cover pretty much all expenses of the relocation, I couldn't refuse. + +There were also other factors that made me accept the offer, like the opportunity to live in a relatively stable country (Portugal in this case), the ability to travel relatively freely in Europe and the prospect of finally settling down on my own and hopefully meet the right woman for me were relevant, but the one reason that made to hastily accept it was personal safety. + +## ... In (Not) Roanapur + +![:(](/img/hello-and-goodbye.png) +*This was me, frfr* + +To be really brief, last October, 3 heavily armed men broke into my apartment at 2AM -presummably to steal-, held my mother at gunpoint and when I tried to get up to see what was happening, 2 of them held me down and started bashing my head with their gun butts. I don't know how the hell I managed to break free, but after struggling and letting out a scream they got the fuck out and fled. Obviously, police then came, then I went to the hospital, blah blah blah, lorem ipsum, yadda yadda yadda, etc, etc, etc. You know what happens in these cases. + +After that incident I had to go to the neurologist because my left hand ended up being affected, and after getting a MR scan I found out I had an epidural edema due a (quite inconspicuous) skull fracture. The doctor told me I was really lucky since it wasn't that big and I didn't lose consciousness, but it was big enough to fuck up my hand, so he ended up prescribing some medication and 2 months of absolute rest. + +## The Long And Winding Road + +![Le Coma](/img/couldve-been-me.jpg) +*This could've been me, frfr* + +Adding to the fact that some assholes left me basically useless for months, there was a more pressing issue: by the time the incident happened I was practically unemployed, and the whole situation left me stark broke, to the point I had to ask a friend to lend me some money while I was recovering AND looking for a new job. Trust me when I say, getting fired almost near the ending of the year AND getting wrecked by some burglars is the worst thing that can happen to anyone. + +So, to deal with this situation, I had to apply to any remote jobs I could find on LinkedIn, and while I had dozens of interviews, most of them didn't get anywhere. Like, most of them would never get past the technical interviews, and the ones that did and sent me good news, had to backtrack and say the company had a change of plans or had to revise budget. And this went on for months until like 3 weeks ago where I finally got a solid offer and - again - accepted hastily... because I literally need the money. + +## Peace - A Theme + +![Lovely Moonchild...](/img/bocchi-crimson.jpg) +*Confusion will be my Epitaph...* + +And those of you who have managed to stay this far reading my crappy post might be wondering, if I accepted a relocation offer, why did I accept another offer? Simple: the relocation offer is for **moving** to another country and work there, but right now, with debts piling up and no money, I need a job. Good thing I'm a developer and can work remote so, while I deal with the paperwork to get the fuq out of this hell, I can save money for the plane ticket and other stuff I need to do. + +This doesn't mean my life is getting back on track and things will go smoothly from now on. Today I received the list of documents I need to get in order to apply for the visa, but half of them are basically cockblocked by me not having money... and getting paid this month doesn't guarantee anything, because I need to renew my card, but in order to do that I need a certain amount of money in my account, which I don't have... so everything is getting pushed back at least 2 months. + +Anyways, I'm running out of steam. Maybe I'll talk a bit more about all this process in another post, and maybe I'll elaborate more on how my injuries have evolved and how my life has changed (spoiler alert: I'm still unable to jerk off). + +>*Adieu!* \ No newline at end of file diff --git a/public/index.xml b/public/index.xml index ceba431..e23efb5 100644 --- a/public/index.xml +++ b/public/index.xml @@ -35,14 +35,14 @@ <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. +Rust? Too &ldquo;political&rdquo; and the learning curve is way too steep.<br> +Ruby? I&rsquo;m not a manchild with diaper fetish, so, no.<br> 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> +<p>Anyways, that&rsquo;s all.</p> <blockquote> <p><em>Adieu!</em></p> </blockquote> diff --git a/public/posts/index.xml b/public/posts/index.xml index 7bad214..8a6bd4e 100644 --- a/public/posts/index.xml +++ b/public/posts/index.xml @@ -35,14 +35,14 @@ <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. +Rust? Too &ldquo;political&rdquo; and the learning curve is way too steep.<br> +Ruby? I&rsquo;m not a manchild with diaper fetish, so, no.<br> 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> +<p>Anyways, that&rsquo;s all.</p> <blockquote> <p><em>Adieu!</em></p> </blockquote> diff --git a/public/tags/life/index.xml b/public/tags/life/index.xml index bd5784a..dcb2737 100644 --- a/public/tags/life/index.xml +++ b/public/tags/life/index.xml @@ -35,14 +35,14 @@ <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. +Rust? Too &ldquo;political&rdquo; and the learning curve is way too steep.<br> +Ruby? I&rsquo;m not a manchild with diaper fetish, so, no.<br> 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> +<p>Anyways, that&rsquo;s all.</p> <blockquote> <p><em>Adieu!</em></p> </blockquote> diff --git a/public/tags/random/index.xml b/public/tags/random/index.xml index 5268eee..1b50894 100644 --- a/public/tags/random/index.xml +++ b/public/tags/random/index.xml @@ -35,14 +35,14 @@ <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. +Rust? Too &ldquo;political&rdquo; and the learning curve is way too steep.<br> +Ruby? I&rsquo;m not a manchild with diaper fetish, so, no.<br> 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> +<p>Anyways, that&rsquo;s all.</p> <blockquote> <p><em>Adieu!</em></p> </blockquote> diff --git a/public/tags/work/index.xml b/public/tags/work/index.xml index 55310d1..98e9c4b 100644 --- a/public/tags/work/index.xml +++ b/public/tags/work/index.xml @@ -35,14 +35,14 @@ <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. +Rust? Too &ldquo;political&rdquo; and the learning curve is way too steep.<br> +Ruby? I&rsquo;m not a manchild with diaper fetish, so, no.<br> 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> +<p>Anyways, that&rsquo;s all.</p> <blockquote> <p><em>Adieu!</em></p> </blockquote> diff --git a/resources/_gen/assets/scss/css/green-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/css/green-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.content new file mode 100644 index 0000000..5a6bbda --- /dev/null +++ b/resources/_gen/assets/scss/css/green-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 #78E2A0; + background: #78E2A0; + color: #1f222a; + font: inherit; + font-weight: bold; + appearance: none; + cursor: pointer; + outline: none; + /* variants */ + /* sizes */ } + button:hover, + .button:hover, + a.button:hover { + background: rgba(120, 226, 160, 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: #78E2A0; + 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: #78E2A0; + border: 1px solid #78E2A0; + 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: #1f222a; } + select option { + background: #1f222a; } + +::placeholder { + color: rgba(120, 226, 160, 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, #78E2A0, #78E2A0 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: #78E2A0; + user-select: none; + cursor: pointer; } + .menu__dropdown { + display: none; + flex-direction: column; + position: absolute; + background: #1f222a; + box-shadow: 0 10px rgba(31, 34, 42, 0.8), -10px 10px rgba(31, 34, 42, 0.8), 10px 10px rgba(31, 34, 42, 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: #78E2A0; + 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: #78E2A0; + 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: #78E2A0; + 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: #1f222a; + 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: #78E2A0; + color: #1f222a; + /* 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(120, 226, 160, 0.2); + color: #78E2A0; + 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 #78E2A0; + border-bottom: 1px solid #78E2A0; + 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: #78E2A0; } + blockquote.twitter-tweet { + position: relative; + background: rgba(120, 226, 160, 0.1); + font: inherit; + color: inherit; + border: 1px solid #78E2A0; + padding-top: 60px; } + blockquote.twitter-tweet p:before { + content: ''; } + blockquote.twitter-tweet:before { + content: '> From Twitter:'; + position: absolute; + top: 20px; + color: #78E2A0; + font-weight: bold; } + blockquote.twitter-tweet a { + color: #78E2A0; } + +table { + table-layout: auto; + border-collapse: collapse; + width: 100%; + margin: 40px 0; } + +table, +th, +td { + border: 1px dashed #78E2A0; + padding: 10px; } + +th { + color: #78E2A0; } + +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: #78E2A0; + 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: #78E2A0; + color: #1f222a; } + +.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 #78E2A0; + 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(120, 226, 160, 0.7); } + .post-title { + position: relative; + color: #78E2A0; + margin: 0 0 15px; + padding-bottom: 15px; + border-bottom: 3px dotted #78E2A0; } + .post-title:after { + content: ''; + position: absolute; + bottom: 2px; + display: block; + width: 100%; + border-bottom: 3px dotted #78E2A0; } + .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 #78E2A0; + 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: #78E2A0; } + +.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(120, 226, 160, 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: #1f222a; + 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: #78E2A0 !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(120, 226, 160, 0.7) !important; } + +.token.property, +.token.function, +.token.function-name, +.token.deleted, +code.language-javascript, +code.language-html, +.command-line-prompt > span:before { + color: #999a99 !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(123, 219, 159, 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 #7bdb9f; + cursor: pointer; } + .collapsable-code__title { + flex: 1; + color: #78E2A0; + padding: 3px 10px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + .collapsable-code__language { + color: #78E2A0; + border: 1px solid #7bdb9f; + border-bottom: none; + text-transform: uppercase; + padding: 3px 10px; } + .collapsable-code__toggle { + color: #78E2A0; + 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: #78E2A0; } + +.terms h3 { + font-size: initial; } + +body .gist .blob-num, +body .gist .blob-code-inner { + border: none; } diff --git a/resources/_gen/assets/scss/css/green-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.json b/resources/_gen/assets/scss/css/green-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.json new file mode 100644 index 0000000..d510945 --- /dev/null +++ b/resources/_gen/assets/scss/css/green-local.scss_f300667da4f5b5f84e1a9e0702b2fdde.json @@ -0,0 +1 @@ +{"Target":"css/green-local.css","MediaType":"text/css","Data":{}} \ No newline at end of file diff --git a/static/img/bocchi-crimson.jpg b/static/img/bocchi-crimson.jpg new file mode 100644 index 0000000..e2ef1c9 Binary files /dev/null and b/static/img/bocchi-crimson.jpg differ diff --git a/static/img/bocchi-president.jpg b/static/img/bocchi-president.jpg new file mode 100644 index 0000000..c7d339d Binary files /dev/null and b/static/img/bocchi-president.jpg differ diff --git a/static/img/cocogoat-ol.jpg b/static/img/cocogoat-ol.jpg new file mode 100644 index 0000000..7c0ba7f Binary files /dev/null and b/static/img/cocogoat-ol.jpg differ diff --git a/static/img/couldve-been-me.jpg b/static/img/couldve-been-me.jpg new file mode 100644 index 0000000..558aada Binary files /dev/null and b/static/img/couldve-been-me.jpg differ diff --git a/static/img/hello-and-goodbye.png b/static/img/hello-and-goodbye.png new file mode 100644 index 0000000..debccbf Binary files /dev/null and b/static/img/hello-and-goodbye.png differ diff --git a/static/img/office-defeatism.jpg b/static/img/office-defeatism.jpg new file mode 100644 index 0000000..5195fe6 Binary files /dev/null and b/static/img/office-defeatism.jpg differ