florent/pages
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update the theme with a neat publications page.

Browse Source
This commit is contained in:
Maruan Al-Shedivat 2016-07-05 02:38:32 -04:00
parent 5f0fbde387
commit ed63169e50
25 changed files with 566 additions and 1938 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@ -1,3 +1,4 @@
_site
.sass-cache
.DS_store
.jekyll-metadata
.DS_store

4
README.md
View File

@ -3,9 +3,11 @@ A simple and clean theme for academics. Based on [\*folio](http://liabogoev.com/
## Academic Features
TODO: add description
### Ergonomic Publications
TODO: add description
## Original Features
The following are features inherited from [\*folio](http://liabogoev.com/-folio).

64
_bibliography/papers.bib Normal file
View File

@ -0,0 +1,64 @@
---
---
@string{aps = {American Physical Society,}}
@book{einstein1956investigations,
title={Investigations on the Theory of the Brownian Movement},
author={Einstein, Albert},
year={1956},
publisher={Courier Corporation,}
}
@article{einstein1950meaning,
title={The meaning of relativity},
author={Einstein, Albert and Taub, AH},
journal={American Journal of Physics,},
volume={18},
number={6},
pages={403--404},
year={1950},
publisher={American Association of Physics Teachers,}
}
@article{PhysRev.47.777,
title={Can Quantum-Mechanical Description of Physical Reality Be Considered Complete?},
author={Einstein, A. and Podolsky, B. and Rosen, N.},
abstract={In a complete theory there is an element corresponding to each element of reality. A sufficient condition for the reality of a physical quantity is the possibility of predicting it with certainty, without disturbing the system. In quantum mechanics in the case of two physical quantities described by non-commuting operators, the knowledge of one precludes the knowledge of the other. Then either (1) the description of reality given by the wave function in quantum mechanics is not complete or (2) these two quantities cannot have simultaneous reality. Consideration of the problem of making predictions concerning a system on the basis of measurements made on another system that had previously interacted with it leads to the result that if (1) is false then (2) is also false. One is thus led to conclude that the description of reality as given by a wave function is not complete.},
journal={Phys. Rev.,},
volume={47},
issue={10},
pages={777--780},
numpages={0},
year={1935},
month={May},
publisher=aps,
doi={10.1103/PhysRev.47.777},
url={http://link.aps.org/doi/10.1103/PhysRev.47.777}
}
@article{einstein1905molekularkinetischen,
title={{\"U}ber die von der molekularkinetischen Theorie der W{\"a}rme geforderte Bewegung von in ruhenden Fl{\"u}ssigkeiten suspendierten Teilchen},
author={Einstein, A.},
journal={Annalen der physik,},
volume={322},
number={8},
pages={549--560},
year={1905},
publisher={Wiley Online Library}
}
@article{einstein1905movement,
title={Un the movement of small particles suspended in statiunary liquids required by the molecular-kinetic theory 0f heat},
author={Einstein, A.},
journal={Ann. Phys.,},
volume={17},
pages={549--560},
year={1905}
}
@article{einstein1905electrodynamics,
title={On the electrodynamics of moving bodies},
author={Einstein, A.},
year={1905}
}

1677
_bibliography/references.bib
View File

File diff suppressed because it is too large Load Diff

46
_config.yml
View File

@ -1,11 +1,12 @@
# ------------------------------------------------------------------------------
# -----------------------------------------------------------------------------
# Site settings
# ------------------------------------------------------------------------------
# -----------------------------------------------------------------------------
name: Your Name
email: you@example.com
description: > # this means to ignore newlines until "baseurl:"
A simple, whitespace theme for academics. Based on *folio theme.
description: > # this means to ignore newlines until "url:"
A simple, whitespace theme for academics. Based on [*folio](https://github.com/bogoli/-folio) design.
last_updated: July 1, 2016
url: # the base hostname & protocol for your site
baseurl: # the subpath of your site, e.g. /blog/
@ -18,6 +19,11 @@ scholar_authorid: # put your google scholar author id
contact_note: >
You can even add a little note about which of these is the best way to reach you.
# Footer text
footer_text: >
Powered by <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> with <a href="https://github.com/alshedivat/al-folio">al-folio</a> theme.
Hosted by <a href="https://pages.github.com/" target="_blank">GitHub Pages</a>.
# Blog
blog_name: al-folio
blog_description: simple whitespace theme for academics
@ -36,18 +42,14 @@ collections:
output: true
permalink: /poetry/:path/
# ------------------------------------------------------------------------------
# -----------------------------------------------------------------------------
# Jekyll settings
# ------------------------------------------------------------------------------
# -----------------------------------------------------------------------------
# Build settings
markdown: kramdown
highlighter: pygments
# Math support
kramdown:
math_engine: mathjax
# Pagination
paginate: 15
permalink: /blog/:year/:title/
@ -56,13 +58,17 @@ paginate_path: /blog/page:num/
# Includes
include: ['_pages']
# Gems
gems: [jekyll-paginate]
# Emoji support
emoji_dir: /assets/img/emoji
# Jekyll-Scholar
scholar:
last_name: Einstein
style: apa
locale: en
@ -70,20 +76,20 @@ scholar:
order: descending
source: /_bibliography/
bibliography: references.bib
bibliography_template: "{{reference}}"
bibliography: papers.bib
bibliography_template: bib
replace_strings: true
join_strings: true
join_strings: true
details_dir: bibliography
details_dir: bibliography
details_layout: bibtex.html
details_link: Details
details_link: Details
query: "@*"
# ------------------------------------------------------------------------------
# -----------------------------------------------------------------------------
# Other advanced settings (don't touch if you are not sure)
# ------------------------------------------------------------------------------
jquery_version: "1.11.1"
katex_version: "0.1.1"
# -----------------------------------------------------------------------------
jquery_version: "1.12.4"
katex_version: "0.6.0"

8
_data/coauthors.yml Normal file
View File

@ -0,0 +1,8 @@
Adams:
url: https://en.wikipedia.org/wiki/Edwin_Plimpton_Adams
Podolsky:
url: https://en.wikipedia.org/wiki/Boris_Podolsky
Rosen:
url: https://en.wikipedia.org/wiki/Nathan_Rosen

4
_includes/footer.html
View File

@ -1,7 +1,9 @@
<footer class="site-footer">
<div class="wrapper">
<p class="small">© Copyright {{ site.time | date: '%Y' }} {{ site.name }}. Powered by <a href="http://jekyllrb.com/">Jekyll</a> with <a href="https://github.com/alshedivat/al-folio">al-folio</a> theme. Hosted by <a href="https://pages.github.com/" target="_blank">GitHub Pages</a>.</p>
<p class="small">
© Copyright {{ site.time | date: '%Y' }} {{ site.name }}.
{{ site.footer_text }} Last updated: {{ site.last_updated }}.</p>
</div>
</footer>

25
_includes/hemline.html Normal file
View File

@ -0,0 +1,25 @@
<!-- Load jQuery -->
<script src="//code.jquery.com/jquery-{{ site.jquery_version }}.min.js"></script>
<!-- Load Common JS -->
<script src="{{ '/assets/js/common.js' | prepend: site.baseurl | prepend: site.url }}"></script>
<!-- Load KaTeX -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/KaTeX/{{ site.katex_version }}/katex.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/KaTeX/{{ site.katex_version }}/katex.min.js"></script>
<script src="{{ '/assets/js/katex.js' | prepend: site.baseurl | prepend: site.url }}"></script>
<!-- Include custom icon fonts -->
<link rel="stylesheet" href="{{ '/assets/css/font-awesome.min.css' | prepend: site.baseurl | prepend: site.url }}">
<link rel="stylesheet" href="{{ '/assets/css/academicons.css' | prepend: site.baseurl | prepend: site.url }}">
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69288277-1', 'auto');
ga('send', 'pageview');
</script>

2
_layouts/about.html
View File

@ -5,7 +5,7 @@ layout: page
{% if page.profile %}
<div class="profile col one {{ page.profile.align }}">
{% if page.profile.image %}
<img class="one" src="/assets/img/{{ page.profile.image }}">
<img class="one" src="{{ page.profile.image | prepend: '/assets/img/' | prepend: site.baseurl | prepend: site.url }}">
{% endif %}
{% if page.profile.address %}
<div class="address">

95
_layouts/bib.html Normal file
View File

@ -0,0 +1,95 @@
---
---
{% if entry.abbr %}
<abbr>[{{entry.abbr}}]</abbr>
{% endif %}
<div id="{{entry.key}}">
{% if entry.type == "thesis" %}
{{reference}}
{% else %}
<span class="title">{{entry.title}}.</span>
<span class="author">
{% for author in entry.author_array %}
{% unless forloop.last %}
{% if author.last == site.scholar.last_name %}
<em>{{author.last}}, {{author.first}}</em>,
{% else %}
{% if site.data.coauthors[author.last] %}
<a href="{{site.data.coauthors[author.last].url}}" target="_blank">{{author.last}}, {{author.first}}</a>,
{% else %}
{{author.last}}, {{author.first}},
{% endif %}
{% endif %}
{% else %}
{% if entry.author_array.length > 1 %} and {% endif %}
{% if author.last == site.scholar.last_name %}
<em>{{author.last}}, {{author.first}}</em>
{% else %}
{% if site.data.coauthors[author.last] %}
<a href="{{site.data.coauthors[author.last].url}}" target="_blank">{{author.last}}, {{author.first}}</a>
{% else %}
{{author.last}}, {{author.first}}
{% endif %}
{% endif %}
{% endunless %}
{% endfor %}
</span>
{% if entry.type != "book" %}
<span class="periodical">
{% if entry.type == "article" %}
<em>{{entry.journal}}</em>
{% elsif entry.type == "inproceedings" %}
<em>In {{entry.booktitle}}</em>
{% endif %}
{% if entry.year %}
{{entry.year}}
{% endif %}
</span>
{% endif %}
{% if entry.type == "book" %}
<span class="publisher">
{% if entry.publisher %}
<em>{{entry.publisher}}</em>
{% endif %}
{% if entry.year %}
{{entry.year}}
{% endif %}
</span>
{% endif %}
{% endif %}
<span class="links">
{% if entry.abstract %}
[<a class="abstract">Abs</a>]
{% endif %}
{% if entry.html %}
[<a href="{{ entry.html }}" target="_blank">HTML</a>]
{% endif %}
{% if entry.pdf %}
[<a href="{{ entry.pdf | prepend: '/assets/pdf/' | prepend: site.baseurl | prepend: site.url }}" target="_blank">PDF</a>]
{% endif %}
{% if entry.supp %}
[<a href="{{ entry.supp | prepend: '/assets/pdf/' | prepend: site.baseurl | prepend: site.url }}" target="_blank">Supp</a>]
{% endif %}
{% if entry.poster %}
[<a href="{{ entry.poster | prepend: '/assets/pdf/' | prepend: site.baseurl | prepend: site.url }}" target="_blank">Poster</a>]
{% endif %}
{% if entry.slides %}
[<a href="{{ entry.slides | prepend: '/assets/pdf/' | prepend: site.baseurl | prepend: site.url }}" target="_blank">Slides</a>]
{% endif %}
{% if entry.code %}
[<a href="{{ entry.code }}" target="_blank">Code</a>]
{% endif %}
</span>
<!-- Hidden abstract block -->
{% if entry.abstract %}
<span class="abstract hidden">
<p>{{ entry.abstract }}</p>
</span>
{% endif %}
</div>

2
_layouts/default.html
View File

@ -16,7 +16,7 @@
{% include footer.html %}
<script src="{{ site.baseurl }}/assets/js/katex.js"></script>
{% include hemline.html %}
</body>

1
_layouts/none.html Normal file
View File

@ -0,0 +1 @@
{{content}}

2
_layouts/page.html
View File

@ -8,7 +8,7 @@ layout: default
<h5 class="post-description">{{ page.description }}</h5>
</header>
<article class="post-content clearfix">
<article class="post-content {{page.title}} clearfix">
{{ content }}
</article>

2
_news/announcement_2.md
View File

@ -1,7 +1,7 @@
---
layout: post
title: A long announcement with details
date: 2015-10-22 15:59:00-0400
date: 2015-11-07 16:11:00-0400
inline: false
---

2
_news/announcement_3.md
View File

@ -1,6 +1,6 @@
---
layout: post
date: 2015-10-22 16:59:00-0400
date: 2016-01-15 07:59:00-0400
inline: true
---

2
_pages/about.md
View File

@ -18,6 +18,6 @@ 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.
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`.
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 `_pages/about.md`. Edit `_bibliography/papers.bib` and Jekyll will render your [publications page](/publications/) automatically.
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.

2
_pages/poetry.md
View File

@ -9,7 +9,7 @@ description: Showcase your writing, short stories, or poems. Replace this text w
{% for poem in site.poetry reversed %}
<li>
<h2><a class="poem-title" href="{{ poem.url | prepend: site.baseurl }}">{{ poem.title }}</a></h2>
<p class="post-meta">{{ poem.date | date: '%B %-d, %Y — %H:%M' }}</p>
<p class="post-meta">{{ poem.date | date: "%B %-d, %Y" }}</p>
</li>
{% endfor %}
</ul>

1
_pages/projects.md
View File

@ -2,6 +2,7 @@
layout: page
title: projects
permalink: /projects/
description: A growing collection of your cool projects.
---
{% for project in site.projects %}

8
_pages/publications.md
View File

@ -2,7 +2,11 @@
layout: page
permalink: /publications/
title: publications
description: Publications by categories in reversed chronological order. Generated by jekyll-scholar. Replace this text with your description.
description: Publications by categories in reversed chronological order. Generated by jekyll-scholar.
years: [1956, 1950, 1935, 1905]
---
{% bibliography --max 20 %}
{% for y in page.years %}
<h3 class="year">{{y}}</h3>
{% bibliography -f papers -q @*[year={{y}}]* %}
{% endfor %}

4
_pages/teaching.md
View File

@ -5,4 +5,6 @@ title: teaching
description: Materials for courses you taught. Replace this text with your description.
---
Courses you taught.
For now, this page is assumed to be a static description of your courses. You can convert it to a collection similar to `_projects/` so that you can have a dedicated page for each course.
Organize your courses by years, topics, or universities, however you like!

0
_plugins/ext.rb → _plugins/jekyll-scholar.rb
View File

28
_sass/_base.scss
View File

@ -4,8 +4,8 @@
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
margin: 0;
padding: 0;
margin: 0;
padding: 0;
}
@ -37,8 +37,7 @@ $grey-color-light: #ddd; /* navigation bar border */
$text-color: #666;
/* Set theme color *************************/
// $theme-color: $red;
$theme-color: darken($red, 20%);
$theme-color: $purple;
/************************************************************/
@ -72,13 +71,13 @@ ul, ol, dl, figure,
}
hr{
hr {
/* Inset, by Dan Eden */
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
height: 0;
margin: 20px 0;
}
@ -94,7 +93,7 @@ figcaption {
}
img.emoji {
height: 1em;
height: 1em;
}
/**
@ -107,7 +106,7 @@ ul, ol {
li {
> ul,
> ol {
margin-bottom: 0;
margin-bottom: 0;
}
}
@ -118,6 +117,7 @@ li {
*/
h1, h2, h3, h4, h5, h6 {
font-weight: 100;
margin-bottom: $vertical-spacing-unit / 2;
}
@ -148,9 +148,9 @@ article a, .news a {
}
.social a {
color: $text-color;
color: $text-color;
&:hover { color: $theme-color; }
&:hover { color: $theme-color; }
}
@ -200,7 +200,7 @@ pre {
* Equations
*/
div.equation {
margin: 20px 0;
margin: 20px 0;
}
/**
@ -214,7 +214,7 @@ div.equation {
margin-left: auto;
padding-right: $horizontal-spacing-unit;
padding-left: $horizontal-spacing-unit;
@extend %clearfix;
@extend .clearfix;
@include media-query($on-laptop) {
max-width: -webkit-calc(800px - (#{$horizontal-spacing-unit}));
@ -228,7 +228,7 @@ div.equation {
/**
* Clearfix
*/
%clearfix {
.clearfix {
&:before,
&:after {
content: "";

514
_sass/_layout.scss
View File

@ -1,50 +1,50 @@
/**
* Site header **********************************************************
*/
/*****************************************************************************
* Header
*****************************************************************************/
.site-header {
border-bottom: 1px solid $grey-color-light;
background-color: #fff;
opacity: 0.75;
position:fixed;
left:0px;
top:0px;
height:56px;
width:100%;
z-index: 50;
border-bottom: 1px solid $grey-color-light;
background-color: #fff;
opacity: 0.75;
position:fixed;
left:0px;
top:0px;
height:56px;
width:100%;
z-index: 50;
}
.site-title {
font-size: 20px;
line-height: $nav-height;
letter-spacing: -1px;
margin-bottom: 0;
&:hover {
text-decoration: none;
color: $theme-color;
font-size: 20px;
line-height: $nav-height;
letter-spacing: -1px;
margin-bottom: 0;
&:hover {
text-decoration: none;
color: $theme-color;
}
}
.site-nav {
float: right;
line-height: $nav-height;
.page-link{
line-height: $base-line-height;
float: right;
line-height: $nav-height;
.page-link{
line-height: $base-line-height;
// Gaps between nav items, but not on the first one
&:not(:first-child) {
margin-left: 10px;
&:not(:first-child) {
margin-left: 10px;
}
}
@include media-query($on-palm) {
position: fixed;
top: 0px;
right: 10px;
text-align: right;
&:hover .trigger {
display: block;
padding-bottom: 5px;
@include media-query($on-palm) {
position: fixed;
top: 0px;
right: 10px;
text-align: right;
&:hover .trigger {
display: block;
padding-bottom: 5px;
}
.page-link {
display: line;
.page-link {
display: line;
}
}
}
@ -70,253 +70,339 @@ display: line;
}
}
/**
/*****************************************************************************
* Profile
*/
*****************************************************************************/
.profile {
margin-right: 20px;
img { width: 100%; }
.left { margin-right: 10px };
.right { margin-left: 10px };
img {
box-shadow: 0 0 5px $grey-color;
width: 100%;
}
}
.address {
p { margin: 0; }
font-family: monospace;
p { margin: 0; }
}
/**
* News block **********************************************************
*/
.news {
border-top: 1px solid $grey-color-light;
margin-top: 50px;
padding-top: 20px;
/*****************************************************************************
* News
*****************************************************************************/
.news {
border-top: 1px solid $grey-color-light;
margin-top: 30px;
padding-top: 20px;
h2 { margin-bottom: 10px; }
table {
border-collapse: collapse;
width: 100%;
h2 { margin-bottom: 10px; }
table {
border-collapse: collapse;
width: 100%;
tr { text-align: left; }
td { padding: 5px 0;}
}
}
.date { width: 20%; }
.announcement { width: 80%; }
/**
* Social block **********************************************************
*/
tr { text-align: left; }
td { padding: 5px 0;}
}
}
/*****************************************************************************
* Social
*****************************************************************************/
.social {
border-top: 1px solid $grey-color-light;
margin-top: 50px;
padding-top: 20px;
border-top: 1px solid $grey-color-light;
margin-top: 50px;
padding-top: 20px;
}
/**
* Site footer **********************************************************
*/
/*****************************************************************************
* Footer
*****************************************************************************/
.site-footer {
border-top: 1px solid $grey-color-dark;
background-color: $grey-color-dark;
color: #aaa;
font-size: 72%;
padding: 2px;
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
border-top: 1px solid $grey-color-dark;
background-color: $grey-color-dark;
color: #aaa;
font-size: 72%;
padding: 2px;
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
p { margin-bottom: 0; }
a { color: #fff; }
a:hover { color: $theme-color; }
p { margin-bottom: 0; }
a { color: #fff; }
a:hover { color: $theme-color; }
}
/**
* Pagination **********************************************************
*/
/*****************************************************************************
* 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;
}
}
/**
* Page content **********************************************************
*/
/*****************************************************************************
* Page content
*****************************************************************************/
.page-content {
padding: 100px 0; /* VERTICAL PADDING FOR TITLE ON EVERY PAGE */
padding: 100px 0; /* VERTICAL PADDING FOR TITLE ON EVERY PAGE */
}
.page-heading {
font-size: 20px;
font-size: 20px;
}
.post-list {
margin: 0px 0;
list-style: none;
margin: 0px 0;
list-style: none;
> li {
margin-bottom: $vertical-spacing-unit;
}
> li {
margin-bottom: $vertical-spacing-unit;
}
}
.contacticon {
display: block;
font-size: 60px;
margin: 10px;
display: block;
font-size: 60px;
margin: 10px;
}
.center{
text-align: center;
text-align: center;
}
/**
* Posts **********************************************************
*/
/*****************************************************************************
* Posts
*****************************************************************************/
.post-header {
margin-bottom: $vertical-spacing-unit;
margin-bottom: $vertical-spacing-unit;
}
.post-title {
font-size: 42px;
letter-spacing: -1px;
line-height: 1;
margin-bottom: 10px;
@include media-query($on-laptop) {
font-size: 36px;
}
font-size: 42px;
letter-spacing: -1px;
line-height: 1;
margin-bottom: 10px;
@include media-query($on-laptop) {
font-size: 36px;
}
}
.post-content {
h2 {
font-size: 42px;
@include media-query($on-laptop) {
font-size: 28px;
h2 {
font-size: 42px;
@include media-query($on-laptop) {
font-size: 28px;
}
}
}
h3 {
font-size: 30px;
@include media-query($on-laptop) {
font-size: 22px;
h3 {
font-size: 30px;
@include media-query($on-laptop) {
font-size: 22px;
}
}
}
h4 {
font-size: 20px;
@include media-query($on-laptop) {
font-size: 18px;
h4 {
font-size: 20px;
@include media-query($on-laptop) {
font-size: 18px;
}
}
}
}
.post-meta {
color: $grey-color;
font-size: $small-font-size;
margin-bottom: 0px;
color: $grey-color;
font-size: $small-font-size;
margin-bottom: 0px;
}
.post-link {
display: block;
font-size: 42px;
display: block;
font-size: 42px;
}
/*****************************************************************************
* Publications
*****************************************************************************/
.publications {
h2 {
color: $theme-color;
font-size: 32px;
margin: 40px 0;
text-align: center;
}
}
.year {
border-bottom: 1px solid $grey-color-light;
color: $grey-color-light;
margin: 0 -2.5em 40px -2em;
padding-bottom: 5px;
text-align: right;
}
.bibliography {
margin-bottom: 20px;
margin-top: 20px;
list-style-type: circle;
li {
margin: 10px 0;
position: relative;
span { display: block; }
.title { font-weight: bolder; }
.author {
a {
border-bottom: 1px dashed $theme-color;
&:hover {
border-bottom-style: solid;
text-decoration: none;
}
}
> em { border-bottom: 1px solid; }
}
a.abstract, a.bibtex { cursor: pointer; }
.hidden {
font-size: $small-font-size;
max-height: 0px;
overflow: hidden;
text-align: justify;
-webkit-transition: 0.15s ease;
-moz-transition: 0.15s ease;
-ms-transition: 0.15s ease;
-o-transition: 0.15s ease;
transition: all 0.15s ease;
p {
line-height: 1.4em;
margin: 10px;
}
pre {
font-size: 1em;
line-height: 1.4em;
padding: 10px;
}
}
.hidden.open {
max-height: 100em;
-webkit-transition: 0.15s ease;
-moz-transition: 0.15s ease;
-ms-transition: 0.15s ease;
-o-transition: 0.15s ease;
transition: all 0.15s ease;
}
span.abstract.hidden {
border: dashed 1px $background-color;
}
span.abstract.hidden.open {
border-color: $grey-color;
}
}
abbr {
position: absolute;
left: -7em;
}
}
.star {
color: $theme-color;
font-style: normal;
}
/*****************************************************************************
* Projects
*****************************************************************************/
.project {
box-sizing: border-box;
float: left;
height: 250px;
padding: 10px;
vertical-align: middle;
width: 33.33%;
}
.thumbnail {
overflow: hidden;
height: 230px;
width: 100%;
}
.thumbnail img{
height: auto;
position: relative;
left: -25%;
top: -5%;
width: 500px;
}
.thumbnail a{
float: left;
height: 230px;
position: relative;
width: 100%;
}
.thumbnail a span {
display: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0,0,0,0.4);
color: $grey-color-light;
padding: 40px;
text-align: center;
}
.thumbnail a:hover span {
display: block;
}
/** Poem formatting ********************************************/
.poem-title {
font-size: 24px;
letter-spacing: -1px;
line-height: 1;
@include media-query($on-laptop) {
font-size: 16px;
}
font-size: 24px;
letter-spacing: -1px;
line-height: 1;
@include media-query($on-laptop) {
font-size: 16px;
}
}
/**
* Portfolio grid **********************************************************
*/
// Nicolas Gallagher's micro clearfix hack
// http://nicolasgallagher.com/micro-clearfix-hack/
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.project {
box-sizing: border-box;
float: left;
height: 250px;
padding: 10px;
vertical-align: middle;
width: 33.33%;
}
.thumbnail {
overflow: hidden;
height: 230px;
width: 100%;
}
.thumbnail img{
height: auto;
position: relative;
left: -25%;
top: -5%;
width: 500px;
}
.thumbnail a{
float: left;
position: relative;
width: 100%;
height: 230px;
}
.thumbnail a span {
display: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0,0,0,0.4);
color: $grey-color-light;
padding: 40px;
text-align: center;
}
.thumbnail a:hover span {
display: block;
}
/**
* Portfolio pages **********************************************************
*/
.blankbox{
background: $theme-color;
background: $theme-color;
}
.img_row{
height: $img_height;
width: 100%;
overflow: hidden;
box-sizing:border-box;
padding: $img_spacing;
height: $img_height;
width: 100%;
overflow: hidden;
box-sizing:border-box;
padding: $img_spacing;
}
.col{
width: 100%;
height: 100%;
float: left;
object-fit: cover;
box-sizing:border-box;
padding: $img_spacing;
width: 100%;
height: 100%;
float: left;
object-fit: cover;
box-sizing:border-box;
padding: $img_spacing;
}
.right{
float: right;
float: right;
}
.one {
width:33.33%;
width:33.33%;
}
.two {
width: 66.66%;
width: 66.66%;
}
.three{
width: 100%;
width: 100%;
}
.caption{
height: 100%;
color: $caption_color;
text-align: center;
vertical-align: middle;
font-size: $caption_font_size;
height: 100%;
color: $caption_color;
text-align: center;
vertical-align: middle;
font-size: $caption_font_size;
}

BIN
assets/img/prof_pic.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.1 MiB

After

Width:  |  Height:  |  Size: 2.2 MiB

8
assets/js/common.js Normal file
View File

@ -0,0 +1,8 @@
$(document).ready(function() {
$('a.abstract').click(function() {
$(this).parent().parent().find(".abstract.hidden").toggleClass('open');
});
$('a.bibtex').click(function() {
$(this).parent().parent().find(".bibtex.hidden").toggleClass('open');
});
});