Commit Graph

21 Commits

Author SHA1 Message Date
Rachel 1bee4d152a
[Tweak] Add bottom padding to project card (#2492)
## Current Behavior

### Vertical 👎 

There is _no_ space between cards in the vertical project layout


<img width="400" alt="v1-vertical"
src="https://github.com/rstein66/al-folio/assets/5504473/c97b558d-dc10-4b1f-9547-51e1710c82d3">

<br>

### Horizontal 👍 

Card spacing already looks good in horizontal layout

<img width="350" alt="v1-horizontal"
src="https://github.com/rstein66/al-folio/assets/5504473/1548766b-41ab-447a-ba35-fdb45ff92545">


## Proposed Resolution

**Simplistic** resolution: add padding to card's bottom (in both
vertical and horizontal project layout)

<img width="400" alt="v2-vertical"
src="https://github.com/rstein66/al-folio/assets/5504473/739eef5d-077f-46b7-a99a-52c6a82c5515">

<img width="350" alt="v2-horizontal"
src="https://github.com/rstein66/al-folio/assets/5504473/ba1e8269-193b-4151-b7af-915ace97d240">
2024-06-08 18:39:08 -04:00
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
George 6e215a1cdc
Lighthouse fixes (#2199)
Our score went down a little bit after the last few changes. Avoiding
lazy loading some images (as introduced in #2183), since [it is strongly
recommended to omit hero images and other images or iframes that are
likely to appear above the fold from being
lazy-loaded](https://web.dev/articles/browser-level-lazy-loading-for-cmss#avoid_lazy_loading_above-the-fold_elements).
Also added missing `alt` to google scholar field.

---------

Signed-off-by: George Araujo <george.gcac@gmail.com>
2024-02-14 14:37:32 -03:00
Maruan beb6f27d59
format code with prettier.io (#2048)
summary:
- adds prettier formatter configuration
- formats the entire repo using prettier, ignoring minified files
(`*.min.css`) and heavy generated html
- changes extensions of all `.html` files to `.liquid`, which is more
correct and necessary for prettier to work correctly
- replaces "%-" and "-%" with just "%" — manual liquid formatting using
minus signs is superfluous since we are compressing and minifying the
code anyway
- adds CI action for running prettier check on PR and pushes to master
2024-01-10 00:10:51 -05:00
George e3997d0f6c
Added citation examples, simplified citation code (#2056)
Since the citation file and other stuff is already defined in
`_config.yml`, removed them when calling `{% bibliography %}`. Also
realized that `jekyll-scholar` helps in displaying only the papers cited
in page, changed to use that.

Signed-off-by: George Araújo <george.gcac@gmail.com>
2024-01-08 14:35:42 -03:00
David Krassnig c824d12867
Al folio main giscus pages (#1596)
Solves #1586 by adding the option for giscus comments sites using the
pages layout and minimally modifies Project 2 to show giscus comments as
an example
2023-07-23 16:18:03 -03:00
George 3d0b362d19
Support for bibliography in blog posts and projects (#1553)
Implemented #1193

---------

Signed-off-by: George Araujo <george.gcac@gmail.com>
2023-07-12 14:07:33 -03:00
wristy bf6f8a41ad
Fix grammar (#848) 2022-08-27 06:45:54 -07:00
Rohan Deb Sarkar 0e3cff9137
Use WebP responsive images (#498)
This PR replaces the jekyll-responsive-images with jekyll-imagemagick for responsive WebP images.

WebP images are much smaller compared to PNG and JPEG, faster to load and most of the modern browsers recommend it.

More information about WebP images: https://developers.google.com/speed/webp
2021-12-22 03:13:52 -05:00
Maruan 174024e76c
Add support for responsive images (#439) 2021-10-30 16:26:55 -04:00
Amir Pourmand 6b0bf87846
add jekyll target blank plugin (#404)
* add jekyll target blank

* Remove manual target blank from everywhere

* Update README.md

* Set ruby version to 3.0.2 in the deploy script

Co-authored-by: Maruan Al-Shedivat <maruan@genesistherapeutics.ai>
2021-10-03 21:16:05 -04:00
Dinesh Natesan e27fe2a021
Categories for projects and an optional horizontal project card style (#224)
* Add webpage to academic pages list

* adding panelbear analytics

* added categories for projects and horizontal mode display for projects

* rewrote the code to ensure it works properly with current project definitions

* Style adjustments

Co-authored-by: Maruan Al-Shedivat <alshedivat.maruan@gmail.com>
2021-04-11 14:34:15 -04:00
Maruan Al-Shedivat 2b45cde8a1 Adjust example posts/projects 2020-05-17 05:52:42 -04:00
Maruan Al-Shedivat 097a32a680 Upgrade project grid 2020-05-03 11:53:11 -04:00
Maruan Al-Shedivat 05748528a7 Upgrade project grid 2020-05-03 01:28:30 -04:00
Maruan Al-Shedivat 8fc0c4b4e3 Minor formatting 2018-06-19 10:07:28 -04:00
Sam Fearn 2c72ee76c0 Added left class to all images 2018-06-11 00:54:05 +01:00
Maruan Al-Shedivat 1e189ff81c Project page style fixes 2017-05-27 12:47:48 -07:00
Maruan Al-Shedivat dc6cb63fbe Second round of style cleaning 2017-02-26 14:57:28 -05:00
Maruan Al-Shedivat 5f0fbde387 Overall improvements and fixes 2015-10-24 14:54:29 -04:00
Maruan Al-Shedivat 1e8dff52bc Basic modifications of the *folio theme 2015-10-19 17:38:04 -04:00