From e2c06d2681e18946ab6c3e3e6075aed92a4d13be Mon Sep 17 00:00:00 2001 From: Karl Hallsby Date: Sun, 3 Oct 2021 00:35:46 -0500 Subject: Change to al-folio theme Theme at: https://github.com/alshedivat/al-folio --- _projects/2_project.markdown | 78 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 78 insertions(+) create mode 100644 _projects/2_project.markdown (limited to '_projects/2_project.markdown') diff --git a/_projects/2_project.markdown b/_projects/2_project.markdown new file mode 100644 index 0000000..1bfceda --- /dev/null +++ b/_projects/2_project.markdown @@ -0,0 +1,78 @@ +--- +layout: page +title: project 2 +description: a project with a background image +img: /assets/img/3.jpg +importance: 2 +category: work +--- + +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. + +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 + --- + +
+
+ +
+
+ +
+
+ +
+
+
+ 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. +
+
+
+ +
+
+
+ This image can also have a caption. It's like magic. +
+ +You can also put regular text between your rows of images. +Say you wanted to write a little 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 it's glory in the next row of images. + + +
+
+ +
+
+ +
+
+
+ You can also have artistically styled 2/3 + 1/3 images, like these. +
+ + +The code is simple. +Just wrap your images with `
` and place them inside `
` (read more about the Bootstrap Grid 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: + +```html +
+
+ +
+
+ +
+
+``` -- cgit v1.2.3