Commit Graph

33 Commits

Author SHA1 Message Date
04f0d055f9 WIP to fix 2026-03-02 18:07:45 +01:00
0b852e1d52 Merge remote-tracking branch 'gh/main' 2026-02-18 16:59:30 +01:00
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
9459d17afe redirect sap to api doc 2023-02-15 11:00:53 +02:00
4537451f6a Refrasing render 2023-02-15 10:56:35 +02:00
10d0af0099 Last fixes 2023-02-15 10:49:10 +02:00
2c5ec3957b Add renders with videos 2023-02-14 15:57:50 +02:00
c0718c6a66 Add SAP 2023-02-09 17:33:16 +02:00
0413e86091 Write spectra project 2023-02-08 17:16:58 +02:00
35c384f7d2 Pandoc code highlight 2023-02-07 18:38:12 +02:00
4ea5d736b5 Fix markdown files for Pandoc transition 2023-02-07 17:31:43 +02:00
30e9276b4d Transition on Pandoc WIP 2023-02-07 15:12:38 +02:00
941f2f6e7d WIP on projects 2023-02-07 11:24:07 +02: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