-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathquotes.html
48 lines (47 loc) · 4.17 KB
/
quotes.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
---
layout: page
title: Quotes
permalink: /notes/quotes/
description: These are some quotes I've found inspirational, thought provoking, funny, etc. <a href="{{ site.baseurl }}/contact" title="Contact Me">Let me know</a> if you know some other great quotes.
---
<svg style="display: none;">
<defs>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 182.3 148.1" id="tweet-this--logo" preserveAspectRatio="xMidYMid">
<path d="M180.5 18.4c-6.6 3-13.7 5-21 5.8 7.5-4.5 13.3-11.7 16-20.3-7 4-15 7.2-23.3 8.8-6.7-7-16.2-11.6-26.8-11.6C105 1.2 88.6 17.7 88.6 38c0 2.8.4 5.7 1 8.3C59 44.8 32 30.3 13.8 8c-3.2 5.4-5 11.7-5 18.4 0 12.8 6.5 24 16.4 30.6-6-.2-11.7-1.8-16.7-4.6v.5c0 17.7 12.7 32.5 29.5 36-3 .8-6.3 1.2-9.7 1.2-2.3 0-4.6-.2-7-.7C26.2 104 39.8 114.8 56 115 43.2 125 27.3 131 10 131c-3 0-5.8-.2-8.7-.5 16.3 10.4 35.6 16.5 56.4 16.5 67.6 0 104.6-56 104.6-104.6v-4.7c7-5.2 13.3-11.7 18.2-19" />
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 321.9 42" id="tweet-this--text">
<g>
<path d="M20.3 7v34.2H13V7H.5V.8h32.2V7H20.3zM82.5 39.2c-.3 1.2-1.3 2-2.7 2h-7.6c-1.4 0-2.5-.8-2.7-2l-5-28.3-1-4.8h-1l-.8 4.7-5 28c-.3 1.4-1.5 2.2-2.8 2.2H46c-1.3 0-2.4-.8-2.6-2L36.6.8h7.6L49 30.3l.7 5.5H51l.8-5.5 5-27.2C57 1.8 58 1 59.5 1h7c1.5 0 2.6 1 2.8 2.3l5 27.3.8 5.5h1.4l.6-5.4L82 .8h7.5l-7 38.4zM120.7 41c-5.4.3-12 .3-18 .3-5.2 0-8.5-3-8.5-7.6V8.3c0-4.7 3.4-7.6 8.6-7.6 6 0 12.5 0 18 .4l-.5 5.8h-15.8c-2 0-3 .8-3 3.4v7H118V23h-16.5v9c0 2.4 1 3.3 3 3.3h15.8l.4 5.6zM152.5 41c-5.4.3-12 .3-17.8.3-5.4 0-8.7-3-8.7-7.6V8.3c0-4.7 3.4-7.6 8.7-7.6 6 0 12.4 0 17.8.4L152 7h-15.7c-2 0-3 .8-3 3.4v7H150V23h-16.6v9c0 2.4.8 3.3 3 3.3H152l.5 5.6zM176.4 7v34.2H169V7h-12.3V.8H189V7h-12.6zM224 7v34.2h-7.4V7h-12.4V.8h32.3V7H224zM272.2 41.2H265V22.7h-16v18.5h-7.4V.8h7.3v16h16V.7h7.2v40.4zM280 41.2V.8h7.3v40.4H280zM301.4 22.6c-6-2-8-5.6-8-11.7 0-9.3 4-11 13.8-11 3.8 0 8.4.3 12.7 1.4l-.6 5.2-12-.2c-5 0-6.7.3-6.7 4.6 0 3.6 1.3 4.4 4.5 5.4l7.8 2.4c6.4 2 8.3 6 8.3 11.8 0 9.2-4 11.3-14.4 11.3-2.5 0-7.3-.2-13.2-1.4l.5-5.4 12.8.3c5.4 0 7-.8 7-5 0-3.6-1.5-4.3-4.4-5.3l-8.2-2.6z" />
</g>
</symbol>
</defs>
</svg>
<div class="breakout">
<div class="masonry quotes-page">
{% assign sorted = (site.notes | sort: 'date') %}
{% for quote in sorted reversed %}
{% if quote.category == "quotes" %}
<article class="masonry-item quote" style="background-color: rgba({{ quote.background-color }},1); color: #{{ quote.text-color }}">
{% if quote.author-image %}
<figure style="background-image: url({{ site.baseurl }}/public/img/quote-authors/{{ quote.author-image }}.png)"><span class="author-fade" style="background-image: -webkit-linear-gradient(left, rgba({{ quote.background-color }},0) 70%, rgba({{ quote.background-color }},1)); background-image: linear-gradient(to right, rgba({{ quote.background-color }},0) 70%, rgba({{ quote.background-color }},1));"></span></figure>
{% endif %}
<div class="quote-content {% if quote.author-image %}{% else %}no-author-image{% endif %}"> <a href="{{ site.baseurl }}{{ quote.url }}" title="{{ quote.title }}">
{{ quote.content }}
{% if quote.author %}<p class="quote-author">{% if quote.about %}<a href="{{ quote.about }}" title="About {{ quote.author }}">{% endif %}- {{ quote.author }}{% if quote.author-title %}<span class="author-title">{{ quote.author-title }}</span>{% endif %}{% if quote.about %}</a>{% endif %}</p>{% endif %} </a>
</div>
<a href="{{ quote.share-link }}" class="tweet-this" title="Tweet this quote" target="_blank">
<svg class="tweet-this--text" viewBox="0 0 321.9 42">
<use xlink:href="#tweet-this--text"></use>
</svg>
<svg class="tweet-this--logo" viewBox="0 0 182.3 148.1">
<use xlink:href="#tweet-this--logo"></use>
</svg>
</a>
<svg xmlns="http://www.w3.org/2000/svg" width="35.9" height="29.5" fill="rgba({{ quote.background-color }},1)" viewBox="0 0 35.9 29.5" class="quote-tail">
<path d="M6.7 17.4L36 0s2 29.5-36 29.5c20.3-3.6 14.5-12 6.7-12z" />
</svg>
</article>
{% endif %}
{% endfor %}
</div>
</div>