From 986ef00dd58154877e576ad77249d60e41357559 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Aleks=20R=C5=ABti=C5=86=C5=A1?= Date: Fri, 31 May 2024 20:58:39 -0400 Subject: [PATCH] cool fancy unimportant styling stuff --- src/lib/images/biocircuitslogo.svg | 38 +++++++++++++++++------------- src/routes/+layout.svelte | 20 +++++++++++++++- src/routes/+page.svelte | 24 ++++++++++--------- 3 files changed, 54 insertions(+), 28 deletions(-) diff --git a/src/lib/images/biocircuitslogo.svg b/src/lib/images/biocircuitslogo.svg index 68baf36..b53a450 100644 --- a/src/lib/images/biocircuitslogo.svg +++ b/src/lib/images/biocircuitslogo.svg @@ -1,17 +1,23 @@ - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 1289629..72f1794 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,12 +1,29 @@
+
+ © 2024 Aleks Rūtiņš +
@@ -14,7 +31,6 @@ .app { display: flex; flex-direction: column; - min-height: 100vh; } main { @@ -34,6 +50,8 @@ justify-content: center; align-items: center; padding: 12px; + margin-top: 25px; + border-top: 1px solid var(--color-text); } footer a { diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 58924cf..714efb1 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -12,11 +12,10 @@
-

- - Welcome - +

+ Welcome

+

for mere mortals

Biological circuit design is the science of abstracting natural biological processes by defining them @@ -43,18 +42,21 @@ } .welcome { - display: block; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; position: relative; width: 100%; - height: 0; - padding: 0 0 calc(100% * 495 / 2048) 0; } .welcome img { - position: absolute; - width: 100%; - height: 100%; - top: 0; display: block; } + + .tagline { + align-self: center; + font-style: italic; + margin-top: -10px; + }