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 @@
+
@@ -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; + }