Skip to content

Commit

Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Side Bars (#811)
Browse files Browse the repository at this point in the history
* WIP

* WIP

* WIP

* updating posts

* lint

* move to 5 & 5 recommendations
Adam Gordon Bell authored Mar 27, 2024
1 parent c9738e2 commit d7bc9ec
Showing 68 changed files with 6,864 additions and 1,847 deletions.
Binary file not shown.
5,738 changes: 5,731 additions & 7 deletions blog/_data/related_articles.yml

Large diffs are not rendered by default.

3 changes: 2 additions & 1 deletion blog/_includes/suggestions_footer
Original file line number Diff line number Diff line change
@@ -3,7 +3,7 @@ Input:
- slug

{% endcomment %}

{% if site.data.indexes.related2[include.slug].size > 0 %}
<div class="page__related mt-8 ml-8 mr-8">
<div class="page__related-title heading mb-2 text-2xl text-gray-400">
You May Also Enjoy
@@ -16,3 +16,4 @@ Input:
{% endfor %}
</div>
</div>
{% endif %}
69 changes: 0 additions & 69 deletions blog/_includes/suggestions_sidebar

This file was deleted.

40 changes: 40 additions & 0 deletions blog/_includes/suggestions_sidebar_left
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
{% comment %}
Input:
- slug
- invert: true

{% endcomment %}

{% comment %}
###############################
# Related Articles 1
###############################
{% endcomment %}

{% if site.data.indexes.related1[page.slug].size > 0 %}
<!-- First Block for items 1-3 -->
<div class="group mt-4 bg-blue-50 p-4">
<header>
<h4 class="font-semibold text-md mb-2">Related</h4>
</header>
<div>
<ul>
{% for relate in site.data.indexes.related1[page.slug] %}
{% if forloop.index <= 5 and relate %}
<li class="mb-1 series-item"><a class="text-sm text-gray-600 hover:underline" href="{{ relate.url | relative_url }}">‣ {{ relate.title | truncate: 30, "..." }}</a></li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
<div onclick="window.location.href='https://earthly.dev/';" class="group mt-4 p-4 pr-4 pl-4 cursor-pointer hover:bg-blue-100">
<header>
<h4 class="font-semibold text-md mb-2">Learn More About Earthly</h4>
</header>
<div class="">
<p class="prose">
Earthly makes builds super simple. <a href="https://earthly.dev/">Learn More</a>
</p>
</div>
</div>
{% endif %}
48 changes: 48 additions & 0 deletions blog/_includes/suggestions_sidebar_right
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
{% comment %}
Input:
- slug
- invert: true

{% endcomment %}
{% comment %}
###############################
# Related Articles
###############################
{% endcomment %}
{% unless page.sidebar.nav %}
{% if site.data.indexes.related1[page.slug].size > 0 %}
<div class="group mt-4 group mt-4 p-4 pr-4 pl-4 bg-blue-50">
<header>
<h4 class="font-semibold text-md mb-2">Related</h4>
</header>
<div class="">
<ul>
{% for relate in site.data.indexes.related1[page.slug] %}
{% if forloop.index > 5 and relate %}
<li class="mb-1 series-item"><a class="text-sm text-gray-600 hover:underline" href="{{ relate.url | relative_url }}">‣ {{ relate.title | truncate: 30, "..." }}</a></li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
{% endif %}
{% endunless page.sidebar.nav %}

{% comment %}
########################
Non-Inverted Learn More
########################
{% endcomment %}

{% unless include.invert == true %}
<div onclick="window.location.href='https://earthly.dev/';" class="group mt-4 p-4 pr-4 pl-4 cursor-pointer hover:bg-blue-100">
<header>
<h4 class="font-semibold text-md mb-2">Learn More About Earthly</h4>
</header>
<div class="">
<p class="prose">
Earthly makes builds super simple. <a href="">Learn More</a>
</p>
</div>
</div>
{% endunless %}
4 changes: 2 additions & 2 deletions blog/_layouts/single.html
Original file line number Diff line number Diff line change
@@ -63,7 +63,7 @@ <h4 class="font-semibold text-md mb-2">Table of contents</h4>
</div>
</div>
{% endif %}
{% include suggestions_sidebar slug=page.slug %}
{% include suggestions_sidebar_left slug=page.slug %}
</div>
</div>

@@ -75,7 +75,7 @@ <h4 class="font-semibold text-md mb-2">Table of contents</h4>
{% if page.sidebar.nav %}
{% include series_sidebar title=page.sidebar.title nav=page.sidebar.nav %}
{% endif %}
{% include suggestions_sidebar slug=page.slug invert=true %}
{% include suggestions_sidebar_right slug=page.slug nav=page.sidebar.nav %}
</div>
</div>
</div>
Original file line number Diff line number Diff line change
@@ -4,6 +4,7 @@ featured: true
author: Vlad
categories:
- News
toc: false
internal-links:
- build automation
topic: earthly
1 change: 1 addition & 0 deletions blog/_posts/2020-06-01-v0-1-3-released.md
Original file line number Diff line number Diff line change
@@ -2,6 +2,7 @@
title: v0.1.3 Released
categories:
- News
toc: false
excerpt: |
Check out the latest release of Earthly v0.1.3! With new features like support for `FROM scratch` and improved installation, this update is a must-read for developers looking to optimize their cache storage and streamline their workflow.
last_modified_at: 2023-07-11
1 change: 1 addition & 0 deletions blog/_posts/2020-07-22-v0-2-0-released.md
Original file line number Diff line number Diff line change
@@ -3,6 +3,7 @@ title: v0.2.0 Released
categories:
- News
as_related: false
toc: false
excerpt: |
Check out the latest release of v0.2.0, featuring exciting changes like a global configuration file, GitLab support, and examples in Scala, C++, and .NET. Upgrade now to discover the improved features and fixes in this markdown post.
last_modified_at: 2023-07-14
1 change: 1 addition & 0 deletions blog/_posts/2020-07-23-v0-2-1.md
Original file line number Diff line number Diff line change
@@ -2,6 +2,7 @@
title: v0.2.1 Released
categories:
- News
toc: false
excerpt: |
Check out the latest release of v0.2.1, packed with fixes for handling sockets between different targets and symlink SSH sockets. Don't miss the chance to explore the improvements made in this version!
last_modified_at: 2023-07-14
1 change: 1 addition & 0 deletions blog/_posts/2020-07-23-v0-2-2-released.md
Original file line number Diff line number Diff line change
@@ -3,6 +3,7 @@ title: v0.2.2 Released
categories:
- News
as_related: false
toc: false
excerpt: |
Check out the latest release of Earthly v0.2.2, featuring a fix for a macOS-specific bug. Don't miss the improvements and updates for this popular tool!
last_modified_at: 2023-07-14
1 change: 1 addition & 0 deletions blog/_posts/2020-08-18-v0-3-0-released.md
Original file line number Diff line number Diff line change
@@ -3,6 +3,7 @@ title: v0.3.0 Released
categories:
- News
funnel: 0
toc: false
excerpt: |
Check out the latest release of Earthly (v0.3.0) with exciting new features like an interactive mode debugger and support for Dockerfiles. Upgrade now and discover the power of Earthly for faster builds and improved error display.
last_modified_at: 2023-07-14
1 change: 1 addition & 0 deletions blog/_posts/2020-08-25-v0-3-2-released.md
Original file line number Diff line number Diff line change
@@ -3,6 +3,7 @@ title: v0.3.2 Released
categories:
- News
as_related: false
toc: false
excerpt: |
Check out the latest release of Earthly (v0.3.2) with exciting new features like Bash autocompletion and improved Docker operations. Upgrade now and experience a smoother and more efficient development process.
last_modified_at: 2023-07-14
1 change: 1 addition & 0 deletions blog/_posts/2020-09-01-v0-3-3-released.md
Original file line number Diff line number Diff line change
@@ -2,6 +2,7 @@
title: v0.3.3 Released
categories:
- News
toc: false
excerpt: |
Check out the latest release of Earthly v0.3.3, where you can now easily set up bash and zsh shell completion with the new `earth bootstrap` command. Don't miss this exciting update that simplifies your workflow!
last_modified_at: 2023-07-14
1 change: 1 addition & 0 deletions blog/_posts/2020-09-17-earthly-0-3-6-released.md
Original file line number Diff line number Diff line change
@@ -3,6 +3,7 @@ title: Earthly 0.3.6 Released
categories:
- News
as_related: false
toc: false
excerpt: |
Check out the latest release of Earthly 0.3.6! This update brings new features like enhanced command access and support for in-line comments. Don't miss out on the improved autocompletion and user terminal environment variable pass-along.
last_modified_at: 2023-07-14
1 change: 1 addition & 0 deletions blog/_posts/2020-09-30-hacktoberfest-2020.md
Original file line number Diff line number Diff line change
@@ -3,6 +3,7 @@ title: Hacktoberfest 2020
author: Vlad
categories:
- News
toc: false
internal-links:
- hacktoberfest
- contributor
1 change: 1 addition & 0 deletions blog/_posts/2020-10-13-grateful-for-hacktoberfest.md
Original file line number Diff line number Diff line change
@@ -4,6 +4,7 @@ featured: true
author: Vlad
categories:
- News
toc: false
excerpt: |
Discover how Hacktoberfest has brought developers together to contribute to the open-source project Earthly, resulting in exciting improvements such as syntax highlighting for Sublime Text and Vim, support for edge cases, and more. Find out how Earthly managed contributions and why they are looking forward to more in this engaging post.
last_modified_at: 2023-07-14
1 change: 1 addition & 0 deletions blog/_posts/2020-12-15-stackoverflow.md
Original file line number Diff line number Diff line change
@@ -2,6 +2,7 @@
title: "Earthly on Stack Overflow podcast"
categories:
- News
toc: false
author: Earthly
excerpt: |
In this episode of The Stack Overflow podcast, Adam Gordon Bell, Director of Developer Relations at Earthly, shares entertaining stories about engineers' mistaken assumptions and talks about Earthly's mission to improve build scripts. Tune in for a fun and insightful conversation!
1 change: 1 addition & 0 deletions blog/_posts/2021-01-15-phoenix.md
Original file line number Diff line number Diff line change
@@ -2,6 +2,7 @@
title: "Earthly used by Phoenix Project"
categories:
- News
toc: false
author: Earthly
funnel: 3
topcta: false
2 changes: 0 additions & 2 deletions blog/_posts/2021-03-11-build-your-own-ngrok-clone.md
Original file line number Diff line number Diff line change
@@ -30,9 +30,7 @@ However, it can be hard to trust fancy tools like `ngrok` until you experience h

To understand why `ngrok` is so cool, you'll need to first understand how you would normally get traffic from the broader internet into your local machine. A typical flow would be something like this:

<div class="wide">
![Diagram showing the flow of traffic from a users web browser, through the internet, a home router, and finally the users computer. It points out that the user controls the DNS lookup, router, and their machine.]({{site.images}}{{page.slug}}/without_ngrok.png)\
</div>

This flow is normal for most of the machines on the internet today, but it has its downsides for local development. For instance, most home and non-commerical internet connections do not have a [Static IP](https://whatismyipaddress.com/dynamic-static) - which means you need to double-check your IP address before sending it out, or (more often) install and configure additional software to keep your DNS records up to date.

1 change: 1 addition & 0 deletions blog/_posts/2021-06-09-thought-leaders.md
Original file line number Diff line number Diff line change
@@ -4,6 +4,7 @@ categories:
- Articles
author: Adam
featured: true
toc: false
sidebar:
nav: "thoughts"
internal-links:
3 changes: 1 addition & 2 deletions blog/_posts/2021-10-15-dev-tool-time.md
Original file line number Diff line number Diff line change
@@ -2,6 +2,7 @@
title: "Dev Tool Time"
categories:
- News
toc: false
author: Earthly
excerpt: |
Learn how developer advocate Adam Gordon Bell uses Earthly to enhance his writing experience and maintain high-quality published content. Discover his favorite dev tools for writing in this casual and informative Sourcegraph article.
@@ -10,9 +11,7 @@ topcta: false
---

Earthly was covered on Sourcegraph's [Dev Tool Time](https://www.youtube.com/watch?v=oPaPhFX7SeM):
<div class="wide">
{% picture content-wide-nocrop {{site.pimages}}{{page.slug}}/1810.png --alt {{ Sourcegraph Dev Tool Time }} %}
</div>

> As a developer advocate, Adam Gordon Bell writes prose as a central part of his work. As a programmer, he wants the same experience writing prose that he has writing code, where linters and build pipelines help with consistency, formatting, and error checking. When Adam joined us for Dev Tool Time on September 29, 2021, he shared his favorite dev tools for writing and how Earthly helps keep his published writing high quality.
2 changes: 0 additions & 2 deletions blog/_posts/2021-12-14-printf-debugging.md
Original file line number Diff line number Diff line change
@@ -19,9 +19,7 @@ last_modified_at: 2023-07-19

The Visual Studio debugger is fantastic. When I was a C# developer, I used it all the time.

<div class="wide">
{% picture content-wide-nocrop {{site.pimages}}{{page.slug}}/4450.png --alt {{ Visual Studio Debug Session }} %}
</div>

A typical pattern was putting a breakpoint on a failing assert in a unit test and then just poking around. I would look at all values in the current scope and see if anything looked wrong. Then I could drag the execution point around in the unit test and step into and out of the code under test.

1 change: 1 addition & 0 deletions blog/_posts/2022-04-26-programming-throwdown.md
Original file line number Diff line number Diff line change
@@ -2,6 +2,7 @@
title: "Earthly on Programming Throwdown"
categories:
- News
toc: false
author: Earthly
excerpt: |
In this week's episode of Programming Throwdown, Adam from the CoRecursive Podcast joins as a guest co-host to discuss the financial survival of open-source projects. Find out how these projects can thrive and learn about Earthly's recent license change. Don't miss this casual and informative conversation!
2 changes: 1 addition & 1 deletion blog/_posts/2022-05-04-aws-lambda-golang.md
Original file line number Diff line number Diff line change
@@ -2,8 +2,8 @@
title: "AWS Lambda Golang With S3"
categories:
- Tutorials
toc: true
author: Adam
toc: false
sidebar:
nav: "lambdas"
internal-links:
2 changes: 0 additions & 2 deletions blog/_posts/2022-05-17-lambda-grpc.md
Original file line number Diff line number Diff line change
@@ -26,10 +26,8 @@ However, I can do things close to GRPC on lambda and some of them might be usefu

One thing its easy to do is setup a web proxy that runs on lambda and gets requests via API GATEWAY and forwards them on.

<div class="wide">
{% picture content-wide-nocrop {{site.pimages}}{{page.slug}}/9010.png --alt {{ Two of the possible ways a Lambda can proxy to GRPC }} %}
<figcaption>Two of the possible ways a Lambda can proxy to GRPC</figcaption>
</div>

This would enable making REST requests that ultimately are backed by a GRPC service that your AWS Lambda calls. That GRPC service would be running somewhere else and your lambda code would be proxying requests to it.

4 changes: 2 additions & 2 deletions blog/_posts/2022-06-28-multi-factor-auth.md
Original file line number Diff line number Diff line change
@@ -16,9 +16,7 @@ last_modified_at: 2023-07-14

This is what I was told. I already had a YubiKey, but I wasn't using it for my AWS credentials and this was not smart. So many AWS accounts get compromised without MFA:

<div class="wide">
{% picture {{site.pimages}}{{page.slug}}/2090.png --alt {{ MFA troubles on reddit AWS }} %}
</div>

Previously, I'd had a slightly bad time with YubiKeys: My computer fell and crushed my key. MFA is great until you lose an F. But [Alex](/blog/authors/alex/) gave me a great solution to this problem – securely store the MFA secret key.

@@ -37,7 +35,9 @@ So here is what I did.

I set up a virtual MFA device in AWS and before adding it to google authenticator on my phone, using the QR code, I grabbed the secret key and stored it somewhere secure.

<div class="wide">
{% picture content-wide-nocrop {{site.pimages}}{{page.slug}}/2220.png --alt {{ MFA In Amazon }} %}
</div>

I stored it in LastPass but it could have been stored on paper in a safe, or in [Earthly Secrets](https://docs.earthly.dev/earthly-cloud/cloud-secrets). This Virtual MFA secret key needs to be treated securely because anyone with it can generate the one-time-passwords that I'm using for multi-factor authentication.

Loading

0 comments on commit d7bc9ec

Please sign in to comment.