Skip to content

Commit c7df3c1

Browse files
george-gcageorge-gca
committed
Created projects 7, 8, and 9 in language dirs
Signed-off-by: George Araújo <george.gcac@gmail.com>
1 parent da67a23 commit c7df3c1

File tree

6 files changed

+242
-0
lines changed

6 files changed

+242
-0
lines changed

_projects/7_project.md renamed to _projects/en-us/7_project.md

File renamed without changes.

_projects/8_project.md renamed to _projects/en-us/8_project.md

File renamed without changes.

_projects/9_project.md renamed to _projects/en-us/9_project.md

File renamed without changes.

‎_projects/pt-br/7_project.md‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
---
2+
layout: page
3+
title: project 7
4+
description: with background image
5+
img: assets/img/4.jpg
6+
importance: 1
7+
category: work
8+
related_publications: true
9+
---
10+
11+
Every project has a beautiful feature showcase page.
12+
It's easy to include images in a flexible 3-column grid format.
13+
Make your photos 1/3, 2/3, or full width.
14+
15+
To give your project a background in the portfolio page, just add the img tag to the front matter like so:
16+
17+
---
18+
layout: page
19+
title: project
20+
description: a project with a background image
21+
img: /assets/img/12.jpg
22+
---
23+
24+
<div class="row">
25+
<div class="col-sm mt-3 mt-md-0">
26+
{% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
27+
</div>
28+
<div class="col-sm mt-3 mt-md-0">
29+
{% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
30+
</div>
31+
<div class="col-sm mt-3 mt-md-0">
32+
{% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
33+
</div>
34+
</div>
35+
<div class="caption">
36+
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.
37+
</div>
38+
<div class="row">
39+
<div class="col-sm mt-3 mt-md-0">
40+
{% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
41+
</div>
42+
</div>
43+
<div class="caption">
44+
This image can also have a caption. It's like magic.
45+
</div>
46+
47+
You can also put regular text between your rows of images, even citations {% cite einstein1950meaning %}.
48+
Say you wanted to write a bit about your project before you posted the rest of the images.
49+
You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images.
50+
51+
<div class="row justify-content-sm-center">
52+
<div class="col-sm-8 mt-3 mt-md-0">
53+
{% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
54+
</div>
55+
<div class="col-sm-4 mt-3 mt-md-0">
56+
{% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
57+
</div>
58+
</div>
59+
<div class="caption">
60+
You can also have artistically styled 2/3 + 1/3 images, like these.
61+
</div>
62+
63+
The code is simple.
64+
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).
65+
To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
66+
Here's the code for the last row of images above:
67+
68+
{% raw %}
69+
70+
```html
71+
<div class="row justify-content-sm-center">
72+
<div class="col-sm-8 mt-3 mt-md-0">
73+
{% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
74+
</div>
75+
<div class="col-sm-4 mt-3 mt-md-0">
76+
{% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
77+
</div>
78+
</div>
79+
```
80+
81+
{% endraw %}

‎_projects/pt-br/8_project.md‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
---
2+
layout: page
3+
title: project 8
4+
description: an other project with a background image and giscus comments
5+
img: assets/img/9.jpg
6+
importance: 2
7+
category: work
8+
giscus_comments: true
9+
---
10+
11+
Every project has a beautiful feature showcase page.
12+
It's easy to include images in a flexible 3-column grid format.
13+
Make your photos 1/3, 2/3, or full width.
14+
15+
To give your project a background in the portfolio page, just add the img tag to the front matter like so:
16+
17+
---
18+
layout: page
19+
title: project
20+
description: a project with a background image
21+
img: /assets/img/12.jpg
22+
---
23+
24+
<div class="row">
25+
<div class="col-sm mt-3 mt-md-0">
26+
{% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
27+
</div>
28+
<div class="col-sm mt-3 mt-md-0">
29+
{% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
30+
</div>
31+
<div class="col-sm mt-3 mt-md-0">
32+
{% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
33+
</div>
34+
</div>
35+
<div class="caption">
36+
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.
37+
</div>
38+
<div class="row">
39+
<div class="col-sm mt-3 mt-md-0">
40+
{% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
41+
</div>
42+
</div>
43+
<div class="caption">
44+
This image can also have a caption. It's like magic.
45+
</div>
46+
47+
You can also put regular text between your rows of images.
48+
Say you wanted to write a little bit about your project before you posted the rest of the images.
49+
You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images.
50+
51+
<div class="row justify-content-sm-center">
52+
<div class="col-sm-8 mt-3 mt-md-0">
53+
{% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
54+
</div>
55+
<div class="col-sm-4 mt-3 mt-md-0">
56+
{% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
57+
</div>
58+
</div>
59+
<div class="caption">
60+
You can also have artistically styled 2/3 + 1/3 images, like these.
61+
</div>
62+
63+
The code is simple.
64+
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).
65+
To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
66+
Here's the code for the last row of images above:
67+
68+
{% raw %}
69+
70+
```html
71+
<div class="row justify-content-sm-center">
72+
<div class="col-sm-8 mt-3 mt-md-0">
73+
{% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
74+
</div>
75+
<div class="col-sm-4 mt-3 mt-md-0">
76+
{% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
77+
</div>
78+
</div>
79+
```
80+
81+
{% endraw %}

‎_projects/pt-br/9_project.md‎

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,80 @@
1+
---
2+
layout: page
3+
title: project 9
4+
description: another project with an image 🎉
5+
img: assets/img/6.jpg
6+
importance: 4
7+
category: fun
8+
---
9+
10+
Every project has a beautiful feature showcase page.
11+
It's easy to include images in a flexible 3-column grid format.
12+
Make your photos 1/3, 2/3, or full width.
13+
14+
To give your project a background in the portfolio page, just add the img tag to the front matter like so:
15+
16+
---
17+
layout: page
18+
title: project
19+
description: a project with a background image
20+
img: /assets/img/12.jpg
21+
---
22+
23+
<div class="row">
24+
<div class="col-sm mt-3 mt-md-0">
25+
{% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
26+
</div>
27+
<div class="col-sm mt-3 mt-md-0">
28+
{% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
29+
</div>
30+
<div class="col-sm mt-3 mt-md-0">
31+
{% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
32+
</div>
33+
</div>
34+
<div class="caption">
35+
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.
36+
</div>
37+
<div class="row">
38+
<div class="col-sm mt-3 mt-md-0">
39+
{% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
40+
</div>
41+
</div>
42+
<div class="caption">
43+
This image can also have a caption. It's like magic.
44+
</div>
45+
46+
You can also put regular text between your rows of images.
47+
Say you wanted to write a little bit about your project before you posted the rest of the images.
48+
You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images.
49+
50+
<div class="row justify-content-sm-center">
51+
<div class="col-sm-8 mt-3 mt-md-0">
52+
{% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
53+
</div>
54+
<div class="col-sm-4 mt-3 mt-md-0">
55+
{% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
56+
</div>
57+
</div>
58+
<div class="caption">
59+
You can also have artistically styled 2/3 + 1/3 images, like these.
60+
</div>
61+
62+
The code is simple.
63+
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).
64+
To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
65+
Here's the code for the last row of images above:
66+
67+
{% raw %}
68+
69+
```html
70+
<div class="row justify-content-sm-center">
71+
<div class="col-sm-8 mt-3 mt-md-0">
72+
{% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
73+
</div>
74+
<div class="col-sm-4 mt-3 mt-md-0">
75+
{% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
76+
</div>
77+
</div>
78+
```
79+
80+
{% endraw %}

0 commit comments

Comments
 (0)