Skip to content

Enhancement: Add Author Profile Links and Images to Blog Posts #194

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
May 18, 2024
Merged

Enhancement: Add Author Profile Links and Images to Blog Posts #194

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 25 additions & 10 deletions _layouts/post.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,22 +1,37 @@
---
layout: default
---
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">

<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h1 class="post-title" itemprop="name headline">{{ page.title }}</h1>
<p class="post-meta">
<time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
<time
datetime="{{ page.date | date_to_xmlschema }}"
itemprop="datePublished"
>
{{ page.date | date: "%b %-d, %Y" }}
</time>
{% if page.author %}
• <span itemprop="author" itemscope itemtype="http://schema.org/Person">
<span itemprop="name">{{ page.author }}</span></span>
{% endif %}</p>
{% if page.author %} • {% for author_name in page.author %}
<span itemprop="author" itemscope itemtype="http://schema.org/Person">
{% assign author = site.data.contributors | where: "name", author_name |
first %} {% assign author_link = author.name | replace: " ", "" |
prepend: "/team/" %}
<a href="{{ author_link }}" itemprop="url">
{% if author.photo %}
<img
src="{{ site.baseurl }}/images/team/{{ author.photo }}"
alt="{{ author_name }}"
class="author-image"
/>
{% endif %}
<span itemprop="name">{{ author_name }}</span>
</a>
{% if forloop.last == false %} , {% endif %}
</span>
{% endfor %} {% endif %}
</p>
</header>

<div class="post-content" itemprop="articleBody">
{{ content }}
</div>

<div class="post-content" itemprop="articleBody">{{ content }}</div>
</article>
4 changes: 3 additions & 1 deletion _posts/2022-12-02-recovering-from-errors-in-clang-repl-and-code-undo.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,9 @@ declaration that isn’t a declaration or or specialization of anything
belongs to the active PTU. However, in case of a template specialization,
it can be pulled into a more recent PTU by its template arguments."
sitemap: false
author: "Jun Zhang, Purva Chaudhari"
author:
- Jun Zhang
- Purva Chaudhari
permalink: blogs/gsoc22_zhang_chaudhari_experience_blog/
date: 2022-12-02
---
Expand Down
216 changes: 123 additions & 93 deletions css/main.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,68 +1,68 @@
---
---

@import "bootstrap";

img { margin-bottom: 24px;
margin-top: 17px;
border-radius: 2%;
img {
margin-bottom: 24px;
margin-top: 17px;
border-radius: 2%;
}

html, body {
height: 100%;
html,
body {
height: 100%;
}

body {
padding-top: 70px;
display: flex;
flex-direction: column;
padding-top: 70px;
display: flex;
flex-direction: column;
}

.panel {
flex-shrink: 0;
flex-shrink: 0;
}


figcaption {
text-align: right;
margin-top: -20px;
margin-bottom: 20px;
text-align: right;
margin-top: -20px;
margin-bottom: 20px;
}



/* Top navigation bar */

.navbar-default {
background-color: #292929;

.navbar-brand,
.navbar-nav > li > a {
color: rgb(236, 236, 236);
}

background-color: #292929;

.dropdown-menu {
background-color: #292929; /* Set the background color for the dropdown menu */
}
.navbar-brand,
.navbar-nav > li > a {
color: rgb(236, 236, 236);
}

.dropdown-menu > li > a {
color: rgb(236, 236, 236); /* Set the font color for the dropdown menu items */
}
.dropdown-menu {
background-color: #292929; /* Set the background color for the dropdown menu */
}

.dropdown-menu > li > a {
color: rgb(
236,
236,
236
); /* Set the font color for the dropdown menu items */
}
}

p.byline {
text-align: center;
font-size: 18px;
line-height: 36px;
margin-top: -24px;
margin-bottom: 48px;
text-align: center;
font-size: 18px;
line-height: 36px;
margin-top: -24px;
margin-bottom: 48px;
}


pubtit {
font-weight: bold;
font-weight: bold;
}

firstp {
Expand All @@ -77,96 +77,121 @@ firstp {

/* Home, News */
#newsid p {
text-align: left;
text-align: left;
}

#homeidtmp h1 {
text-align: center;
text-align: center;
}

#newsid img {
margin-top: 6px;
margin-bottom: 6px;
margin-top: 6px;
margin-bottom: 6px;
}

/* Team & Publications */
#gridid img { margin: 16px 22px 6px 0; border-radius:10%; box-shadow: 2px 2px 5px #888888 }
#homeid img { margin: 0 0 0 0; border-radius:5%; box-shadow: 0px 0px 0px #888888 }
#picid img { margin: 6px 3px 60px 6px; border-radius:1%; box-shadow: 2px 2px 5px #888888 }
#gridid .row { margin-bottom: 24px; }

#gridid img {
margin: 16px 22px 6px 0;
border-radius: 10%;
box-shadow: 2px 2px 5px #888888;
}
#homeid img {
margin: 0 0 0 0;
border-radius: 5%;
box-shadow: 0px 0px 0px #888888;
}
#picid img {
margin: 6px 3px 60px 6px;
border-radius: 1%;
box-shadow: 2px 2px 5px #888888;
}
#gridid .row {
margin-bottom: 24px;
}

