From d77058d573a185fcb8b5f38e97d91ecb377dda72 Mon Sep 17 00:00:00 2001 From: Alina Marquardt Date: Wed, 21 May 2025 15:31:15 +0200 Subject: [PATCH] added portfolio page --- public_html/img/experiments/yana-logo-v2.svg | 66 ++++++++++++++++ public_html/index.html | 1 + public_html/portfolio.html | 80 ++++++++++++++++++++ public_html/style.css | 15 ++-- 4 files changed, 156 insertions(+), 6 deletions(-) create mode 100644 public_html/img/experiments/yana-logo-v2.svg create mode 100644 public_html/portfolio.html diff --git a/public_html/img/experiments/yana-logo-v2.svg b/public_html/img/experiments/yana-logo-v2.svg new file mode 100644 index 0000000..f4a46ed --- /dev/null +++ b/public_html/img/experiments/yana-logo-v2.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public_html/index.html b/public_html/index.html index aa866d1..4f8baa2 100644 --- a/public_html/index.html +++ b/public_html/index.html @@ -47,6 +47,7 @@ diff --git a/public_html/portfolio.html b/public_html/portfolio.html new file mode 100644 index 0000000..f4bc566 --- /dev/null +++ b/public_html/portfolio.html @@ -0,0 +1,80 @@ + + + + + + + portfolio alina marquardt + + + + + + + + + + + + + + + + + + +
+ +
+
+
+ welcome to + the portfolio of + alina marquardt +
+ +
+ i am a senior + UX/UI designer + & electronic musician + based in germany +
+ +
+ navigate + +
+ +
+
+

design & UX/UI portfolio

+
+
+
+

disclaimer about NDAs

+

please note that nearly all of my professional work over the past 14 years has been conducted under strict non-disclosure agreements (NDAs). as a result, I am unable to share detailed work samples or projects from that period. the pieces shown here represent a very limited selection of my public-facing work and personal projects.

+
+
+

watchfaces for smartwatches

+

between 2013 and 2020 I've created serveral watchfaces for all pebble smartwatch models as well as fitbit smartwatches.

+

these watchfaces have been designed with usability concepts in mind respecting interaction capabilities and screen space constraints. that includes motion gestures, adaptive display of stats based on activity and deep configurability via the user's smartphone.

+ + +
+
+

yana UX/UI and graphic design

+ blue food bowl icon with crossed chopsticks below it and a violet flame above +

yana is a work-in-progress calorie and nutrition tracking application for android.

+

unfortunately there's not a lot to show as of yet. please stay tuned for more.

+
+
+
+
+ +
+ + + + diff --git a/public_html/style.css b/public_html/style.css index dd06ce4..baf785f 100644 --- a/public_html/style.css +++ b/public_html/style.css @@ -405,6 +405,10 @@ a:hover { color: var(--link-color-hover); } +p { + margin-bottom: 0.6em; +} + body, select, input, @@ -644,7 +648,7 @@ a { margin-left: 1.7rem; } -.sidebaritem#findme span.line4 a { +.sidebaritem#findme .line4 a { margin-left: 3.375rem; font-size: 1.125rem; } @@ -777,6 +781,9 @@ div.opaque h2 span.halfbubble { display: block; float: left; } +.watchface-video { + margin: 0.6rem 0; +} /* music */ @@ -959,7 +966,6 @@ article.album a:hover { gap: 5rem; } - /* Create sidebars "column" */ #greeting, #iam, #findme { @@ -967,7 +973,6 @@ article.album a:hover { flex: 0 0 auto; } - /* Stack the sidebar items vertically with margins */ #greeting { order: 1; margin-bottom: 0; @@ -987,8 +992,6 @@ article.album a:hover { margin-top: 2.8rem; } - /* Right column */ - .contentitem { max-width: 495px; } @@ -1037,7 +1040,7 @@ article.album a:hover { margin-top: 1.5rem; } - .sidebaritem#greeting .line1 { + .sidebaritem#greeting .line1:not(.portfolio) { margin-left: 4rem; }