Skip to content

Commit 2c72ee7

Browse files
samfearnsamfearn
committed
Added left class to all images
1 parent 2a29514 commit 2c72ee7

6 files changed

+59
-53
lines changed

‎_projects/1_project.markdown

+8-8
Original file line numberDiff line numberDiff line change
@@ -18,15 +18,15 @@ To give your project a background in the portfolio page, just add the img tag to
1818

1919

2020
<div class="img_row">
21-
<img class="col one" src="{{ site.baseurl }}/assets/img/1.jpg" alt="" title="example image"/>
22-
<img class="col one" src="{{ site.baseurl }}/assets/img/2.jpg" alt="" title="example image"/>
23-
<img class="col one" src="{{ site.baseurl }}/assets/img/3.jpg" alt="" title="example image"/>
21+
<img class="col one left" src="{{ site.baseurl }}/assets/img/1.jpg" alt="" title="example image"/>
22+
<img class="col one left" src="{{ site.baseurl }}/assets/img/2.jpg" alt="" title="example image"/>
23+
<img class="col one left" src="{{ site.baseurl }}/assets/img/3.jpg" alt="" title="example image"/>
2424
</div>
2525
<div class="col three caption">
2626
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.
2727
</div>
2828
<div class="img_row">
29-
<img class="col three" src="{{ site.baseurl }}/assets/img/5.jpg" alt="" title="example image"/>
29+
<img class="col three left" src="{{ site.baseurl }}/assets/img/5.jpg" alt="" title="example image"/>
3030
</div>
3131
<div class="col three caption">
3232
This image can also have a caption. It's like magic.
@@ -36,8 +36,8 @@ You can also put regular text between your rows of images. Say you wanted to wri
3636

3737

3838
<div class="img_row">
39-
<img class="col two" src="{{ site.baseurl }}/assets/img/6.jpg" alt="" title="example image"/>
40-
<img class="col one" src="{{ site.baseurl }}/assets/img/11.jpg" alt="" title="example image"/>
39+
<img class="col two left" src="{{ site.baseurl }}/assets/img/6.jpg" alt="" title="example image"/>
40+
<img class="col one left" src="{{ site.baseurl }}/assets/img/11.jpg" alt="" title="example image"/>
4141
</div>
4242
<div class="col three caption">
4343
You can also have artistically styled 2/3 + 1/3 images, like these.
@@ -50,6 +50,6 @@ You can also put regular text between your rows of images. Say you wanted to wri
5050
The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here's the code for the last row of images above:
5151

5252
<div class="img_row">
53-
<img class="col two" src="/img/6.jpg"/>
54-
<img class="col one" src="/img/11.jpg"/>
53+
<img class="col two left" src="/img/6.jpg"/>
54+
<img class="col one left" src="/img/11.jpg"/>
5555
</div>

‎_projects/2_project.markdown

+10-10
Original file line numberDiff line numberDiff line change
@@ -18,15 +18,15 @@ To give your project a background in the portfolio page, just add the img tag to
1818

1919

2020
<div class="img_row">
21-
<img class="col one" src="{{ site.baseurl }}/assets/img/1.jpg" alt="" title="example image"/>
22-
<img class="col one" src="{{ site.baseurl }}/assets/img/2.jpg" alt="" title="example image"/>
23-
<img class="col one" src="{{ site.baseurl }}/assets/img/3.jpg" alt="" title="example image"/>
21+
<img class="col one left" src="{{ site.baseurl }}/assets/img/1.jpg" alt="" title="example image"/>
22+
<img class="col one left" src="{{ site.baseurl }}/assets/img/2.jpg" alt="" title="example image"/>
23+
<img class="col one left" src="{{ site.baseurl }}/assets/img/3.jpg" alt="" title="example image"/>
2424
</div>
2525
<div class="col three caption">
2626
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.
2727
</div>
2828
<div class="img_row">
29-
<img class="col three" src="{{ site.baseurl }}/assets/img/5.jpg" alt="" title="example image"/>
29+
<img class="col three left" src="{{ site.baseurl }}/assets/img/5.jpg" alt="" title="example image"/>
3030
</div>
3131
<div class="col three caption">
3232
This image can also have a caption. It's like magic.
@@ -36,20 +36,20 @@ You can also put regular text between your rows of images. Say you wanted to wri
3636

