-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #104 from pepicrft/redesign
Redesign the website
- Loading branch information
Showing
29 changed files
with
509 additions
and
277 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,4 @@ | ||
| [tools] | ||
| elixir="1.17.0" | ||
| erlang="27.0" | ||
| flyctl="0.1.104" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,13 +1,8 @@ | ||
| <% {:ok, time_ago_date} = Elixir.Timex.Format.DateTime.Formatters.Relative.format(@post.date, "{relative}") %> | ||
| <p class="pp-Post_TimeAgo"><%= time_ago_date %></p> | ||
|
|
||
| <% date_as_string = Timex.format!(@post.date, "%Y.%m.%d", :strftime) %> | ||
| <h1 class="pp-Post_Title"><%= @post.title %></h1> | ||
| <p class="pp-Post_TimeAgo"><%= date_as_string %></p> | ||
|
|
||
| <div class="pp-Post_Body"> | ||
| <%= raw @post.body %> | ||
| </div> | ||
|
|
||
|
|
||
| <div> | ||
| <a class="pp-Blog_About-Title" href={~p"/about"}>About Pedro Piñera</a> | ||
| <.description/> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,34 @@ | ||
| <h1 id="feed"> | ||
| <a href="#feed">Feed 📋</a> | ||
| </h1> | ||
|
|
||
| <section class="pp-Feed-List"> | ||
| <%= for status <- @statuses do %> | ||
| <% content = status["content"] %> | ||
| <% media = status["media_attachments"] %> | ||
| <% url = status["url"] %> | ||
| <%= if String.trim(content) != "" do %> | ||
| <article class="pp-Feed-List_Post"> | ||
| <a class="pp-Feed-List_Post_Link" href={url}>Link</a> | ||
| <%= raw content %> | ||
| <%= if media != [] do %> | ||
| <div class="pp-Feed-List_Post_Media"> | ||
| <%= for m <- media do %> | ||
| <%= case m["type"] do %> | ||
| <% "gifv" -> %> | ||
| <video autoplay loop muted playsinline class="pp-Feed-List_Post_Media_Image"> | ||
| <source src={m["url"]} type="video/mp4"> | ||
| </video> | ||
| <% _ -> %> | ||
| <a href={m["url"]} target="_blank"> | ||
| <img src={m["url"]} alt={m["description"]} class="pp-Feed-List_Post_Media_Image"/> | ||
| </a> | ||
| <% end %> | ||
| <% end %> | ||
| </div> | ||
| <% end %> | ||
| </article> | ||
| <hr> | ||
| <% end %> | ||
| <% end %> | ||
| </section> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,2 +1,4 @@ | ||
| <.description/> | ||
| <h1 id="writing"> | ||
| <a href="#writing">Writing ✏️</a> | ||
| </h1> | ||
| <.posts_component posts={Pepicrft.Blog.all_posts()}/> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| <h1 id="now"> | ||
| <a href="#now">Now</a> | ||
| </h1> | ||
|
|
||
| <p> | ||
| The following is a list of things that I'm doing, thinking about, or working on right now. | ||
| </p> | ||
|
|
||
| <h2 id="mental-health"> | ||
| <a href="#mental-health">Mental health</a> | ||
| </h2> | ||
|
|
||
| <p>I'm working on better understanding my emotions and reverting some anxiety-inducing habits that I've developed over the years.</p> | ||
|
|
||
|
|
||
| <h2 id="work"> | ||
| <a href="#work">Work</a> | ||
| </h2> | ||
| <p> | ||
| I'm learning a lot about business while trying to build a company upon the open-source work that I've been doing for the past few years. It's a whole new world of ideas of concepts for me, but I'm quite liking it. It reminds me of my childhood working at my family cafe, but at a different scale. | ||
| </p> | ||
|
|
||
|
|
||
| <h2 id="the-web-platform"> | ||
| <a href="#the-web-platform">The web platform</a> | ||
| </h2> | ||
| <p> | ||
| I haven't worked much with the web in the past, and whenever I did, it was mostly to build my personal website by using a template, a static site generator, and working with many abstractions (e.g. TailwindCSS). This time, I'm playing with the web in its most raw form–writing HTML, CSS, and JavaScript from scratch. I'm getting familiar with the semantics of HTML elements, as well as the common CSS properties. | ||
| </p> | ||
|
|
||
| <h2 id="elixir"> | ||
| <a href="#elixir">Elixir</a> | ||
| </h2> | ||
|
|
||
| <p> | ||
| As part of my work on Tuist, I'm learning a lot about Elixir, and the more I learn, the more I like it. I'm fascinated by the language's simplicity and the way it leverages the Erlang VM to build robust and fault-tolerant systems. I'm also learning about OTP, the framework that Elixir provides to build distributed systems. | ||
| </p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| <h1 id="photos"> | ||
| <a href="#photos">Photos 📸</a> | ||
| </h1> | ||
|
|
||
| <section> | ||
| <%= for status <- @statuses do %> | ||
| <% %{"url" => url, "content" => content, "media_attachments" => [ %{"url" => image_url, "description" => image_alt} | _]} = status %> | ||
| <article> | ||
| <h2> | ||
| <a href={url}><%= content %></a> | ||
| </h2> | ||
| <img class="pp-Photos_Image" src={image_url} alt={image_alt}/> | ||
| </article> | ||
| <% end %> | ||
| </section> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,32 @@ | ||
| <h1 id="projects"> | ||
| <a href="#projects">Projects 📦</a> | ||
| </h1> | ||
|
|
||
| <p> | ||
| The following sections describe the projects that I created and/or that I contribute/d to. | ||
| </p> | ||
|
|
||
| <h2 id="tuist"> | ||
| <a href="#tuist">Tuist</a> | ||
| </h2> | ||
|
|
||
| <p> | ||
| <a href="https://tuist.io">Tuist</a> is a Swifty toolchain to build better Apple apps faster. I created it in 2017, and we are currently working on building a long-term business around it by | ||
| </p> | ||
|
|
||
| <h2 id="xcodeproj"> | ||
| <a href="#xcodeproj">XcodeProj</a> | ||
| </h2> | ||
|
|
||
| <p> | ||
| <a href="https://github.com/tuist/xcodeproj">XcodeProj</a> is an open-source Swift package to read, update, and write Xcode projects. I created it in 2017 as part of Tuist, and it has become a popular library in the Swift community. | ||
| </p> | ||
|
|
||
|
|
||
| <h2 id="shopify-cli"> | ||
| <a href="#shopify-cli">Shopify CLI</a> | ||
| </h2> | ||
|
|
||
| <p> | ||
| <a href="https://github.com/shopify/cli">Shopify CLI</a> I overhauled the tech stack of the Shopify CLI, which developers use to build for the platform, to align it with the platform's technologies. | ||
| </p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.