Skip to content

Commit

Permalink
Update projects and repositories
Browse files Browse the repository at this point in the history
  • Loading branch information
daniel-manrique committed Mar 4, 2024
1 parent c8920be commit bd7ca23
Show file tree
Hide file tree
Showing 4 changed files with 11 additions and 66 deletions.
6 changes: 3 additions & 3 deletions _data/repositories.yml
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,6 @@ github_users:

github_repos:
- daniel-manrique/daniel-manrique.github.io
- Stroke_PDGFR-B_Reactivity
- StarProtocol_PPA
- Stroke_GlialScar_PPA-TDA
- daniel-manrique/Stroke_PDGFR-B_Reactivity
- daniel-manrique/StarProtocol_PPA
- daniel-manrique/Stroke_GlialScar_PPA-TDA
2 changes: 1 addition & 1 deletion _pages/repositories.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
layout: page
permalink: /repositories/
title: Repositories
description: Edit the `_data/repositories.yml` and change the `github_users` and `github_repos` lists to include your own GitHub profile and repositories.
description: This page post the repositories I developed for the labs I have worked with or for my own.
nav: true
nav_order: 4
---
Expand Down
69 changes: 7 additions & 62 deletions _projects/1_project.md
Original file line number Diff line number Diff line change
@@ -1,81 +1,26 @@
---
layout: page
title: project 1
description: a project with a background image
img: assets/img/12.jpg
title: PPA for neuroscience
description: Point pattern analysis (PPA) for neuroscience
img: assets/img/Pointanalysis.png
importance: 1
category: work
related_publications: true
---

Every project has a beautiful feature showcase page.
It's easy to include images in a flexible 3-column grid format.
Make your photos 1/3, 2/3, or full width.
I am exploring ways to incorporate Point patterns analysis (PPA) for the analysis of microscopy images in neuroscience. This allows investigation the spatial arrangement of cells like neurons and neuroglia in healthy and disease conditions. To achieve this goal I meanly implement to spatstat package in R-programming language.

To give your project a background in the portfolio page, just add the img tag to the front matter like so:

---
layout: page
title: project
description: a project with a background image
img: /assets/img/12.jpg
---

<div class="row">
<div class="col-sm mt-3 mt-md-0">
{% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
</div>
<div class="col-sm mt-3 mt-md-0">
{% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
</div>
<div class="col-sm mt-3 mt-md-0">
{% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
</div>
</div>
<div class="caption">
Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
</div>
<div class="row">
<div class="col-sm mt-3 mt-md-0">
{% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
</div>
</div>
<div class="caption">
This image can also have a caption. It's like magic.
</div>

You can also put regular text between your rows of images, even citations {% cite einstein1950meaning %}.
Say you wanted to write a bit about your project before you posted the rest of the images.
You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images.

<div class="row justify-content-sm-center">
<div class="col-sm-8 mt-3 mt-md-0">
{% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
</div>
<div class="col-sm-4 mt-3 mt-md-0">
{% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
{% include figure.liquid loading="eager" path="assets/img/Pointanalysis.png" title="PPA" class="img-fluid rounded z-depth-1" %}
</div>
</div>
<div class="caption">
You can also have artistically styled 2/3 + 1/3 images, like these.
Density kernel generated from point patterns.
</div>

The code is simple.
Just wrap your images with `<div class="col-sm">` and place them inside `<div class="row">` (read more about the <a href="https://getbootstrap.com/docs/4.4/layout/grid/">Bootstrap Grid</a> system).
To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
Here's the code for the last row of images above:

{% raw %}

```html
<div class="row justify-content-sm-center">
<div class="col-sm-8 mt-3 mt-md-0">
{% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
</div>
<div class="col-sm-4 mt-3 mt-md-0">
{% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
</div>
</div>
```
You can check this [prepint](https://www.biorxiv.org/content/10.1101/2023.10.04.560910v1) with its corresponding [repository](https://github.com/daniel-manrique/Stroke_GlialScar_PPA-TDA) or the protocol develped for StarProtocols (Cell Press) and its corresponding [repository](https://github.com/daniel-manrique/StarProtocol_PPA)

{% endraw %}
Binary file added assets/img/Pointanalysis.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit bd7ca23

Please sign in to comment.