3737

3838
<div class="img_row">
39-
<img class="col two" src="{{ site.baseurl }}/assets/img/6.jpg" alt="" title="example image"/>
40-
<img class="col one" src="{{ site.baseurl }}/assets/img/11.jpg" alt="" title="example image"/>
39+
<img class="col two left" src="{{ site.baseurl }}/assets/img/6.jpg" alt="" title="example image"/>
40+
<img class="col one left" src="{{ site.baseurl }}/assets/img/11.jpg" alt="" title="example image"/>
4141
</div>
4242
<div class="col three caption">
4343
You can also have artistically styled 2/3 + 1/3 images, like these.
4444
</div>
4545

4646

47-
<br/><br/><br/>
47+
<br/><br/>
4848

4949

5050
The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here's the code for the last row of images above:
5151

5252
<div class="img_row">
53-
<img class="col two" src="/img/6.jpg"/>
54-
<img class="col one" src="/img/11.jpg"/>
55-
</div>
53+
<img class="col two left" src="/img/6.jpg"/>
54+
<img class="col one left" src="/img/11.jpg"/>
55+
</div>

‎_projects/3_project.markdown

+10-9
Original file line numberDiff line numberDiff line change
@@ -19,15 +19,15 @@ To give your project a background in the portfolio page, just add the img tag to
1919

2020

2121
<div class="img_row">
22-
<img class="col one" src="{{ site.baseurl }}/assets/img/1.jpg" alt="" title="example image"/>
23-
<img class="col one" src="{{ site.baseurl }}/assets/img/2.jpg" alt="" title="example image"/>
24-
<img class="col one" src="{{ site.baseurl }}/assets/img/3.jpg" alt="" title="example image"/>
22+
<img class="col one left" src="{{ site.baseurl }}/assets/img/1.jpg" alt="" title="example image"/>
23+
<img class="col one left" src="{{ site.baseurl }}/assets/img/2.jpg" alt="" title="example image"/>
24+
<img class="col one left" src="{{ site.baseurl }}/assets/img/3.jpg" alt="" title="example image"/>
2525
</div>
2626
<div class="col three caption">
2727
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.
2828
</div>
2929
<div class="img_row">
30-
<img class="col three" src="{{ site.baseurl }}/assets/img/5.jpg" alt="" title="example image"/>
30+
<img class="col three left" src="{{ site.baseurl }}/assets/img/5.jpg" alt="" title="example image"/>
3131
</div>
3232
<div class="col three caption">
3333
This image can also have a caption. It's like magic.
@@ -37,20 +37,21 @@ You can also put regular text between your rows of images. Say you wanted to wri
3737

3838

3939
<div class="img_row">
40-
<img class="col two" src="{{ site.baseurl }}/assets/img/6.jpg" alt="" title="example image"/>
41-
<img class="col one" src="{{ site.baseurl }}/assets/img/11.jpg" alt="" title="example image"/>
40+
<img class="col two left" src="{{ site.baseurl }}/assets/img/6.jpg" alt="" title="example image"/>
41+
<img class="col one left" src="{{ site.baseurl }}/assets/img/11.jpg" alt="" title="example image"/>
4242
</div>
4343
<div class="col three caption">
4444
You can also have artistically styled 2/3 + 1/3 images, like these.
4545
</div>
4646

4747

48-
<br/><br/><br/>
48+
<br/><br/>
4949

5050

5151
The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here's the code for the last row of images above:
5252

5353
<div class="img_row">
54-
<img class="col two" src="/img/6.jpg"/>
55-
<img class="col one" src="/img/11.jpg"/>
54+
<img class="col two left" src="/img/6.jpg"/>
55+
<img class="col one left" src="/img/11.jpg"/>
5656
</div>
57+

