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>
<article id="yana"> <article id="yana">
<h2><span class="halfbubble blurgreen"></span><em>yana</em> UX/UI and graphic design</h2> <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>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> <p>unfortunately there's not a lot to show as of yet. please stay tuned for more.</p>
</article> </article>

10
public_html/style.css
View File

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