alina
/
alinamarquardt.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

portfolio styling improvements

main
Alina Marquardt 2025-05-21 20:16:40 +02:00
parent 022a6d78ee
commit 5f29d9c2ba
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public_html/portfolio.html
View File

@ -65,7 +65,7 @@
</article>
<article id="yana">
<h2><span class="halfbubble blurgreen"></span><em>yana</em> UX/UI and graphic design</h2>
<img class="watchface" src="img/experiments/yana-logo-v2.svg" width="200" height="200" alt="blue food bowl icon with crossed chopsticks below it and a violet flame above" />
<img class="half-right yana-logo" src="img/experiments/yana-logo-v2.svg" width="200" height="200" alt="blue food bowl icon with crossed chopsticks below it and a violet flame above" />
<p>yana is a work-in-progress calorie and nutrition tracking application for android.</p>
<p>unfortunately there's not a lot to show as of yet. please stay tuned for more.</p>
</article>

10
public_html/style.css
View File

@ -406,6 +406,7 @@ a:hover {
}
p {
font-size: 0.95em;
margin-bottom: 0.6em;
}
@ -774,13 +775,16 @@ div.opaque h2 span.halfbubble {
display: block;
}
.watchface {
.watchface, .half-left, .half-right {
width: calc((100% / 2) - 0.6rem);
margin: 0.325rem 0.3rem;
height: auto;
display: block;
float: left;
}
.half-right {
float: right;
}
.watchface-video {
margin: 0.6rem 0;
width: 100%;
@ -788,6 +792,10 @@ div.opaque h2 span.halfbubble {
aspect-ratio: 1/1;
}
.yana-logo {
margin-top: -0.75rem;
}
/* music */
article.album {