‎_projects/4_project.markdown

+10-9
Original file line numberDiff line numberDiff line change
@@ -18,15 +18,15 @@ To give your project a background in the portfolio page, just add the img tag to
1818

1919

2020
<div class="img_row">
21-
<img class="col one" src="{{ site.baseurl }}/assets/img/1.jpg" alt="" title="example image"/>
22-
<img class="col one" src="{{ site.baseurl }}/assets/img/2.jpg" alt="" title="example image"/>
23-
<img class="col one" src="{{ site.baseurl }}/assets/img/3.jpg" alt="" title="example image"/>
21+
<img class="col one left" src="{{ site.baseurl }}/assets/img/1.jpg" alt="" title="example image"/>
22+
<img class="col one left" src="{{ site.baseurl }}/assets/img/2.jpg" alt="" title="example image"/>
23+
<img class="col one left" src="{{ site.baseurl }}/assets/img/3.jpg" alt="" title="example image"/>
2424
</div>
2525
<div class="col three caption">
2626
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.
2727
</div>
2828
<div class="img_row">
29-
<img class="col three" src="{{ site.baseurl }}/assets/img/5.jpg" alt="" title="example image"/>
29+
<img class="col three left" src="{{ site.baseurl }}/assets/img/5.jpg" alt="" title="example image"/>
3030
</div>
3131
<div class="col three caption">
3232
This image can also have a caption. It's like magic.
@@ -36,20 +36,21 @@ You can also put regular text between your rows of images. Say you wanted to wri
3636

3737

3838
<div class="img_row">
39-
<img class="col two" src="{{ site.baseurl }}/assets/img/6.jpg" alt="" title="example image"/>
40-
<img class="col one" src="{{ site.baseurl }}/assets/img/11.jpg" alt="" title="example image"/>
39+
<img class="col two left" src="{{ site.baseurl }}/assets/img/6.jpg" alt="" title="example image"/>
40+
<img class="col one left" src="{{ site.baseurl }}/assets/img/11.jpg" alt="" title="example image"/>
4141
</div>
4242
<div class="col three caption">
4343
You can also have artistically styled 2/3 + 1/3 images, like these.
4444
</div>
4545

4646

47-
<br/><br/><br/>
47+
<br/><br/>
4848

4949

5050
The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here's the code for the last row of images above:
5151

5252
<div class="img_row">
53-
<img class="col two" src="/img/6.jpg"/>
54-
<img class="col one" src="/img/11.jpg"/>
53+
<img class="col two left" src="/img/6.jpg"/>
54+
<img class="col one left" src="/img/11.jpg"/>
5555
</div>
56+

‎_projects/5_project.markdown

+10-9
Original file line numberDiff line numberDiff line change
@@ -18,15 +18,15 @@ To give your project a background in the portfolio page, just add the img tag to
1818

1919

2020
<div class="img_row">
21-
<img class="col one" src="{{ site.baseurl }}/assets/img/1.jpg" alt="" title="example image"/>
22-
<img class="col one" src="{{ site.baseurl }}/assets/img/2.jpg" alt="" title="example image"/>
23-
<img class="col one" src="{{ site.baseurl }}/assets/img/3.jpg" alt="" title="example image"/>
21+
<img class="col one left" src="{{ site.baseurl }}/assets/img/1.jpg" alt="" title="example image"/>
22+
<img class="col one left" src="{{ site.baseurl }}/assets/img/2.jpg" alt="" title="example image"/>
23+
<img class="col one left" src="{{ site.baseurl }}/assets/img/3.jpg" alt="" title="example image"/>
2424
</div>
2525
<div class="col three caption">
2626
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.
2727
</div>
2828
<div class="img_row">
29-
<img class="col three" src="{{ site.baseurl }}/assets/img/5.jpg" alt="" title="example image"/>
29+
<img class="col three left" src="{{ site.baseurl }}/assets/img/5.jpg" alt="" title="example image"/>
3030
</div>
3131
<div class="col three caption">
3232
This image can also have a caption. It's like magic.
@@ -36,20 +36,21 @@ You can also put regular text between your rows of images. Say you wanted to wri
3636

