-
-
- {% if page.abstract %}
- {{ page.abstract }}
- {% endif %}
- {{ content | replace: '↩', '↩︎' }}
-
+
+
+
+ {{ content }}
-
+
+
diff --git a/_layouts/post.html b/_layouts/post.html
index 54c4a79..d24a805 100755
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -1,10 +1,5 @@
---
-layout: page
-showdate: true
+layout: default
---
-{% if page.featured-image %}
-
-
-
-{% endif %}
-{{ content }}
+
+{% include post.html post=page content=content %}
diff --git a/_posts/2015-06-19-dropping-out.md b/_posts/2015-06-19-dropping-out.md
index 5aa953f..f436efd 100755
--- a/_posts/2015-06-19-dropping-out.md
+++ b/_posts/2015-06-19-dropping-out.md
@@ -3,25 +3,23 @@ layout: post
title: "Dropping Out"
date: 2015-06-19
comments: true
-external-url:
-categories: Archives
---
-On January 28th, I made a pretty big life-changing decision. I decided to drop out. I’ll begin by providing some backstory. Around 5th grade I began making a decline in education. I wouldn’t have things done and I wouldn’t have things to turn in, which wasn’t good. I somehow made it out of there but I’m not entirely sure how. Once I left elementary school and got into 6th grade, I had a bit of transition. I went from this content, calm person to someone almost excited for everything that was going on. Maybe it was because of me being excited to get older, or being accomplished, or just feeling a release from a lot of burdens I had during my childhood.
+On January 28th, I made a pretty big life-changing decision. I decided to drop out. I'll begin by providing some backstory. Around 5th grade I began making a decline in education. I wouldn't have things done and I wouldn't have things to turn in, which wasn't good. I somehow made it out of there but I'm not entirely sure how. Once I left elementary school and got into 6th grade, I had a bit of transition. I went from this content, calm person to someone almost excited for everything that was going on. Maybe it was because of me being excited to get older, or being accomplished, or just feeling a release from a lot of burdens I had during my childhood.
-I was quite similar to that of an A.D.H.D. child, which is odd considering this was unusual behavior for me. Even some people who knew me back in elementary school understood that I changed over the summer. The decline continued but yet again, I passed through. I came to 7th grade a little more calmed and beginning to become the person who I am today. 7th grade came to be the worse year of my schooling, after my general decline was confronted by a teacher’s aide who told me something that changed my year entirely. She blamed my decline on the fact that I knew about a concept the Port Huron Area School District (and possibly other schools had) called ‘social promotion.’ Now, this was ironic, because I didn’t know what the concept was, and that my decline was just me being a giant slacker (for the most part). She also explained what social promotion was in just passing, went sorta like this: “I know that you don’t have to do it because of social promotion…” Which I figured gave me a free pass through middle school, which it did. Despite my terrible grades throughout middle school entirely, I made my way to high school, but I’m not skipping 8th grade yet. In 7th grade, I ended up having personality clashes with my science teacher, and ended up getting the most items on my behavioral report in that one year alone. It wasn’t because I was truly misbehaving, it was mostly petty things that wasn’t tolerated slightly. I even tossed an eraser back at a kid who tossed it towards me, and I ended up getting in trouble for it. This didn’t help my decline much at all, as the last thing I wanna do is work for someone who doesn’t deserve it.
+I was quite similar to that of an A.D.H.D. child, which is odd considering this was unusual behavior for me. Even some people who knew me back in elementary school understood that I changed over the summer. The decline continued but yet again, I passed through. I came to 7th grade a little more calmed and beginning to become the person who I am today. 7th grade came to be the worse year of my schooling, after my general decline was confronted by a teacher's aide who told me something that changed my year entirely. She blamed my decline on the fact that I knew about a concept the Port Huron Area School District (and possibly other schools had) called 'social promotion.' Now, this was ironic, because I didn't know what the concept was, and that my decline was just me being a giant slacker (for the most part). She also explained what social promotion was in just passing, went sorta like this: "I know that you don't have to do it because of social promotion..." Which I figured gave me a free pass through middle school, which it did. Despite my terrible grades throughout middle school entirely, I made my way to high school, but I'm not skipping 8th grade yet. In 7th grade, I ended up having personality clashes with my science teacher, and ended up getting the most items on my behavioral report in that one year alone. It wasn't because I was truly misbehaving, it was mostly petty things that wasn't tolerated slightly. I even tossed an eraser back at a kid who tossed it towards me, and I ended up getting in trouble for it. This didn't help my decline much at all, as the last thing I wanna do is work for someone who doesn't deserve it.
8th grade I tried to fix myself, and I did fairly better for the most part. I still had my faults (like failing history and English), but I knew that these obstacles could be walked through without a scratch.
**After all, social promotion will come to save me from having to do my work, just so I can be with my friends.**
-My freshman year of high school was a breath of fresh air. I had more freedom compared to middle school and I ended up having only one teacher that I didn’t enjoy, for all the right reasons. Despite the fact that social promotion logically shouldn’t have been in effect in high school, it was. I passed freshman year only failing one class, which was English. I went to sophomore year head first. It was my favorite year of high school, and I won’t forget it. I had some fun times with my friend, Chris, and I had a teacher that absolutely despised me. The good thing about that year in terms of teachers was that I met my favorite teacher, my English teacher. Which was ironic because out of me failing classes the hardest that year, English was one of them. I met more friends that made me who I am today, and it was overall a great time. However, my decline was apparent again, as I was told that if I failed more classes after that year, that it would be infeasible for me to pass high school at Port Huron Northern, and that alternatives would have to be taken, such as a school in the district with a different requirement for credits, and night school.
+My freshman year of high school was a breath of fresh air. I had more freedom compared to middle school and I ended up having only one teacher that I didn't enjoy, for all the right reasons. Despite the fact that social promotion logically shouldn't have been in effect in high school, it was. I passed freshman year only failing one class, which was English. I went to sophomore year head first. It was my favorite year of high school, and I won't forget it. I had some fun times with my friend, Chris, and I had a teacher that absolutely despised me. The good thing about that year in terms of teachers was that I met my favorite teacher, my English teacher. Which was ironic because out of me failing classes the hardest that year, English was one of them. I met more friends that made me who I am today, and it was overall a great time. However, my decline was apparent again, as I was told that if I failed more classes after that year, that it would be infeasible for me to pass high school at Port Huron Northern, and that alternatives would have to be taken, such as a school in the district with a different requirement for credits, and night school.
-Junior year. This year, or would be. I enjoyed it, it was the year Chris and I went to [PAX East 2015](http://east.paxsite.com/), and I felt like I had reached the highest I’ve ever been placed. I had credential, and students who had never truly knew me supported me. Which was good, because that helped my self-esteem really well. I was told that I was my English teacher’s favorite student, which was, again ironic, because I failed English that semester as well. After I realized I had failed classes, I decided it would be in best interest for me to start school somewhere else. I joined the Insight School of Michigan, an online school ran under the wing of K12 Inc., a for-profit education company. I was able to learn at my own pace, which wasn’t an issue, but gave me some leg room to do things my own way.
+Junior year. This year, or would be. I enjoyed it, it was the year Chris and I went to [PAX East 2015](http://east.paxsite.com/), and I felt like I had reached the highest I've ever been placed. I had credential, and students who had never truly knew me supported me. Which was good, because that helped my self-esteem really well. I was told that I was my English teacher's favorite student, which was, again ironic, because I failed English that semester as well. After I realized I had failed classes, I decided it would be in best interest for me to start school somewhere else. I joined the Insight School of Michigan, an online school ran under the wing of K12 Inc., a for-profit education company. I was able to learn at my own pace, which wasn't an issue, but gave me some leg room to do things my own way.
-If I was to rate my experience, it would be a 6/10. I learned that socialization in these online schools was a thing of the past, and that any private layer of socialization that physical schools had was eliminated. You couldn’t talk personal stuff in the live classrooms without knowing that a teacher on the other end of the internet would be able to visibly read these. When I took the ACT test, a teacher from another K12 school was there, and agreed with me on the lack of socialization. It’s important, and I found this the hard way. While I had credential, trying to get support was difficult, because once you’re gone, you’re almost forgotten. After I dropped out, my Algebra teacher at the time told Chris that ‘at least [Elliott] won’t be there to annoy you anymore.’ Thanks.
+If I was to rate my experience, it would be a 6/10. I learned that socialization in these online schools was a thing of the past, and that any private layer of socialization that physical schools had was eliminated. You couldn't talk personal stuff in the live classrooms without knowing that a teacher on the other end of the internet would be able to visibly read these. When I took the ACT test, a teacher from another K12 school was there, and agreed with me on the lack of socialization. It's important, and I found this the hard way. While I had credential, trying to get support was difficult, because once you're gone, you're almost forgotten. After I dropped out, my Algebra teacher at the time told Chris that 'at least [Elliott] won't be there to annoy you anymore.' Thanks.
-While I had my friends online, I only had few left physically. Life was becoming dull, and I found myself entering a depression. My educational decline hit rock bottom when I stopped attending the online school, and dropped out of that 2 weeks ago. I opted to try to go for the GED program, and bought a book to guide me through it. However, I’m finding it to be pretty difficult to climb up from rock bottom. I’m sabotaging my life slowly, and I don’t know where to begin on what my future will look like. I need something to help me through this but I can’t figure out what. **Nothing is helping.**
+While I had my friends online, I only had few left physically. Life was becoming dull, and I found myself entering a depression. My educational decline hit rock bottom when I stopped attending the online school, and dropped out of that 2 weeks ago. I opted to try to go for the GED program, and bought a book to guide me through it. However, I'm finding it to be pretty difficult to climb up from rock bottom. I'm sabotaging my life slowly, and I don't know where to begin on what my future will look like. I need something to help me through this but I can't figure out what. **Nothing is helping.**
I just had to get this off my chest.
diff --git a/_posts/2015-09-22-keeping-in.md b/_posts/2015-09-22-keeping-in.md
index 5548bdc..e90a77d 100755
--- a/_posts/2015-09-22-keeping-in.md
+++ b/_posts/2015-09-22-keeping-in.md
@@ -3,37 +3,35 @@ layout: post
title: "Keeping In"
date: 2015-09-22
comments: true
-external-url:
-categories: Archives
---
-It’s been a long 3 months since I’ve updated on all this education stuff. When I wrote the post, I had reached my low point and I wasn’t sure where I was headed afterwards.
+It's been a long 3 months since I've updated on all this education stuff. When I wrote the post, I had reached my low point and I wasn't sure where I was headed afterwards.
-**But now, I’m back.**
+**But now, I'm back.**
-When I wrote that blog post, I had dropped out of the online school I had chosen and made a small effort towards getting my GED. Shit wasn’t working so I just started playing by ear and seeing where life takes me.
+When I wrote that blog post, I had dropped out of the online school I had chosen and made a small effort towards getting my GED. It wasn't working so I just started playing by ear and seeing where life takes me.
-I was going to counseling appointments bi-weekly and eventually seeing a psychiatrist to give me the final verdict on my depression. Turns out, I did enter a depression (which I’m still in process of fixing). The medicine is helping so I just kept playing by ear, since the school year was over and I didn’t really have much to do. The GED wasn’t something I wanted and was a last resort thing (if that wasn’t apparent).
+I was going to counseling appointments bi-weekly and eventually seeing a psychiatrist to give me the final verdict on my depression. Turns out, I did enter a depression (which I'm still in process of fixing). The medicine is helping so I just kept playing by ear, since the school year was over and I didn't really have much to do. The GED wasn't something I wanted and was a last resort thing (if that wasn't apparent).
-The appointments were starting to get a little bit annoying. It’s different when it’s a routine, but when it’s every other week it starts to get a bit repetitive. My insurance only covered so many appointments and I ended up having to spend these next 4 months with only 2 appointments.
+The appointments were starting to get a little bit annoying. It's different when it's a routine, but when it's every other week it starts to get a bit repetitive. My insurance only covered so many appointments and I ended up having to spend these next 4 months with only 2 appointments.
-It’s partially a good and bad thing. Good as in, I’m on my way to shit and the medicine is helping to where the appointments aren’t necessary. I don’t think I’m done yet with the medication, as my mood has a definite change when I fail to take them on a day. It’s bad in the sense that if I was to ever slip back, I’d be screwed. There wouldn’t be much I could do and I’d just have to survive. The plus side is that me slipping back seems slim now.
+It's partially a good and bad thing. Good as in, I'm on my way to healing and the medicine is helping to where the appointments aren't necessary. I don't think I'm done yet with the medication, as my mood has a definite change when I fail to take them on a day. It's bad in the sense that if I was to ever slip back, I'd be screwed. There wouldn't be much I could do and I'd just have to survive. The plus side is that me slipping back seems slim now.
A short time after I had my appointments spread across the months, I received a phone call from an online school that I applied to back in January when I had signed up for the other one. The benefits of this online school being:
-1. It’s in my area.
+1. It's in my area.
2. I go to an actual school, despite all of it being online.
-3. Partially oriented around people like myself. They inquired about me wanting to join, and I said yes. It was the only good thing I had going for me and I took it. Since it couldn’t get much worse than nothing. So, skip a few months later (because I didn’t start until September). I go to school, and shit is pretty direct and simple. They give you classes oriented around you (in addition to keeping state requirements) and making school less of a nuisance (I haven’t received a piece of homework).
+3. Partially oriented around people like myself. They inquired about me wanting to join, and I said yes. It was the only good thing I had going for me and I took it. Since it couldn't get much worse than nothing. So, skip a few months later (because I didn't start until September). I go to school, and it is pretty direct and simple. They give you classes oriented around you (in addition to keeping state requirements) and making school less of a nuisance (I haven't received a piece of homework).
-I started school on September 15th (last week) and I was on my way. They start everyone with a math strategies elective class just to bring people up to speed on basic math and pre-algebra concepts. I finished the class today (September 22nd). I spent less than a real full school week (since we don’t get Fridays and the school year starts on Tuesday). Granted, there was stuff that I had to learn, but I had about 30-40% of the work like the back of my hand, and I was able to finish the rest quickly once I was taught.
+I started school on September 15th (last week) and I was on my way. They start everyone with a math strategies elective class just to bring people up to speed on basic math and pre-algebra concepts. I finished the class today (September 22nd). I spent less than a real full school week (since we don't get Fridays and the school year starts on Tuesday). Granted, there was stuff that I had to learn, but I had about 30-40% of the work like the back of my hand, and I was able to finish the rest quickly once I was taught.
-I’m also the first one to finish a class in this school year.
+I'm also the first one to finish a class in this school year.
-I think I’m starting to get to the top, like I should’ve been. I’m also at the point where I’m looking at the present and very near future and I’m not looking back on the past. **That shit’s over.**
+I think I'm starting to get to the top, like I should've been. I'm also at the point where I'm looking at the present and very near future and I'm not looking back on the past. **That's over.**
-Hell, if I finish classes within weeks, I’d be out sooner before my normal time.
+Hell, if I finish classes within weeks, I'd be out sooner before my normal time.
-So, my friends and family, including the strangers on the internet (who supported me regardless with no doubt), **thank you**. If it wasn’t for the support I had received, I’m not sure why I’d bother trying for my education. So (1000 * “thank you”) to each and everyone of you to motivated me to get to where I needed to be,
+So, my friends and family, including the strangers on the internet (who supported me regardless with no doubt), **thank you**. If it wasn't for the support I had received, I'm not sure why I'd bother trying for my education. So (1000 * "thank you") to each and everyone of you to motivated me to get to where I needed to be,
**Thank you.**
diff --git a/_posts/2017-03-24-life-since-2015-told-in-a-little-over-a-thousand-words.md b/_posts/2017-03-24-life-since-2015-told-in-a-little-over-a-thousand-words.md
deleted file mode 100755
index 8f0be0d..0000000
--- a/_posts/2017-03-24-life-since-2015-told-in-a-little-over-a-thousand-words.md
+++ /dev/null
@@ -1,48 +0,0 @@
----
-layout: post
-title: "Life Since 2015, Told In (a Little Over) a Thousand Words"
-date: 2017-03-24
-comments: true
-external-url:
-categories: Archives
----
-
-#### Introduction
-
-It's been some time since I've last spoke about my life so far. The last post was "Keeping In" in 2015, where I spoke about my (anticipated) shift to educational progress and, by extension, "life progress." A lot has occurred since then. To not speak about it would be harmful to my consciousness. It's beyond me who actually reads this but if you are — thanks, I suppose. It means a lot that you'd read this. At the same time, this provides me a medium to vent. Not to say that I don't have other mediums or people to vent to.
-
-If you've missed out on what I've said in the past, I've brought back my previous posts onto this blog (just hidden by default). To go in order, read "Dropping Out", then read "Keeping In."
-
-#### Late 2015
-
-I stayed on the up for the most part. I reconnected with a friend that I had in the past there (at this new school). There, I also befriended other people as well, even my teachers, which made my experience all the more nice. I was the first person to complete a whole credit during that school year, which I was pretty proud of at the time. I worked diligent, a fair amount. However, that didn't stop my old patterns from returning.
-
-It was a fair amount of time in that school by now. Roughly 4 months, maybe even less. However, I started getting into subjects that bored me beyond compare. I would start to pretend to do my work, replaying the old lessons. In reality I would watch the videos, but I'd have the audio muted and just listen to music in the background. The school's firewall had YouTube and other music platforms blocked, but Google Play Music had slipped by, showing another case of "why you don't use wildcards in restrictive firewalls". I would use the free radio that it had and listen to whatever sounded nice, just watching life go by. It wasn't a conventional boredom, it was the boredom that drained your will to do anything.
-
-#### Early 2016
-
-At this point, I had simply left. I didn't have my mother write anything stating I was being voluntarily removed, I didn't tell anyone about it. I had simply stopped attending. The worst case scenario was that they dropped me as a student. I wouldn't receive any legal repercussions from doing so, nor would the action receive any negative byproducts. Depression had obviously set back in, I would remain secluded and the only outside contact had been my job (the first of many), my mother, my close friends, and my therapist.
-
-My first job was interesting. Whether or not it was a conventional first job, I wouldn't know. I had a fair time there, worked with my best friend, Chris (the one I went to PAX East 2015 with), which made the experience better. I did my job well and I'd say the pay was okay. But I left within the first month. It was opening week and it was too fast-paced. The store was filled with customers from opening at 9am to closing at 10pm. This was one of the first times my asthma really acted up in a long while. Overall, it was too physically demanding for a first job.
-
-#### Mid 2016
-
-I feel that, in this span of time, I had become better than earlier. While not much had occurred up to September of 2016, I was working on bettering myself and finding more about what I wanted to do or involve myself in.
-
-I started another job, this time at Jimmy John's. It was an amazing experience. The people were nice, the atmosphere was good, I had a good time. I would've stayed there longer than I had, but the hours I was getting weren't enough for me to be able to do anything. $230 every two weeks wasn't working.
-
-#### Late 2016
-
-I started learning Esperanto more heavily and happened to come across a Reddit post discussing an Esperanto top-level domain. A top-level domain for Esperanto would be highly unlikely, given ICANN's requirements, but a different idea crossed my mind.
-
-That idea would become Retejo.me (don't go there, nothing exists), a web hosting organization (it wasn't really a company) involving myself, the person behind that Reddit post, Bryce, who ended up becoming a close friend, and a trusted moderator of /r/Esperanto, who would also become a close friend, Jared. The main force creating our friendship was the fact we all happened to be Christian and Esperantists, which seemed awfully ironic. I did the main business work, the web design, and the code behind it. Bryce would play the role of "public relations" in a sense, and Jared did our graphic work.
-
-I'm proud of the project (code-wise). It the first project where I made a proper user system, API, and proper backend. Although this project ended up failing, due to a variety of reasons, it would be a lie for me to say that I didn't have fun doing it. That and the friendships created made it more than worthwhile.
-
-#### Early 2017
-
-2017 started out… okay-ish. It wasn't good, it wasn't bad, it was just in the middle. My depression came around a bit often, and it took me away from my Christian faith. I took refuge in the only thing I knew and that was Buddhism. I was Buddhist for a 2 month span, rejoining the Christian fold late February. Reflecting on it, I lost myself in that time. I returned to seclusion mode, ceased talk with a great amount of my internet friends, and just hid from the world. Only did it take Jared to let me hang around a Christian Discord we founded, for me to seriously contemplate why I left. I received no solution for the problems I faced. Rather, embraced and reassured that everything was going to be okay.
-
-#### Life As Of Now
-
-To be determined.
diff --git a/_posts/2017-04-17-just-a-memory.md b/_posts/2017-04-17-just-a-memory.md
index 6a094fb..c63e230 100755
--- a/_posts/2017-04-17-just-a-memory.md
+++ b/_posts/2017-04-17-just-a-memory.md
@@ -3,8 +3,6 @@ layout: post
title: "Just a Memory"
date: 2017-04-17
comments: true
-external-url:
-categories: Archives
---
Listening to The Specktators (well, *Packy*) right now. It makes me think of the times I'd walk to the bus stop every morning to go to school, muting out the noise of the world, enjoying the beat and the message. Feeling the 60 degree weather, just that perfect temperature that isn't too cold nor too hot. Not even worrying about the future, worrying about the past. Just living in the moment, here with my music. Once I'd get to the bus stop, I'd take my headphones off to talk to a couple friends until the bus arrived. Exchanging greetings with the bus driver, who I felt like I had a decent connection to, then sitting down and resuming the soundtrack to that part of my life. Watching the houses and trees pass by on the ride to school, still living in the moment. Only for the bus to arrive, forcing my soundtrack to come to a pause and for me to resume working on something I would eventually drop entirely.
diff --git a/_posts/2018-08-27-a-life-renewed.md b/_posts/2018-08-27-a-life-renewed.md
index ca4d296..3d129bb 100755
--- a/_posts/2018-08-27-a-life-renewed.md
+++ b/_posts/2018-08-27-a-life-renewed.md
@@ -3,11 +3,9 @@ layout: post
title: "A Life Renewed"
date: 2018-08-27
comments: true
-external-url:
-categories: Archives
---
-Given that I lost my two previous blog posts regarding my life since dropping out, this will feel a bit out of sync to read if you're reading these chronologically (or through "The Chronology" tag, which tells the whole story **[editor's note: new blog does not have this tag yet]**). I hope that isn't much of an inconvenience.
+Given that I lost my two previous blog posts regarding my life since dropping out, this will feel a bit out of sync to read if you're reading these chronologically. I hope that isn't much of an inconvenience.
Today, I start (well, at this point "have started") college classes after my 3+ year long battle with dropping out (of multiple schools) and depression. I made it. I'm finally in college and I'm achieving my dreams in computer science.
diff --git a/_posts/2019-12-24-where-i-am-now.md b/_posts/2019-12-24-where-i-am-now.md
index 78d3989..d0a5f14 100644
--- a/_posts/2019-12-24-where-i-am-now.md
+++ b/_posts/2019-12-24-where-i-am-now.md
@@ -3,8 +3,6 @@ layout: post
title: "Where I Am Now"
date: 2019-12-24
comments: true
-external-url:
-categories: Updates
---
Greetings, everyone. It's been a while.
diff --git a/_posts/2020-01-03-navigating-the-schism.md b/_posts/2020-01-03-navigating-the-schism.md
index bb60774..f310c20 100644
--- a/_posts/2020-01-03-navigating-the-schism.md
+++ b/_posts/2020-01-03-navigating-the-schism.md
@@ -3,9 +3,6 @@ layout: post
title: "Navigating the Schism as a Layman"
date: 2020-01-03
comments: true
-external-url:
-featured-image: https://i.imgur.com/nYm4KQo.jpg
-categories: [Church Affairs]
---
Christ is born!
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 837b7a6..471e819 100755
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -1,346 +1,37 @@
+/* Universal box-sizing as per https://css-tricks.com/box-sizing/ */
+html {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+/* Universal box-sizing as per https://css-tricks.com/box-sizing/ */
+*, *:before, *:after {
+ -webkit-box-sizing: inherit;
+ -moz-box-sizing: inherit;
+ box-sizing: inherit;
+}
+
body {
- -webkit-text-size-adjust: 100%;
- -webkit-font-smoothing: antialiased;
- -moz-font-feature-settings: "kern", "liga=1, dlig=1", "salt";
- -ms-font-feature-settings: "kern", "liga", "dlig", "salt";
- -webkit-font-feature-settings: "kern", "liga", "dlig", "salt";
- -o-font-feature-settings: "kern", "liga", "dlig", "salt";
- font-feature-settings: "kern", "liga", "dlig", "salt";
- text-rendering: optimizeLegibility;
-
- background-color: $background-color;
- font-family: $base-font-family;
- font-size: $base-font-size;
- font-weight: $base-font-weight;
- color: $text-color;
-
- .et-symbol {
- svg {
- height: 0.98em;
- position: relative;
- top: -0.05em;
- image-rendering: auto;
-
- path {
- fill: $alt-color-darker;
- fill-rule: evenodd;
- stroke: $alt-color-darker;
- stroke-width: 3px;
- }
- }
- }
-
- a {
- color: $alt-color;
- text-decoration: none;
- transition: background-color 400ms;
-
- &:hover {
- color: $alt-color;
- background-color: transparentize($alt-color, 0.93);
- text-decoration: none;
- }
-
- &:visited {
- color: $alt-color !important;
- text-decoration: none !important;
- }
- }
-
- p {
- line-height: $base-line-height;
- }
-
- h1, h2, h3 {
- font-family: $header-font-weight;
- line-height: 1.4em;
- font-weight: bold;
- }
-
- h2 {
- font-size: 1.6em;
- margin-top: 2em;
- margin-bottom: 1em;
- }
-
- h3 {
- font-family: $title-font-family;
- font-size: 1.2em;
- font-variant: small-caps;
- text-transform: lowercase;
- letter-spacing: 0.15em;
- }
-
- strong {
- font-weight: $bold-font-weight;
- }
-}
-
-article {
- p {
- hyphens: auto;
- -moz-hyphens: auto;
- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- }
-
- .mjx-mtext span {
- font-family: $base-font-family !important;
- font-size: $base-font-size;
- font-weight: $base-font-weight;
- }
-
- > p:first-of-type {
- min-height: 2em + $base-line-height;
-
- &::first-letter {
- color: $alt-color-darker;
- float: left;
- font-size: 3.4em;
- line-height: .7em;
- font-family: $title-font-family;
- font-style: normal;
- font-weight: bold;
- margin: .12em .15em 0 -.02em;
- }
- }
-
- br {
- display: block;
- margin: .3em 0;
- content: ' ';
- }
-
- ol li, ul li {
- padding-left: 0;
- }
-
- ul li {
- list-style: none;
- margin-bottom: 0;
- }
-
- ol li {
- margin-bottom: 1em;
- }
-
- ol, ul {
- @media (max-width: 768px) {
- padding-left: 1.1rem;
- }
-
- @media (min-width: 768px) {
- padding-left: 0;
- }
- }
-
- ul > li::before {
- position: absolute;
- content: '▪';
- color: $alt-color;
-
- @media (min-width: 572px) {
- left: -1.15em;
- }
- }
-
- pre, code, aside {
+ font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
+ color: $text-color;
background-color: $background-color;
- }
+ -webkit-text-size-adjust: 100%;
+ -webkit-font-feature-settings: "kern" 1;
+ -moz-font-feature-settings: "kern" 1;
+ -o-font-feature-settings: "kern" 1;
+ font-feature-settings: "kern" 1;
+ font-kerning: normal;
+ text-rendering: optimizeLegibility; /* Beware of performance issues in mobile - see https://css-tricks.com/almanac/properties/t/text-rendering/ */
+ -webkit-font-smoothing: antialiased;
+ font-smoothing: antialiased;
- pre, aside {
- padding: 1em;
- border-radius: 5px;
- }
-
- :not(pre) > code {
- color: $alt-color;
- font-size: $mono-font-size * 0.95;
- padding: 0.1em 0.3em;
- border-radius: 3px;
- }
-
- code {
- font-family: $mono-font-family;
- font-size: $mono-font-size;
-
- table {
- border: 0;
- margin: 0;
- padding: 0;
-
- pre {
- margin: 0;
- border-radius: 0;
- padding-top: 0;
- padding-bottom: 0;
- }
-
- .lineno {
- padding-left: 0;
- border-right: 1px solid transparentize(black, .8);
- color: transparentize(black, .8);
- }
+ &.is-offset {
+ margin-top: -195px;
}
- }
}
-blockquote {
- margin-top: 1em;
- margin-bottom: 1em;
- border-left: 2pt solid $alt-color;
- padding-left: .9em;
- margin-left: -1em;
- font-style: oblique;
-
- > :last-child {
- margin-bottom: 0;
- }
-
- code {
- font-style: normal;
- font-weight: 400;
- }
-
- em {
- font-style: normal;
- }
-}
-
-.main {
- background-color: $article-bg-color;
- box-shadow: 0 0 5px 5px rgba(160,160,160,.05);
- margin-top: 16px;
- padding: 16px;
- border-radius: 12px;
-}
-
-.small-ornament, .big-ornament {
- > svg {
- display: inline-block;
- vertical-align: middle;
- width: 40px;
- height: 40px;
-
- path {
- fill: $alt-color-darker;
- fill-rule: evenodd;
- shape-rendering: geometricPrecision;
- }
- }
-}
-
-.big-ornament {
- > svg {
- width: 14em;
- height: 4em;
- margin-top: 2em;
- margin-bottom: 2em;
- }
-}
-
-header {
- margin-bottom: 1em;
-
- p {
- margin-top: 1em;
- }
-}
-
-abbr {
- font-size: 1.1em;
- font-variant: small-caps;
- text-transform: lowercase;
- letter-spacing: .05em;
-}
-
-
-footer, .navbar {
- font-size: $small-font-size;
- color: $alt-text-color;
-
- .biography {
- padding-bottom: 1em;
- border-bottom: 1px solid $subdued-border;
- margin-bottom: 1em;
- }
-
- h2 {
- font-size: 1.2em;
- font-variant: small-caps;
- text-transform: lowercase;
- font-weight: bold;
- letter-spacing: .15em;
- }
-
- a.fa {
- color: lighten($text-color, 50%) !important;
- margin-right: .25em;
- margin-left: .25em;
- margin-bottom: .8em;
- transition: color 400ms;
-
- &:hover {
- color: $alt-color !important;
- background-color: transparent !important;
- }
- }
-}
-
-.navbar {
- font-size: $small-font-size * 1.1;
-}
-
-.footnotes {
- border-top: 1px solid $subdued-border;
- padding-top: 1em;
- margin-top: 2em;
-}
-
-sup > .footnote {
- margin-left: .1em;
- font-style: normal;
-
- &::before { content: '{'; }
- &::after { content: '}'; }
-}
-
-.small-table {
- font-size: $small-font-size;
-
- td {
- vertical-align: text-top;
- }
-}
-
-:not(code) > table {
- border-spacing: 2em .1em;
-}
-
-table {
- margin: 0 auto;
- margin-top: 1.25em;
- margin-bottom: 1.25em;
- padding-top: .5em;
- padding-bottom: .5em;
- border-collapse: separate;
- background-color: $background-color;
- border-left: 2.5pt solid $alt-color;
-
- td, th {
- display: table-cell;
- vertical-align: inherit;
- border: 0;
- padding-top: 0;
- padding-bottom: 0;
- }
-
- th {
- font-variant: small-caps;
- text-transform: lowercase;
- font-weight: 700;
- font-size: $base-font-size * 1.1;
- letter-spacing: .1em;
- padding-bottom: .6em;
- }
+a {
+ text-decoration: none;
+ color: #443E40;
}
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
new file mode 100644
index 0000000..e92e430
--- /dev/null
+++ b/_sass/_layout.scss
@@ -0,0 +1,86 @@
+#banner {
+ @include retina-background-image($img-banner);
+ background-color: #8e8387;
+ outline: none;
+ display: block;
+ width: $banner-width;
+ height: $banner-height;
+ margin: 0 auto 35px;
+ position: relative; /* To ensure the bottom border is positioned correctly */
+
+ h1 {
+ // Font is included from Google Fonts automatically unless a custom banner is used
+ // See _config.yml for details
+ font-family: $banner-font-family;
+ font-size: 24px;
+ font-weight: 400;
+ text-align: center;
+ letter-spacing: 0.03em;
+ color: #fefefe;
+ position: absolute;
+ bottom: 20px;
+ width: 100%;
+ }
+
+ &::after {
+ display: block;
+ position: absolute;
+ top: $banner-height;
+ left: $banner-border-offset;
+ content: "";
+ background: #443E40;
+ height: $banner-border-width;
+ width: $banner-width - ($banner-border-offset* 2);
+ }
+
+ @include min-breakpoint($image-splitting-breakpoint) {
+ margin-bottom: $banner-margin;
+ }
+}
+
+#footer {
+ margin-top: 50px;
+ text-align: center;
+
+ &::after {
+ @include retina-background-image($img-dude);
+ display: block;
+ content: "";
+ width: 65px;
+ height: 158px;
+ margin: 20px auto 50px;
+ }
+
+ a {
+ // Overwrite default link color
+ color: #222;
+
+ &:hover {
+ // ... but allow the hover color to work as normal
+ color: $hover-color;
+ }
+ }
+
+ p {
+ margin: 0 0 9px;
+ line-height: 1.3;
+ font-size: 19px;
+ max-width: 75%;
+ margin-left: auto;
+ margin-right: auto;
+
+ @include min-breakpoint($image-splitting-breakpoint) {
+ font-size: 18px;
+ line-height: 1;
+ }
+ }
+}
+
+section[role="main"] {
+ width: 90%;
+ margin: 0 auto;
+
+ @include min-breakpoint($desktop-breakpoint) {
+ width: $layout-width;
+ }
+}
diff --git a/_sass/_mixins.scss b/_sass/_mixins.scss
new file mode 100644
index 0000000..517bb39
--- /dev/null
+++ b/_sass/_mixins.scss
@@ -0,0 +1,6 @@
+@import
+ "mixins/retina-background-image",
+ "mixins/clearfix",
+ "mixins/breakpoints",
+ "mixins/typekit-fallback"
+;
diff --git a/_sass/_modules.scss b/_sass/_modules.scss
new file mode 100644
index 0000000..689177a
--- /dev/null
+++ b/_sass/_modules.scss
@@ -0,0 +1,9 @@
+@import
+ "modules/legal/rules",
+ "modules/post/rules",
+ "modules/pagination/rules"
+;
+
+@include galileo-legal;
+@include galileo-post;
+@include galileo-pagination;
diff --git a/_sass/_vendors.scss b/_sass/_vendors.scss
new file mode 100644
index 0000000..2cd0bc5
--- /dev/null
+++ b/_sass/_vendors.scss
@@ -0,0 +1,3 @@
+@import
+ "vendors/normalize"
+;
diff --git a/_sass/mixins/_breakpoints.scss b/_sass/mixins/_breakpoints.scss
new file mode 100644
index 0000000..eec90d9
--- /dev/null
+++ b/_sass/mixins/_breakpoints.scss
@@ -0,0 +1,12 @@
+@mixin min-breakpoint($point) {
+ @media only screen and (min-width: $point) {
+ @content;
+ }
+}
+
+@mixin max-breakpoint($point) {
+ @media only screen and (max-width: $point) {
+ @content;
+ }
+}
+
diff --git a/_sass/mixins/_clearfix.scss b/_sass/mixins/_clearfix.scss
new file mode 100644
index 0000000..1d09ce5
--- /dev/null
+++ b/_sass/mixins/_clearfix.scss
@@ -0,0 +1,7 @@
+@mixin clearfix {
+ &:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+}
diff --git a/_sass/mixins/_retina-background-image.scss b/_sass/mixins/_retina-background-image.scss
new file mode 100644
index 0000000..2907ad9
--- /dev/null
+++ b/_sass/mixins/_retina-background-image.scss
@@ -0,0 +1,19 @@
+// Assumes that image filenames follow the pattern:
+// - 1x: name.png
+// - 2x: name@2x.png
+// - 3x: name@3x.png
+@mixin retina-background-image($img-path, $ext: '.png') {
+ // Non-retina device
+ background-image: url($img-path + $ext);
+ background-size: 100%;
+
+ // Retina @2x device
+ @media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min--moz-device-pixel-ratio: 1.2), only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (min-device-pixel-ratio: 1.2), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.2dppx) {
+ background-image: url($img-path + '@2x' + $ext);
+ }
+
+ // Retina @3x device
+ @media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 3dppx) {
+ background-image: url($img-path + '@3x' + $ext);
+ }
+}
diff --git a/_sass/mixins/_typekit-fallback.scss b/_sass/mixins/_typekit-fallback.scss
new file mode 100644
index 0000000..0cbf013
--- /dev/null
+++ b/_sass/mixins/_typekit-fallback.scss
@@ -0,0 +1,8 @@
+@mixin typekit-fallback {
+ @at-root {
+ .wf-inactive,
+ .wf-loading {
+ @content;
+ }
+ }
+}
diff --git a/_sass/modules/legal/_rules.scss b/_sass/modules/legal/_rules.scss
new file mode 100644
index 0000000..88506b5
--- /dev/null
+++ b/_sass/modules/legal/_rules.scss
@@ -0,0 +1,7 @@
+@import "modules/legal/variables";
+@mixin galileo-legal {
+ .legal {
+ color: $legal-text-color;
+ font-style: italic;
+ }
+}
diff --git a/_sass/modules/legal/_variables.scss b/_sass/modules/legal/_variables.scss
new file mode 100644
index 0000000..036b402
--- /dev/null
+++ b/_sass/modules/legal/_variables.scss
@@ -0,0 +1 @@
+$legal-text-color: $legal-color;
diff --git a/_sass/modules/pagination/_rules.scss b/_sass/modules/pagination/_rules.scss
new file mode 100644
index 0000000..06124c8
--- /dev/null
+++ b/_sass/modules/pagination/_rules.scss
@@ -0,0 +1,135 @@
+@import "modules/pagination/variables";
+@mixin galileo-pagination {
+ .pagination {
+ @include clearfix;
+ margin: -10px auto 0;
+ display: block;
+ border-top: 1px solid $pagination-border-color;
+ text-align: center;
+ align-items: center;
+ justify-content: center;
+
+ @include min-breakpoint($pagination-splitting-breakpoint) {
+ margin: -25px auto 0;
+ display: flex;
+ border-top: 0;
+ }
+ }
+
+ .pagination-item {
+ line-height: 21px;
+
+ &:first-of-type {
+ a { border-right: 1px solid $pagination-border-color; }
+ }
+
+ &:last-of-type {
+ a { border-left: 1px solid $pagination-border-color; }
+ }
+
+ @include min-breakpoint($pagination-splitting-breakpoint) {
+ // To ensure the top margin begins from the outer bounds of the contained pagination link
+ line-height: 38px;
+
+ &:first-of-type {
+ a { border-right: 0; }
+ }
+
+ &:last-of-type {
+ a { border-left: 0; }
+ }
+ }
+ }
+
+ .pagination-link,
+ .pagination-ellipsis {
+ padding: 18px 8px 12px;
+ min-width: 35px;
+ border-bottom: 1px solid $pagination-border-color;
+ color: $legal-color;
+ letter-spacing: 0.02em;
+ clear: both;
+ display: block;
+ outline: none;
+
+ &:hover {
+ background: #eee;
+ border-color: $hover-color;
+ color: $hover-color;
+ }
+
+ &[disabled] {
+ pointer-events: none;
+ color: lighten($legal-color, 30%);
+ }
+
+ @include min-breakpoint($pagination-splitting-breakpoint) {
+ &:hover {
+ background: transparent;
+ }
+ }
+
+ @include min-breakpoint($pagination-widening-breakpoint) {
+ padding: 13px;
+ }
+ }
+
+ .pagination-link--selected {
+ background: #eee;
+ font-weight: bold;
+ border-color: $hover-color;
+ color: $hover-color;
+
+ @include min-breakpoint($pagination-splitting-breakpoint) {
+ background: transparent;
+ }
+ }
+
+ .pagination-link--non-numeric {
+ clear: none;
+ width: 50%;
+ float: left;
+
+ @include min-breakpoint($pagination-splitting-breakpoint) {
+ float: none;
+ width: initial;
+ }
+ }
+
+ .pagination-link-arrow {
+ position: relative;
+ }
+
+ .pagination-link-arrow--leftward {
+ // Offset the arrow every so slightly to sit well next to the text
+ top: 1px;
+ margin-left: -15px;
+
+ @include min-breakpoint($pagination-splitting-breakpoint) {
+ margin-left: 0;
+ }
+ }
+
+ .pagination-link-arrow--rightward {
+ // Weirdly enough, arrows pointing right need a little more offset
+ top: 2px;
+ margin-right: -15px;
+
+ @include min-breakpoint($pagination-splitting-breakpoint) {
+ margin-right: 0;
+ }
+ }
+
+ .pagination-link-help {
+ display: inline;
+
+ @include min-breakpoint($pagination-splitting-breakpoint) {
+ display: none;
+ }
+ }
+
+ .pagination-ellipsis {
+ // Prevent hover effects
+ pointer-events: none;
+ }
+}
diff --git a/_sass/modules/pagination/_variables.scss b/_sass/modules/pagination/_variables.scss
new file mode 100644
index 0000000..fffbb61
--- /dev/null
+++ b/_sass/modules/pagination/_variables.scss
@@ -0,0 +1,3 @@
+$pagination-splitting-breakpoint: 715px;
+$pagination-widening-breakpoint: 800px;
+$pagination-border-color: #ccc;
diff --git a/_sass/modules/post/_rules.scss b/_sass/modules/post/_rules.scss
new file mode 100644
index 0000000..0051c95
--- /dev/null
+++ b/_sass/modules/post/_rules.scss
@@ -0,0 +1,222 @@
+@import "modules/post/variables";
+@mixin galileo-post {
+ .post::after {
+ @include retina-background-image($img-separator);
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ content: "";
+ width: 100%;
+ max-width: 596px;
+ height: 42px;
+ display: block;
+ margin: 20px auto 50px;
+
+ // Force background size to remain constant and not scale down
+ background-size: 596px !important;
+
+ // The breakpoint here was entirely guessed and tested by eye-balling the results
+ // ie. feel free to choose something more sensible
+ @include min-breakpoint(645px) {
+ margin-top: 5px;
+ }
+ }
+
+ .post-title {
+ font-family: $title-font-family;
+ display: block;
+ font-weight: 700;
+ font-size: $post-title-min-font-size;
+ text-align: center;
+ line-height: 1.4;
+
+ // Force default text colour [as post-header is wrapped by a link]
+ color: $text-color;
+
+ @include min-breakpoint($post-title-medium-breakpoint) {
+ font-size: $post-title-medium-font-size;
+ }
+
+ @include min-breakpoint($desktop-breakpoint) {
+ font-size: $post-title-max-font-size;
+ }
+ }
+
+ .post-date {
+ display: block;
+ border-top: 1px solid $border-color;
+ border-bottom: 1px solid $border-color;
+ text-align: center;
+ color: $legal-text-color;
+ margin: 15px 0 25px;
+ font-variant: small-caps;
+ letter-spacing: 0.06em;
+
+ // Fix typekit line-height with excess top padding
+ padding: 23px 0 13px;
+ }
+
+ @include typekit-fallback {
+ .post-date {
+ // Reset a reasonable top padding in absence of abnormally tall typekit font line-height
+ padding-top: 18px;
+ }
+ }
+
+ .post-body {
+ p {
+ text-align: justify;
+ line-height: $post-line-height;
+ margin-bottom: 25px;
+ }
+ }
+
+ .post-body-location,
+ .post-body-location-divider {
+ float: left;
+ }
+
+ .post-body-location {
+ font-family: $caption-font-family;
+ letter-spacing: 0.04em;
+ text-transform: uppercase;
+ margin-right: 5px;
+
+ // A line-height of 1.2 makes our font (Bodoni) align well horizontally with
+ // the paragraph font (Caslon) however we need to ensure that the location
+ // text displays nicely if wrapped across multiple lines. To solve this,
+ // we increase the line-height while offsetting its position upwards slightly.
+ // This will keep the alignment between Bodoni & Caslon AND wrap nicely.
+ line-height: 1.4;
+ position: relative;
+ top: -2px;
+ }
+
+ .post-body-location-divider {
+ margin-right: 6px;
+ line-height: 1.4;
+ }
+
+ .post-image {
+ margin-bottom: 25px;
+ margin-top: 30px;
+
+ // Prevent any whitespace positioning issues
+ font-size: 0;
+
+ img,
+ video{
+ width: 100%;
+ max-width: 100%;
+ height: auto;
+ }
+
+ & + .post-image {
+ margin-top: -5px;
+ }
+
+ & + p {
+ margin-top: 35px;
+ }
+ }
+
+ .post-image--split {
+ @include min-breakpoint($image-splitting-breakpoint) {
+ margin-right: -1 * $post-image-split-gutter;
+ }
+
+ img {
+ width: 100%;
+ display: block;
+ margin-bottom: $post-image-split-gutter;
+
+ @include min-breakpoint($image-splitting-breakpoint) {
+ width: $post-image-split-width;
+ margin-right: $post-image-split-gutter;
+ display: initial;
+ margin-bottom: 0;
+ }
+
+ @include min-breakpoint($desktop-breakpoint) {
+ max-width: $post-image-split-max-width;
+ }
+ }
+
+ .post-image-caption {
+ @include min-breakpoint($image-splitting-breakpoint) {
+ margin-right: $post-image-split-gutter;
+ }
+ }
+ }
+
+ .post-image-caption {
+ margin-top: 25px;
+ color: $caption-text-color;
+ font-family: $caption-font-family;
+ line-height: $post-image-caption-line-height;
+ padding: 0 20px;
+
+ // Re-set the font size as parent is set to zero
+ font-size: $base-font-size;
+
+ // Override properties meant for article content paragraphs
+ margin-bottom: 0 !important;
+ text-align: center !important;
+
+ &::after {
+ display: block;
+ content: "";
+ width: 185px;
+ margin: 23px auto 30px;
+ border-bottom: 3px double $border-color;
+ }
+ }
+
+ @include typekit-fallback {
+ .post-image-caption {
+ // Our fallback font is much larger, so we need to reduce the font-size and increase the line-height
+ font-size: 15px;
+ line-height: 1.8 !important;
+
+ &::after {
+ // Reset a reasonable top margin in absence of the abnormally tall typekit font line-height
+ margin-top: 25px;
+ }
+ }
+ }
+
+ .post-footer {
+ @include min-breakpoint($desktop-breakpoint) {
+ // Child is floated, so use a clearfix on the parent
+ @include clearfix;
+ }
+ }
+
+ .post-footer-location {
+ display: none;
+
+ @include min-breakpoint($desktop-breakpoint) {
+ @include retina-background-image($img-location);
+ display: block;
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ background-size: 44px;
+ min-height: 21px;
+ padding-right: 55px;
+ float: right;
+
+ // The font used (Adobe Caslon Pro) has a peculiar line-height. This
+ // adjusts the position of the text in relation to the icon without
+ // adjusting the line-height property itself
+ margin-top: -9px;
+ padding-top: 9px;
+
+ // Force legal text colour [as it is a link]
+ color: $legal-text-color;
+
+ // However let the normal hover colour apply
+ &:hover { color: $hover-color; }
+ }
+ }
+}
diff --git a/_sass/modules/post/_variables.scss b/_sass/modules/post/_variables.scss
new file mode 100644
index 0000000..fd1600a
--- /dev/null
+++ b/_sass/modules/post/_variables.scss
@@ -0,0 +1,16 @@
+$post-line-height: 1.6;
+
+$post-title-min-font-size: 24px;
+$post-title-medium-font-size: 5vw;
+$post-title-max-font-size: 42px;
+// To transition smoothly from our middle font-size of 5vw, we
+// must calculate the intersection of our minimum font size and
+// 5 vertical widths, that is, when the browser width is 20 times 24px
+// (note the calculation is done in reverse to remind us that we are using
+// a value of 5%, or 0.05)
+$post-title-medium-breakpoint: $post-title-min-font-size / 0.05;
+
+$post-image-split-max-width: 365px;
+$post-image-split-gutter: 20px;
+$post-image-split-width: calc(50% - #{$post-image-split-gutter});
+$post-image-caption-line-height: $post-line-height;
diff --git a/_sass/vendors/_normalize.scss b/_sass/vendors/_normalize.scss
new file mode 100644
index 0000000..0f9b3d6
--- /dev/null
+++ b/_sass/vendors/_normalize.scss
@@ -0,0 +1,456 @@
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+ display: none;
+}
+
+/* Links
+ ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+ background: transparent;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+ margin: 25px 40px 35px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+ overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit; /* 1 */
+ font: inherit; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+ overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+ line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+ font-weight: bold;
+}
+
+/* Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+}
+
+
+/* Custom
+ ========================================================================== */
+
+/**
+ * Remove margins from headers and lists
+ */
+
+h1,
+h2,
+h3,
+h4,
+ul {
+ margin: 0;
+}
+
+/**
+ * Remove padding and list style from lists
+ */
+ul {
+ padding: 0;
+ list-style: none;
+}
+
+/**
+ * Fix line-height for code blocks
+ */
+pre {
+ line-height: 1.4;
+}
diff --git a/about.md b/about.md
index 9dad7e3..a2c2612 100755
--- a/about.md
+++ b/about.md
@@ -4,7 +4,7 @@ date: 2018-07-18T03:02:05-05:00
layout: page
---
-My birth name is Elliott Pardee. However, I typically use my (to be) chrismation name "Seraphim". I'm 21 years old. I live in Michigan. I am an Orthodox Christian and aspiring servant of Christ.
+My birth name is Elliott Pardee. However, I typically use my name in the Church, "Seraphim". I'm 21 years old. I live in Michigan. I am an Orthodox Christian and aspiring servant of Christ.
## Trivia
@@ -20,7 +20,7 @@ I prefer **colder temperatures over hotter ones**, I will typically keep tempera
### Religion/Theology
-As mentioned earlier, I am an **Eastern Orthodox Christian**. I am a **catechumen** in the **Orthodox Church of America**. I am in the **Bulgarian Diocese of Toledo** under **Archbishop Alexander (Golitzin)**. After some discernment, I believe my patron saint is **Saint Seraphim of Sarov**, whose name I will take after and whose life I will strive to imitate. **Saint Seraphim, pray for me.**
+As mentioned earlier, I am an **Eastern Orthodox Christian**. I am in the **Orthodox Church of America** in the **Bulgarian Diocese of Toledo** under **Archbishop Alexander (Golitzin)**. My patron saint is **Saint Seraphim of Sarov**, whose name I have taken and whose life I will strive to imitate. **Saint Seraphim, pray for me.**
Being the developer of BibleBot, this didn't come without a **fascination with the Bible**. I find translations interesting in and of themselves, but that doesn't imply that I don't have favorites. Out of the translations available, my rankings are:
diff --git a/css/screen.scss b/css/screen.scss
new file mode 100644
index 0000000..d5bd4aa
--- /dev/null
+++ b/css/screen.scss
@@ -0,0 +1,52 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+---
+@charset "utf-8";
+
+// Typography
+$base-font-family: "adobe-caslon-pro", "Adobe Caslon Pro", serif;
+$caption-font-family: "ltc-bodoni-175", "Libre Baskerville", serif;
+$banner-font-family: "Sanchez", serif;
+$title-font-family: "Libre Baskerville", serif;
+$base-font-size: 18px;
+$base-font-weight: 400;
+$base-line-height: 1;
+
+// Colours
+$text-color: #222;
+$caption-text-color: #444;
+$border-color: #979797;
+$background-color: #fefefe;
+$content-width: 750px;
+$hover-color: #443E40;
+$legal-color: #818181;
+
+// Layout
+$layout-width: 750px;
+
+// Breakpoints
+$desktop-breakpoint: $layout-width / 0.9;
+$image-splitting-breakpoint: 510px;
+
+// Banner
+$banner-width: 182px;
+$banner-height: 503px;
+$banner-margin: 50px;
+$banner-border-width: 3px;
+$banner-border-offset: 2px;
+
+// Images
+// Note that extensions are omitted for use in retina-background-image mixin
+$img-separator: '{{ site.baseurl }}/img/separator';
+$img-banner: '{{ site.baseurl }}/img/banner';
+$img-dude: '{{ site.baseurl }}/img/dude';
+$img-location: '{{ site.baseurl }}/img/icon-location';
+
+// Import partials from `sass_dir` (defaults to `_sass`)
+@import
+ "mixins",
+ "vendors",
+ "base",
+ "layout",
+ "modules"
+;
diff --git a/img/banner.png b/img/banner.png
new file mode 100644
index 0000000..695c8ab
Binary files /dev/null and b/img/banner.png differ
diff --git a/img/banner@2x.png b/img/banner@2x.png
new file mode 100644
index 0000000..955e209
Binary files /dev/null and b/img/banner@2x.png differ
diff --git a/img/banner@3x.png b/img/banner@3x.png
new file mode 100644
index 0000000..22f7504
Binary files /dev/null and b/img/banner@3x.png differ
diff --git a/img/dude.png b/img/dude.png
new file mode 100644
index 0000000..e501762
Binary files /dev/null and b/img/dude.png differ
diff --git a/img/dude@2x.png b/img/dude@2x.png
new file mode 100644
index 0000000..adf4523
Binary files /dev/null and b/img/dude@2x.png differ
diff --git a/img/dude@3x.png b/img/dude@3x.png
new file mode 100644
index 0000000..d4989f4
Binary files /dev/null and b/img/dude@3x.png differ
diff --git a/img/icon-location.png b/img/icon-location.png
new file mode 100644
index 0000000..479e741
Binary files /dev/null and b/img/icon-location.png differ
diff --git a/img/icon-location@2x.png b/img/icon-location@2x.png
new file mode 100644
index 0000000..a596e3d
Binary files /dev/null and b/img/icon-location@2x.png differ
diff --git a/img/icon-location@3x.png b/img/icon-location@3x.png
new file mode 100644
index 0000000..ecb205d
Binary files /dev/null and b/img/icon-location@3x.png differ
diff --git a/img/separator.png b/img/separator.png
new file mode 100644
index 0000000..386fe96
Binary files /dev/null and b/img/separator.png differ
diff --git a/img/separator@2x.png b/img/separator@2x.png
new file mode 100644
index 0000000..d7dd4eb
Binary files /dev/null and b/img/separator@2x.png differ
diff --git a/img/separator@3x.png b/img/separator@3x.png
new file mode 100644
index 0000000..09b27a1
Binary files /dev/null and b/img/separator@3x.png differ
diff --git a/index.html b/index.html
index e4b9c2e..c558dc5 100755
--- a/index.html
+++ b/index.html
@@ -1,22 +1,20 @@
---
layout: default
---
-
-
- On Computer Science,
Theology, Church History
+
+
+{% for post in paginator.posts %}
+ {% include post.html post=post content=post.content %}
+{% endfor %}
- Under patronage of Saint Seraphim of Sarov.
-
-
-
-
-
- {% assign categories = site.categories | sort %}
- {% for category in categories %}
-
{{ category | first }}
-
{% for post in category[1] reversed %}{{ forloop.index }}. {{ post.title }} {% endfor %}
- {% endfor %}
-
-
+{% if paginator.total_pages > 1 %}
+ {% include pagination.html maxPages=5 %}
+{% endif %}
diff --git a/js/galileo.js b/js/galileo.js
new file mode 100644
index 0000000..5d9c703
--- /dev/null
+++ b/js/galileo.js
@@ -0,0 +1,34 @@
+'use strict'
+
+var secretRevealed = false
+var doSecretReveal
+var resetSecretReveal
+
+doSecretReveal = function () {
+ // Remove the negative offset from the banner, while also scrolling down the page
+ // this reveals the secret without affecting the users position on the page
+ document.body.className = document.body.className.replace('is-offset', '')
+ window.scroll(0, window.scrollY + 195)
+ secretRevealed = true
+}
+
+resetSecretReveal = function () {
+ if (secretRevealed) {
+ // The native browser behaviour of automatically scrolling to a users last position on refresh
+ // is upset by our revealing of the secret banner. This meant that, on refresh, the position
+ // the browser returns the user to is incorrect. To compensate for this, we hide the secret banner
+ // section again and adjust the page scroll value accordingly
+ document.body.className += ' is-offset'
+ window.scroll(0, Math.max(window.scrollY - 195, 0))
+ }
+}
+
+document.addEventListener('DOMContentLoaded', function () {
+ // 3000 ms is arbitrary, though there must be at least some
+ // delay here, otherwise it doesn't seem to play ball
+ setTimeout(doSecretReveal, 3000)
+})
+
+window.addEventListener('beforeunload', function () {
+ resetSecretReveal()
+})
diff --git a/projects.md b/projects.md
index ba12f3a..3e5fea6 100644
--- a/projects.md
+++ b/projects.md
@@ -9,3 +9,7 @@ My best and primary project is [BibleBot](https://biblebot.xyz) ([GitHub](https:
My secondary project is canon_law ([GitHub](https://github.com/vypr/canon_law)), a web service for referencing Orthodox canon law. It is not yet finished but all that is lacking is the rest of the content.
The only tertiary project at the moment is goarch_api ([PyPI](https://pypi.org/project/goarch-api/) / [GitHub](https://github.com/vypr/goarch_api)), a Python interface for the Greek Orthodox Archdiocese of America's Chapel API. I will have more similar projects in the future.
+
+---
+
+I am also a volunteer Software Engineer at [Catena](http://catenabible.com), a Bible application featuring Patristics commentaries and lectionary readings.