2019-07-02 09:33:11 +00:00
{% extends "site.html" %}
2020-04-23 17:08:00 +00:00
{% block headertron %}
< header id = "headertron" >
2021-09-07 02:42:26 +00:00
< em class = "color-header" > Hey, I'm Satch< / em >
2020-04-23 22:53:48 +00:00
< div class = "delimiter" > < / div >
2021-09-07 02:42:26 +00:00
< em > I live at the < a href = "https://bensonplace.org" > Benson Place< / a > < / em >
2021-09-24 11:45:43 +00:00
< em > I am a student and an actor< / em >
2021-09-24 11:58:12 +00:00
< style >
2021-09-24 12:08:10 +00:00
abbr {
text-decoration: none;
2021-09-24 12:16:32 +00:00
border-bottom: none;
2021-09-24 12:08:10 +00:00
}
2021-09-24 12:32:24 +00:00
abbr[data-title] {
2021-09-24 11:58:12 +00:00
position: relative;
/* ensure consistent styling across browsers */
text-decoration: underline dotted;
}
2021-09-24 12:32:24 +00:00
abbr[data-title]:hover::after,
abbr[data-title]:focus::after {
content: attr(data-title);
2021-09-24 11:58:12 +00:00
/* position tooltip like the native one */
2021-09-24 13:09:54 +00:00
position: absolute;
2021-09-24 13:11:59 +00:00
left: -100px;
2021-09-24 11:58:12 +00:00
bottom: -30px;
2021-09-24 13:04:26 +00:00
width: 2000%;
2021-09-24 12:58:20 +00:00
white-space: normal;
2021-09-24 11:58:12 +00:00
/* style tooltip */
background-color: #1e1e1e;
2021-09-24 12:36:01 +00:00
color: #a6a28c;
2021-09-24 11:58:12 +00:00
border-radius: 3px;
box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
font-size: 14px;
padding: 3px 5px;
}
< / style >
2021-09-24 12:41:34 +00:00
< span style = "font-size: large;" > < em > "Critical and radical thought will only bear fruit when it is blended with< br > the most precious quality man is endowed with - the love of life."< br > < abbr data-title = "Erich Fromm, The Anatomy of Human Destructiveness" > < sup > ⭑< / sup > < / abbr > < / em > < / span >
2020-04-24 09:28:41 +00:00
< div class = "nav" >
< div class = "delimiter" > < / div >
< div class = "links" >
< a href = "{{ get_url(path=" @ / about . md " ) | safe } } " > About< / a >
2021-09-24 11:45:43 +00:00
< a href = "{{ get_url(path=" @ / now . md " ) | safe } } " > Now< / a >
< a href = "{{ get_url(path=" @ / about . md # me-on-the-web " ) | safe } } " > Me on the web< / a >
< a href = "{{ get_url(path=" @ / contact . md " ) | safe } } " > Contact< / a >
2020-04-24 09:28:41 +00:00
< / div >
2019-07-02 09:33:11 +00:00
< / div >
< / header >
2020-04-23 17:08:00 +00:00
{% endblock headertron %}