big changes :)
5
Gemfile
@ -1,2 +1,5 @@
|
||||
source 'https://rubygems.org'
|
||||
gem 'github-pages', group: :jekyll_plugins
|
||||
|
||||
gem 'jekyll'
|
||||
gem 'jekyll-paginate'
|
||||
gem 'wdm', '>= 0.1.0' if Gem.win_platform?
|
371
LICENSE
@ -1,359 +1,22 @@
|
||||
Creative Commons Legal Code
|
||||
The MIT License (MIT)
|
||||
|
||||
Attribution-ShareAlike 3.0 Unported
|
||||
Copyright (c) 2015 Rowan Oulton
|
||||
|
||||
CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE
|
||||
LEGAL SERVICES. DISTRIBUTION OF THIS LICENSE DOES NOT CREATE AN
|
||||
ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS
|
||||
INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES
|
||||
REGARDING THE INFORMATION PROVIDED, AND DISCLAIMS LIABILITY FOR
|
||||
DAMAGES RESULTING FROM ITS USE.
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
License
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE
|
||||
COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY
|
||||
COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS
|
||||
AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
|
||||
BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE
|
||||
TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY
|
||||
BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS
|
||||
CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND
|
||||
CONDITIONS.
|
||||
|
||||
1. Definitions
|
||||
|
||||
a. "Adaptation" means a work based upon the Work, or upon the Work and
|
||||
other pre-existing works, such as a translation, adaptation,
|
||||
derivative work, arrangement of music or other alterations of a
|
||||
literary or artistic work, or phonogram or performance and includes
|
||||
cinematographic adaptations or any other form in which the Work may be
|
||||
recast, transformed, or adapted including in any form recognizably
|
||||
derived from the original, except that a work that constitutes a
|
||||
Collection will not be considered an Adaptation for the purpose of
|
||||
this License. For the avoidance of doubt, where the Work is a musical
|
||||
work, performance or phonogram, the synchronization of the Work in
|
||||
timed-relation with a moving image ("synching") will be considered an
|
||||
Adaptation for the purpose of this License.
|
||||
b. "Collection" means a collection of literary or artistic works, such as
|
||||
encyclopedias and anthologies, or performances, phonograms or
|
||||
broadcasts, or other works or subject matter other than works listed
|
||||
in Section 1(f) below, which, by reason of the selection and
|
||||
arrangement of their contents, constitute intellectual creations, in
|
||||
which the Work is included in its entirety in unmodified form along
|
||||
with one or more other contributions, each constituting separate and
|
||||
independent works in themselves, which together are assembled into a
|
||||
collective whole. A work that constitutes a Collection will not be
|
||||
considered an Adaptation (as defined below) for the purposes of this
|
||||
License.
|
||||
c. "Creative Commons Compatible License" means a license that is listed
|
||||
at https://creativecommons.org/compatiblelicenses that has been
|
||||
approved by Creative Commons as being essentially equivalent to this
|
||||
License, including, at a minimum, because that license: (i) contains
|
||||
terms that have the same purpose, meaning and effect as the License
|
||||
Elements of this License; and, (ii) explicitly permits the relicensing
|
||||
of adaptations of works made available under that license under this
|
||||
License or a Creative Commons jurisdiction license with the same
|
||||
License Elements as this License.
|
||||
d. "Distribute" means to make available to the public the original and
|
||||
copies of the Work or Adaptation, as appropriate, through sale or
|
||||
other transfer of ownership.
|
||||
e. "License Elements" means the following high-level license attributes
|
||||
as selected by Licensor and indicated in the title of this License:
|
||||
Attribution, ShareAlike.
|
||||
f. "Licensor" means the individual, individuals, entity or entities that
|
||||
offer(s) the Work under the terms of this License.
|
||||
g. "Original Author" means, in the case of a literary or artistic work,
|
||||
the individual, individuals, entity or entities who created the Work
|
||||
or if no individual or entity can be identified, the publisher; and in
|
||||
addition (i) in the case of a performance the actors, singers,
|
||||
musicians, dancers, and other persons who act, sing, deliver, declaim,
|
||||
play in, interpret or otherwise perform literary or artistic works or
|
||||
expressions of folklore; (ii) in the case of a phonogram the producer
|
||||
being the person or legal entity who first fixes the sounds of a
|
||||
performance or other sounds; and, (iii) in the case of broadcasts, the
|
||||
organization that transmits the broadcast.
|
||||
h. "Work" means the literary and/or artistic work offered under the terms
|
||||
of this License including without limitation any production in the
|
||||
literary, scientific and artistic domain, whatever may be the mode or
|
||||
form of its expression including digital form, such as a book,
|
||||
pamphlet and other writing; a lecture, address, sermon or other work
|
||||
of the same nature; a dramatic or dramatico-musical work; a
|
||||
choreographic work or entertainment in dumb show; a musical
|
||||
composition with or without words; a cinematographic work to which are
|
||||
assimilated works expressed by a process analogous to cinematography;
|
||||
a work of drawing, painting, architecture, sculpture, engraving or
|
||||
lithography; a photographic work to which are assimilated works
|
||||
expressed by a process analogous to photography; a work of applied
|
||||
art; an illustration, map, plan, sketch or three-dimensional work
|
||||
relative to geography, topography, architecture or science; a
|
||||
performance; a broadcast; a phonogram; a compilation of data to the
|
||||
extent it is protected as a copyrightable work; or a work performed by
|
||||
a variety or circus performer to the extent it is not otherwise
|
||||
considered a literary or artistic work.
|
||||
i. "You" means an individual or entity exercising rights under this
|
||||
License who has not previously violated the terms of this License with
|
||||
respect to the Work, or who has received express permission from the
|
||||
Licensor to exercise rights under this License despite a previous
|
||||
violation.
|
||||
j. "Publicly Perform" means to perform public recitations of the Work and
|
||||
to communicate to the public those public recitations, by any means or
|
||||
process, including by wire or wireless means or public digital
|
||||
performances; to make available to the public Works in such a way that
|
||||
members of the public may access these Works from a place and at a
|
||||
place individually chosen by them; to perform the Work to the public
|
||||
by any means or process and the communication to the public of the
|
||||
performances of the Work, including by public digital performance; to
|
||||
broadcast and rebroadcast the Work by any means including signs,
|
||||
sounds or images.
|
||||
k. "Reproduce" means to make copies of the Work by any means including
|
||||
without limitation by sound or visual recordings and the right of
|
||||
fixation and reproducing fixations of the Work, including storage of a
|
||||
protected performance or phonogram in digital form or other electronic
|
||||
medium.
|
||||
|
||||
2. Fair Dealing Rights. Nothing in this License is intended to reduce,
|
||||
limit, or restrict any uses free from copyright or rights arising from
|
||||
limitations or exceptions that are provided for in connection with the
|
||||
copyright protection under copyright law or other applicable laws.
|
||||
|
||||
3. License Grant. Subject to the terms and conditions of this License,
|
||||
Licensor hereby grants You a worldwide, royalty-free, non-exclusive,
|
||||
perpetual (for the duration of the applicable copyright) license to
|
||||
exercise the rights in the Work as stated below:
|
||||
|
||||
a. to Reproduce the Work, to incorporate the Work into one or more
|
||||
Collections, and to Reproduce the Work as incorporated in the
|
||||
Collections;
|
||||
b. to create and Reproduce Adaptations provided that any such Adaptation,
|
||||
including any translation in any medium, takes reasonable steps to
|
||||
clearly label, demarcate or otherwise identify that changes were made
|
||||
to the original Work. For example, a translation could be marked "The
|
||||
original work was translated from English to Spanish," or a
|
||||
modification could indicate "The original work has been modified.";
|
||||
c. to Distribute and Publicly Perform the Work including as incorporated
|
||||
in Collections; and,
|
||||
d. to Distribute and Publicly Perform Adaptations.
|
||||
e. For the avoidance of doubt:
|
||||
|
||||
i. Non-waivable Compulsory License Schemes. In those jurisdictions in
|
||||
which the right to collect royalties through any statutory or
|
||||
compulsory licensing scheme cannot be waived, the Licensor
|
||||
reserves the exclusive right to collect such royalties for any
|
||||
exercise by You of the rights granted under this License;
|
||||
ii. Waivable Compulsory License Schemes. In those jurisdictions in
|
||||
which the right to collect royalties through any statutory or
|
||||
compulsory licensing scheme can be waived, the Licensor waives the
|
||||
exclusive right to collect such royalties for any exercise by You
|
||||
of the rights granted under this License; and,
|
||||
iii. Voluntary License Schemes. The Licensor waives the right to
|
||||
collect royalties, whether individually or, in the event that the
|
||||
Licensor is a member of a collecting society that administers
|
||||
voluntary licensing schemes, via that society, from any exercise
|
||||
by You of the rights granted under this License.
|
||||
|
||||
The above rights may be exercised in all media and formats whether now
|
||||
known or hereafter devised. The above rights include the right to make
|
||||
such modifications as are technically necessary to exercise the rights in
|
||||
other media and formats. Subject to Section 8(f), all rights not expressly
|
||||
granted by Licensor are hereby reserved.
|
||||
|
||||
4. Restrictions. The license granted in Section 3 above is expressly made
|
||||
subject to and limited by the following restrictions:
|
||||
|
||||
a. You may Distribute or Publicly Perform the Work only under the terms
|
||||
of this License. You must include a copy of, or the Uniform Resource
|
||||
Identifier (URI) for, this License with every copy of the Work You
|
||||
Distribute or Publicly Perform. You may not offer or impose any terms
|
||||
on the Work that restrict the terms of this License or the ability of
|
||||
the recipient of the Work to exercise the rights granted to that
|
||||
recipient under the terms of the License. You may not sublicense the
|
||||
Work. You must keep intact all notices that refer to this License and
|
||||
to the disclaimer of warranties with every copy of the Work You
|
||||
Distribute or Publicly Perform. When You Distribute or Publicly
|
||||
Perform the Work, You may not impose any effective technological
|
||||
measures on the Work that restrict the ability of a recipient of the
|
||||
Work from You to exercise the rights granted to that recipient under
|
||||
the terms of the License. This Section 4(a) applies to the Work as
|
||||
incorporated in a Collection, but this does not require the Collection
|
||||
apart from the Work itself to be made subject to the terms of this
|
||||
License. If You create a Collection, upon notice from any Licensor You
|
||||
must, to the extent practicable, remove from the Collection any credit
|
||||
as required by Section 4(c), as requested. If You create an
|
||||
Adaptation, upon notice from any Licensor You must, to the extent
|
||||
practicable, remove from the Adaptation any credit as required by
|
||||
Section 4(c), as requested.
|
||||
b. You may Distribute or Publicly Perform an Adaptation only under the
|
||||
terms of: (i) this License; (ii) a later version of this License with
|
||||
the same License Elements as this License; (iii) a Creative Commons
|
||||
jurisdiction license (either this or a later license version) that
|
||||
contains the same License Elements as this License (e.g.,
|
||||
Attribution-ShareAlike 3.0 US)); (iv) a Creative Commons Compatible
|
||||
License. If you license the Adaptation under one of the licenses
|
||||
mentioned in (iv), you must comply with the terms of that license. If
|
||||
you license the Adaptation under the terms of any of the licenses
|
||||
mentioned in (i), (ii) or (iii) (the "Applicable License"), you must
|
||||
comply with the terms of the Applicable License generally and the
|
||||
following provisions: (I) You must include a copy of, or the URI for,
|
||||
the Applicable License with every copy of each Adaptation You
|
||||
Distribute or Publicly Perform; (II) You may not offer or impose any
|
||||
terms on the Adaptation that restrict the terms of the Applicable
|
||||
License or the ability of the recipient of the Adaptation to exercise
|
||||
the rights granted to that recipient under the terms of the Applicable
|
||||
License; (III) You must keep intact all notices that refer to the
|
||||
Applicable License and to the disclaimer of warranties with every copy
|
||||
of the Work as included in the Adaptation You Distribute or Publicly
|
||||
Perform; (IV) when You Distribute or Publicly Perform the Adaptation,
|
||||
You may not impose any effective technological measures on the
|
||||
Adaptation that restrict the ability of a recipient of the Adaptation
|
||||
from You to exercise the rights granted to that recipient under the
|
||||
terms of the Applicable License. This Section 4(b) applies to the
|
||||
Adaptation as incorporated in a Collection, but this does not require
|
||||
the Collection apart from the Adaptation itself to be made subject to
|
||||
the terms of the Applicable License.
|
||||
c. If You Distribute, or Publicly Perform the Work or any Adaptations or
|
||||
Collections, You must, unless a request has been made pursuant to
|
||||
Section 4(a), keep intact all copyright notices for the Work and
|
||||
provide, reasonable to the medium or means You are utilizing: (i) the
|
||||
name of the Original Author (or pseudonym, if applicable) if supplied,
|
||||
and/or if the Original Author and/or Licensor designate another party
|
||||
or parties (e.g., a sponsor institute, publishing entity, journal) for
|
||||
attribution ("Attribution Parties") in Licensor's copyright notice,
|
||||
terms of service or by other reasonable means, the name of such party
|
||||
or parties; (ii) the title of the Work if supplied; (iii) to the
|
||||
extent reasonably practicable, the URI, if any, that Licensor
|
||||
specifies to be associated with the Work, unless such URI does not
|
||||
refer to the copyright notice or licensing information for the Work;
|
||||
and (iv) , consistent with Ssection 3(b), in the case of an
|
||||
Adaptation, a credit identifying the use of the Work in the Adaptation
|
||||
(e.g., "French translation of the Work by Original Author," or
|
||||
"Screenplay based on original Work by Original Author"). The credit
|
||||
required by this Section 4(c) may be implemented in any reasonable
|
||||
manner; provided, however, that in the case of a Adaptation or
|
||||
Collection, at a minimum such credit will appear, if a credit for all
|
||||
contributing authors of the Adaptation or Collection appears, then as
|
||||
part of these credits and in a manner at least as prominent as the
|
||||
credits for the other contributing authors. For the avoidance of
|
||||
doubt, You may only use the credit required by this Section for the
|
||||
purpose of attribution in the manner set out above and, by exercising
|
||||
Your rights under this License, You may not implicitly or explicitly
|
||||
assert or imply any connection with, sponsorship or endorsement by the
|
||||
Original Author, Licensor and/or Attribution Parties, as appropriate,
|
||||
of You or Your use of the Work, without the separate, express prior
|
||||
written permission of the Original Author, Licensor and/or Attribution
|
||||
Parties.
|
||||
d. Except as otherwise agreed in writing by the Licensor or as may be
|
||||
otherwise permitted by applicable law, if You Reproduce, Distribute or
|
||||
Publicly Perform the Work either by itself or as part of any
|
||||
Adaptations or Collections, You must not distort, mutilate, modify or
|
||||
take other derogatory action in relation to the Work which would be
|
||||
prejudicial to the Original Author's honor or reputation. Licensor
|
||||
agrees that in those jurisdictions (e.g. Japan), in which any exercise
|
||||
of the right granted in Section 3(b) of this License (the right to
|
||||
make Adaptations) would be deemed to be a distortion, mutilation,
|
||||
modification or other derogatory action prejudicial to the Original
|
||||
Author's honor and reputation, the Licensor will waive or not assert,
|
||||
as appropriate, this Section, to the fullest extent permitted by the
|
||||
applicable national law, to enable You to reasonably exercise Your
|
||||
right under Section 3(b) of this License (right to make Adaptations)
|
||||
but not otherwise.
|
||||
|
||||
5. Representations, Warranties and Disclaimer
|
||||
|
||||
UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR
|
||||
OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY
|
||||
KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE,
|
||||
INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF
|
||||
LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS,
|
||||
WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION
|
||||
OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
|
||||
|
||||
6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE
|
||||
LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR
|
||||
ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES
|
||||
ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS
|
||||
BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
|
||||
|
||||
7. Termination
|
||||
|
||||
a. This License and the rights granted hereunder will terminate
|
||||
automatically upon any breach by You of the terms of this License.
|
||||
Individuals or entities who have received Adaptations or Collections
|
||||
from You under this License, however, will not have their licenses
|
||||
terminated provided such individuals or entities remain in full
|
||||
compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will
|
||||
survive any termination of this License.
|
||||
b. Subject to the above terms and conditions, the license granted here is
|
||||
perpetual (for the duration of the applicable copyright in the Work).
|
||||
Notwithstanding the above, Licensor reserves the right to release the
|
||||
Work under different license terms or to stop distributing the Work at
|
||||
any time; provided, however that any such election will not serve to
|
||||
withdraw this License (or any other license that has been, or is
|
||||
required to be, granted under the terms of this License), and this
|
||||
License will continue in full force and effect unless terminated as
|
||||
stated above.
|
||||
|
||||
8. Miscellaneous
|
||||
|
||||
a. Each time You Distribute or Publicly Perform the Work or a Collection,
|
||||
the Licensor offers to the recipient a license to the Work on the same
|
||||
terms and conditions as the license granted to You under this License.
|
||||
b. Each time You Distribute or Publicly Perform an Adaptation, Licensor
|
||||
offers to the recipient a license to the original Work on the same
|
||||
terms and conditions as the license granted to You under this License.
|
||||
c. If any provision of this License is invalid or unenforceable under
|
||||
applicable law, it shall not affect the validity or enforceability of
|
||||
the remainder of the terms of this License, and without further action
|
||||
by the parties to this agreement, such provision shall be reformed to
|
||||
the minimum extent necessary to make such provision valid and
|
||||
enforceable.
|
||||
d. No term or provision of this License shall be deemed waived and no
|
||||
breach consented to unless such waiver or consent shall be in writing
|
||||
and signed by the party to be charged with such waiver or consent.
|
||||
e. This License constitutes the entire agreement between the parties with
|
||||
respect to the Work licensed here. There are no understandings,
|
||||
agreements or representations with respect to the Work not specified
|
||||
here. Licensor shall not be bound by any additional provisions that
|
||||
may appear in any communication from You. This License may not be
|
||||
modified without the mutual written agreement of the Licensor and You.
|
||||
f. The rights granted under, and the subject matter referenced, in this
|
||||
License were drafted utilizing the terminology of the Berne Convention
|
||||
for the Protection of Literary and Artistic Works (as amended on
|
||||
September 28, 1979), the Rome Convention of 1961, the WIPO Copyright
|
||||
Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996
|
||||
and the Universal Copyright Convention (as revised on July 24, 1971).
|
||||
These rights and subject matter take effect in the relevant
|
||||
jurisdiction in which the License terms are sought to be enforced
|
||||
according to the corresponding provisions of the implementation of
|
||||
those treaty provisions in the applicable national law. If the
|
||||
standard suite of rights granted under applicable copyright law
|
||||
includes additional rights not granted under this License, such
|
||||
additional rights are deemed to be included in the License; this
|
||||
License is not intended to restrict the license of any rights under
|
||||
applicable law.
|
||||
|
||||
|
||||
Creative Commons Notice
|
||||
|
||||
Creative Commons is not a party to this License, and makes no warranty
|
||||
whatsoever in connection with the Work. Creative Commons will not be
|
||||
liable to You or any party on any legal theory for any damages
|
||||
whatsoever, including without limitation any general, special,
|
||||
incidental or consequential damages arising in connection to this
|
||||
license. Notwithstanding the foregoing two (2) sentences, if Creative
|
||||
Commons has expressly identified itself as the Licensor hereunder, it
|
||||
shall have all rights and obligations of Licensor.
|
||||
|
||||
Except for the limited purpose of indicating to the public that the
|
||||
Work is licensed under the CCPL, Creative Commons does not authorize
|
||||
the use by either party of the trademark "Creative Commons" or any
|
||||
related trademark or logo of Creative Commons without the prior
|
||||
written consent of Creative Commons. Any permitted use will be in
|
||||
compliance with Creative Commons' then-current trademark usage
|
||||
guidelines, as may be published on its website or otherwise made
|
||||
available upon request from time to time. For the avoidance of doubt,
|
||||
this trademark restriction does not form part of the License.
|
||||
|
||||
Creative Commons may be contacted at https://creativecommons.org/.
|
||||
|
45
_config.yml
@ -1,21 +1,38 @@
|
||||
# Welcome to Jekyll!
|
||||
#
|
||||
# This config file is meant for settings that affect your whole blog, values
|
||||
# which you are expected to set up once and rarely need to edit after that.
|
||||
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
||||
# 'jekyll serve'. If you change this file, please restart the server process.
|
||||
|
||||
# Site settings
|
||||
title: "On Computer Science, Theology, and Church History"
|
||||
title: "Seraphim R.P."
|
||||
author: "Seraphim R. Pardee"
|
||||
description: "This is the blog of an aspiring computer scientist with an intense interest in theology and church history, including the philosophy that comes with it."
|
||||
keywords: "Computer Science, Philosophy, Programming, Theology, Eastern, Eastern Orthodoxy, Eastern Orthodoxy, Church History, History"
|
||||
biography: "I am an Orthodox Christian and aspiring computer scientist. My particular interests are bridging the gap between technology and the Church by providing fast, efficient web services as well as ensuring the privacy and security of those online."
|
||||
colophon: "© MMXVI — MMXX by Seraphim R. Pardee.<br>Content available under <a href='http://creativecommons.org/licenses/by-nc-sa/4.0/'>Creative Commons (BY-NC-SA)</a> unless otherwise noted.<br>This site is hosted at <a href='https://pages.github.com/'>Github Pages</a> and created with <a href='http://jekyllrb.com/'>Jekyll</a>."
|
||||
author_link: https://vypr.xyz
|
||||
author_description: An aspiring computer scientist with an intense interest in theology and church history, including the philosophy that comes with it.
|
||||
email: me@thevypr.com
|
||||
description: > # this means to ignore newlines until "baseurl:"
|
||||
This is the blog of an aspiring computer scientist with an intense interest in theology and church history, including the philosophy that comes with it.
|
||||
baseurl: "" # the subpath of your site, e.g. /blog
|
||||
url: "https://vypr.xyz" # the base hostname & protocol for your site
|
||||
|
||||
baseurl: ""
|
||||
url: "https://vypr.xyz"
|
||||
# Picturefill
|
||||
# A responsive image polyfill: http://scottjehl.github.io/picturefill/
|
||||
picturefill: false
|
||||
|
||||
twitter_username: vyprrr
|
||||
mastodon_url: "https://decentralized.faith/@vypr"
|
||||
github_username: vypr
|
||||
linkedin_username: vyprrr
|
||||
google-analytics: UA-82182108-1
|
||||
# Typography
|
||||
# To use, publish a kit and enter the ID here. If you do not wish to use Typekit,
|
||||
# leave this ID blank
|
||||
typekit_kit_id: kwf5dox
|
||||
|
||||
simple_search: https://google.com/search
|
||||
# Build settings
|
||||
gems: [jekyll-paginate]
|
||||
markdown: kramdown
|
||||
highlighter: rouge
|
||||
permalink: /:year/:month/:day/:title/
|
||||
|
||||
# Pagination
|
||||
paginate: 5
|
||||
|
||||
# Sass
|
||||
sass:
|
||||
style: :compressed
|
||||
|
21
_config.yml.bak
Normal file
@ -0,0 +1,21 @@
|
||||
# Site settings
|
||||
title: "On Computer Science, Theology, and Church History"
|
||||
author: "Seraphim R. Pardee"
|
||||
description: "This is the blog of an aspiring computer scientist with an intense interest in theology and church history, including the philosophy that comes with it."
|
||||
keywords: "Computer Science, Philosophy, Programming, Theology, Eastern, Eastern Orthodoxy, Eastern Orthodoxy, Church History, History"
|
||||
biography: "I am an Orthodox Christian and aspiring computer scientist. My particular interests are bridging the gap between technology and the Church by providing fast, efficient web services as well as ensuring the privacy and security of those online."
|
||||
colophon: "© MMXVI — MMXX by Seraphim R. Pardee.<br>Content available under <a href='http://creativecommons.org/licenses/by-nc-sa/4.0/'>Creative Commons (BY-NC-SA)</a> unless otherwise noted.<br>This site is hosted at <a href='https://pages.github.com/'>Github Pages</a> and created with <a href='http://jekyllrb.com/'>Jekyll</a>."
|
||||
|
||||
baseurl: ""
|
||||
url: "https://vypr.xyz"
|
||||
|
||||
twitter_username: vyprrr
|
||||
mastodon_url: "https://decentralized.faith/@vypr"
|
||||
github_username: vypr
|
||||
linkedin_username: vyprrr
|
||||
google-analytics: UA-82182108-1
|
||||
|
||||
simple_search: https://google.com/search
|
||||
markdown: kramdown
|
||||
highlighter: rouge
|
||||
permalink: /:year/:month/:day/:title/
|
@ -1,19 +1,4 @@
|
||||
<footer class="mb-3">
|
||||
<div class="container">
|
||||
<div class="row biography">
|
||||
<div class="col-sm-6">
|
||||
<h2>who am i</h2>
|
||||
<p>{{ site.biography }}</p>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h2>what is this</h2>
|
||||
<p>{{ site.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
{% if site.colophon %}
|
||||
<div class="row copyright text-center">
|
||||
<div class="col-sm-12">{{ site.colophon }}</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<footer id="footer">
|
||||
<p>Your Host: <strong><a href="{{ site.author_link }}" target="_blank">{{ site.author }}</a></strong></p>
|
||||
<p class="legal">{{ site.author_description }}</p>
|
||||
</footer>
|
||||
|
@ -1,80 +1,31 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="theme-color" content="hsl(35, 36%, 95%)">
|
||||
|
||||
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
|
||||
|
||||
{% capture description %}{{ page.content }}{% endcapture %}
|
||||
<meta name="description" content="{{ description | strip_html | condense_spaces | truncate:250 }}" />
|
||||
|
||||
{% capture keywords %}{% if page.keywords %}{{ page.keywords }}{% elsif page.title %}{{""}}{% else %}{{ site.keywords }}{% endif %}{% endcapture %}
|
||||
<meta name="keywords" content="{{ keywords | strip_html | condense_spaces }}" />
|
||||
|
||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
||||
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
|
||||
<span itemprop='author'><meta name="author" content="{{ site.author }}"></span>
|
||||
|
||||
<meta property="og:title" content="{{ page.title }}">
|
||||
<meta property="og:site_name" content="Seraphim R. Pardee">
|
||||
<meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
||||
<meta property="og:description" content="{{ description | strip_html | condense_spaces | truncate:250 }}">
|
||||
<meta property="og:type" content="article">
|
||||
{% if page.featured-image %}
|
||||
<meta property="og:image" content="{{ page.featured-image }}">
|
||||
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
|
||||
{% if site.picturefill %}
|
||||
<script>
|
||||
// Picture element HTML5 shiv
|
||||
document.createElement( "picture" );
|
||||
</script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.1/picturefill.min.js" async></script>
|
||||
{% endif %}
|
||||
|
||||
<link rel="stylesheet" href="//brick.a.ssl.fastly.net/PT+Serif:400,400i,700,700i:f">
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/brands.min.css">
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
|
||||
<meta name="apple-mobile-web-app-title" content="vypr.xyz">
|
||||
<meta name="application-name" content="vypr.xyz">
|
||||
<meta name="msapplication-TileColor" content="#00aba9">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<script type="text/javascript" async
|
||||
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML">
|
||||
</script>
|
||||
<script type="text/x-mathjax-config">
|
||||
MathJax.Hub.Config({
|
||||
tex2jax: {
|
||||
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
|
||||
displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
|
||||
processEscapes: true
|
||||
},
|
||||
|
||||
TeX: {
|
||||
equationNumbers: { autoNumber: "AMS" }
|
||||
},
|
||||
|
||||
CommonHTML: {
|
||||
scale: 90
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<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', '{{ site.google-analytics }}', 'auto');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
|
||||
<script src="https://d3js.org/d3.v5.min.js"></script>
|
||||
<script src="https://d3js.org/d3-hexbin.v0.2.min.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
|
||||
<script src="https://use.fontawesome.com/4bee85bf94.js"></script>
|
||||
|
||||
{% if page.custom_css %} {% for css_file in page.custom_css %}
|
||||
<link rel="stylesheet" href="/css/{{ css_file }}.css">
|
||||
{% endfor %} {% endif %}
|
||||
{% if site.typekit_kit_id %}
|
||||
<script>
|
||||
(function(d) {
|
||||
var config = {
|
||||
kitId: '{{ site.typekit_kit_id }}',
|
||||
scriptTimeout: 3000,
|
||||
async: true
|
||||
},
|
||||
h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
|
||||
})(document);
|
||||
</script>
|
||||
{% endif %}
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Libre+Baskerville:700|Sanchez" type="text/css">
|
||||
<link rel="stylesheet" href="{{ "/css/screen.css" | prepend: site.baseurl }}">
|
||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
||||
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
|
||||
</head>
|
||||
|
5
_includes/header.html
Normal file
@ -0,0 +1,5 @@
|
||||
<header role="banner">
|
||||
<a href="/" id="banner" title="{{ site.title }}">
|
||||
<h1>{{ site.title }}</h1>
|
||||
</a>
|
||||
</header>
|
91
_includes/pagination.html
Normal file
@ -0,0 +1,91 @@
|
||||
<!-- Paginator Links -->
|
||||
<!-- Adopted from @shadowens brilliant solution: https://github.com/Shadowen/jekyll-paginator-links -->
|
||||
<ul class="pagination">
|
||||
{% if include.maxPages %}
|
||||
{% assign maxPages = include.maxPages %}
|
||||
{% else %}
|
||||
<!-- maxPages attribute not passed in Liquid template, defaulting to 5 -->
|
||||
{% assign maxPages = 5 %}
|
||||
{% endif %}
|
||||
|
||||
{% assign halfPages = maxPages | divided_by: 2 %}
|
||||
{% assign right-margin = paginator.total_pages | minus: paginator.page %}
|
||||
{% if paginator.page <= halfPages %}
|
||||
<!-- Align from the left -->
|
||||
<!-- Absurdity required to calculate minimum -->
|
||||
{% assign start = 1 %}
|
||||
{% if paginator.total_pages > maxPages %}
|
||||
{% assign end = maxPages %}
|
||||
{% else %}
|
||||
{% assign end = paginator.total_pages %}
|
||||
{% endif %}
|
||||
{% elsif right-margin <= halfPages %}
|
||||
<!-- Align from the right -->
|
||||
{% assign start = paginator.total_pages | minus: maxPages | plus: 1 | append: ',' | append: 1 | split: ',' | sort | last | plus: 0 %}
|
||||
{% assign end = paginator.total_pages %}
|
||||
{% else %}
|
||||
<!-- Align from the center -->
|
||||
<!-- Absurdity required to calculate maximum -->
|
||||
{% assign position-less-half = paginator.page | minus: halfPages %}
|
||||
{% if position-less-half < 1 %}
|
||||
{% assign start = 1 %}
|
||||
{% else %}
|
||||
{% assign start = position-less-half %}
|
||||
{% endif %}
|
||||
|
||||
<!-- Absurdity required to calcuate minimum -->
|
||||
{% assign position-plus-half = paginator.page | plus: halfPages %}
|
||||
{% if position-plus-half > paginator.total_pages %}
|
||||
{% assign end = paginator.total_pages %}
|
||||
{% else %}
|
||||
{% assign end = position-plus-half %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<!-- First page -->
|
||||
<li class="pagination-item">
|
||||
<a class="pagination-link pagination-link--non-numeric" {% if paginator.page == 1 %}disabled="disabled"{% endif %} href="{{ '/index.html' | prepend: site.baseurl | replace: '//', '/' }}"><span class="pagination-link-arrow pagination-link-arrow--leftward">←</span> First page</a>
|
||||
</li>
|
||||
|
||||
<!-- Previous page -->
|
||||
<li class="pagination-item">
|
||||
<a class="pagination-link pagination-link--non-numeric" {% if paginator.previous_page == nil %}disabled="disabled"{% endif %} href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}"><span class="pagination-link-arrow pagination-link-arrow--leftward">←</span> Prev</a>
|
||||
</li>
|
||||
|
||||
<!-- Start ellipsis -->
|
||||
{% if start > 1 %}
|
||||
<li class="pagination-item">
|
||||
<span class="pagination-ellipsis">…</span>
|
||||
</li>
|
||||
{% endif %}
|
||||
|
||||
<!-- Page numbers -->
|
||||
{% for num in (start..end) %}
|
||||
<li class="pagination-item">
|
||||
{% if num == paginator.page %}
|
||||
<a class="pagination-link pagination-link--selected" href="#"><span class="pagination-link-help">Page </span>{{ num }}</a>
|
||||
{% elsif num == 1 %}
|
||||
<a class="pagination-link" href="{{ '/index.html' | prepend: site.baseurl | replace: '//', '/' }}"><span class="pagination-link-help">Page </span>{{ num }}</a>
|
||||
{% else %}
|
||||
<a class="pagination-link" href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', num }}"><span class="pagination-link-help">Page </span>{{ num }}</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
<!-- End ellipsis -->
|
||||
{% if end < paginator.total_pages %}
|
||||
<li class="pagination-item">
|
||||
<span class="pagination-ellipsis">…</span>
|
||||
</li>
|
||||
{% endif %}
|
||||
|
||||
<!-- Next page -->
|
||||
<li class="pagination-item">
|
||||
<a class="pagination-link pagination-link--non-numeric" {% if paginator.next_page == nil %}disabled="disabled"{% endif %} href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next <span class="pagination-link-arrow pagination-link-arrow--rightward">→</span></a>
|
||||
</li>
|
||||
|
||||
<!-- Last page -->
|
||||
<li class="pagination-item">
|
||||
<a class="pagination-link pagination-link--non-numeric" {% if paginator.page == paginator.total_pages %}disabled="disabled"{% endif %} href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', paginator.total_pages }}">Last page <span class="pagination-link-arrow pagination-link-arrow--rightward">→</span></a>
|
||||
</li>
|
||||
</ul>
|
14
_includes/post.html
Normal file
@ -0,0 +1,14 @@
|
||||
<article class="post">
|
||||
<header>
|
||||
<a href="{{ include.post.url | prepend: site.baseurl }}">
|
||||
<h1 class="post-title">{{ include.post.title }}</h1>
|
||||
</a>
|
||||
<time datetime="{{ include.post.date | date_to_xmlschema }}" class="post-date">{{ include.post.date | date: "%A, %B %-d, %Y" }}</time>
|
||||
</header>
|
||||
<div class="post-body">
|
||||
{% if include.post.location %}<a href="https://www.google.com/maps/search/{{ include.post.location }}" target="_blank" class="post-body-location">{{ include.post.location }}</a><span class="post-body-location-divider">—</span>{% endif %}{{ include.content }}
|
||||
</div>
|
||||
<footer class="post-footer">
|
||||
{% if include.post.location %}<a href="https://www.google.com/maps/search/{{ include.post.location }}" target="_blank" class="post-footer-location">{{ include.post.location }}</a>{% endif %}
|
||||
</footer>
|
||||
</article>
|
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
{% include head.html %}
|
||||
<body>
|
||||
<div class="container main">
|
||||
{% include navbar.html %}
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
{% include footer.html %}
|
||||
</body>
|
||||
{% include head.html %}
|
||||
<body class="is-offset {% unless site.typekit_kit_id %}wf-inactive{% endunless %}">
|
||||
{% include header.html %}
|
||||
<section role="main">
|
||||
{{ content }}
|
||||
</section>
|
||||
{% include footer.html %}
|
||||
<script type="text/javascript" src="{{ site.baseurl }}/js/galileo.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -1,26 +1,14 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
<div class="row justify-content-center">
|
||||
<header class="col-md-12 text-center mt-3">
|
||||
<h1 itemprop="name" class="pl-3 pr-3">{{ page.title }}</h1>
|
||||
{% if layout.showdate %}
|
||||
<p>{{ page.date | date: "%B %-d, %Y" }} in {{ page.categories | first }}</p>{% endif %}
|
||||
<div class="small-ornament pt-3 pb-3">
|
||||
<svg viewBox="0 100 290 220">
|
||||
<path d="M280.3 245.4Q280.3 263.3 261.8 272 247.9 278.7 227.8 278.7 235.3 269.9 235.3 256.5 235.3 231.9 214.5 217.1 196 204 170.3 204 143.6 204 108.8 221.1L119 231.5Q154.4 267.9 168.3 267.9 181.1 267.9 181.1 255.9 181.1 248.3 173.5 243.6 167.1 239.3 159 239.3 154.7 239.3 148.6 241.5 158.6 220.1 174 220.1 184.5 220.1 191.9 228.1 199.3 236.1 199.3 246.7 199.3 265.5 184.4 277.9 170.3 289.4 151 289.4 118.7 289.4 81.4 251L72.1 241.5Q53.6 249.5 39.4 249.5 26.4 249.5 17.2 241 7.9 232.5 7.9 219.5 7.9 203.9 19.1 193.9 30 184.5 45.8 184.5 70 184.5 98.3 211.6 111.5 202.2 127.5 185.5L134.6 178.2Q174.5 136.7 204.9 136.7 231.5 136.7 231.5 155.3 231.5 173.5 204.3 177.3 206.4 172.8 206.4 170.2 206.4 159.3 193.4 159.3 175.2 159.3 144.3 189L137.1 195.9Q165.2 185.8 191.3 185.8 221.8 185.8 248.3 200.1 280.3 217.3 280.3 245.4ZM61.2 230.5Q44.6 215.3 37.3 215.3 28 215.3 28 223.5 28 234.4 42.8 234.4 51.2 234.4 61.2 230.5z"/>
|
||||
</svg>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
<article class="post">
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-8">
|
||||
<article lang="en">
|
||||
{% if page.abstract %}
|
||||
<div class="mb-4">{{ page.abstract }}</div>
|
||||
{% endif %}
|
||||
{{ content | replace: '↩', '↩︎' }}
|
||||
</article>
|
||||
<header class="post-header">
|
||||
<h1 class="post-title">{{ page.title }}</h1>
|
||||
</header>
|
||||
|
||||
<div class="post-content">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
@ -1,10 +1,5 @@
|
||||
---
|
||||
layout: page
|
||||
showdate: true
|
||||
layout: default
|
||||
---
|
||||
{% if page.featured-image %}
|
||||
<div style="text-align: center; margin-bottom: 50px;">
|
||||
<img src="{{ page.featured-image }}" width="100%">
|
||||
</div>
|
||||
{% endif %}
|
||||
{{ content }}
|
||||
|
||||
{% include post.html post=page content=content %}
|
||||
|
@ -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.
|
||||
|
||||
|
@ -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.**
|
||||
|
@ -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.
|
@ -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.
|
||||
|
@ -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.
|
||||
|
||||
|
@ -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.
|
||||
|
@ -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!
|
||||
|
369
_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;
|
||||
}
|
||||
|
86
_sass/_layout.scss
Normal file
@ -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;
|
||||
}
|
||||
}
|
6
_sass/_mixins.scss
Normal file
@ -0,0 +1,6 @@
|
||||
@import
|
||||
"mixins/retina-background-image",
|
||||
"mixins/clearfix",
|
||||
"mixins/breakpoints",
|
||||
"mixins/typekit-fallback"
|
||||
;
|
9
_sass/_modules.scss
Normal file
@ -0,0 +1,9 @@
|
||||
@import
|
||||
"modules/legal/rules",
|
||||
"modules/post/rules",
|
||||
"modules/pagination/rules"
|
||||
;
|
||||
|
||||
@include galileo-legal;
|
||||
@include galileo-post;
|
||||
@include galileo-pagination;
|
3
_sass/_vendors.scss
Normal file
@ -0,0 +1,3 @@
|
||||
@import
|
||||
"vendors/normalize"
|
||||
;
|
12
_sass/mixins/_breakpoints.scss
Normal file
@ -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;
|
||||
}
|
||||
}
|
||||
|
7
_sass/mixins/_clearfix.scss
Normal file
@ -0,0 +1,7 @@
|
||||
@mixin clearfix {
|
||||
&:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
}
|
19
_sass/mixins/_retina-background-image.scss
Normal file
@ -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);
|
||||
}
|
||||
}
|
8
_sass/mixins/_typekit-fallback.scss
Normal file
@ -0,0 +1,8 @@
|
||||
@mixin typekit-fallback {
|
||||
@at-root {
|
||||
.wf-inactive,
|
||||
.wf-loading {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
}
|
7
_sass/modules/legal/_rules.scss
Normal file
@ -0,0 +1,7 @@
|
||||
@import "modules/legal/variables";
|
||||
@mixin galileo-legal {
|
||||
.legal {
|
||||
color: $legal-text-color;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
1
_sass/modules/legal/_variables.scss
Normal file
@ -0,0 +1 @@
|
||||
$legal-text-color: $legal-color;
|
135
_sass/modules/pagination/_rules.scss
Normal file
@ -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;
|
||||
}
|
||||
}
|
3
_sass/modules/pagination/_variables.scss
Normal file
@ -0,0 +1,3 @@
|
||||
$pagination-splitting-breakpoint: 715px;
|
||||
$pagination-widening-breakpoint: 800px;
|
||||
$pagination-border-color: #ccc;
|
222
_sass/modules/post/_rules.scss
Normal file
@ -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; }
|
||||
}
|
||||
}
|
||||
}
|
16
_sass/modules/post/_variables.scss
Normal file
@ -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;
|
456
_sass/vendors/_normalize.scss
vendored
Normal file
@ -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;
|
||||
}
|
4
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:
|
||||
|
||||
|
52
css/screen.scss
Normal file
@ -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"
|
||||
;
|
BIN
img/banner.png
Normal file
After Width: | Height: | Size: 63 KiB |
BIN
img/banner@2x.png
Normal file
After Width: | Height: | Size: 207 KiB |
BIN
img/banner@3x.png
Normal file
After Width: | Height: | Size: 398 KiB |
BIN
img/dude.png
Normal file
After Width: | Height: | Size: 7.1 KiB |
BIN
img/dude@2x.png
Normal file
After Width: | Height: | Size: 22 KiB |
BIN
img/dude@3x.png
Normal file
After Width: | Height: | Size: 43 KiB |
BIN
img/icon-location.png
Normal file
After Width: | Height: | Size: 809 B |
BIN
img/icon-location@2x.png
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
img/icon-location@3x.png
Normal file
After Width: | Height: | Size: 1.7 KiB |
BIN
img/separator.png
Normal file
After Width: | Height: | Size: 767 B |
BIN
img/separator@2x.png
Normal file
After Width: | Height: | Size: 3.3 KiB |
BIN
img/separator@3x.png
Normal file
After Width: | Height: | Size: 5.8 KiB |
34
index.html
@ -1,22 +1,20 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
<div class="row justify-content-center">
|
||||
<header class="col-md-12 text-center">
|
||||
<h1 itemprop="name">On Computer Science, <br>Theology, <span class="et-symbol"><svg xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="0 -56 90 69">
|
||||
<path d="M52.08-22.56L60.8-22.56C82.16-22.56 87.69-32.23 87.69-40.64 87.69-46.31 84.08-52.23 78.08-52.23 75.44-52.23 73.77-50.64 73.77-48.56 73.77-47.52 74.48-46.23 75.92-45.69 76.8-46.23 77.84-46.48 78.95-46.48 83.05-46.48 85.84-43.28 85.84-39.77 85.84-33.52 80.08-28.08 63.2-27.44L52.08-27.05 52.72-37.2 51.28-37.52C49.36-32.8 47.2-29.2 45.13-26.72L38.64-26.48C38-33.52 33.84-37.28 26.16-37.28 17.36-37.28 10.95-31.84 8.23-24.87 5.52-24.64 2.08-24.31 2.08-24.31L1.77-23.12C1.77-23.12 4.16-23.05 7.59-22.95 7.05-21.05 6.8-19.12 6.8-17.12 6.8-6.87 12.72 1.28 25.77 1.28 34.23 1.28 39.69-2.64 42.95-6.48L42.31-8C39.28-5.84 35.36-3.92 29.13-3.92 20.72-3.92 13.84-9.52 13.84-19.52 13.84-21.77 14-22.95 14-22.95L45.2-22.64 45.2-0.23C45.2 6.41 49.05 11.13 55.92 11.13 61.28 11.13 65.36 8.41 67.92 5.84L67.05 4.31C67.05 4.31 63.2 6.95 58.23 6.95 53.77 6.95 52.08 3.52 52.08 0.08ZM14.31-25.28C15.44-30.8 19.69-34.48 24.48-34.48 28.88-34.48 31.77-32.41 31.77-27.44 31.77-26.8 31.69-26.23 31.69-26.23ZM14.31-25.28"></path>
|
||||
</svg></span> Church History</h1>
|
||||
<nav style="display: block;">
|
||||
<ul style="margin: -15px 0 15px 0; text-align: center;">
|
||||
<li style="display: inline;"><a href="/about">about</a></li>
|
||||
—
|
||||
<li style="display: inline;"><a href="/projects">projects</a></li>
|
||||
—
|
||||
<li style="display: inline;"><a href="/resources">resources</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- This loops through the paginated posts -->
|
||||
{% for post in paginator.posts %}
|
||||
{% include post.html post=post content=post.content %}
|
||||
{% endfor %}
|
||||
|
||||
<small>Under patronage of Saint Seraphim of Sarov.</small>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-8">
|
||||
{% assign categories = site.categories | sort %}
|
||||
{% for category in categories %}
|
||||
<h3 class="mt-4">{{ category | first }}</h3>
|
||||
<p>{% for post in category[1] reversed %}{{ forloop.index }}. <a class="mr-2" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }} </a>{% endfor %}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% if paginator.total_pages > 1 %}
|
||||
{% include pagination.html maxPages=5 %}
|
||||
{% endif %}
|
||||
|
34
js/galileo.js
Normal file
@ -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()
|
||||
})
|
@ -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.
|
||||
|