rdiedrich/homepage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix some outstanding issues

Browse Source
This commit is contained in:
Rüdiger Diedrich
2024-06-10 22:08:52 +02:00
parent 6819c81748
commit 8dbfb9ceed
3 changed files with 42 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
lib/homepage_web/components/helper_components.ex
View File

@ -3,14 +3,14 @@ defmodule HomepageWeb.HelperComponents do
slot :label, required: true
slot :entry, default: []
def dropdown(assigns) do
~H"""
<div class="dropdown dropdown-end">
<label tabindex="0" class="btn btn-ghost m-1">
<%= render_slot(@label) %>
</label>
<ul tabindex="0"
class="dropdown-content menu p-2 shadow rounded-box">
<ul tabindex="0" class="dropdown-content bg-white menu p-2 shadow rounded-box">
<li :for={ent <- @entry}>
<%= render_slot(ent) %>
</li>
@ -20,12 +20,12 @@ defmodule HomepageWeb.HelperComponents do
end
slot :inner_block, required: true
def markdown(assigns) do
~H"""
<%= render_slot(@inner_block)
|> slot_markdown_as_html()
|> raw()
%>
|> slot_markdown_as_html()
|> raw() %>
"""
end

43
lib/homepage_web/components/layouts/app.html.heex
View File

@ -1,26 +1,24 @@
<header class="px-4 sm:px-6 lg:px-8">
<.dropdown>
<:label>@rdiedrich</:label>
<:entry>
<.link
title="send an e-mail"
href="mailto:hallo@rdiedri.ch">
<.icon name="hero-envelope" />
hallo@rdiedri.ch
</.link>
</:entry>
<div class="navbar">
<.dropdown>
<:label>@rdiedrich</:label>
<:entry>
<.link title="send an e-mail" href="mailto:hallo@rdiedri.ch">
<.icon name="hero-envelope" /> hallo@rdiedri.ch
</.link>
</:entry>
<:entry>
<.link
title="chat with me on matrix"
href="https://matrix.to/#/@rdiedrich:matrix.org"
target="_blank">
<.icon name="hero-chat-bubble-bottom-center-text" />
@rdiedrich:matrix.org
</.link>
</:entry>
</.dropdown>
<:entry>
<.link
title="chat with me on matrix"
href="https://matrix.to/#/@rdiedrich:matrix.org"
target="_blank"
>
<.icon name="hero-chat-bubble-bottom-center-text" /> @rdiedrich:matrix.org
</.link>
</:entry>
</.dropdown>
</div>
</header>
<main class="px-4 py-20 sm:px-6 lg:px-8">
<div class="mx-auto max-w-2xl space-y-16">
@ -28,5 +26,4 @@
<%= @inner_content %>
</div>
</main>
<footer>
</footer>
<footer></footer>

29
lib/homepage_web/controllers/page_html/home.html.heex
View File

@ -1,16 +1,9 @@
<section class="about">
<h2>about</h2>
<.markdown>
Hi, my name is **Rüdiger Diedrich** and this is my homepage.
Hi, my name is **Rüdiger Diedrich** and this is my homepage.
For the last couple of years I am a big proponent of the Elixir and
Erlang/OTP ecosystem: be it projects like Phoenix framework which
bends the rules of traditional client-server-based web development
or Livebook - built on top of Phoenix - which for me is simply the
next generation of interactive notebooks and completely changed
the way I go about prototyping and data analysis.
Check out some of the projects I've been working on.
Check out some of the projects I've been working on.
</.markdown>
</section>
@ -18,25 +11,23 @@
<h2>projects</h2>
<.project
url="https://chicken.rdiedri.ch"
forge_url="https://forge.rdiedri.ch/rdiedrich/exponential-chicken-egg">
forge_url="https://forge.rdiedri.ch/rdiedrich/exponential-chicken-egg"
>
<:title>Exponential Chicken Egg</:title>
The chicken is very busy.
The chicken is very busy. \
100% implemented in Phoenix Liveview. Press spacebar (or tap) for fun.
</.project>
<.project
url="https://app.rdiedri.ch"
forge_url="https://forge.rdiedri.ch/rdiedrich/physics">
<.project url="https://app.rdiedri.ch" forge_url="https://forge.rdiedri.ch/rdiedrich/physics">
<:title>Physics</:title>
Random falling blocks under the yoke of gravity.
Random falling blocks under the yoke of gravity. \
Typescript using the pixi engine. Click or tap a block to give it a boost.
</.project>
<.project
url="https://colorer.vercel.app"
forge_url="https://forge.rdiedri.ch/rdiedrich/colorer">
forge_url="https://forge.rdiedri.ch/rdiedrich/colorer"
>
<:title>Colorer</:title>
Play around with HSLA color.
Play around with HSLA color. \
Reactive app show-casing SolidJS, deployed on vercel.
</.project>
</section>
<p>a</p>