3737

3838
<div class="img_row">
39-
<img class="col two" src="{{ site.baseurl }}/assets/img/6.jpg" alt="" title="example image"/>
40-
<img class="col one" src="{{ site.baseurl }}/assets/img/11.jpg" alt="" title="example image"/>
39+
<img class="col two left" src="{{ site.baseurl }}/assets/img/6.jpg" alt="" title="example image"/>
40+
<img class="col one left" src="{{ site.baseurl }}/assets/img/11.jpg" alt="" title="example image"/>
4141
</div>
4242
<div class="col three caption">
4343
You can also have artistically styled 2/3 + 1/3 images, like these.
4444
</div>
4545

4646

47-
<br/><br/><br/>
47+
<br/><br/>
4848

4949

5050
The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here's the code for the last row of images above:
5151

5252
<div class="img_row">
53-
<img class="col two" src="/img/6.jpg"/>
54-
<img class="col one" src="/img/11.jpg"/>
53+
<img class="col two left" src="/img/6.jpg"/>
54+
<img class="col one left" src="/img/11.jpg"/>
5555
</div>
56+

‎_projects/6_project.markdown

+11-8
Original file line numberDiff line numberDiff line change
@@ -18,15 +18,15 @@ To give your project a background in the portfolio page, just add the img tag to
1818

1919

2020
<div class="img_row">
21-
<img class="col one" src="{{ site.baseurl }}/assets/img/1.jpg" alt="" title="example image"/>
22-
<img class="col one" src="{{ site.baseurl }}/assets/img/2.jpg" alt="" title="example image"/>
23-
<img class="col one" src="{{ site.baseurl }}/assets/img/3.jpg" alt="" title="example image"/>
21+
<img class="col one left" src="{{ site.baseurl }}/assets/img/1.jpg" alt="" title="example image"/>
22+
<img class="col one left" src="{{ site.baseurl }}/assets/img/2.jpg" alt="" title="example image"/>
23+
<img class="col one left" src="{{ site.baseurl }}/assets/img/3.jpg" alt="" title="example image"/>
2424
</div>
2525
<div class="col three caption">
2626
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.
2727
</div>
2828
<div class="img_row">
29-
<img class="col three" src="{{ site.baseurl }}/assets/img/5.jpg" alt="" title="example image"/>
29+
<img class="col three left" src="{{ site.baseurl }}/assets/img/5.jpg" alt="" title="example image"/>
3030
</div>
3131
<div class="col three caption">
3232
This image can also have a caption. It's like magic.
@@ -36,17 +36,20 @@ You can also put regular text between your rows of images. Say you wanted to wri
3636

3737

3838
<div class="img_row">
39-
<img class="col two" src="{{ site.baseurl }}/assets/img/6.jpg" alt="" title="example image"/>
40-
<img class="col one" src="{{ site.baseurl }}/assets/img/11.jpg" alt="" title="example image"/>
39+
<img class="col two left" src="{{ site.baseurl }}/assets/img/6.jpg" alt="" title="example image"/>
40+
<img class="col one left" src="{{ site.baseurl }}/assets/img/11.jpg" alt="" title="example image"/>
4141
</div>
4242
<div class="col three caption">
4343
You can also have artistically styled 2/3 + 1/3 images, like these.
4444
</div>
4545

4646

47+
<br/><br/>
48+
49+
4750
The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here's the code for the last row of images above:
4851

4952
<div class="img_row">
50-
<img class="col two" src="/img/6.jpg"/>
51-
<img class="col one" src="/img/11.jpg"/>
53+
<img class="col two left" src="/img/6.jpg"/>
54+
<img class="col one left" src="/img/11.jpg"/>
5255
</div>

0 commit comments

Comments
 (0)