/* Grid overrides */
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
padding-left: 16px;
padding-right: 16px;
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
padding-left: 16px;
padding-right: 16px;
}

/* Grid overrides */
.col-sm-4 {
padding-left: 26px;
padding-right: 26px;
padding-left: 26px;
padding-right: 26px;
}


/* Carusel */

.carousel {
border-radius: 3px 3px 3px 3px;
margin-bottom: 20px;
margin-top: 20px;
margin-left: 30px;
margin-right: 30px;
border-radius: 3px 3px 3px 3px;
margin-bottom: 20px;
margin-top: 20px;
margin-left: 30px;
margin-right: 30px;
}

.carousel-caption {
background: rgba(0, 0, 0, 0.75);
position: unset;
//left: auto;
//right: auto;
background: rgba(0, 0, 0, 0.75);
position: unset;
//left: auto;
//right: auto;
}

.carousel-caption h4 {
color: #fff;
color: #fff;
}

.carousel-caption p {
margin: 1em;
font-style: italic;
margin: 1em;
font-style: italic;
}

.carousel-control.left,
.carousel-control.right {
background: none;
z-index: 20;
bottom: 20px;
top:unset;
height: 30px;
background: none;
z-index: 20;
bottom: 20px;
top: unset;
height: 30px;
}
.carousel-control.left {
left: 20%;
}
.carousel-control.right {
right: 20%;
}
.carousel-control.left { left: 20%; }
.carousel-control.right { right: 20%; }

.nomarkul ul li {
margin-top: -10px;
list-style-type: none;
margin-left: 10px;
margin-top: -10px;
list-style-type: none;
margin-left: 10px;
}

.grid-container {
display: grid;
display: grid;
}

.grid-container--fill {
grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
}

.grid-container--fit {
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

.grid-element {
// background-color: #DFCFBE;
// background-color: #DFCFBE;
background-color: white;
padding: 10px;
color: #fff;
Expand All @@ -175,26 +200,31 @@ firstp {

// _styles.scss
.jumbotron {
background-color: rgb(255, 255, 255);
color: rgb(41, 41, 41);
}

background-color: rgb(255, 255, 255);
color: rgb(41, 41, 41);
}

// custom button style for Front Page, etc.

.custom-btn {
background-color: #292929; /* Custom Button Color */
color: #fff; /* Custom Button text color */
}
// hover color for the custom button for Front Page, etc.
.btn-primary:hover {
background-color: #292929c7 !important; /* Custom Button hover color */
}
background-color: #292929; /* Custom Button Color */
color: #fff; /* Custom Button text color */
}
// hover color for the custom button for Front Page, etc.
.btn-primary:hover {
background-color: #292929c7 !important; /* Custom Button hover color */
}

/* fix in-page anchors to not be behind fixed header */
:target:before {
content: "";
display: block;
height: 50px; /* navbar height */
margin: -50px 0 0;
content: "";
display: block;
height: 50px; /* navbar height */
margin: -50px 0 0;
}

.author-image {
border-radius: 50%;
width: 32px;
height: 32px;
}
Loading