Redesign with Tailwind

This commit is contained in:
Aleks Rutins 2025-06-09 21:50:52 -04:00
parent b29b35e166
commit 3a25e0b4b0
Signed by: asr
SSH key fingerprint: SHA256:DBype7RrB3qCdOLdkvecD2Y3THOYgYOVw6jAHVgsGRQ
13 changed files with 161 additions and 121 deletions

View file

@ -1,52 +1,52 @@
class Pages::Home < ::Phlex::HTML
def project_link(name:, url:, desc:)
li {
a(href: url) { name }
span { " - " + desc }
a(class: 'flex flex-col border border-gray-300 p-2 rounded gap-1', href: url) {
h3(class: 'font-bold') { name }
span { desc }
}
end
def view_template
render ::Pages::Layout.new(:home) {
p { "i'm aleks rūtiņš." }
p { "i'm a student and programmer, skilled with a wide variety of languages and tools." }
render ::Pages::Layout.new(:home, banner: '/newhaven.jpg') {
p(class: "text-center font-bold") { "Aleks Rūtiņš" }
p(class: "text-center") { "developer ~ designer ~ musician" }
h2 { "featured projects" }
ul {
h2(class: "my-2 text-lg font-bold") { "Featured Projects" }
div(class: 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2 justify-stretch') {
project_link(
name: "phlexite",
url: "https://git.farthergate.com/p/rad:z4VDVahjKBJYSqR8uRo7UrKZDuXQ6",
desc: "a simple static site generator using phlex for templating"
url: "https://docs.farthergate.com/phlexite",
desc: "A simple static site generator using phlex for templating"
)
project_link(
name: "phlexite-docker",
url: "https://git.farthergate.com/p/rad:z3PY7qd21HkdCEG7uBXnxHrtVTLiP",
desc: "build your phlexite site without worrying about a ruby environment"
desc: "Build your phlexite site without worrying about a ruby environment"
)
project_link(
name: "mzk",
url: "https://sr.ht/~aleksrutins/mzk/",
desc: "bash scripts to help you manage your zettelkasten"
desc: "Bash scripts to help you manage your zettelkasten"
)
project_link(
name: "dynamite",
url: "https://sr.ht/~aleksrutins/dynamite/",
desc: "a customizable lv2 distortion plugin"
desc: "A customizable LV2 distortion plugin"
)
project_link(
name: "packsnap",
url: "https://packsnap.farthergate.com/",
desc: "a reproducible container build system"
desc: "A reproducible container build system"
)
project_link(
name: "biocircuits for mere mortals",
url: "https://bc.farthergate.com/",
desc: "a daunting topic broken down in a (hopefully) friendly way"
desc: "A daunting topic broken down in a (hopefully) friendly way"
)
}
}