diff --git a/_layouts/about.html b/_layouts/about.html new file mode 100644 index 0000000..c314ee5 --- /dev/null +++ b/_layouts/about.html @@ -0,0 +1,18 @@ +--- +layout: page +--- + +{% if page.profile %} +
555 your office number
+123 your address street
+Your City, State 12345
+ news: true social: true --- -
+Write your biography here. Tell the world about yourself. Link to your favorite [subreddit](http://reddit.com). You can put a picture in, too. The code is already in, just name your picture `prof_pic.jpg` and put it in the `img/` folder.
-Write your biography here. Tell the world about yourself. Link to your favorite [subreddit](http://reddit.com). You can put a picture in, too. The code is already in, just name your picture "prof_pic.jpg" and put it in the img folder.
+Put your address / P.O. box / other info right below your picture. You can also disable any these elements by editing `profile` property of the YAML header of your `about.md`.
Link to your social media connections, too. This theme is set up to use [Font Awesome icons](http://fortawesome.github.io/Font-Awesome/){:target="\_blank"} and [Academicons](https://jpswalsh.github.io/academicons/){:target="\_blank"}, like the ones below. Add your Facebook, Twitter, LinkedIn, Google Scholar, or just disable all of them.
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 7564496..bf810f6 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -70,6 +70,17 @@ display: line;
}
}
+/**
+ * Profile
+ */
+.profile {
+ margin-right: 20px;
+ img { width: 100%; }
+}
+.address {
+ p { margin: 0; }
+}
+
/**
* News block **********************************************************
*/
@@ -111,17 +122,17 @@ width: 100%;
* Pagination **********************************************************
*/
.pagination{
-max-width: -webkit-calc(800px - (#{$horizontal-spacing-unit} * 2));
-text-align: center;
-width: 100%;
-position: fixed;
-bottom: 50px;
+ max-width: -webkit-calc(800px - (#{$horizontal-spacing-unit} * 2));
+ text-align: center;
+ width: 100%;
+ position: fixed;
+ bottom: 50px;
}
.paginationicon {
-font-size: 50px;
-a {
-color: $theme-color;
- }
+ font-size: 50px;
+ a {
+ color: $theme-color;
+ }
}
/**