new_site/_includes
CheariX 0aa3821300
Feat reworked project layout (closing #2246) (#2357)
The current state of project looks a bit unharmonized.

# Vertical layout before:

<img width="834" alt="Bildschirmfoto 2024-04-20 um 18 09 16"
src="https://github.com/alshedivat/al-folio/assets/1998723/55ba0968-bfd9-443f-b58a-eb6723deccfc">

# Vertical layout after:

<img width="834" alt="Bildschirmfoto 2024-04-20 um 18 10 28"
src="https://github.com/alshedivat/al-folio/assets/1998723/9b06b9b8-9228-4dfd-ab10-ca16ce028b1d">

# Horizontal layout before:

<img width="834" alt="Bildschirmfoto 2024-04-20 um 18 08 54"
src="https://github.com/alshedivat/al-folio/assets/1998723/97aaf5b4-1d3e-4a1c-8175-3a97391739b3">

# Horizontal layout after:

<img width="834" alt="Bildschirmfoto 2024-04-20 um 18 07 46"
src="https://github.com/alshedivat/al-folio/assets/1998723/a357fa62-8551-4e92-91d3-3d5d01dbc605">

***

These improvements are not perfect, but to be honest, I have no deep
experiences with bootstrap. Actually, I just read the
[docs](https://getbootstrap.com/docs/4.4/components/card/) and tried my
best.
But I think it looks way better than before.

I'm pretty happy with the vertical layout, but the horizontal could be
improved.
I tried various things to get a better alignment of the image, without
any success.
In theroy, there is e.g. `card-img-top`, but I could not make it work.

I changed the project descriptions to make some of these edge-cases
visible.

Feedback and improvements (especially code) are more than welcome

Closes #2246
2024-04-22 21:39:22 -03:00
..
cv format code with prettier.io (#2048) 2024-01-10 00:10:51 -05:00
repository format code with prettier.io (#2048) 2024-01-10 00:10:51 -05:00
resume Update work.liquid to show the location of work experience under cv … (#2349) 2024-04-17 15:17:43 -03:00
scripts Added `pseudocode.js` support (#2344) 2024-04-15 11:21:42 -03:00
audio.liquid format code with prettier.io (#2048) 2024-01-10 00:10:51 -05:00
disqus.liquid format code with prettier.io (#2048) 2024-01-10 00:10:51 -05:00
figure.liquid Changed lazy loading in figure.liquid 2024-02-14 12:58:28 -03:00
footer.liquid Axe accessibility test support (#2080) 2024-01-15 16:38:31 -03:00
giscus.liquid Added "follow system" option to theme toggle (#2261) 2024-03-13 22:42:46 -03:00
head.liquid Added `pseudocode.js` support (#2344) 2024-04-15 11:21:42 -03:00
header.liquid Added "follow system" option to theme toggle (#2261) 2024-03-13 22:42:46 -03:00
latest_posts.liquid format code with prettier.io (#2048) 2024-01-10 00:10:51 -05:00
metadata.liquid Move libs versions to config (#2139) 2024-01-28 19:10:42 -03:00
news.liquid format code with prettier.io (#2048) 2024-01-10 00:10:51 -05:00
pagination.liquid format code with prettier.io (#2048) 2024-01-10 00:10:51 -05:00
projects.liquid Feat reworked project layout (closing #2246) (#2357) 2024-04-22 21:39:22 -03:00
projects_horizontal.liquid Feat reworked project layout (closing #2246) (#2357) 2024-04-22 21:39:22 -03:00
related_posts.liquid format code with prettier.io (#2048) 2024-01-10 00:10:51 -05:00
selected_papers.liquid format code with prettier.io (#2048) 2024-01-10 00:10:51 -05:00
social.liquid feat: added IEEE and ACM social (#2321) 2024-04-07 17:05:41 -03:00
video.liquid format code with prettier.io (#2048) 2024-01-10 00:10:51 -05:00