commit 16d5f449c92a45bda5b5d6abb12ad05f25ebd4d1 Author: Sophia Atkinson Date: Tue Dec 6 02:59:30 2022 -0800 Initial commit diff --git a/about/index.html b/about/index.html new file mode 100644 index 0000000..c412a78 --- /dev/null +++ b/about/index.html @@ -0,0 +1,120 @@ + + + + + About - Sophia Atkinson + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+

About Me
+

+
+

Home

+

Hello my name is Sophia.

+

I am a Fullstack developer, I have been a developer for 3 years, and I am decently experienced in Lua, C++, C#, and Java. I am very experienced in Node.js, Javascript, PHP, HTML, and CSS. I am very involved in the open-source initiative. Along with many other initiatives. Pronouns Card +

+
+

Hobbies

+

+
  • Running My Homelab
  • +
  • Building Computers
  • +
  • Coding
  • +
  • Gaming
  • +

    +

    Social Media

    +

    +
  • Mastodon
  • +
  • Github
  • +
  • Youtube
  • +
  • Twitch
  • +
  • Blog
  • +

    +
    +

    Projects

    +

    This is my personal site made by me and some other people.

    +

    sop.wtf: URL Shortening Service. No Ads. No BS. 100% Free.

    +

    projectfirewatch.com: The Opensource Dive Into The Game Firewatch.

    +

    perlathedog.com: A Site With Pictures Of My Dog.

    +
      +
    +
    +
    +
    +

    My Computer
    +

    +
    +

    CPU: Ryzen 5 3600 (oc.4.3GHz)

    +

    CPU Cooler: Noctua NH-U12S Redux

    +

    Motherboard: MSI MAG B550 TOMAHAWK

    +

    RAM: 16 GB Crucial Ballistix DDR4 3600 (oc.4066 MHz)

    +

    GPU: ROG Strix RTX 3060

    +

    Case: Corsair 4000D Airflow

    +

    Fans: 6 Arctic F12 PWM PST

    +

    Storage: 1TB Samsung 870 QVO, HGST 4TB HDD

    +

    PSU: EVGA SuperNova 650 G5

    +

    Displays: 2x Acer 24 inch

    +

    Keyboard: HyperX Alloy FPS Pro

    +

    Mouse: Razer Basilisk X Hyperspeed

    +

    Sound: Sennheiser HD 559, Creative Sound Blaster Audigy

    +

    OS: Windows 10 Pro

    + +
      +
    +
    + + + + + + + + + + + diff --git a/assets/css/images/overlay.webp b/assets/css/images/overlay.webp new file mode 100644 index 0000000..ee28b66 Binary files /dev/null and b/assets/css/images/overlay.webp differ diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..f5d20bf --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,3023 @@ +@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic"); +@import url("https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css") + +a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} + +article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { + display: block; +} + +body { + line-height: 1; +} + +ol,ul { + list-style: none; +} + +blockquote,q { + quotes: none; +} + +blockquote:after,blockquote:before,q:after,q:before { + content: ''; + content: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +body { + -webkit-text-size-adjust: none; +} + +mark { + background-color: transparent; + color: inherit; +} + +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input,select,textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; +} + +html { + box-sizing: border-box; +} + +*,*:after,*:before { + box-sizing: inherit; +} + +body { + background-image: repeating-linear-gradient(0deg, hsla(202,0%,65%,0.08) 0px, hsla(202,0%,65%,0.08) 1px,transparent 1px, transparent 11px),repeating-linear-gradient(90deg, hsla(202,0%,65%,0.08) 0px, hsla(202,0%,65%,0.08) 1px,transparent 1px, transparent 11px),linear-gradient(90deg, rgb(20,20,20),rgb(20,20,20)); +} + +body.is-preload *,body.is-preload *:after,body.is-preload *:before { + -moz-animation: none !important; + -webkit-animation: none !important; + -ms-animation: none !important; + animation: none !important; + -moz-transition: none !important; + -webkit-transition: none !important; + -ms-transition: none !important; + transition: none !important; +} + +body,input,select,textarea { + color: #fff; + font-family: "Source Sans Pro", Helvetica, sans-serif; + font-size: 16pt; + font-weight: 400; + line-height: 1.75em; +} + +a { + -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; + -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; + -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; + transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; + border-bottom: solid 1px; + color: #7289DA; + text-decoration: none; +} + a.fa { + -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; + -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; + -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; + transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; + color: #7289DA; + border-bottom: solid 0px; + text-decoration: none; +} + +a:hover { + border-bottom-color: transparent; + color: #7289DA !important; + text-decoration: none; +} + +b,strong { + color: #fff; + font-weight: 400; +} + +em,i { + font-style: italic; +} + +p { + margin: 0 0 2em; +} + +h1,h2,h3,h4,h5,h6 { + color: #fff; + font-weight: 400; + line-height: 1em; + margin: 0 0 1em; +} + +h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { + color: inherit; + text-decoration: none; +} + +h1 { + font-size: 2em; + line-height: 1.5em; +} + +h2 { + font-size: 1.5em; + line-height: 1.5em; +} + +h3 { + font-size: 1.25em; + line-height: 1.5em; +} + +h4 { + font-size: 1.1em; + line-height: 1.5em; +} + +h5 { + font-size: 0.9em; + line-height: 1.5em; +} + +h6 { + font-size: 0.7em; + line-height: 1.5em; +} + +sub { + font-size: 0.8em; + position: relative; + top: 0.5em; +} + +sup { + font-size: 0.8em; + position: relative; + top: -0.5em; +} + +hr { + border: 0; + border-bottom: solid 2px #fff; + margin: 2em 0; +} + +hr.major { + margin: 3em 0; +} + +blockquote { + border-left: solid 6px #121212; + font-style: italic; + margin: 0 0 2em; + padding: 0.5em 0 0.5em 1.5em; +} + +code { + background: #121212; + border-radius: 0.35em; + border: solid 2px #121212; + font-family: "Courier New", monospace; + font-size: 0.9em; + margin: 0 0.25em; + padding: 0.25em 0.65em; +} + +pre { + -webkit-overflow-scrolling: touch; + font-family: "Courier New", monospace; + font-size: 0.9em; + margin: 0 0 2em; +} + +pre code { + display: block; + line-height: 1.75em; + padding: 1em 1.5em; + overflow-x: auto; +} + +.align-left { + text-align: left; +} + +.align-center { + text-align: center; +} + +.align-right { + text-align: right; +} + +.container { + margin: 0 auto; + max-width: calc(100% - 4em); + width: 100%; +} + +.container.xsmall { + width: 25%; +} + +.container.small { + width: 50%; +} + +.container.medium { + width: 75%; +} + +.container.large { + width: 125%; +} + +.container.xlarge { + width: 150%; +} + +.container.max { + width: 100%; +} + +@media screen and (max-width: 980px) { + .container { + width: 100% !important; + max-width: 100% !important; + } +} + +@media screen and (max-width: 480px) { + .container { + max-width: calc(100% - 3em); + } +} + +.row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; +} + +.row > * { + box-sizing: border-box; +} + +.row.gtr-uniform > * > :last-child { + margin-bottom: 0; +} + +.row.aln-left { + justify-content: flex-start; +} + +.row.aln-center { + justify-content: center; +} + +.row.aln-right { + justify-content: flex-end; +} + +.row.aln-top { + align-items: flex-start; +} + +.row.aln-middle { + align-items: center; +} + +.row.aln-bottom { + align-items: flex-end; +} + +.row > .imp { + order: -1; +} + +.row > .col-1 { + width: 8.33333%; +} + +.row > .off-1 { + margin-left: 8.33333%; +} + +.row > .col-2 { + width: 16.66667%; +} + +.row > .off-2 { + margin-left: 16.66667%; +} + +.row > .col-3 { + width: 25%; +} + +.row > .off-3 { + margin-left: 25%; +} + +.row > .col-4 { + width: 33.33333%; +} + +.row > .off-4 { + margin-left: 33.33333%; +} + +.row > .col-5 { + width: 41.66667%; +} + +.row > .off-5 { + margin-left: 41.66667%; +} + +.row > .col-6 { + width: 50%; +} + +.row > .off-6 { + margin-left: 50%; +} + +.row > .col-7 { + width: 58.33333%; +} + +.row > .off-7 { + margin-left: 58.33333%; +} + +.row > .col-8 { + width: 66.66667%; +} + +.row > .off-8 { + margin-left: 66.66667%; +} + +.row > .col-9 { + width: 75%; +} + +.row > .off-9 { + margin-left: 75%; +} + +.row > .col-10 { + width: 83.33333%; +} + +.row > .off-10 { + margin-left: 83.33333%; +} + +.row > .col-11 { + width: 91.66667%; +} + +.row > .off-11 { + margin-left: 91.66667%; +} + +.row > .col-12 { + width: 100%; +} + +.row > .off-12 { + margin-left: 100%; +} + +.row.gtr-0 { + margin-top: 0; + margin-left: 0; +} + +.row.gtr-0 > * { + padding: 0; +} + +.row.gtr-0.gtr-uniform { + margin-top: 0; +} + +.row.gtr-0.gtr-uniform > * { + padding-top: 0; +} + +.row.gtr-25 { + margin-top: 0; + margin-left: -0.625em; +} + +.row.gtr-25 > * { + padding: 0 0 0 0.625em; +} + +.row.gtr-25.gtr-uniform { + margin-top: -0.625em; +} + +.row.gtr-25.gtr-uniform > * { + padding-top: 0.625em; +} + +.row.gtr-50 { + margin-top: 0; + margin-left: -1.25em; +} + +.row.gtr-50 > * { + padding: 0 0 0 1.25em; +} + +.row.gtr-50.gtr-uniform { + margin-top: -1.25em; +} + +.row.gtr-50.gtr-uniform > * { + padding-top: 1.25em; +} + +.row { + margin-top: 0; + margin-left: -2.5em; +} + +.row > * { + padding: 0 0 0 2.5em; +} + +.row.gtr-uniform { + margin-top: -2.5em; +} + +.row.gtr-uniform > * { + padding-top: 2.5em; +} + +.row.gtr-150 { + margin-top: 0; + margin-left: -3.75em; +} + +.row.gtr-150 > * { + padding: 0 0 0 3.75em; +} + +.row.gtr-150.gtr-uniform { + margin-top: -3.75em; +} + +.row.gtr-150.gtr-uniform > * { + padding-top: 3.75em; +} + +.row.gtr-200 { + margin-top: 0; + margin-left: -5em; +} + +.row.gtr-200 > * { + padding: 0 0 0 5em; +} + +.row.gtr-200.gtr-uniform { + margin-top: -5em; +} + +.row.gtr-200.gtr-uniform > * { + padding-top: 5em; +} + +@media screen and (max-width: 1800px) { + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-xlarge { + order: -1; + } + + .row > .col-1-xlarge { + width: 8.33333%; + } + + .row > .off-1-xlarge { + margin-left: 8.33333%; + } + + .row > .col-2-xlarge { + width: 16.66667%; + } + + .row > .off-2-xlarge { + margin-left: 16.66667%; + } + + .row > .col-3-xlarge { + width: 25%; + } + + .row > .off-3-xlarge { + margin-left: 25%; + } + + .row > .col-4-xlarge { + width: 33.33333%; + } + + .row > .off-4-xlarge { + margin-left: 33.33333%; + } + + .row > .col-5-xlarge { + width: 41.66667%; + } + + .row > .off-5-xlarge { + margin-left: 41.66667%; + } + + .row > .col-6-xlarge { + width: 50%; + } + + .row > .off-6-xlarge { + margin-left: 50%; + } + + .row > .col-7-xlarge { + width: 58.33333%; + } + + .row > .off-7-xlarge { + margin-left: 58.33333%; + } + + .row > .col-8-xlarge { + width: 66.66667%; + } + + .row > .off-8-xlarge { + margin-left: 66.66667%; + } + + .row > .col-9-xlarge { + width: 75%; + } + + .row > .off-9-xlarge { + margin-left: 75%; + } + + .row > .col-10-xlarge { + width: 83.33333%; + } + + .row > .off-10-xlarge { + margin-left: 83.33333%; + } + + .row > .col-11-xlarge { + width: 91.66667%; + } + + .row > .off-11-xlarge { + margin-left: 91.66667%; + } + + .row > .col-12-xlarge { + width: 100%; + } + + .row > .off-12-xlarge { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0; + } + + .row.gtr-0 > * { + padding: 0; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.625em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.625em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.625em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.625em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -1.25em; + } + + .row.gtr-50 > * { + padding: 0 0 0 1.25em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -1.25em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 1.25em; + } + + .row { + margin-top: 0; + margin-left: -2.5em; + } + + .row > * { + padding: 0 0 0 2.5em; + } + + .row.gtr-uniform { + margin-top: -2.5em; + } + + .row.gtr-uniform > * { + padding-top: 2.5em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -3.75em; + } + + .row.gtr-150 > * { + padding: 0 0 0 3.75em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -3.75em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 3.75em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -5em; + } + + .row.gtr-200 > * { + padding: 0 0 0 5em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -5em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 5em; + } +} + +@media screen and (max-width: 1280px) { + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-large { + order: -1; + } + + .row > .col-1-large { + width: 8.33333%; + } + + .row > .off-1-large { + margin-left: 8.33333%; + } + + .row > .col-2-large { + width: 16.66667%; + } + + .row > .off-2-large { + margin-left: 16.66667%; + } + + .row > .col-3-large { + width: 25%; + } + + .row > .off-3-large { + margin-left: 25%; + } + + .row > .col-4-large { + width: 33.33333%; + } + + .row > .off-4-large { + margin-left: 33.33333%; + } + + .row > .col-5-large { + width: 41.66667%; + } + + .row > .off-5-large { + margin-left: 41.66667%; + } + + .row > .col-6-large { + width: 50%; + } + + .row > .off-6-large { + margin-left: 50%; + } + + .row > .col-7-large { + width: 58.33333%; + } + + .row > .off-7-large { + margin-left: 58.33333%; + } + + .row > .col-8-large { + width: 66.66667%; + } + + .row > .off-8-large { + margin-left: 66.66667%; + } + + .row > .col-9-large { + width: 75%; + } + + .row > .off-9-large { + margin-left: 75%; + } + + .row > .col-10-large { + width: 83.33333%; + } + + .row > .off-10-large { + margin-left: 83.33333%; + } + + .row > .col-11-large { + width: 91.66667%; + } + + .row > .off-11-large { + margin-left: 91.66667%; + } + + .row > .col-12-large { + width: 100%; + } + + .row > .off-12-large { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0; + } + + .row.gtr-0 > * { + padding: 0; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.5em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.5em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.5em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.5em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -1em; + } + + .row.gtr-50 > * { + padding: 0 0 0 1em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -1em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 1em; + } + + .row { + margin-top: 0; + margin-left: -2em; + } + + .row > * { + padding: 0 0 0 2em; + } + + .row.gtr-uniform { + margin-top: -2em; + } + + .row.gtr-uniform > * { + padding-top: 2em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-150 > * { + padding: 0 0 0 3em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 3em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -4em; + } + + .row.gtr-200 > * { + padding: 0 0 0 4em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -4em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 4em; + } +} + +@media screen and (max-width: 980px) { + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-medium { + order: -1; + } + + .row > .col-1-medium { + width: 8.33333%; + } + + .row > .off-1-medium { + margin-left: 8.33333%; + } + + .row > .col-2-medium { + width: 16.66667%; + } + + .row > .off-2-medium { + margin-left: 16.66667%; + } + + .row > .col-3-medium { + width: 25%; + } + + .row > .off-3-medium { + margin-left: 25%; + } + + .row > .col-4-medium { + width: 33.33333%; + } + + .row > .off-4-medium { + margin-left: 33.33333%; + } + + .row > .col-5-medium { + width: 41.66667%; + } + + .row > .off-5-medium { + margin-left: 41.66667%; + } + + .row > .col-6-medium { + width: 50%; + } + + .row > .off-6-medium { + margin-left: 50%; + } + + .row > .col-7-medium { + width: 58.33333%; + } + + .row > .off-7-medium { + margin-left: 58.33333%; + } + + .row > .col-8-medium { + width: 66.66667%; + } + + .row > .off-8-medium { + margin-left: 66.66667%; + } + + .row > .col-9-medium { + width: 75%; + } + + .row > .off-9-medium { + margin-left: 75%; + } + + .row > .col-10-medium { + width: 83.33333%; + } + + .row > .off-10-medium { + margin-left: 83.33333%; + } + + .row > .col-11-medium { + width: 91.66667%; + } + + .row > .off-11-medium { + margin-left: 91.66667%; + } + + .row > .col-12-medium { + width: 100%; + } + + .row > .off-12-medium { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0; + } + + .row.gtr-0 > * { + padding: 0; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.5em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.5em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.5em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.5em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -1em; + } + + .row.gtr-50 > * { + padding: 0 0 0 1em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -1em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 1em; + } + + .row { + margin-top: 0; + margin-left: -2em; + } + + .row > * { + padding: 0 0 0 2em; + } + + .row.gtr-uniform { + margin-top: -2em; + } + + .row.gtr-uniform > * { + padding-top: 2em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-150 > * { + padding: 0 0 0 3em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 3em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -4em; + } + + .row.gtr-200 > * { + padding: 0 0 0 4em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -4em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 4em; + } +} + +@media screen and (max-width: 736px) { + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-small { + order: -1; + } + + .row > .col-1-small { + width: 8.33333%; + } + + .row > .off-1-small { + margin-left: 8.33333%; + } + + .row > .col-2-small { + width: 16.66667%; + } + + .row > .off-2-small { + margin-left: 16.66667%; + } + + .row > .col-3-small { + width: 25%; + } + + .row > .off-3-small { + margin-left: 25%; + } + + .row > .col-4-small { + width: 33.33333%; + } + + .row > .off-4-small { + margin-left: 33.33333%; + } + + .row > .col-5-small { + width: 41.66667%; + } + + .row > .off-5-small { + margin-left: 41.66667%; + } + + .row > .col-6-small { + width: 50%; + } + + .row > .off-6-small { + margin-left: 50%; + } + + .row > .col-7-small { + width: 58.33333%; + } + + .row > .off-7-small { + margin-left: 58.33333%; + } + + .row > .col-8-small { + width: 66.66667%; + } + + .row > .off-8-small { + margin-left: 66.66667%; + } + + .row > .col-9-small { + width: 75%; + } + + .row > .off-9-small { + margin-left: 75%; + } + + .row > .col-10-small { + width: 83.33333%; + } + + .row > .off-10-small { + margin-left: 83.33333%; + } + + .row > .col-11-small { + width: 91.66667%; + } + + .row > .off-11-small { + margin-left: 91.66667%; + } + + .row > .col-12-small { + width: 100%; + } + + .row > .off-12-small { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0; + } + + .row.gtr-0 > * { + padding: 0; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.375em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.375em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.375em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.375em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.75em; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.75em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.75em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.75em; + } + + .row { + margin-top: 0; + margin-left: -1.5em; + } + + .row > * { + padding: 0 0 0 1.5em; + } + + .row.gtr-uniform { + margin-top: -1.5em; + } + + .row.gtr-uniform > * { + padding-top: 1.5em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -2.25em; + } + + .row.gtr-150 > * { + padding: 0 0 0 2.25em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -2.25em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 2.25em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-200 > * { + padding: 0 0 0 3em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 3em; + } +} + +@media screen and (max-width: 480px) { + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-xsmall { + order: -1; + } + + .row > .col-1-xsmall { + width: 8.33333%; + } + + .row > .off-1-xsmall { + margin-left: 8.33333%; + } + + .row > .col-2-xsmall { + width: 16.66667%; + } + + .row > .off-2-xsmall { + margin-left: 16.66667%; + } + + .row > .col-3-xsmall { + width: 25%; + } + + .row > .off-3-xsmall { + margin-left: 25%; + } + + .row > .col-4-xsmall { + width: 33.33333%; + } + + .row > .off-4-xsmall { + margin-left: 33.33333%; + } + + .row > .col-5-xsmall { + width: 41.66667%; + } + + .row > .off-5-xsmall { + margin-left: 41.66667%; + } + + .row > .col-6-xsmall { + width: 50%; + } + + .row > .off-6-xsmall { + margin-left: 50%; + } + + .row > .col-7-xsmall { + width: 58.33333%; + } + + .row > .off-7-xsmall { + margin-left: 58.33333%; + } + + .row > .col-8-xsmall { + width: 66.66667%; + } + + .row > .off-8-xsmall { + margin-left: 66.66667%; + } + + .row > .col-9-xsmall { + width: 75%; + } + + .row > .off-9-xsmall { + margin-left: 75%; + } + + .row > .col-10-xsmall { + width: 83.33333%; + } + + .row > .off-10-xsmall { + margin-left: 83.33333%; + } + + .row > .col-11-xsmall { + width: 91.66667%; + } + + .row > .off-11-xsmall { + margin-left: 91.66667%; + } + + .row > .col-12-xsmall { + width: 100%; + } + + .row > .off-12-xsmall { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0; + } + + .row.gtr-0 > * { + padding: 0; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.375em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.375em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.375em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.375em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.75em; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.75em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.75em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.75em; + } + + .row { + margin-top: 0; + margin-left: -1.5em; + } + + .row > * { + padding: 0 0 0 1.5em; + } + + .row.gtr-uniform { + margin-top: -1.5em; + } + + .row.gtr-uniform > * { + padding-top: 1.5em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -2.25em; + } + + .row.gtr-150 > * { + padding: 0 0 0 2.25em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -2.25em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 2.25em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-200 > * { + padding: 0 0 0 3em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 3em; + } +} + +article.special,section.special { + text-align: center; +} + +header p { + color: #121212; + position: relative; + margin: 0 0 1.5em; +} + +header h2 + p { + font-size: 1.25em; + margin-top: -1em; + line-height: 1.5em; +} + +header h3 + p { + font-size: 1.1em; + margin-top: -0.8em; + line-height: 1.5em; +} + +header h4 + p,header h5 + p,header h6 + p { + font-size: 0.9em; + margin-top: -0.6em; + line-height: 1.5em; +} + +header.major h2 { + font-size: 2em; +} + +form { + margin: 0 0 2em; +} + +label { + color: #ffffffd7; + display: block; + font-size: 0.9em; + font-weight: 400; + margin: 0 0 1em; +} + +input[type="text"],input[type="password"],input[type="email"],select,textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + background: #121212; + border-radius: 0.35em; + border: solid 2px transparent; + color: inherit; + display: block; + outline: 0; + padding: 0 0.75em; + text-decoration: none; + width: 100%; +} + +input[type="text"]:invalid,input[type="password"]:invalid,input[type="email"]:invalid,select:invalid,textarea:invalid { + box-shadow: none; +} + +input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,select:focus,textarea:focus { + border-color: #7289DA; +} + +select { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23dfdfdf' /%3E%3C/svg%3E"); + background-size: 1.25rem; + background-repeat: no-repeat; + background-position: calc(100% - 1rem) center; + height: 2.75em; + padding-right: 2.75em; + text-overflow: ellipsis; +} + +select option { + color: #787878; + background: #121212; +} + +select:focus::-ms-value { + background-color: transparent; +} + +select::-ms-expand { + display: none; +} + +input[type="text"],input[type="password"],input[type="email"],select { + height: 2.75em; +} + +textarea { + padding: 0.75em; +} + +input[type="checkbox"],input[type="radio"] { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + display: block; + float: left; + margin-right: -2em; + opacity: 0; + width: 1em; + z-index: -1; +} + +input[type="checkbox"] + label,input[type="radio"] + label { + text-decoration: none; + color: #fff; + cursor: pointer; + display: inline-block; + font-size: 1em; + font-weight: 400; + padding-left: 2.4em; + padding-right: 0.75em; + position: relative; +} + +input[type="checkbox"] + label:before,input[type="radio"] + label:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; +} + +input[type="checkbox"] + label:before,input[type="radio"] + label:before { + background: #121212; + border-radius: 0.35em; + border: solid 2px transparent; + content: ''; + display: inline-block; + font-size: 0.8em; + height: 2.0625em; + left: 0; + line-height: 1.85625em; + position: absolute; + text-align: center; + top: 0; + width: 2.0625em; +} + +input[type="checkbox"]:checked + label:before,input[type="radio"]:checked + label:before { + background: #787878; + border-color: #787878; + color: #121212; + content: '\f00c'; +} + +input[type="checkbox"]:focus + label:before,input[type="radio"]:focus + label:before { + border-color: #7289DA; +} + +input[type="checkbox"] + label:before { + border-radius: 0.35em; +} + +input[type="radio"] + label:before { + border-radius: 100%; +} + +::-webkit-input-placeholder { + color: #b2b2b2 !important; + opacity: 1.0; +} + +:-moz-placeholder { + color: #b2b2b2 !important; + opacity: 1.0; +} + +::-moz-placeholder { + color: #b2b2b2 !important; + opacity: 1.0; +} + +:-ms-input-placeholder { + color: #b2b2b2 !important; + opacity: 1.0; +} + +.box { + border-radius: 0.35em; + border: solid 2px #efefef; + margin-bottom: 2em; + padding: 1.5em; +} + +.box > :last-child,.box > :last-child > :last-child,.box > :last-child > :last-child > :last-child { + margin-bottom: 0; +} + +.box.alt { + border: 0; + border-radius: 0; + padding: 0; +} + +.icon { + text-decoration: none; + border-bottom: none; + position: relative; +} + +.icon:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'Font Awesome 5 Free'; + font-weight: 400; +} + +.icon > .label { + display: none; +} + +.icon:before { + line-height: inherit; +} + +.icon.solid:before { + font-weight: 900; +} + +.icon.brands:before { + font-family: 'Font Awesome 5 Brands'; +} + +.image { + border-radius: 0.35em; + border: 0; + display: inline-block; + position: relative; +} + +.image:before { + -moz-transition: opacity 0.2s ease-in-out; + -webkit-transition: opacity 0.2s ease-in-out; + -ms-transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; + background: url("images/overlay.webp"); + border-radius: 0.35em; + content: ''; + display: block; + height: 100%; + left: 0; + opacity: 0.5; + position: absolute; + top: 0; + width: 100%; +} + +.image.thumb { + text-align: center; +} + +.image.thumb:after { + -moz-transition: opacity 0.2s ease-in-out; + -webkit-transition: opacity 0.2s ease-in-out; + -ms-transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; + border-radius: 0.35em; + border: solid 3px rgba(255, 255, 255); + color: #fff; + content: 'View'; + display: inline-block; + font-size: 0.8em; + font-weight: 400; + left: 50%; + line-height: 2.25em; + margin: -1.25em 0 0 -3em; + opacity: 0; + padding: 0 1.5em; + position: absolute; + text-align: center; + text-decoration: none; + top: 50%; + white-space: nowrap; +} + +.image.thumb:hover:after { + opacity: 1.0; +} + +.image.thumb:hover:before { + background: url("images/overlay.webp"), url("images/overlay.webp"); + opacity: 1.0; +} + +.image img { + border-radius: 0.35em; + display: block; +} + +.image.left { + float: left; + margin: 0 1.5em 1em 0; + top: 0.25em; +} + +.image.right { + float: right; + margin: 0 0 1em 1.5em; + top: 0.25em; +} + +.image.left,.image.right { + max-width: 40%; +} + +.image.left img,.image.right img { + width: 100%; +} + +.image.fit { + display: block; + margin: 0 0 2em; + width: 100%; +} + +.image.fit img { + width: 100%; +} + +.image.avatar { + border-radius: 100%; +} + +.image.avatar:before { + display: none; +} + +.image.avatar img { + border-radius: 100%; + width: 100%; +} + +ol { + list-style: decimal; + margin: 0 0 2em; + padding-left: 1.25em; +} + +ol li { + padding-left: 0.25em; +} + +ul { + list-style: disc; + margin: 0 0 2em; + padding-left: 1em; +} + +ul li { + padding-left: 0.5em; +} + +ul.alt { + list-style: none; + padding-left: 0; +} + +ul.alt li { + border-top: solid 2px #efefef; + padding: 0.5em 0; +} + +ul.alt li:first-child { + border-top: 0; + padding-top: 0; +} + +dl { + margin: 0 0 2em; +} + +ul.icons { + cursor: default; + list-style: none; + padding-left: 0; +} + +ul.icons li { + display: inline-block; + padding: 0 1em 0 0; +} + +ul.icons li:last-child { + padding-right: 0; +} + +ul.icons li .icon:before { + font-size: 1.5em; +} + +ul.labeled-icons { + list-style: none; + padding: 0; +} + +ul.labeled-icons li { + line-height: 1.75em; + margin: 1.5em 0 0; + padding-left: 2.25em; + position: relative; +} + +ul.labeled-icons li:first-child { + margin-top: 0; +} + +ul.labeled-icons li a { + color: inherit; +} + +ul.labeled-icons li h3 { + color: #b2b2b2; + left: 0; + position: absolute; + text-align: center; + top: 0; + width: 1em; +} + +ul.actions { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + cursor: default; + list-style: none; + margin-left: -1em; + padding-left: 0; +} + +ul.actions li { + padding: 0 0 0 1em; + vertical-align: middle; +} + +ul.actions.special { + -moz-justify-content: center; + -webkit-justify-content: center; + -ms-justify-content: center; + justify-content: center; + width: 100%; + margin-left: 0; +} + +ul.actions.special li:first-child { + padding-left: 0; +} + +ul.actions.stacked { + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-left: 0; +} + +ul.actions.stacked li { + padding: 1.3em 0 0; +} + +ul.actions.stacked li:first-child { + padding-top: 0; +} + +ul.actions.fit { + width: calc(100% + 1em); +} + +ul.actions.fit li { + -moz-flex-grow: 1; + -webkit-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -moz-flex-shrink: 1; + -webkit-flex-shrink: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + width: 100%; +} + +ul.actions.fit li > * { + width: 100%; +} + +ul.actions.fit.stacked { + width: 100%; +} + +@media screen and (max-width: 480px) { + ul.actions:not(.fixed) { + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-left: 0; + width: 100% !important; + } + + ul.actions:not(.fixed) li { + -moz-flex-grow: 1; + -webkit-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -moz-flex-shrink: 1; + -webkit-flex-shrink: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + padding: 1em 0 0; + text-align: center; + width: 100%; + } + + ul.actions:not(.fixed) li > * { + width: 100%; + } + + ul.actions:not(.fixed) li:first-child { + padding-top: 0; + } + + ul.actions:not(.fixed) li .button,ul.actions:not(.fixed) li input[type="submit"],ul.actions:not(.fixed) li input[type="reset"],ul.actions:not(.fixed) li input[type="button"],ul.actions:not(.fixed) li button { + width: 100%; + } + + ul.actions:not(.fixed) li .button.icon:before,ul.actions:not(.fixed) li input[type="submit"].icon:before,ul.actions:not(.fixed) li input[type="reset"].icon:before,ul.actions:not(.fixed) li input[type="button"].icon:before,ul.actions:not(.fixed) li button.icon:before { + margin-left: -0.5em; + } +} + +.table-wrapper { + -webkit-overflow-scrolling: touch; + overflow-x: auto; +} + +table { + margin: 0 0 2em; + width: 100%; +} + +table tbody tr { + border: solid 1px #efefef; + border-left: 0; + border-right: 0; +} + +table tbody tr:nth-child(2n + 1) { + background-color: #121212; +} + +table td { + padding: 0.75em; +} + +table th { + color: #787878; + font-size: 0.9em; + font-weight: 400; + padding: 0 0.75em 0.75em; + text-align: left; +} + +table thead { + border-bottom: solid 2px #efefef; +} + +table tfoot { + border-top: solid 2px #efefef; +} + +table.alt { + border-collapse: separate; +} + +table.alt tbody tr td { + border: solid 2px #efefef; + border-left-width: 0; + border-top-width: 0; +} + +table.alt tbody tr td:first-child { + border-left-width: 2px; +} + +table.alt tbody tr:first-child td { + border-top-width: 2px; +} + +table.alt thead { + border-bottom: 0; +} + +table.alt tfoot { + border-top: 0; +} + +input[type="submit"],input[type="reset"],input[type="button"],.button { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; + -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; + -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; + transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; + background-color: transparent; + border-radius: 0.35em; + border: solid 3px #efefef; + color: #fff !important; + cursor: pointer; + display: inline-block; + font-weight: 400; + height: 3.15em; + height: calc(2.75em + 6px); + line-height: 2.75em; + min-width: 10em; + padding: 0 1.5em; + text-align: center; + text-decoration: none; + white-space: nowrap; +} + +input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:hover { + border-color: #7289DA; + color: #7289DA !important; +} + +input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active,.button:active { + background-color: rgba(73, 191, 157, 0.1); + border-color: #7289DA; + color: #7289DA !important; +} + +input[type="submit"].icon,input[type="reset"].icon,input[type="button"].icon,.button.icon { + padding-left: 1.35em; +} + +input[type="submit"].icon:before,input[type="reset"].icon:before,input[type="button"].icon:before,.button.icon:before { + margin-right: 0.5em; +} + +input[type="submit"].fit,input[type="reset"].fit,input[type="button"].fit,.button.fit { + min-width: 0; + width: 100%; +} + +input[type="submit"].small,input[type="reset"].small,input[type="button"].small,.button.small { + font-size: 0.8em; +} + +input[type="submit"].large,input[type="reset"].large,input[type="button"].large,.button.large { + font-size: 1.35em; +} + +input[type="submit"].primary,input[type="reset"].primary,input[type="button"].primary,.button.primary { + background-color: #7289DA; + border-color: #7289DA; + color: #121212 !important; +} + +input[type="submit"].primary:hover,input[type="reset"].primary:hover,input[type="button"].primary:hover,.button.primary:hover { + background-color: #7289DA; + border-color: #7289DA; +} + +input[type="submit"].primary:active,input[type="reset"].primary:active,input[type="button"].primary:active,.button.primary:active { + background-color: #7289DA; + border-color: #7289DA; +} + +input[type="submit"].disabled,input[type="submit"]:disabled,input[type="reset"].disabled,input[type="reset"]:disabled,input[type="button"].disabled,input[type="button"]:disabled,.button.disabled,.button:disabled { + background-color: #e7e7e7 !important; + border-color: #e7e7e7 !important; + color: #b2b2b2 !important; + cursor: default; +} + +.work-item { + margin: 0 0 2em; +} + +.work-item .image { + margin: 0 0 1.5em; +} + +.work-item h3 { + font-size: 1em; + margin: 0 0 0.5em; +} + +.work-item p { + font-size: 0.8em; + line-height: 1.5em; + margin: 0; +} + +#header { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -moz-align-items: -moz-flex-end; + -webkit-align-items: -webkit-flex-end; + -ms-align-items: -ms-flex-end; + align-items: flex-end; + -moz-justify-content: space-between; + -webkit-justify-content: space-between; + -ms-justify-content: space-between; + justify-content: space-between; + background-color: #101010; + background-attachment: scroll, scroll; + background-image: url("images/overlay.webp"), url("../../images/bgs/ekwb.webp"); + background-position: top left, top left; + background-repeat: repeat, no-repeat; + background-size: auto, 100%; + color: rgba(255, 255, 255, 0.5); + height: 100%; + left: 0; + padding: 8em 4em; + position: fixed; + text-align: right; + top: 0; + width: 35%; +} + +#header > * { + -moz-flex-shrink: 0; + -webkit-flex-shrink: 0; + -ms-flex-shrink: 0; + flex-shrink: 0; + width: 100%; +} + +#header > .inner { + -moz-flex-grow: 1; + -webkit-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + margin: 0 0 2em; +} + +#header b,#header strong { + color: #fff; +} + +#header h2,#header h3,#header h4,#header h5,#header h6 { + color: #121212; +} + +#header h1 { + color: rgba(255, 255, 255, 0.5); + font-size: 1.35em; + line-height: 1.75em; + margin: 0; +} + +#header .image.avatar { + margin: 0 0 1em; + width: 6.25em; +} + +#footer .icons { + margin: 1em 0 0; +} + +#footer .icons a { + color: rgba(255, 255, 255); +} + +#footer .copyright { + color: rgba(255, 255, 255); + font-size: 0.8em; + list-style: none; + margin: 1em 0 0; + padding: 0; +} + +#footer .copyright li { + border-left: solid 1px rgba(255, 255, 255); + display: inline-block; + line-height: 1em; + margin-left: 0.75em; + padding-left: 0.75em; +} + +#footer .copyright li:first-child { + border-left: 0; + margin-left: 0; + padding-left: 0; +} + +#footer .copyright li a { + color: inherit; +} + +#main { + margin-left: 35%; + max-width: 54em; + padding: 8em 4em 4em; + width: calc(100% - 35%); +} + +#main > section { + border-top: solid 2px #efefef; + margin: 4em 0 0; + padding: 4em 0 0; +} + +#main > section:first-child { + border-top: 0; + margin-top: 0; + padding-top: 0; +} + +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@-webkit-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@-ms-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes spin { + 0% { + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +.poptrox-popup { + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + -ms-box-sizing: content-box; + box-sizing: content-box; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + background: #121212; + border-radius: 0.35em; + box-shadow: 0 0.1em 0.15em 0 rgba(0, 0, 0, 0.15); + overflow: hidden; + padding-bottom: 3em; +} + +.poptrox-popup .loader { + text-decoration: none; + -moz-animation: spin 1s linear infinite; + -webkit-animation: spin 1s linear infinite; + -ms-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; + font-size: 1.5em; + height: 1em; + left: 50%; + line-height: 1em; + margin: -0.5em 0 0 -0.5em; + position: absolute; + top: 50%; + width: 1em; +} + +.poptrox-popup .loader:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; +} + +.poptrox-popup .loader:before { + content: '\f1ce'; +} + +.poptrox-popup .caption { + background: #121212; + bottom: 0; + cursor: default; + font-size: 0.9em; + height: 3em; + left: 0; + line-height: 2.8em; + position: absolute; + text-align: center; + width: 100%; + z-index: 1; +} + +.poptrox-popup .nav-next,.poptrox-popup .nav-previous { + text-decoration: none; + -moz-transition: opacity 0.2s ease-in-out; + -webkit-transition: opacity 0.2s ease-in-out; + -ms-transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + background: rgba(0, 0, 0, 0.01); + cursor: pointer; + height: 100%; + opacity: 0; + position: absolute; + top: 0; + width: 50%; +} + +.poptrox-popup .nav-next:before,.poptrox-popup .nav-previous:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; +} + +.poptrox-popup .nav-next:before,.poptrox-popup .nav-previous:before { + color: #fff; + font-size: 2.5em; + height: 1em; + line-height: 1em; + margin-top: -0.75em; + position: absolute; + text-align: center; + top: 50%; + width: 1.5em; +} + +.poptrox-popup .nav-next { + right: 0; +} + +.poptrox-popup .nav-next:before { + content: '\f105'; + right: 0; +} + +.poptrox-popup .nav-previous { + left: 0; +} + +.poptrox-popup .nav-previous:before { + content: '\f104'; + left: 0; +} + +.poptrox-popup .closer { + text-decoration: none; + -moz-transition: opacity 0.2s ease-in-out; + -webkit-transition: opacity 0.2s ease-in-out; + -ms-transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + color: #fff; + height: 4em; + line-height: 4em; + opacity: 0; + position: absolute; + right: 0; + text-align: center; + top: 0; + width: 4em; + z-index: 2; +} + +.poptrox-popup .closer:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; +} + +.poptrox-popup .closer:before { + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + -ms-box-sizing: content-box; + box-sizing: content-box; + border-radius: 100%; + border: solid 3px rgba(255, 255, 255); + content: '\f00d'; + display: block; + font-size: 1em; + height: 1.75em; + left: 50%; + line-height: 1.75em; + margin: -0.875em 0 0 -0.875em; + position: absolute; + top: 50%; + width: 1.75em; +} + +.poptrox-popup:hover .nav-next,.poptrox-popup:hover .nav-previous { + opacity: 0.5; +} + +.poptrox-popup:hover .nav-next:hover,.poptrox-popup:hover .nav-previous:hover { + opacity: 1.0; +} + +.poptrox-popup:hover .closer { + opacity: 0.5; +} + +.poptrox-popup:hover .closer:hover { + opacity: 1.0; +} + +body.is-touch .image.thumb:before { + opacity: 0.5 !important; +} + +body.is-touch .image.thumb:after { + display: none !important; +} + +body.is-touch #header { + background-attachment: scroll; + background-size: auto, cover; +} + +body.is-touch .poptrox-popup .closer,body.is-touch .poptrox-popup .nav-next,body.is-touch .poptrox-popup .nav-previous { + opacity: 1.0 !important; +} + +@media screen and (max-width: 1800px) { + body,input,select,textarea { + font-size: 12pt; + } +} + +@media screen and (max-width: 1280px) { + #header { + padding: 6em 3em 3em; + width: 30%; + } + + #header h1 { + font-size: 1.25em; + } + + #header h1 br { + display: none; + } + + #header > .inner { + margin-bottom: 0; + } + + #footer .copyright li { + border-left-width: 0; + display: block; + line-height: 2.25em; + margin-left: 0; + padding-left: 0; + } + + #main { + margin-left: 30%; + max-width: none; + padding: 6em 3em 3em; + width: calc(100% - 30%); + } +} + +@media screen and (max-width: 980px) { + h1 br,h2 br,h3 br,h4 br,h5 br,h6 br { + display: none; + } + + ul.icons li .icon { + font-size: 1.25em; + } + + #header { + background-attachment: scroll; + background-position: top left, center center; + background-size: auto, cover; + left: auto; + padding: 6em 4em; + position: relative; + text-align: center; + top: auto; + width: 100%; + display: block; + } + + #header h1 { + font-size: 1.75em; + } + + #header h1 br { + display: inline; + } + + #footer { + background-attachment: scroll; + background-color: #121212; + background-image: url("images/overlay.webp"), url("../../images/bgs/ekwb.webp"); + background-position: top left, bottom center; + background-repeat: repeat, no-repeat; + background-size: auto, cover; + bottom: auto; + left: auto; + padding: 4em 4em 6em; + position: relative; + text-align: center; + width: 100%; + } + + #footer .icons { + margin: 0 0 1em; + } + + #footer .copyright { + margin: 0 0 1em; + } + + #footer .copyright li { + border-left-width: 1px; + display: inline-block; + line-height: 1em; + margin-left: 0.75em; + padding-left: 0.75em; + } + + #main { + margin: 0; + padding: 6em 4em; + width: 100%; + } +} + +@media screen and (max-width: 736px) { + h1 { + font-size: 1.5em; + } + + h2 { + font-size: 1.2em; + } + + h3 { + font-size: 1em; + } + + article.special,section.special { + text-align: center; + } + + header.major h2 { + font-size: 1.35em; + } + + ul.labeled-icons li { + padding-left: 2em; + } + + ul.labeled-icons li h3 { + line-height: 1.75em; + } + + #header { + padding: 2.25em 1.5em; + } + + #header h1 { + font-size: 1.35em; + } + + #footer { + padding: 2.25em 1.5em; + } + + #main { + padding: 2.25em 1.5em 0.25em; + } + + #main > section { + margin: 2.25em 0 0; + padding: 2.25em 0 0; + } + + .poptrox-popup { + border-radius: 0; + } + + .poptrox-popup .nav-next:before,.poptrox-popup .nav-previous:before { + margin-top: -1em; + } +} + +@media screen and (max-width: 480px) { + #header { + padding: 4.5em 1.5em; + } + + #header h1 br { + display: none; + } + + #footer .copyright li { + border-left-width: 0; + display: block; + line-height: 2.25em; + margin-left: 0; + padding-left: 0; + } +} \ No newline at end of file diff --git a/assets/js/1winter.js b/assets/js/1winter.js new file mode 100644 index 0000000..f2ce3d9 --- /dev/null +++ b/assets/js/1winter.js @@ -0,0 +1,188 @@ +/** @license + * DHTML Snowstorm! JavaScript-based snow for web pages + * Making it snow on the internets since 2003. You're welcome. + * ----------------------------------------------------------- + * Version 1.44.20131208 (Previous rev: 1.44.20131125) + * Copyright (c) 2007, Scott Schiller. All rights reserved. + * Code provided under the BSD License + * http://schillmania.com/projects/snowstorm/license.txt + */ +var snowStorm = function(e, t) { + this.autoStart = !0, this.excludeMobile = !0, this.flakesMax = 128, this.flakesMaxActive = 64, this.animationInterval = 33, this.useGPU = !0, this.className = null, this.excludeMobile = !0, this.flakeBottom = null, this.followMouse = !1, this.snowColor = "#fff", this.snowCharacter = "•", this.snowStick = !0, this.targetElement = null, this.useMeltEffect = !0, this.useTwinkleEffect = !1, this.usePositionFixed = !1, this.usePixelPosition = !1, this.freezeOnBlur = !0, this.flakeLeftOffset = 0, this.flakeRightOffset = 0, this.flakeWidth = 8, this.flakeHeight = 8, this.vMaxX = 5, this.vMaxY = 4, this.zIndex = 0; + var i, s = this, + n = navigator.userAgent.match(/msie/i), + l = navigator.userAgent.match(/msie 6/i), + o = navigator.userAgent.match(/mobile|opera m(ob|in)/i), + a = n && "BackCompat" === t.compatMode || l, + r = null, + f = null, + m = null, + h = null, + u = null, + c = null, + d = null, + v = 1, + p = !1, + y = !1, + k = function() { + try { + t.createElement("div").style.opacity = "0.5" + } catch (e) { + return !1 + } + return !0 + }(), + g = !1, + x = t.createDocumentFragment(); + + function w(e, t) { + return isNaN(t) && (t = 0), Math.random() * e + t + } + + function F() { + e.setTimeout((function() { + s.start(!0) + }), 20), s.events.remove(n ? t : e, "mousemove", F) + } + return i = function() { + var i; + var n, l = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function(t) { + e.setTimeout(t, 1e3 / (s.animationInterval || 20)) + }; + + function o(e) { + return void 0 !== n.style[e] ? e : null + } + i = l ? function() { + return l.apply(e, arguments) + } : null, n = t.createElement("div"); + var a = { + transform: { + ie: o("-ms-transform"), + moz: o("MozTransform"), + opera: o("OTransform"), + webkit: o("webkitTransform"), + w3: o("transform"), + prop: null + }, + getAnimationFrame: i + }; + return a.transform.prop = a.transform.w3 || a.transform.moz || a.transform.webkit || a.transform.ie || a.transform.opera, n = null, a + }(), this.timer = null, this.flakes = [], this.disabled = !1, this.active = !1, this.meltFrameCount = 20, this.meltFrames = [], this.setXY = function(e, t, i) { + if (!e) return !1; + s.usePixelPosition || y ? (e.style.left = t - s.flakeWidth + "px", e.style.top = i - s.flakeHeight + "px") : a || s.flakeBottom ? (e.style.right = 100 - t / r * 100 + "%", e.style.top = Math.min(i, u - s.flakeHeight) + "px") : (e.style.right = 100 - t / r * 100 + "%", e.style.bottom = 100 - i / m * 100 + "%") + }, this.events = function() { + var t = !e.addEventListener && e.attachEvent, + i = Array.prototype.slice, + s = { + add: t ? "attachEvent" : "addEventListener", + remove: t ? "detachEvent" : "removeEventListener" + }; + + function n(e) { + var s = i.call(e), + n = s.length; + return t ? (s[1] = "on" + s[1], n > 3 && s.pop()) : 3 === n && s.push(!1), s + } + + function l(e, i) { + var n = e.shift(), + l = [s[i]]; + t ? n[l](e[0], e[1]) : n[l].apply(n, e) + } + return { + add: function() { + l(n(arguments), "add") + }, + remove: function() { + l(n(arguments), "remove") + } + } + }(), this.randomizeWind = function() { + var e, t; + if (t = w(s.vMaxX, .2), c = 1 === parseInt(w(2), 10) ? -1 * t : t, d = w(s.vMaxY, .2), this.flakes) + for (e = 0; e < this.flakes.length; e++) this.flakes[e].active && this.flakes[e].setVelocities() + }, this.scrollHandler = function() { + var i; + if (h = s.flakeBottom ? 0 : parseInt(e.scrollY || t.documentElement.scrollTop || (a ? t.body.scrollTop : 0), 10), isNaN(h) && (h = 0), !p && !s.flakeBottom && s.flakes) + for (i = 0; i < s.flakes.length; i++) 0 === s.flakes[i].active && s.flakes[i].stick() + }, this.resizeHandler = function() { + e.innerWidth || e.innerHeight ? (r = e.innerWidth - 16 - s.flakeRightOffset, m = s.flakeBottom || e.innerHeight) : (r = (t.documentElement.clientWidth || t.body.clientWidth || t.body.scrollWidth) - (n ? 0 : 8) - s.flakeRightOffset, m = s.flakeBottom || t.documentElement.clientHeight || t.body.clientHeight || t.body.scrollHeight), u = t.body.offsetHeight, f = parseInt(r / 2, 10) + }, this.resizeHandlerAlt = function() { + r = s.targetElement.offsetWidth - s.flakeRightOffset, m = s.flakeBottom || s.targetElement.offsetHeight, f = parseInt(r / 2, 10), u = t.body.offsetHeight + }, this.freeze = function() { + if (s.disabled) return !1; + s.disabled = 1, s.timer = null + }, this.resume = function() { + if (!s.disabled) return !1; + s.disabled = 0, s.timerInit() + }, this.toggleSnow = function() { + s.flakes.length ? (s.active = !s.active, s.active ? (s.show(), s.resume()) : (s.stop(), s.freeze())) : s.start() + }, this.stop = function() { + var i; + for (this.freeze(), i = 0; i < this.flakes.length; i++) this.flakes[i].o.style.display = "none"; + s.events.remove(e, "scroll", s.scrollHandler), s.events.remove(e, "resize", s.resizeHandler), s.freezeOnBlur && (n ? (s.events.remove(t, "focusout", s.freeze), s.events.remove(t, "focusin", s.resume)) : (s.events.remove(e, "blur", s.freeze), s.events.remove(e, "focus", s.resume))) + }, this.show = function() { + var e; + for (e = 0; e < this.flakes.length; e++) this.flakes[e].o.style.display = "block" + }, this.SnowFlake = function(e, n, l) { + var o = this; + this.type = e, this.x = n || parseInt(w(r - 20), 10), this.y = isNaN(l) ? -w(m) - 12 : l, this.vX = null, this.vY = null, this.vAmpTypes = [1, 1.2, 1.4, 1.6, 1.8], this.vAmp = this.vAmpTypes[this.type] || 1, this.melting = !1, this.meltFrameCount = s.meltFrameCount, this.meltFrames = s.meltFrames, this.meltFrame = 0, this.twinkleFrame = 0, this.active = 1, this.fontSize = 10 + this.type / 5 * 10, this.o = t.createElement("div"), this.o.innerHTML = s.snowCharacter, s.className && this.o.setAttribute("class", s.className), this.o.style.color = s.snowColor, this.o.style.position = p ? "fixed" : "absolute", s.useGPU && i.transform.prop && (this.o.style[i.transform.prop] = "translate3d(0px, 0px, 0px)"), this.o.style.width = s.flakeWidth + "px", this.o.style.height = s.flakeHeight + "px", this.o.style.fontFamily = "arial,verdana", this.o.style.cursor = "default", this.o.style.overflow = "hidden", this.o.style.fontWeight = "normal", this.o.style.zIndex = s.zIndex, x.appendChild(this.o), this.refresh = function() { + if (isNaN(o.x) || isNaN(o.y)) return !1; + s.setXY(o.o, o.x, o.y) + }, this.stick = function() { + a || s.targetElement !== t.documentElement && s.targetElement !== t.body ? o.o.style.top = m + h - s.flakeHeight + "px" : s.flakeBottom ? o.o.style.top = s.flakeBottom + "px" : (o.o.style.display = "none", o.o.style.bottom = "0%", o.o.style.position = "fixed", o.o.style.display = "block") + }, this.vCheck = function() { + o.vX >= 0 && o.vX < .2 ? o.vX = .2 : o.vX < 0 && o.vX > -.2 && (o.vX = -.2), o.vY >= 0 && o.vY < .2 && (o.vY = .2) + }, this.move = function() { + var e = o.vX * v; + o.x += e, o.y += o.vY * o.vAmp, o.x >= r || r - o.x < s.flakeWidth ? o.x = 0 : e < 0 && o.x - s.flakeLeftOffset < -s.flakeWidth && (o.x = r - s.flakeWidth - 1), o.refresh(), m + h - o.y + s.flakeHeight < s.flakeHeight ? (o.active = 0, s.snowStick ? o.stick() : o.recycle()) : (s.useMeltEffect && o.active && o.type < 3 && !o.melting && Math.random() > .998 && (o.melting = !0, o.melt()), s.useTwinkleEffect && (o.twinkleFrame < 0 ? Math.random() > .97 && (o.twinkleFrame = parseInt(8 * Math.random(), 10)) : (o.twinkleFrame--, k ? o.o.style.opacity = o.twinkleFrame && o.twinkleFrame % 2 == 0 ? 0 : 1 : o.o.style.visibility = o.twinkleFrame && o.twinkleFrame % 2 == 0 ? "hidden" : "visible"))) + }, this.animate = function() { + o.move() + }, this.setVelocities = function() { + o.vX = c + w(.12 * s.vMaxX, .1), o.vY = d + w(.12 * s.vMaxY, .1) + }, this.setOpacity = function(e, t) { + if (!k) return !1; + e.style.opacity = t + }, this.melt = function() { + s.useMeltEffect && o.melting && o.meltFrame < o.meltFrameCount ? (o.setOpacity(o.o, o.meltFrames[o.meltFrame]), o.o.style.fontSize = o.fontSize - o.fontSize * (o.meltFrame / o.meltFrameCount) + "px", o.o.style.lineHeight = s.flakeHeight + 2 + .75 * s.flakeHeight * (o.meltFrame / o.meltFrameCount) + "px", o.meltFrame++) : o.recycle() + }, this.recycle = function() { + o.o.style.display = "none", o.o.style.position = p ? "fixed" : "absolute", o.o.style.bottom = "auto", o.setVelocities(), o.vCheck(), o.meltFrame = 0, o.melting = !1, o.setOpacity(o.o, 1), o.o.style.padding = "0px", o.o.style.margin = "0px", o.o.style.fontSize = o.fontSize + "px", o.o.style.lineHeight = s.flakeHeight + 2 + "px", o.o.style.textAlign = "center", o.o.style.verticalAlign = "baseline", o.x = parseInt(w(r - s.flakeWidth - 20), 10), o.y = parseInt(-1 * w(m), 10) - s.flakeHeight, o.refresh(), o.o.style.display = "block", o.active = 1 + }, this.recycle(), this.refresh() + }, this.snow = function() { + var e, t, n = 0, + l = null; + for (e = 0, t = s.flakes.length; e < t; e++) 1 === s.flakes[e].active && (s.flakes[e].move(), n++), s.flakes[e].melting && s.flakes[e].melt(); + n < s.flakesMaxActive && 0 === (l = s.flakes[parseInt(w(s.flakes.length), 10)]).active && (l.melting = !0), s.timer && i.getAnimationFrame(s.snow) + }, this.mouseMove = function(e) { + if (!s.followMouse) return !0; + var t = parseInt(e.clientX, 10); + v = t < f ? t / f * 2 - 2 : (t -= f) / f * 2 + }, this.createSnow = function(e, t) { + var i; + for (i = 0; i < e; i++) s.flakes[s.flakes.length] = new s.SnowFlake(parseInt(w(6), 10)), (t || i > s.flakesMaxActive) && (s.flakes[s.flakes.length - 1].active = -1); + s.targetElement.appendChild(x) + }, this.timerInit = function() { + s.timer = !0, s.snow() + }, this.init = function() { + var i; + for (i = 0; i < s.meltFrameCount; i++) s.meltFrames.push(1 - i / s.meltFrameCount); + s.randomizeWind(), s.createSnow(s.flakesMax), s.events.add(e, "resize", s.resizeHandler), s.events.add(e, "scroll", s.scrollHandler), s.freezeOnBlur && (n ? (s.events.add(t, "focusout", s.freeze), s.events.add(t, "focusin", s.resume)) : (s.events.add(e, "blur", s.freeze), s.events.add(e, "focus", s.resume))), s.resizeHandler(), s.scrollHandler(), s.followMouse && s.events.add(n ? t : e, "mousemove", s.mouseMove), s.animationInterval = Math.max(20, s.animationInterval), s.timerInit() + }, this.start = function(i) { + if (g) { + if (i) return !0 + } else g = !0; + if ("string" == typeof s.targetElement) { + var n = s.targetElement; + if (s.targetElement = t.getElementById(n), !s.targetElement) throw new Error('Snowstorm: Unable to get targetElement "' + n + '"') + } + if (s.targetElement || (s.targetElement = t.body || t.documentElement), s.targetElement !== t.documentElement && s.targetElement !== t.body && (s.resizeHandler = s.resizeHandlerAlt, s.usePixelPosition = !0), s.resizeHandler(), s.usePositionFixed = s.usePositionFixed && !a && !s.flakeBottom, e.getComputedStyle) try { + y = "relative" === e.getComputedStyle(s.targetElement, null).getPropertyValue("position") + } catch (e) { + y = !1 + } + p = s.usePositionFixed, r && m && !s.disabled && (s.init(), s.active = !0) + }, s.autoStart && s.events.add(e, "load", (function t() { + s.excludeMobile && o || F(), s.events.remove(e, "load", t) + }), !1), this +}(window, document); \ No newline at end of file diff --git a/assets/js/breakpoints.min.js b/assets/js/breakpoints.min.js new file mode 100644 index 0000000..e20ae89 --- /dev/null +++ b/assets/js/breakpoints.min.js @@ -0,0 +1,2 @@ +/* breakpoints.js v1.0 | @ajlkn | MIT licensed */ +var breakpoints=function(){"use strict";function e(e){t.init(e)}var t={list:null,media:{},events:[],init:function(e){t.list=e,window.addEventListener("resize",t.poll),window.addEventListener("orientationchange",t.poll),window.addEventListener("load",t.poll),window.addEventListener("fullscreenchange",t.poll)},active:function(e){var n,a,s,i,r,d,c;if(!(e in t.media)){if(">="==e.substr(0,2)?(a="gte",n=e.substr(2)):"<="==e.substr(0,2)?(a="lte",n=e.substr(2)):">"==e.substr(0,1)?(a="gt",n=e.substr(1)):"<"==e.substr(0,1)?(a="lt",n=e.substr(1)):"!"==e.substr(0,1)?(a="not",n=e.substr(1)):(a="eq",n=e),n&&n in t.list)if(i=t.list[n],Array.isArray(i)){if(r=parseInt(i[0]),d=parseInt(i[1]),isNaN(r)){if(isNaN(d))return;c=i[1].substr(String(d).length)}else c=i[0].substr(String(r).length);if(isNaN(r))switch(a){case"gte":s="screen";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: -1px)";break;case"not":s="screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (max-width: "+d+c+")"}else if(isNaN(d))switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen";break;case"gt":s="screen and (max-width: -1px)";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+")";break;default:s="screen and (min-width: "+r+c+")"}else switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+"), screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (min-width: "+r+c+") and (max-width: "+d+c+")"}}else s="("==i.charAt(0)?"screen and "+i:i;t.media[e]=!!s&&s}return t.media[e]!==!1&&window.matchMedia(t.media[e]).matches},on:function(e,n){t.events.push({query:e,handler:n,state:!1}),t.active(e)&&n()},poll:function(){var e,n;for(e=0;e0:!!("ontouchstart"in window),e.mobile="wp"==e.os||"android"==e.os||"ios"==e.os||"bb"==e.os}};return e.init(),e}();!function(e,n){"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?module.exports=n():e.browser=n()}(this,function(){return browser}); diff --git a/assets/js/jquery.min.js b/assets/js/jquery.min.js new file mode 100644 index 0000000..a1c07fd --- /dev/null +++ b/assets/js/jquery.min.js @@ -0,0 +1,2 @@ +/*! jQuery v3.4.1 | (c) JS Foundation and other contributors | jquery.org/license */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],E=C.document,r=Object.getPrototypeOf,s=t.slice,g=t.concat,u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.4.1",k=function(e,t){return new k.fn.init(e,t)},p=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;function d(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp($),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+$),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ne=function(e,t,n){var r="0x"+t-65536;return r!=r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(m.childNodes),m.childNodes),t[m.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&((e?e.ownerDocument||e:m)!==C&&T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!A[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&U.test(t)){(s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=k),o=(l=h(t)).length;while(o--)l[o]="#"+s+" "+xe(l[o]);c=l.join(","),f=ee.test(t)&&ye(e.parentNode)||e}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){A(t,!0)}finally{s===k&&e.removeAttribute("id")}}}return g(t.replace(B,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[k]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:m;return r!==C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),m!==C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=k,!C.getElementsByName||!C.getElementsByName(k).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+k+"-]").length||v.push("~="),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+k+"+*").length||v.push(".#.+[+~]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",$)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e===C||e.ownerDocument===m&&y(m,e)?-1:t===C||t.ownerDocument===m&&y(m,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e===C?-1:t===C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]===m?-1:s[r]===m?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if((e.ownerDocument||e)!==C&&T(e),d.matchesSelector&&E&&!A[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){A(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=p[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&p(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?k.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?k.grep(e,function(e){return e===n!==r}):"string"!=typeof n?k.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(k.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:L.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof k?t[0]:t,k.merge(this,k.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),D.test(r[1])&&k.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(k):k.makeArray(e,this)}).prototype=k.fn,q=k(E);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}k.fn.extend({has:function(e){var t=k(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,""],thead:[1,"","
    "],col:[2,"","
    "],tr:[2,"","
    "],td:[3,"","
    "],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?k.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;nx",y.noCloneChecked=!!me.cloneNode(!0).lastChild.defaultValue;var Te=/^key/,Ce=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ee=/^([^.]*)(?:\.(.+)|)/;function ke(){return!0}function Se(){return!1}function Ne(e,t){return e===function(){try{return E.activeElement}catch(e){}}()==("focus"===t)}function Ae(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Ae(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Se;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return k().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=k.guid++)),e.each(function(){k.event.add(this,t,i,r,n)})}function De(e,i,o){o?(Q.set(e,i,!1),k.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Q.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(k.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Q.set(this,i,r),t=o(this,i),this[i](),r!==(n=Q.get(this,i))||t?Q.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n.value}else r.length&&(Q.set(this,i,{value:k.event.trigger(k.extend(r[0],k.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Q.get(e,i)&&k.event.add(e,i,ke)}k.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Q.get(t);if(v){n.handler&&(n=(o=n).handler,i=o.selector),i&&k.find.matchesSelector(ie,i),n.guid||(n.guid=k.guid++),(u=v.events)||(u=v.events={}),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof k&&k.event.triggered!==e.type?k.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(R)||[""]).length;while(l--)d=g=(s=Ee.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=k.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=k.event.special[d]||{},c=k.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&k.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),k.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Q.hasData(e)&&Q.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(R)||[""]).length;while(l--)if(d=g=(s=Ee.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=k.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||k.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)k.event.remove(e,d+t[l],n,r,!0);k.isEmptyObject(u)&&Q.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=k.event.fix(e),u=new Array(arguments.length),l=(Q.get(this,"events")||{})[s.type]||[],c=k.event.special[s.type]||{};for(u[0]=s,t=1;t\x20\t\r\n\f]*)[^>]*)\/>/gi,qe=/\s*$/g;function Oe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&k(e).children("tbody")[0]||e}function Pe(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function Re(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Me(e,t){var n,r,i,o,a,s,u,l;if(1===t.nodeType){if(Q.hasData(e)&&(o=Q.access(e),a=Q.set(t,o),l=o.events))for(i in delete a.handle,a.events={},l)for(n=0,r=l[i].length;n")},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=oe(e);if(!(y.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||k.isXMLDoc(e)))for(a=ve(c),r=0,i=(o=ve(e)).length;r").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Vt,Gt=[],Yt=/(=)\?(?=&|$)|\?\?/;k.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Gt.pop()||k.expando+"_"+kt++;return this[e]=!0,e}}),k.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Yt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Yt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Yt,"$1"+r):!1!==e.jsonp&&(e.url+=(St.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||k.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?k(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Gt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Vt=E.implementation.createHTMLDocument("").body).innerHTML="
    ",2===Vt.childNodes.length),k.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=D.exec(e))?[t.createElement(i[1])]:(i=we([e],t,o),o&&o.length&&k(o).remove(),k.merge([],i.childNodes)));var r,i,o},k.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(k.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},k.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){k.fn[t]=function(e){return this.on(t,e)}}),k.expr.pseudos.animated=function(t){return k.grep(k.timers,function(e){return t===e.elem}).length},k.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=k.css(e,"position"),c=k(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=k.css(e,"top"),u=k.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,k.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},k.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){k.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===k.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===k.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=k(e).offset()).top+=k.css(e,"borderTopWidth",!0),i.left+=k.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-k.css(r,"marginTop",!0),left:t.left-i.left-k.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===k.css(e,"position"))e=e.offsetParent;return e||ie})}}),k.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;k.fn[t]=function(e){return _(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),k.each(["top","left"],function(e,n){k.cssHooks[n]=ze(y.pixelPosition,function(e,t){if(t)return t=_e(e,n),$e.test(t)?k(e).position()[n]+"px":t})}),k.each({Height:"height",Width:"width"},function(a,s){k.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){k.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return _(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?k.css(e,t,i):k.style(e,t,n,i)},s,n?e:void 0,n)}})}),k.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){k.fn[n]=function(e,t){return 01){for(var t=0;t
    '),l=e(window),u=[],d=0,h=!1,g=new Array,f=function(){p=l.width(),i=l.height()+s.windowHeightPad;var e=Math.abs(x.width()-x.outerWidth()),o=Math.abs(x.height()-x.outerHeight()),t=p-2*s.windowMargin-e,r=i-2*s.windowMargin-o;x.css("min-width",s.popupWidth).css("min-height",s.popupHeight),v.children().css("max-width",t).css("max-height",r)};s.usePopupLoader||(s.popupLoaderSelector=null),s.usePopupCloser||(s.popupCloserSelector=null),s.usePopupCaption||(s.popupCaptionSelector=null),s.usePopupNav||(s.popupNavPreviousSelector=null,s.popupNavNextSelector=null);var x;x=e(s.popupSelector?s.popupSelector:'
    '+(s.popupLoaderSelector?'
    '+s.popupLoaderText+"
    ":"")+'
    '+(s.popupCaptionSelector?'
    ':"")+(s.popupCloserSelector?''+s.popupCloserText+"":"")+(s.popupNavPreviousSelector?'':"")+(s.popupNavNextSelector?'':"")+"
    ");var v=x.find(".pic"),w=e(),b=x.find(s.popupLoaderSelector),m=x.find(s.popupCaptionSelector),C=x.find(s.popupCloserSelector),y=x.find(s.popupNavNextSelector),S=x.find(s.popupNavPreviousSelector),P=y.add(S);if(s.usePopupDefaultStyling&&(x.css("background",s.popupBackgroundColor).css("color",s.popupTextColor).css("padding",s.popupPadding+"px"),m.length>0&&(x.css("padding-bottom",s.popupCaptionHeight+"px"),m.css("position","absolute").css("left","0").css("bottom","0").css("width","100%").css("text-align","center").css("height",s.popupCaptionHeight+"px").css("line-height",s.popupCaptionHeight+"px"),s.popupCaptionTextSize&&m.css("font-size",popupCaptionTextSize)),C.length>0&&C.html(s.popupCloserText).css("font-size",s.popupCloserTextSize).css("background",s.popupCloserBackgroundColor).css("color",s.popupCloserTextColor).css("display","block").css("width","40px").css("height","40px").css("line-height","40px").css("text-align","center").css("position","absolute").css("text-decoration","none").css("outline","0").css("top","0").css("right","-40px"),b.length>0&&b.html("").css("position","relative").css("font-size",s.popupLoaderTextSize).on("startSpinning",function(o){var t=e("
    "+s.popupLoaderText+"
    ");t.css("height",Math.floor(s.popupHeight/2)+"px").css("overflow","hidden").css("line-height",Math.floor(s.popupHeight/2)+"px").css("text-align","center").css("margin-top",Math.floor((x.height()-t.height()+(m.length>0?m.height():0))/2)).css("color",s.popupTextColor?s.popupTextColor:"").on("xfin",function(){t.fadeTo(300,.5,function(){t.trigger("xfout")})}).on("xfout",function(){t.fadeTo(300,.05,function(){t.trigger("xfin")})}).trigger("xfin"),b.append(t)}).on("stopSpinning",function(e){var o=b.find("div");o.remove()}),2==P.length)){P.css("font-size","75px").css("text-align","center").css("color","#121212").css("text-shadow","none").css("height","100%").css("position","absolute").css("top","0").css("opacity","0.35").css("cursor","pointer").css("box-shadow","inset 0px 0px 10px 0px rgba(0,0,0,0)").poptrox_disableSelection();var k,T;s.usePopupEasyClose?(k="100px",T="100px"):(k="75%",T="25%"),y.css("right","0").css("width",k).html('
    >
    '),S.css("left","0").css("width",T).html('
    <
    ')}return l.on("resize orientationchange",function(){f()}),m.on("update",function(e,o){o&&0!=o.length||(o=s.popupBlankCaptionText),m.html(o)}),C.css("cursor","pointer").on("click",function(e){return e.preventDefault(),e.stopPropagation(),x.trigger("poptrox_close"),!0}),y.on("click",function(e){e.stopPropagation(),e.preventDefault(),x.trigger("poptrox_next")}),S.on("click",function(e){e.stopPropagation(),e.preventDefault(),x.trigger("poptrox_previous")}),a.css("position","fixed").css("left",0).css("top",0).css("z-index",s.baseZIndex).css("width","100%").css("height","100%").css("text-align","center").css("cursor","pointer").appendTo(s.parent).prepend('
    ').append('
    ').hide().on("touchmove",function(e){return!1}).on("click",function(e){e.preventDefault(),e.stopPropagation(),x.trigger("poptrox_close")}),x.css("display","inline-block").css("vertical-align","middle").css("position","relative").css("z-index",1).css("cursor","auto").appendTo(a).hide().on("poptrox_next",function(){var e=d+1;e>=u.length&&(e=0),x.trigger("poptrox_switch",[e])}).on("poptrox_previous",function(){var e=d-1;e<0&&(e=u.length-1),x.trigger("poptrox_switch",[e])}).on("poptrox_reset",function(){f(),x.data("width",s.popupWidth).data("height",s.popupHeight),b.hide().trigger("stopSpinning"),m.hide(),C.hide(),P.hide(),v.hide(),w.attr("src","").detach()}).on("poptrox_open",function(e,o){return!!h||(h=!0,s.useBodyOverflow&&n.css("overflow","hidden"),s.onPopupOpen&&s.onPopupOpen(),x.addClass("loading"),void a.fadeTo(s.fadeSpeed,1,function(){x.trigger("poptrox_switch",[o,!0])}))}).on("poptrox_switch",function(o,t,p){var i;if(!p&&h)return!0;if(h=!0,x.addClass("loading").css("width",x.data("width")).css("height",x.data("height")),m.hide(),w.attr("src")&&w.attr("src",""),w.detach(),i=u[t],w=i.object,w.off("load"),v.css("text-indent","-9999px").show().append(w),"ajax"==i.type?e.get(i.src,function(e){w.html(e),w.trigger("load")}):w.attr("src",i.src),"image"!=i.type){var r,n;r=i.width,n=i.height,"%"==r.slice(-1)&&(r=parseInt(r.substring(0,r.length-1))/100*l.width()),"%"==n.slice(-1)&&(n=parseInt(n.substring(0,n.length-1))/100*l.height()),w.css("position","relative").css("outline","0").css("z-index",s.baseZIndex+100).width(r).height(n)}b.trigger("startSpinning").fadeIn(300),x.show(),s.popupIsFixed?(x.removeClass("loading").width(s.popupWidth).height(s.popupHeight),w.on("load",function(){w.off("load"),b.hide().trigger("stopSpinning"),m.trigger("update",[i.captionText]).fadeIn(s.fadeSpeed),C.fadeIn(s.fadeSpeed),v.css("text-indent",0).hide().fadeIn(s.fadeSpeed,function(){h=!1}),d=t,P.fadeIn(s.fadeSpeed)})):w.on("load",function(){f(),w.off("load"),b.hide().trigger("stopSpinning");var e=w.width(),o=w.height(),p=function(){m.trigger("update",[i.captionText]).fadeIn(s.fadeSpeed),C.fadeIn(s.fadeSpeed),v.css("text-indent",0).hide().fadeIn(s.fadeSpeed,function(){h=!1}),d=t,P.fadeIn(s.fadeSpeed),x.removeClass("loading").data("width",e).data("height",o).css("width","auto").css("height","auto")};e==x.data("width")&&o==x.data("height")?p():x.animate({width:e,height:o},s.popupSpeed,"swing",p)}),"image"!=i.type&&w.trigger("load")}).on("poptrox_close",function(){return!(!h||s.usePopupForceClose)||(h=!0,x.hide().trigger("poptrox_reset"),s.onPopupClose&&s.onPopupClose(),void a.fadeOut(s.fadeSpeed,function(){s.useBodyOverflow&&n.css("overflow","auto"),h=!1}))}).trigger("poptrox_reset"),s.usePopupEasyClose?(m.on("click","a",function(e){e.stopPropagation()}),x.css("cursor","pointer").on("click",function(e){e.stopPropagation(),e.preventDefault(),x.trigger("poptrox_close")})):x.on("click",function(e){e.stopPropagation()}),l.keydown(function(e){if(x.is(":visible"))switch(e.keyCode){case 37:case 32:if(s.usePopupNav)return x.trigger("poptrox_previous"),!1;break;case 39:if(s.usePopupNav)return x.trigger("poptrox_next"),!1;break;case 27:return x.trigger("poptrox_close"),!1}}),r.find(s.selector).each(function(o){var t,p,i=e(this),r=i.find("img"),n=i.data("poptrox");if("ignore"!=n&&i.attr("href")){if(t={src:i.attr("href"),captionText:r.attr("title"),width:null,height:null,type:null,object:null,options:null},s.caption){if("function"==typeof s.caption)c=s.caption(i);else if("selector"in s.caption){var a;a=i.find(s.caption.selector),"attribute"in s.caption?c=a.attr(s.caption.attribute):(c=a.html(),s.caption.remove===!0&&a.remove())}}else c=r.attr("title");if(t.captionText=c,n){var l=n.split(",");0 in l&&(t.type=l[0]),1 in l&&(p=l[1].match(/([0-9%]+)x([0-9%]+)/),p&&3==p.length&&(t.width=p[1],t.height=p[2])),2 in l&&(t.options=l[2])}if(!t.type)switch(p=t.src.match(/\/\/([a-z0-9\.]+)\/.*/),(!p||p.length<2)&&(p=[!1]),p[1]){case"api.soundcloud.com":t.type="soundcloud";break;case"youtu.be":t.type="youtube";break;case"vimeo.com":t.type="vimeo";break;case"wistia.net":t.type="wistia";break;case"bcove.me":t.type="bcove";break;default:t.type="image"}switch(p=t.src.match(/\/\/[a-z0-9\.]+\/(.*)/),t.type){case"iframe":t.object=e(''),t.object.on("click",function(e){e.stopPropagation()}).css("cursor","auto"),t.width&&t.height||(t.width="600",t.height="400");break;case"ajax":t.object=e('
    '),t.object.on("click",function(e){e.stopPropagation()}).css("cursor","auto").css("overflow","auto"),t.width&&t.height||(t.width="600",t.height="400");break;case"soundcloud":t.object=e(''),t.src="//w.soundcloud.com/player/?url="+escape(t.src)+(t.options?"&"+t.options:""),t.width="600",t.height="166";break;case"youtube":t.object=e(''),t.src="//www.youtube.com/embed/"+p[1]+(t.options?"?"+t.options:""),t.width&&t.height||(t.width="800",t.height="480");break;case"vimeo":t.object=e(''),t.src="//player.vimeo.com/video/"+p[1]+(t.options?"?"+t.options:""),t.width&&t.height||(t.width="800",t.height="480");break;case"wistia":t.object=e(''),t.src="//fast.wistia.net/"+p[1]+(t.options?"?"+t.options:""),t.width&&t.height||(t.width="800",t.height="480");break;case"bcove":t.object=e(''),t.src="//bcove.me/"+p[1]+(t.options?"?"+t.options:""),t.width&&t.height||(t.width="640",t.height="360");break;default:if(t.object=e(''),s.preload){var p=document.createElement("img");p.src=t.src,g.push(p)}t.width=i.attr("width"),t.height=i.attr("height")}"file:"==window.location.protocol&&t.src.match(/^\/\//)&&(t.src="http:"+t.src),u.push(t),r.removeAttr("title"),i.removeAttr("href").css("cursor","pointer").css("outline",0).on("click",function(e){e.preventDefault(),e.stopPropagation(),x.trigger("poptrox_open",[o])})}}),r.prop("_poptrox",s),r}}(jQuery); diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..7ee7914 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1 @@ +(function($){var $window=$(window),$body=$('body'),$header=$('#header'),$footer=$('#footer'),$main=$('#main'),settings={parallax:true,parallaxFactor:20};breakpoints({xlarge:['1281px','1800px'],large:['981px','1280px'],medium:['737px','980px'],small:['481px','736px'],xsmall:[null,'480px']});$window.on('load',function(){window.setTimeout(function(){$body.removeClass('is-preload')},100)});if(browser.mobile){$body.addClass('is-touch');window.setTimeout(function(){$window.scrollTop($window.scrollTop()+1)},0)}breakpoints.on('<=medium',function(){$footer.insertAfter($main)});breakpoints.on('>medium',function(){$footer.appendTo($header)});if(browser.name=='ie'||browser.mobile){settings.parallax=false}if(settings.parallax){breakpoints.on('<=medium',function(){$window.off('scroll.strata_parallax');$header.css('background-position','')});breakpoints.on('>medium',function(){$header.css('background-position','left 0px');$window.on('scroll.strata_parallax',function(){$header.css('background-position','left '+(-1*(parseInt($window.scrollTop())/settings.parallaxFactor))+'px')})});$window.on('load',function(){$window.triggerHandler('scroll')})}$window.on('load',function(){$('#two').poptrox({caption:function($a){return $a.next('h3').text()},overlayColor:'#2c2c2c',overlayOpacity:0.85,popupCloserText:'',popupLoaderText:'',selector:'.work-item a.image',usePopupCaption:true,usePopupDefaultStyling:false,usePopupEasyClose:false,usePopupNav:true,windowMargin:(breakpoints.active('<=small')?0:50)})})})(jQuery); \ No newline at end of file diff --git a/assets/js/util.js b/assets/js/util.js new file mode 100644 index 0000000..4c1b85b --- /dev/null +++ b/assets/js/util.js @@ -0,0 +1 @@ +!function(t){t.fn.navList=function(){var e=t(this);return $a=e.find("a"),b=[],$a.each((function(){var e=t(this),a=Math.max(0,e.parents("li").length-1),l=e.attr("href"),i=e.attr("target");b.push(''+e.text()+"")})),b.join("")},t.fn.panel=function(e){if(0==this.length){return i}if(this.length>1){for(var a=0;a-20&&e>50;break;case "right":n=a-20&&e<-50;break;case "top":n=e-20&&a>50;break;case "bottom":n=e-20&&a<-50}if(n){return i.touchPosX=null,i.touchPosY=null,i._hide(),!1}}(i.scrollTop()<0&&a<0||o>r-2&&o0)&&(t.preventDefault(),t.stopPropagation())}})),i.on("click touchend touchstart touchmove",(function(t){t.stopPropagation()})),i.on("click",'a[href="#'+n+'"]',(function(t){t.preventDefault(),t.stopPropagation(),l.target.removeClass(l.visibleClass)})),r.on("click touchend",(function(t){i._hide(t)})),r.on("click",'a[href="#'+n+'"]',(function(t){t.preventDefault(),t.stopPropagation(),l.target.toggleClass(l.visibleClass)})),l.hideOnEscape&&o.on("keydown",(function(t){27==t.keyCode&&i._hide(t)})),i},t.fn.placeholder=function(){if(void 0!==document.createElement("input").placeholder){return t(this)}if(0==this.length){return a}if(this.length>1){for(var e=0;e").append(e.clone()).remove().html().replace(/type="password"/i,'type="text"').replace(/type=password/i,"type=text"));""!=e.attr("id")&&a.attr("id",e.attr("id")+"-polyfill-field"),""!=e.attr("name")&&a.attr("name",e.attr("name")+"-polyfill-field"),a.addClass("polyfill-placeholder").val(a.attr("placeholder")).insertAfter(e),""==e.val()?e.hide():a.hide(),e.on("blur",(function(t){t.preventDefault();var a=e.parent().find("input[name="+e.attr("name")+"-polyfill-field]");""==e.val()&&(e.hide(),a.show())})),a.on("focus",(function(t){t.preventDefault();var e=a.parent().find("input[name="+a.attr("name").replace("-polyfill-field","")+"]");a.hide(),e.show().focus()})).on("keypress",(function(t){t.preventDefault(),a.val("")}))})),a.on("submit",(function(){a.find("input[type=text],input[type=password],textarea").each((function(e){var a=t(this);a.attr("name").match(/-polyfill-field$/)&&a.attr("name",""),a.val()==a.attr("placeholder")&&(a.removeClass("polyfill-placeholder"),a.val(""))}))})).on("reset",(function(e){e.preventDefault(),a.find("select").val(t("option:first").val()),a.find("input,textarea").each((function(){var e,a=t(this);switch(a.removeClass("polyfill-placeholder"),this.type){case "submit":case "reset":break;case "password":a.val(a.attr("defaultValue")),e=a.parent().find("input[name="+a.attr("name")+"-polyfill-field]"),""==a.val()?(a.hide(),e.show()):(a.show(),e.hide());break;case "checkbox":case "radio":a.attr("checked",a.attr("defaultValue"));break;case "text":case "textarea":a.val(a.attr("defaultValue")),""==a.val()&&(a.addClass("polyfill-placeholder"),a.val(a.attr("placeholder")));break;default:a.val(a.attr("defaultValue"))}}))})),a},t.prioritize=function(e,a){var l="__prioritize";"jQuery"!=typeof e&&(e=t(e)),e.each((function(){var e,i=t(this),r=i.parent();if(0!=r.length){if(i.data(l)){if(a){return}e=i.data(l),i.insertAfter(e),i.removeData(l)}}else{if(!a){return}if(0==(e=i.prev()).length){return}i.prependTo(r),i.data(l,e)}}))}}(jQuery); \ No newline at end of file diff --git a/assets/js/winter.js b/assets/js/winter.js new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/libs/_breakpoints.scss b/assets/sass/libs/_breakpoints.scss new file mode 100644 index 0000000..c5301d8 --- /dev/null +++ b/assets/sass/libs/_breakpoints.scss @@ -0,0 +1,223 @@ +// breakpoints.scss v1.0 | @ajlkn | MIT licensed */ + +// Vars. + + /// Breakpoints. + /// @var {list} + $breakpoints: () !global; + +// Mixins. + + /// Sets breakpoints. + /// @param {map} $x Breakpoints. + @mixin breakpoints($x: ()) { + $breakpoints: $x !global; + } + + /// Wraps @content in a @media block targeting a specific orientation. + /// @param {string} $orientation Orientation. + @mixin orientation($orientation) { + @media screen and (orientation: #{$orientation}) { + @content; + } + } + + /// Wraps @content in a @media block using a given query. + /// @param {string} $query Query. + @mixin breakpoint($query: null) { + + $breakpoint: null; + $op: null; + $media: null; + + // Determine operator, breakpoint. + + // Greater than or equal. + @if (str-slice($query, 0, 2) == '>=') { + + $op: 'gte'; + $breakpoint: str-slice($query, 3); + + } + + // Less than or equal. + @elseif (str-slice($query, 0, 2) == '<=') { + + $op: 'lte'; + $breakpoint: str-slice($query, 3); + + } + + // Greater than. + @elseif (str-slice($query, 0, 1) == '>') { + + $op: 'gt'; + $breakpoint: str-slice($query, 2); + + } + + // Less than. + @elseif (str-slice($query, 0, 1) == '<') { + + $op: 'lt'; + $breakpoint: str-slice($query, 2); + + } + + // Not. + @elseif (str-slice($query, 0, 1) == '!') { + + $op: 'not'; + $breakpoint: str-slice($query, 2); + + } + + // Equal. + @else { + + $op: 'eq'; + $breakpoint: $query; + + } + + // Build media. + @if ($breakpoint and map-has-key($breakpoints, $breakpoint)) { + + $a: map-get($breakpoints, $breakpoint); + + // Range. + @if (type-of($a) == 'list') { + + $x: nth($a, 1); + $y: nth($a, 2); + + // Max only. + @if ($x == null) { + + // Greater than or equal (>= 0 / anything) + @if ($op == 'gte') { + $media: 'screen'; + } + + // Less than or equal (<= y) + @elseif ($op == 'lte') { + $media: 'screen and (max-width: ' + $y + ')'; + } + + // Greater than (> y) + @elseif ($op == 'gt') { + $media: 'screen and (min-width: ' + ($y + 1) + ')'; + } + + // Less than (< 0 / invalid) + @elseif ($op == 'lt') { + $media: 'screen and (max-width: -1px)'; + } + + // Not (> y) + @elseif ($op == 'not') { + $media: 'screen and (min-width: ' + ($y + 1) + ')'; + } + + // Equal (<= y) + @else { + $media: 'screen and (max-width: ' + $y + ')'; + } + + } + + // Min only. + @else if ($y == null) { + + // Greater than or equal (>= x) + @if ($op == 'gte') { + $media: 'screen and (min-width: ' + $x + ')'; + } + + // Less than or equal (<= inf / anything) + @elseif ($op == 'lte') { + $media: 'screen'; + } + + // Greater than (> inf / invalid) + @elseif ($op == 'gt') { + $media: 'screen and (max-width: -1px)'; + } + + // Less than (< x) + @elseif ($op == 'lt') { + $media: 'screen and (max-width: ' + ($x - 1) + ')'; + } + + // Not (< x) + @elseif ($op == 'not') { + $media: 'screen and (max-width: ' + ($x - 1) + ')'; + } + + // Equal (>= x) + @else { + $media: 'screen and (min-width: ' + $x + ')'; + } + + } + + // Min and max. + @else { + + // Greater than or equal (>= x) + @if ($op == 'gte') { + $media: 'screen and (min-width: ' + $x + ')'; + } + + // Less than or equal (<= y) + @elseif ($op == 'lte') { + $media: 'screen and (max-width: ' + $y + ')'; + } + + // Greater than (> y) + @elseif ($op == 'gt') { + $media: 'screen and (min-width: ' + ($y + 1) + ')'; + } + + // Less than (< x) + @elseif ($op == 'lt') { + $media: 'screen and (max-width: ' + ($x - 1) + ')'; + } + + // Not (< x and > y) + @elseif ($op == 'not') { + $media: 'screen and (max-width: ' + ($x - 1) + '), screen and (min-width: ' + ($y + 1) + ')'; + } + + // Equal (>= x and <= y) + @else { + $media: 'screen and (min-width: ' + $x + ') and (max-width: ' + $y + ')'; + } + + } + + } + + // String. + @else { + + // Missing a media type? Prefix with "screen". + @if (str-slice($a, 0, 1) == '(') { + $media: 'screen and ' + $a; + } + + // Otherwise, use as-is. + @else { + $media: $a; + } + + } + + } + + // Output. + @media #{$media} { + @content; + } + + } \ No newline at end of file diff --git a/assets/sass/libs/_functions.scss b/assets/sass/libs/_functions.scss new file mode 100644 index 0000000..b367524 --- /dev/null +++ b/assets/sass/libs/_functions.scss @@ -0,0 +1,90 @@ +/// Removes a specific item from a list. +/// @author Hugo Giraudel +/// @param {list} $list List. +/// @param {integer} $index Index. +/// @return {list} Updated list. +@function remove-nth($list, $index) { + + $result: null; + + @if type-of($index) != number { + @warn "$index: #{quote($index)} is not a number for `remove-nth`."; + } + @else if $index == 0 { + @warn "List index 0 must be a non-zero integer for `remove-nth`."; + } + @else if abs($index) > length($list) { + @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; + } + @else { + + $result: (); + $index: if($index < 0, length($list) + $index + 1, $index); + + @for $i from 1 through length($list) { + + @if $i != $index { + $result: append($result, nth($list, $i)); + } + + } + + } + + @return $result; + +} + +/// Gets a value from a map. +/// @author Hugo Giraudel +/// @param {map} $map Map. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function val($map, $keys...) { + + @if nth($keys, 1) == null { + $keys: remove-nth($keys, 1); + } + + @each $key in $keys { + $map: map-get($map, $key); + } + + @return $map; + +} + +/// Gets a duration value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _duration($keys...) { + @return val($duration, $keys...); +} + +/// Gets a font value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _font($keys...) { + @return val($font, $keys...); +} + +/// Gets a misc value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _misc($keys...) { + @return val($misc, $keys...); +} + +/// Gets a palette value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _palette($keys...) { + @return val($palette, $keys...); +} + +/// Gets a size value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _size($keys...) { + @return val($size, $keys...); +} \ No newline at end of file diff --git a/assets/sass/libs/_html-grid.scss b/assets/sass/libs/_html-grid.scss new file mode 100644 index 0000000..3c08069 --- /dev/null +++ b/assets/sass/libs/_html-grid.scss @@ -0,0 +1,149 @@ +// html-grid.scss v1.0 | @ajlkn | MIT licensed */ + +// Mixins. + + /// Initializes the current element as an HTML grid. + /// @param {mixed} $gutters Gutters (either a single number to set both column/row gutters, or a list to set them individually). + /// @param {mixed} $suffix Column class suffix (optional; either a single suffix or a list). + @mixin html-grid($gutters: 1.5em, $suffix: '') { + + // Initialize. + $cols: 12; + $multipliers: 0, 0.25, 0.5, 1, 1.50, 2.00; + $unit: 100% / $cols; + + // Suffixes. + $suffixes: null; + + @if (type-of($suffix) == 'list') { + $suffixes: $suffix; + } + @else { + $suffixes: ($suffix); + } + + // Gutters. + $guttersCols: null; + $guttersRows: null; + + @if (type-of($gutters) == 'list') { + + $guttersCols: nth($gutters, 1); + $guttersRows: nth($gutters, 2); + + } + @else { + + $guttersCols: $gutters; + $guttersRows: 0; + + } + + // Row. + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + + // Columns. + > * { + box-sizing: border-box; + } + + // Gutters. + &.gtr-uniform { + > * { + > :last-child { + margin-bottom: 0; + } + } + } + + // Alignment. + &.aln-left { + justify-content: flex-start; + } + + &.aln-center { + justify-content: center; + } + + &.aln-right { + justify-content: flex-end; + } + + &.aln-top { + align-items: flex-start; + } + + &.aln-middle { + align-items: center; + } + + &.aln-bottom { + align-items: flex-end; + } + + // Step through suffixes. + @each $suffix in $suffixes { + + // Suffix. + @if ($suffix != '') { + $suffix: '-' + $suffix; + } + @else { + $suffix: ''; + } + + // Row. + + // Important. + > .imp#{$suffix} { + order: -1; + } + + // Columns, offsets. + @for $i from 1 through $cols { + > .col-#{$i}#{$suffix} { + width: $unit * $i; + } + + > .off-#{$i}#{$suffix} { + margin-left: $unit * $i; + } + } + + // Step through multipliers. + @each $multiplier in $multipliers { + + // Gutters. + $class: null; + + @if ($multiplier != 1) { + $class: '.gtr-' + ($multiplier * 100); + } + + &#{$class} { + margin-top: ($guttersRows * $multiplier * -1); + margin-left: ($guttersCols * $multiplier * -1); + + > * { + padding: ($guttersRows * $multiplier) 0 0 ($guttersCols * $multiplier); + } + + // Uniform. + &.gtr-uniform { + margin-top: $guttersCols * $multiplier * -1; + + > * { + padding-top: $guttersCols * $multiplier; + } + } + + } + + } + + } + + } \ No newline at end of file diff --git a/assets/sass/libs/_mixins.scss b/assets/sass/libs/_mixins.scss new file mode 100644 index 0000000..8187463 --- /dev/null +++ b/assets/sass/libs/_mixins.scss @@ -0,0 +1,78 @@ +/// Makes an element's :before pseudoelement a FontAwesome icon. +/// @param {string} $content Optional content value to use. +/// @param {string} $category Optional category to use. +/// @param {string} $where Optional pseudoelement to target (before or after). +@mixin icon($content: false, $category: regular, $where: before) { + + text-decoration: none; + + &:#{$where} { + + @if $content { + content: $content; + } + + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + + @if ($category == brands) { + font-family: 'Font Awesome 5 Brands'; + } + @elseif ($category == solid) { + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + } + @else { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; + } + + } + +} + +/// Applies padding to an element, taking the current element-margin value into account. +/// @param {mixed} $tb Top/bottom padding. +/// @param {mixed} $lr Left/right padding. +/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left) +/// @param {bool} $important If true, adds !important. +@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) { + + @if $important { + $important: '!important'; + } + + $x: 0.1em; + + @if unit(_size(element-margin)) == 'rem' { + $x: 0.1rem; + } + + padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important}; + +} + +/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp). +/// @param {string} $svg SVG data URL. +/// @return {string} Encoded SVG data URL. +@function svg-url($svg) { + + $svg: str-replace($svg, '"', '\''); + $svg: str-replace($svg, '%', '%25'); + $svg: str-replace($svg, '<', '%3C'); + $svg: str-replace($svg, '>', '%3E'); + $svg: str-replace($svg, '&', '%26'); + $svg: str-replace($svg, '#', '%23'); + $svg: str-replace($svg, '{', '%7B'); + $svg: str-replace($svg, '}', '%7D'); + $svg: str-replace($svg, ';', '%3B'); + + @return url("data:image/svg+xml;charset=utf8,#{$svg}"); + +} \ No newline at end of file diff --git a/assets/sass/libs/_vars.scss b/assets/sass/libs/_vars.scss new file mode 100644 index 0000000..10e44f5 --- /dev/null +++ b/assets/sass/libs/_vars.scss @@ -0,0 +1,59 @@ +// Misc. + $misc: ( + z-index-base: 10000 + ); + +// Duration. + $duration: ( + transition: 0.2s + ); + +// Size. + $size: ( + border-radius: 0.35em, + element-height: 2.75em, + element-margin: 2em, + container-width: 100% + ); + +// Font. + $font: ( + family: ('Source Sans Pro', Helvetica, sans-serif), + family-fixed: ('Courier New', monospace), + weight: 400, + weight-bold: 400 + ); + +// Palette. + $palette: ( + bg: #fff, + fg: #a2a2a2, + fg-bold: #787878, + fg-light: #b2b2b2, + border: #efefef, + border-bg: #f7f7f7, + border2: #dfdfdf, + border2-bg: #e7e7e7, + + accent1: ( + bg: #49bf9d, + fg: mix(#49bf9d, #ffffff, 25%), + fg-bold: #ffffff, + fg-light: mix(#49bf9d, #ffffff, 40%), + border: rgba(255,255,255,0.25), + border-bg: rgba(255,255,255,0.075), + border2: rgba(255,255,255,0.5), + border2-bg: rgba(255,255,255,0.2) + ), + + accent2: ( + bg: #1f1815, + fg: rgba(255,255,255,0.5), + fg-bold: #ffffff, + fg-light: rgba(255,255,255,0.4), + border: rgba(255,255,255,0.25), + border-bg: rgba(255,255,255,0.075), + border2: rgba(255,255,255,0.5), + border2-bg: rgba(255,255,255,0.2) + ) + ); \ No newline at end of file diff --git a/assets/sass/libs/_vendor.scss b/assets/sass/libs/_vendor.scss new file mode 100644 index 0000000..6599a3f --- /dev/null +++ b/assets/sass/libs/_vendor.scss @@ -0,0 +1,376 @@ +// vendor.scss v1.0 | @ajlkn | MIT licensed */ + +// Vars. + + /// Vendor prefixes. + /// @var {list} + $vendor-prefixes: ( + '-moz-', + '-webkit-', + '-ms-', + '' + ); + + /// Properties that should be vendorized. + /// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org + /// @var {list} + $vendor-properties: ( + + // Animation. + 'animation', + 'animation-delay', + 'animation-direction', + 'animation-duration', + 'animation-fill-mode', + 'animation-iteration-count', + 'animation-name', + 'animation-play-state', + 'animation-timing-function', + + // Appearance. + 'appearance', + + // Backdrop filter. + 'backdrop-filter', + + // Background image options. + 'background-clip', + 'background-origin', + 'background-size', + + // Box sizing. + 'box-sizing', + + // Clip path. + 'clip-path', + + // Filter effects. + 'filter', + + // Flexbox. + 'align-content', + 'align-items', + 'align-self', + 'flex', + 'flex-basis', + 'flex-direction', + 'flex-flow', + 'flex-grow', + 'flex-shrink', + 'flex-wrap', + 'justify-content', + 'order', + + // Font feature. + 'font-feature-settings', + 'font-language-override', + 'font-variant-ligatures', + + // Font kerning. + 'font-kerning', + + // Fragmented borders and backgrounds. + 'box-decoration-break', + + // Grid layout. + 'grid-column', + 'grid-column-align', + 'grid-column-end', + 'grid-column-start', + 'grid-row', + 'grid-row-align', + 'grid-row-end', + 'grid-row-start', + 'grid-template-columns', + 'grid-template-rows', + + // Hyphens. + 'hyphens', + 'word-break', + + // Masks. + 'mask', + 'mask-border', + 'mask-border-outset', + 'mask-border-repeat', + 'mask-border-slice', + 'mask-border-source', + 'mask-border-width', + 'mask-clip', + 'mask-composite', + 'mask-image', + 'mask-origin', + 'mask-position', + 'mask-repeat', + 'mask-size', + + // Multicolumn. + 'break-after', + 'break-before', + 'break-inside', + 'column-count', + 'column-fill', + 'column-gap', + 'column-rule', + 'column-rule-color', + 'column-rule-style', + 'column-rule-width', + 'column-span', + 'column-width', + 'columns', + + // Object fit. + 'object-fit', + 'object-position', + + // Regions. + 'flow-from', + 'flow-into', + 'region-fragment', + + // Scroll snap points. + 'scroll-snap-coordinate', + 'scroll-snap-destination', + 'scroll-snap-points-x', + 'scroll-snap-points-y', + 'scroll-snap-type', + + // Shapes. + 'shape-image-threshold', + 'shape-margin', + 'shape-outside', + + // Tab size. + 'tab-size', + + // Text align last. + 'text-align-last', + + // Text decoration. + 'text-decoration-color', + 'text-decoration-line', + 'text-decoration-skip', + 'text-decoration-style', + + // Text emphasis. + 'text-emphasis', + 'text-emphasis-color', + 'text-emphasis-position', + 'text-emphasis-style', + + // Text size adjust. + 'text-size-adjust', + + // Text spacing. + 'text-spacing', + + // Transform. + 'transform', + 'transform-origin', + + // Transform 3D. + 'backface-visibility', + 'perspective', + 'perspective-origin', + 'transform-style', + + // Transition. + 'transition', + 'transition-delay', + 'transition-duration', + 'transition-property', + 'transition-timing-function', + + // Unicode bidi. + 'unicode-bidi', + + // User select. + 'user-select', + + // Writing mode. + 'writing-mode', + + ); + + /// Values that should be vendorized. + /// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org + /// @var {list} + $vendor-values: ( + + // Cross fade. + 'cross-fade', + + // Element function. + 'element', + + // Filter function. + 'filter', + + // Flexbox. + 'flex', + 'inline-flex', + + // Grab cursors. + 'grab', + 'grabbing', + + // Gradients. + 'linear-gradient', + 'repeating-linear-gradient', + 'radial-gradient', + 'repeating-radial-gradient', + + // Grid layout. + 'grid', + 'inline-grid', + + // Image set. + 'image-set', + + // Intrinsic width. + 'max-content', + 'min-content', + 'fit-content', + 'fill', + 'fill-available', + 'stretch', + + // Sticky position. + 'sticky', + + // Transform. + 'transform', + + // Zoom cursors. + 'zoom-in', + 'zoom-out', + + ); + +// Functions. + + /// Removes a specific item from a list. + /// @author Hugo Giraudel + /// @param {list} $list List. + /// @param {integer} $index Index. + /// @return {list} Updated list. + @function remove-nth($list, $index) { + + $result: null; + + @if type-of($index) != number { + @warn "$index: #{quote($index)} is not a number for `remove-nth`."; + } + @else if $index == 0 { + @warn "List index 0 must be a non-zero integer for `remove-nth`."; + } + @else if abs($index) > length($list) { + @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; + } + @else { + + $result: (); + $index: if($index < 0, length($list) + $index + 1, $index); + + @for $i from 1 through length($list) { + + @if $i != $index { + $result: append($result, nth($list, $i)); + } + + } + + } + + @return $result; + + } + + /// Replaces a substring within another string. + /// @author Hugo Giraudel + /// @param {string} $string String. + /// @param {string} $search Substring. + /// @param {string} $replace Replacement. + /// @return {string} Updated string. + @function str-replace($string, $search, $replace: '') { + + $index: str-index($string, $search); + + @if $index { + @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); + } + + @return $string; + + } + + /// Replaces a substring within each string in a list. + /// @param {list} $strings List of strings. + /// @param {string} $search Substring. + /// @param {string} $replace Replacement. + /// @return {list} Updated list of strings. + @function str-replace-all($strings, $search, $replace: '') { + + @each $string in $strings { + $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace)); + } + + @return $strings; + + } + +// Mixins. + + /// Wraps @content in vendorized keyframe blocks. + /// @param {string} $name Name. + @mixin keyframes($name) { + + @-moz-keyframes #{$name} { @content; } + @-webkit-keyframes #{$name} { @content; } + @-ms-keyframes #{$name} { @content; } + @keyframes #{$name} { @content; } + + } + + /// Vendorizes a declaration's property and/or value(s). + /// @param {string} $property Property. + /// @param {mixed} $value String/list of value(s). + @mixin vendor($property, $value) { + + // Determine if property should expand. + $expandProperty: index($vendor-properties, $property); + + // Determine if value should expand (and if so, add '-prefix-' placeholder). + $expandValue: false; + + @each $x in $value { + @each $y in $vendor-values { + @if $y == str-slice($x, 1, str-length($y)) { + + $value: set-nth($value, index($value, $x), '-prefix-' + $x); + $expandValue: true; + + } + } + } + + // Expand property? + @if $expandProperty { + @each $vendor in $vendor-prefixes { + #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; + } + } + + // Expand just the value? + @elseif $expandValue { + @each $vendor in $vendor-prefixes { + #{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; + } + } + + // Neither? Treat them as a normal declaration. + @else { + #{$property}: #{$value}; + } + + } \ No newline at end of file diff --git a/assets/sass/main.scss b/assets/sass/main.scss new file mode 100644 index 0000000..6f51d1b --- /dev/null +++ b/assets/sass/main.scss @@ -0,0 +1,18 @@ +@import 'libs/vars';@import 'libs/functions';@import 'libs/mixins';@import 'libs/vendor';@import 'libs/breakpoints';@import 'libs/html-grid';@import url('fontawesome-all.min.css');@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic");$size-header-width:35%;$size-header-pad:4em;//Breakpoints.@include breakpoints((xlarge:(1281px,1800px),large:(981px,1280px),medium:(737px,980px),small:(481px,736px),xsmall:(null,480px),));//Reset.//Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License:public domain) html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} +body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none;&:before,&:after{content:'';content:none}}table{border-collapse:collapse;border-spacing:0}body{-webkit-text-size-adjust:none}mark{background-color:transparent;color:inherit}input::-moz-focus-inner{border:0;padding:0}input,select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none}//Set box model to border-box.//Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:_palette(bg);//Stops initial animations until page loads. &.is-preload{*,*:before,*:after{@include vendor('animation','none !important');@include vendor('transition','none !important')}}}body,input,select,textarea{color:_palette(fg);font-family:_font(family);font-size:16pt;font-weight:_font(weight);line-height:1.75em}a{@include vendor('transition',('color #{_duration(transition)} ease-in-out','border-color #{_duration(transition)} ease-in-out'));border-bottom:dotted 1px;color:_palette(accent1,bg);text-decoration:none;&:hover{border-bottom-color:transparent;color:_palette(accent1,bg) !important;text-decoration:none} +}strong,b{color:_palette(fg-bold);font-weight:_font(weight-bold)}em,i{font-style:italic}p{margin:0 0 _size(element-margin) 0}h1,h2,h3,h4,h5,h6{color:_palette(fg-bold);font-weight:_font(weight-bold);line-height:1em;margin:0 0 (_size(element-margin) * 0.5) 0;a{color:inherit;text-decoration:none}}h1{font-size:2em;line-height:1.5em}h2{font-size:1.5em;line-height:1.5em}h3{font-size:1.25em;line-height:1.5em}h4{font-size:1.1em;line-height:1.5em}h5{font-size:.9em;line-height:1.5em}h6{font-size:.7em;line-height:1.5em}sub{font-size:.8em;position:relative;top:.5em}sup{font-size:.8em;position:relative;top:-.5em}hr{border:0;border-bottom:solid 2px _palette(border);//This is the *only* instance where we need to rely on margin collapse. margin:_size(element-margin) 0;&.major{margin:(_size(element-margin)*1.5) 0}}blockquote{border-left:solid 6px _palette(border);font-style:italic;margin:0 0 _size(element-margin) 0;padding:.5em 0 .5em 1.5em}code{background:_palette(border-bg);border-radius:_size(border-radius);border:solid 2px _palette(border);font-family:_font(family-fixed);font-size:.9em;margin:0 .25em;padding:.25em .65em} +pre{-webkit-overflow-scrolling:touch;font-family:_font(family-fixed);font-size:0.9em;margin:0 0 _size(element-margin) 0;code{display:block;line-height:1.75em;padding:1em 1.5em;overflow-x:auto}}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.container{margin:0 auto;max-width:calc(100% - #{_size(element-margin)*2});width:_size(container-width);&.xsmall{width:(_size(container-width)*0.25)}&.small{width:(_size(container-width)*0.5)}&.medium{width:(_size(container-width)*0.75)}&.large{width:(_size(container-width)*1.25)}&.xlarge{width:(_size(container-width)*1.5)}&.max{width:100%}@include breakpoint('<=medium'){width:100% !important;max-width:100% !important}@include breakpoint('<=xsmall'){max-width:calc(100% - #{_size(element-margin)*1.5});}}.row{@include html-grid(2.5em);@include breakpoint('<=xlarge'){@include html-grid(2.5em,'xlarge')}@include breakpoint('<=large'){@include html-grid(2em,'large')}@include breakpoint('<=medium'){@include html-grid(2em,'medium')} +@include breakpoint('<=small'){@include html-grid(1.5em,'small')}@include breakpoint('<=xsmall'){@include html-grid(1.5em,'xsmall')}}section,article{&.special{text-align:center}}header{p{color:_palette(fg-light);position:relative;margin:0 0 (_size(element-margin)*0.75) 0}h2+p{font-size:1.25em;margin-top:(_size(element-margin)*-0.5);line-height:1.5em}h3+p{font-size:1.1em;margin-top:(_size(element-margin)*-0.4);line-height:1.5em}h4+p,h5+p,h6+p{font-size:.9em;margin-top:(_size(element-margin)*-0.3);line-height:1.5em}&.major{h2{font-size:2em}}}form{margin:0 0 _size(element-margin) 0}label{color:_palette(fg-bold);display:block;font-size:.9em;font-weight:_font(weight-bold);margin:0 0 (_size(element-margin)*0.5) 0}input[type=text],input[type=password],input[type=email],select,textarea{@include vendor('appearance','none');background:_palette(border-bg);border-radius:_size(border-radius);border:solid 2px transparent;color:inherit;display:block;outline:0;padding:0 0.75em;text-decoration:none;width:100%;&:invalid{box-shadow:none} +&:focus{border-color:_palette(accent1,bg)}}select{background-image:svg-url("");background-size:1.25rem;background-repeat:no-repeat;background-position:calc(100% - 1rem) center;height:_size(element-height);padding-right:_size(element-height);text-overflow:ellipsis;option{color:_palette(fg-bold);background:_palette(bg)}&:focus{&::-ms-value{background-color:transparent}}&::-ms-expand{display:none}}input[type=text],input[type=password],input[type=email],select{height:_size(element-height)}textarea{padding:.75em}input[type=checkbox],input[type=radio]{@include vendor('appearance','none');display:block;float:left;margin-right:-2em;opacity:0;width:1em;z-index:-1;&+label{@include icon(false,solid);color:_palette(fg);cursor:pointer;display:inline-block;font-size:1em;font-weight:_font(weight);padding-left:(_size(element-height) * 0.6)+0.75em;padding-right:0.75em;position:relative;&:before{background:_palette(border-bg);border-radius:_size(border-radius);border:solid 2px transparent;content:'';display:inline-block;font-size:.8em;height:(_size(element-height)*0.75);left:0;line-height:(_size(element-height)*0.675);position:absolute;text-align:center;top:0;width:(_size(element-height)*0.75)} +}&:checked+label{&:before{background:_palette(fg-bold);border-color:_palette(fg-bold);color:_palette(bg);content:'\f00c'}}&:focus+label{&:before{border-color:_palette(accent1,bg)}}}input[type=checkbox]{&+label{&:before{border-radius:_size(border-radius)}}}input[type=radio]{&+label{&:before{border-radius:100%}}}::-webkit-input-placeholder{color:_palette(fg-light) !important;opacity:1.0}:-moz-placeholder{color:_palette(fg-light) !important;opacity:1.0}::-moz-placeholder{color:_palette(fg-light) !important;opacity:1.0}:-ms-input-placeholder{color:_palette(fg-light) !important;opacity:1.0}.box{border-radius:_size(border-radius);border:solid 2px _palette(border);margin-bottom:_size(element-margin);padding:1.5em;>:last-child,>:last-child>:last-child,>:last-child>:last-child>:last-child{margin-bottom:0}&.alt{border:0;border-radius:0;padding:0}}.icon{@include icon;border-bottom:none;position:relative;>.label{display:none}&:before{line-height:inherit}&.solid{&:before{font-weight:900}}&.brands{&:before{font-family:'Font Awesome 5 Brands'} +}}.image{border-radius:_size(border-radius);border:0;display:inline-block;position:relative;&:before{@include vendor('transition','opacity #{_duration(transition)} ease-in-out');background:url('images/overlay.png');border-radius:_size(border-radius);content:'';display:block;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}&.thumb{text-align:center;&:after{@include vendor('transition','opacity #{_duration(transition)} ease-in-out');border-radius:_size(border-radius);border:solid 3px rgba(255,255,255,.5);color:#121212;content:'View';display:inline-block;font-size:.8em;font-weight:_font(weight-bold);left:50%;line-height:2.25em;margin:-1.25em 0 0 -3em;opacity:0;padding:0 1.5em;position:absolute;text-align:center;text-decoration:none;top:50%;white-space:nowrap}&:hover{&:after{opacity:1.0}&:before{background:url('images/overlay.png'),url('images/overlay.png');opacity:1.0}}}img{border-radius:_size(border-radius);display:block}&.left{float:left;margin:0 1.5em 1em 0;top:.25em}&.right{float:right;margin:0 0 1em 1.5em;top:.25em} +&.left,&.right{max-width:40%;img{width:100%}}&.fit{display:block;margin:0 0 _size(element-margin) 0;width:100%;img{width:100%}}&.avatar{border-radius:100%;&:before{display:none}img{border-radius:100%;width:100%}}}ol{list-style:decimal;margin:0 0 _size(element-margin) 0;padding-left:1.25em;li{padding-left:.25em}}ul{list-style:disc;margin:0 0 _size(element-margin) 0;padding-left:1em;li{padding-left:.5em}&.alt{list-style:none;padding-left:0;li{border-top:solid 2px _palette(border);padding:0.5em 0;&:first-child{border-top:0;padding-top:0}}}}dl{margin:0 0 _size(element-margin) 0}ul.icons{cursor:default;list-style:none;padding-left:0;li{display:inline-block;padding:0 1em 0 0;&:last-child{padding-right:0}.icon{&:before{font-size:1.5em}}}}ul.labeled-icons{list-style:none;padding:0;li{line-height:1.75em;margin:1.5em 0 0 0;padding-left:2.25em;position:relative;&:first-child{margin-top:0}a{color:inherit}h3{color:_palette(fg-light);left:0;position:absolute;text-align:center;top:0;width:1em}}}ul.actions{@include vendor('display','flex');cursor:default;list-style:none;margin-left:(_size(element-margin) * -0.5);padding-left:0;li{padding:0 0 0 (_size(element-margin)*0.5);vertical-align:middle} +&.special{@include vendor('justify-content','center');width:100%;margin-left:0;li{&:first-child{padding-left:0}}}&.stacked{@include vendor('flex-direction','column');margin-left:0;li{padding:(_size(element-margin) * 0.65) 0 0 0;&:first-child{padding-top:0}}}&.fit{width:calc(100%+#{_size(element-margin)*0.5});li{@include vendor('flex-grow','1');@include vendor('flex-shrink','1');width:100%;>*{width:100%}}&.stacked{width:100%}}@include breakpoint('<=xsmall'){&:not(.fixed){@include vendor('flex-direction','column');margin-left:0;width:100% !important;li{@include vendor('flex-grow','1');@include vendor('flex-shrink','1');padding:(_size(element-margin) * 0.5) 0 0 0;text-align:center;width:100%;>*{width:100%}&:first-child{padding-top:0}input[type=submit],input[type=reset],input[type=button],button,.button{width:100%;&.icon{&:before{margin-left:-.5em}}}}}}}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto} +table{margin:0 0 _size(element-margin) 0;width:100%;tbody{tr{border:solid 1px _palette(border);border-left:0;border-right:0;&:nth-child(2n+1){background-color:_palette(border-bg)}}}td{padding:.75em}th{color:_palette(fg-bold);font-size:.9em;font-weight:_font(weight-bold);padding:0 .75em .75em;text-align:left}thead{border-bottom:solid 2px _palette(border)}tfoot{border-top:solid 2px _palette(border)}&.alt{border-collapse:separate;tbody{tr{td{border:solid 2px _palette(border);border-left-width:0;border-top-width:0;&:first-child{border-left-width:2px}}&:first-child{td{border-top-width:2px}}}}thead{border-bottom:0}tfoot{border-top:0}}}input[type=submit],input[type=reset],input[type=button],.button{@include vendor('appearance','none');@include vendor('transition',('background-color #{_duration(transition)} ease-in-out','color #{_duration(transition)} ease-in-out','border-color #{_duration(transition)} ease-in-out'));background-color:transparent;border-radius:_size(border-radius);border:solid 3px _palette(border);color:_palette(fg-bold) !important;cursor:pointer;display:inline-block;font-weight:_font(weight-bold);height:3.15em;height:calc(2.75em+6px);line-height:2.75em;min-width:10em;padding:0 1.5em;text-align:center;text-decoration:none;white-space:nowrap;&:hover{border-color:_palette(accent1,bg);color:_palette(accent1,bg) !important} +&:active{background-color:transparentize(_palette(accent1,bg),.9);border-color:_palette(accent1,bg);color:_palette(accent1,bg) !important}&.icon{padding-left:1.35em;&:before{margin-right:.5em}}&.fit{min-width:0;width:100%}&.small{font-size:.8em}&.large{font-size:1.35em}&.primary{background-color:_palette(accent1,bg);border-color:_palette(accent1,bg);color:_palette(accent1,fg-bold) !important;&:hover{background-color:lighten(_palette(accent1,bg),5);border-color:lighten(_palette(accent1,bg),5)}&:active{background-color:darken(_palette(accent1,bg),5);border-color:darken(_palette(accent1,bg),5)}}&.disabled,&:disabled{background-color:_palette(border2-bg) !important;border-color:_palette(border2-bg) !important;color:_palette(fg-light) !important;cursor:default}}.work-item{margin:0 0 _size(element-margin) 0;.image{margin:0 0 (_size(element-margin)*0.75) 0}h3{font-size:1em;margin:0 0 (_size(element-margin)*0.25) 0}p{font-size:.8em;line-height:1.5em;margin:0}}#header{@include vendor('display','flex');@include vendor('flex-direction','column');@include vendor('align-items','flex-end');@include vendor('justify-content','space-between');background-color:_palette(accent2,bg);background-attachment:scroll,scroll;background-image:url('images/overlay.png'),url('../../images/bg.jpg');background-position:top left,top left;background-repeat:repeat,no-repeat;background-size:auto,150%;color:_palette(accent2,fg);height:100%;left:0;padding:($size-header-pad * 2) $size-header-pad;position:fixed;text-align:right;top:0;width:$size-header-width;>*{@include vendor('flex-shrink','0');width:100%} +>.inner{@include vendor('flex-grow','1');margin:0 0 ($size-header-pad*0.5) 0}strong,b{color:_palette(accent2,fg-bold)}h2,h3,h4,h5,h6{color:_palette(accent2,fg-bold)}h1{color:_palette(accent2,fg);font-size:1.35em;line-height:1.75em;margin:0}.image.avatar{margin:0 0 (_size(element-margin)*0.5) 0;width:6.25em}}#footer{.icons{margin:(_size(element-margin) * 0.5) 0 0 0;a{color:_palette(accent2,fg-light)}}.copyright{color:_palette(accent2,fg-light);font-size:0.8em;list-style:none;margin:(_size(element-margin) * 0.5) 0 0 0;padding:0;li{border-left:solid 1px _palette(accent2,border);display:inline-block;line-height:1em;margin-left:0.75em;padding-left:0.75em;&:first-child{border-left:0;margin-left:0;padding-left:0}a{color:inherit}}}}#main{margin-left:$size-header-width;max-width:50em+$size-header-pad;padding:($size-header-pad * 2) $size-header-pad $size-header-pad $size-header-pad;width:calc(100% - #{$size-header-width});>section{border-top:solid 2px _palette(border);margin:$size-header-pad 0 0 0;padding:$size-header-pad 0 0 0;&:first-child{border-top:0;margin-top:0;padding-top:0} +}}@include keyframes('spin'){0%{@include vendor('transform','rotate(0deg)')}100%{@include vendor('transform','rotate(360deg)')}};.poptrox-popup{@include vendor('box-sizing','content-box');-webkit-tap-highlight-color:rgba(255,255,255,0);background:#121212;border-radius:_size(border-radius);box-shadow:0 0.1em 0.15em 0 rgba(0,0,0,0.15);overflow:hidden;padding-bottom:3em;.loader{@include icon(false,solid);@include vendor('animation','spin 1s linear infinite');font-size:1.5em;height:1em;left:50%;line-height:1em;margin:-0.5em 0 0 -0.5em;position:absolute;top:50%;width:1em;&:before{content:'\f1ce'}}.caption{background:#121212;bottom:0;cursor:default;font-size:.9em;height:3em;left:0;line-height:2.8em;position:absolute;text-align:center;width:100%;z-index:1}.nav-next,.nav-previous{@include icon(false,solid);@include vendor('transition','opacity #{_duration(transition)} ease-in-out');-webkit-tap-highlight-color:rgba(255,255,255,0);background:rgba(0,0,0,0.01);cursor:pointer;height:100%;opacity:0;position:absolute;top:0;width:50%;&:before{color:#121212;font-size:2.5em;height:1em;line-height:1em;margin-top:-.75em;position:absolute;text-align:center;top:50%;width:1.5em} +}.nav-next{right:0;&:before{content:'\f105';right:0}}.nav-previous{left:0;&:before{content:'\f104';left:0}}.closer{@include icon(false,solid);@include vendor('transition','opacity #{_duration(transition)} ease-in-out');-webkit-tap-highlight-color:rgba(255,255,255,0);color:#121212;height:4em;line-height:4em;opacity:0;position:absolute;right:0;text-align:center;top:0;width:4em;z-index:2;&:before{@include vendor('box-sizing','content-box');border-radius:100%;border:solid 3px rgba(255,255,255,.5);content:'\f00d';display:block;font-size:1em;height:1.75em;left:50%;line-height:1.75em;margin:-.875em 0 0 -.875em;position:absolute;top:50%;width:1.75em}}&:hover{.nav-next,.nav-previous{opacity:0.5;&:hover{opacity:1.0}}.closer{opacity:0.5;&:hover{opacity:1.0}}}}body.is-touch{.image{&.thumb{&:before{opacity:.5 !important}&:after{display:none !important}}}#header{background-attachment:scroll;background-size:auto,cover}.poptrox-popup{.nav-next,.nav-previous,.closer{opacity:1 !important} +}}@include breakpoint('<=xlarge'){body,input,select,textarea{font-size:12pt}}@include breakpoint('<=large'){$size-header-width:30%;$size-header-pad:3em;#header{padding:($size-header-pad * 2) $size-header-pad $size-header-pad $size-header-pad;width:$size-header-width;h1{font-size:1.25em;br{display:none}}>.inner{margin-bottom:0}}#footer{.copyright{li{border-left-width:0;display:block;line-height:2.25em;margin-left:0;padding-left:0}}}#main{margin-left:$size-header-width;max-width:none;padding:($size-header-pad * 2) $size-header-pad $size-header-pad $size-header-pad;width:calc(100% - #{$size-header-width});}}@include breakpoint('<=medium'){$size-header-pad:4em;h1,h2,h3,h4,h5,h6{br{display:none}}ul{&.icons{li{.icon{font-size:1.25em}}}}#header{background-attachment:scroll;background-position:top left,center center;background-size:auto,cover;left:auto;padding:($size-header-pad * 1.5) $size-header-pad;position:relative;text-align:center;top:auto;width:100%;display:block;h1{font-size:1.75em;br{display:inline} +}}#footer{background-attachment:scroll;background-color:_palette(accent2,bg);background-image:url('images/overlay.png'),url('../../images/bg.jpg');background-position:top left,bottom center;background-repeat:repeat,no-repeat;background-size:auto,cover;bottom:auto;left:auto;padding:$size-header-pad $size-header-pad ($size-header-pad * 1.5) $size-header-pad;position:relative;text-align:center;width:100%;.icons{margin:0 0 (_size(element-margin)*0.5) 0}.copyright{margin:0 0 (_size(element-margin) * 0.5) 0;li{border-left-width:1px;display:inline-block;line-height:1em;margin-left:.75em;padding-left:.75em}}}#main{margin:0;padding:($size-header-pad*1.5) $size-header-pad;width:100%}}@include breakpoint('<=small'){$size-header-pad:1.5em;h1{font-size:1.5em}h2{font-size:1.2em}h3{font-size:1em}section,article{&.special{text-align:center}}header{&.major{h2{font-size:1.35em}}}ul{&.labeled-icons{li{padding-left:2em;h3{line-height:1.75em}}}}#header{padding:($size-header-pad * 1.5) $size-header-pad;h1{font-size:1.35em} +}#footer{padding:($size-header-pad*1.5) $size-header-pad}#main{padding:($size-header-pad * 1.5) $size-header-pad (($size-header-pad * 1.5) - _size(element-margin)) $size-header-pad;>section{margin:($size-header-pad*1.5) 0 0 0;padding:($size-header-pad*1.5) 0 0 0}}.poptrox-popup{border-radius:0;.nav-next,.nav-previous{&:before{margin-top:-1em}}}}@include breakpoint('<=xsmall'){$size-header-pad:1.5em;#header{padding:($size-header-pad * 3) $size-header-pad;h1{br{display:none}}}#footer{.copyright{li{border-left-width:0;display:block;line-height:2.25em;margin-left:0;padding-left:0}}}} \ No newline at end of file diff --git a/credits/index.html b/credits/index.html new file mode 100644 index 0000000..2782eef --- /dev/null +++ b/credits/index.html @@ -0,0 +1,76 @@ + + + + + Credits - Sophia Atkinson + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +

    Credits
    +

    +
    +

    Home

    +
    +

    Peeps that made this site possible.

    +

    The Site Backbone

    +

    Footer sync module.

    +

    Avatar By HitsujiGoods

    +
      +
    +
    + + + + + + + + + + diff --git a/deprecated/index.html b/deprecated/index.html new file mode 100644 index 0000000..aacf0ab --- /dev/null +++ b/deprecated/index.html @@ -0,0 +1,72 @@ + + + + + Page Deprecated - Sophia Atkinson + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +

    Page Deprecated
    +

    +
    +

    Head On Home

    +
      +
    +
    + + + + + + + + + + + diff --git a/domains/index.html b/domains/index.html new file mode 100644 index 0000000..907d532 --- /dev/null +++ b/domains/index.html @@ -0,0 +1,96 @@ + + + + + Domains - Sophia Atkinson + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +

    Domains
    +

    +
    +

    Home

    +
    +

    sophia.wtf (NOT for Sale)

    +

    sop.wtf (NOT for Sale)

    +

    tms.cx (NOT for Sale)

    +

    theminecraftserver.org (NOT for Sale)

    +

    sophiaatkinson.com (NOT for Sale)

    +

    projectfirewatch.com (NOT for Sale)

    +

    perlathedog.com (NOT for Sale)

    +

    codsworth.xyz (NOT for Sale)

    +

    jimsim.dev (NOT for Sale)

    +

    jimsim.network (NOT for Sale)

    +

    atkinson.top (NOT for Sale)

    +

    satki.net (NOT for Sale)

    +

    thesop.xyz (For Sale!)

    +

    bobatkinson.org (NOT for Sale)

    +

    oldgate.org (NOT for Sale)

    +

    pdx.rocks (NOT for Sale)

    +

    linustechtips.xyz (NOT for Sale)

    +
      +
    +
    + + + + + + + + + + + diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..76b493b Binary files /dev/null and b/favicon.ico differ diff --git a/images/Lavatar.webp b/images/Lavatar.webp new file mode 100644 index 0000000..6aa750d Binary files /dev/null and b/images/Lavatar.webp differ diff --git a/images/avatar.webp b/images/avatar.webp new file mode 100644 index 0000000..338a75c Binary files /dev/null and b/images/avatar.webp differ diff --git a/images/bgs/S6CZF.webp b/images/bgs/S6CZF.webp new file mode 100644 index 0000000..4d827ea Binary files /dev/null and b/images/bgs/S6CZF.webp differ diff --git a/images/bgs/ekwb.webp b/images/bgs/ekwb.webp new file mode 100644 index 0000000..e97ec82 Binary files /dev/null and b/images/bgs/ekwb.webp differ diff --git a/images/favicon.webp b/images/favicon.webp new file mode 100644 index 0000000..76b493b Binary files /dev/null and b/images/favicon.webp differ diff --git a/images/launch.webp b/images/launch.webp new file mode 100644 index 0000000..0c51acf Binary files /dev/null and b/images/launch.webp differ diff --git a/images/logo.jpg b/images/logo.jpg new file mode 100644 index 0000000..9fd1874 Binary files /dev/null and b/images/logo.jpg differ diff --git a/images/logo.webp b/images/logo.webp new file mode 100644 index 0000000..80493fc Binary files /dev/null and b/images/logo.webp differ diff --git a/images/oldavatar.webp b/images/oldavatar.webp new file mode 100644 index 0000000..2a63de7 Binary files /dev/null and b/images/oldavatar.webp differ diff --git a/images/previews/ab.webp b/images/previews/ab.webp new file mode 100644 index 0000000..4af8420 Binary files /dev/null and b/images/previews/ab.webp differ diff --git a/images/previews/cw.webp b/images/previews/cw.webp new file mode 100644 index 0000000..326f245 Binary files /dev/null and b/images/previews/cw.webp differ diff --git a/images/previews/jb.webp b/images/previews/jb.webp new file mode 100644 index 0000000..f9cb4a4 Binary files /dev/null and b/images/previews/jb.webp differ diff --git a/images/previews/jsn.webp b/images/previews/jsn.webp new file mode 100644 index 0000000..a62a2c0 Binary files /dev/null and b/images/previews/jsn.webp differ diff --git a/images/previews/newcomingsoon.webp b/images/previews/newcomingsoon.webp new file mode 100644 index 0000000..6a2a921 Binary files /dev/null and b/images/previews/newcomingsoon.webp differ diff --git a/images/previews/osrp.webp b/images/previews/osrp.webp new file mode 100644 index 0000000..5a3ee40 Binary files /dev/null and b/images/previews/osrp.webp differ diff --git a/images/previews/pf.webp b/images/previews/pf.webp new file mode 100644 index 0000000..9546284 Binary files /dev/null and b/images/previews/pf.webp differ diff --git a/images/previews/ptd.webp b/images/previews/ptd.webp new file mode 100644 index 0000000..59983b0 Binary files /dev/null and b/images/previews/ptd.webp differ diff --git a/images/previews/rja.webp b/images/previews/rja.webp new file mode 100644 index 0000000..8aac140 Binary files /dev/null and b/images/previews/rja.webp differ diff --git a/images/previews/sop.webp b/images/previews/sop.webp new file mode 100644 index 0000000..58cd1ac Binary files /dev/null and b/images/previews/sop.webp differ diff --git a/images/previews/tms.webp b/images/previews/tms.webp new file mode 100644 index 0000000..243039b Binary files /dev/null and b/images/previews/tms.webp differ diff --git a/images/sophialul-dark.webp b/images/sophialul-dark.webp new file mode 100644 index 0000000..38a348e Binary files /dev/null and b/images/sophialul-dark.webp differ diff --git a/images/whavatar.webp b/images/whavatar.webp new file mode 100644 index 0000000..e381145 Binary files /dev/null and b/images/whavatar.webp differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..e49e2b6 --- /dev/null +++ b/index.html @@ -0,0 +1,156 @@ + + + + + + Sophia Atkinson + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    +


    +

    +
    +

    🔭 I'm currently working on my GED

    +

    🤔 I'm looking for help with Nothing right now.

    +

    💬 Ask me about anything

    +

    📫 How to reach me: Discord SophiaXD#3076, or my Email

    +

    😄 Pronouns: She/Her

    +

    ⚡ Fun facts about me: trans lass, I have a homelab, I love computers, and I waste alot of money on garbage.

    +

    🖥 Node.js, Javascript, Lua, C++, C#, Java, React, PHP, HTML, CSS.

    +

    + 🔗 + Stackoverflow, + Status Page, + My Blog, + WakaTime, + CodeStats. +

    + +
      +
    +
    + +
    +
    +
    +

    The About Page

    +

    The News Page

    +

    The Domains Page

    +

    The Music Page

    +

    The Support Page

    +

    The Projects Page

    +

    The Credits Page

    +
      +
    +
    + +
    +

    Projects

    +
    +
    + +

    Robert James Atkinson Jr

    +

    Found it pretty sad that all of the images of my Grandpa were from his Obit, So I made him a site. (bobatkinson.org)

    +
    +
    + +

    sop.wtf

    +

    URL Shortening Service, No Ads. No BS. 100% Free. (sop.wtf)

    +
    + + +
    + +

    Codsworth The Discord Bot (Discontinued)

    +

    A No-compromises Music Experience For Discord. (codsworth.xyz)

    +
    +
    + +

    The Minecraft Server

    +

    A community server started in the thick of Covid-19. (tms.cx)

    +
    +
    +
    + +
    + + milk + +
    +
    + + + + + + + + + + + + + \ No newline at end of file diff --git a/music/index.html b/music/index.html new file mode 100644 index 0000000..44facc9 --- /dev/null +++ b/music/index.html @@ -0,0 +1,96 @@ + + + + + Music - Sophia Atkinson + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +

    Music
    +

    +
    +

    Home

    +
    +

    Favorite Songs

    +

    Fuck U Pal by Rare Americans

    +

    Same Boat We Row by Rare Americans

    +

    Baggage by Rare Americans

    +

    Brittle Bones Nicky by Rare Americans

    +

    Brittle Bones Nicky 2 by Rare Americans

    +

    Ryan & Dave by Rare Americans

    +

    Full Moon by Rare Americans

    +

    Milk Man by Rare Americans

    +

    Gas Mask by Rare Americans

    +

    I vs I by Rare Americans

    +

    Still Alive (J.C. Mix) by Jonathan Coulton

    +

    Want You Gone by Aperture Science Psychoacoustic Laboratories

    +
    +

    Favorite Albums

    +

    Jamesy Boy & The Screw Loose Zoo by Rare Americans

    +

    Rare Americans 2 by Rare Americans

    +

    Rare Americans by Rare Americans

    +

    Portal 2: Songs to Test by, by Aperture Science Psychoacoustic Laboratories

    +
    +

    My Music Vault

    +

    2021

    +
      +
    +
    + + + + + + + + + + + diff --git a/music/vault/2021/index.html b/music/vault/2021/index.html new file mode 100644 index 0000000..9f968fe --- /dev/null +++ b/music/vault/2021/index.html @@ -0,0 +1,90 @@ + + + + + Music Archive 2021 - Sophia Atkinson + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +

    Music
    +

    +
    +

    Home

    +

    Aoi Shiori by Galileo Galilei

    +

    Sharinno Jiku by Galileo Galilei

    +

    Sea and The Darkness by Galileo Galilei

    +

    warbear by warbear

    +

    Bubble Gum by warbear

    +

    Moon Boots by Bird Bear Hare and Fish

    +

    BBHF1 -YOUNG MAN GOES SOUTH- by BBHF

    +

    Kakeagatte by BBHF

    +

    Family by BBHF

    +

    Kuroi Tsubasa no Aidawo by BBHF

    +

    Naimononedari by Kana-Boon

    +

    未来茶屋 vol.0 by Yunomi

    +

    未来茶屋 vol.1 by Yunomi

    +

    Lockdown (feat. Neona) by Pikasonic, Tatsunoshin

    +

    Tsuioku (feat. Nakotanmaru) by Pikasonic

    +

    My Playlist

    +

    Soundcloud favorites

    +
      +
    +
    + + + + + + + + + + + diff --git a/projects/index.html b/projects/index.html new file mode 100644 index 0000000..ea3ef96 --- /dev/null +++ b/projects/index.html @@ -0,0 +1,114 @@ + + + + + + Projects - Sophia Atkinson + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +

    Projects

    +

    Home

    +
    +
    + +

    Robert James Atkinson Jr

    +

    Found it pretty sad that all of the images of my Grandpa were from his Obit, So I made him a site. (bobatkinson.org)

    +
    +
    + +

    sop.wtf

    +

    URL Shortening Service, No Ads. No BS. 100% Free. (sop.wtf)

    +
    + + +
    + +

    Codsworth The Discord Bot (Discontinued)

    +

    A No-compromises Music Experience For Discord. (codsworth.xyz)

    +
    +
    + +

    The Minecraft Server

    +

    A community server started in the thick of Covid-19. (tms.cx)

    +
    +
    + +

    Jim Bot (Discontinued)

    +

    A Multipurpose Discord Bot.

    +
    +
    + +

    Annoyance Bot (Discontinued)

    +

    Designed To Annoyance People On Discord.

    +
    +
    + +

    Oregon State Roleplay (Closed)

    +

    A FiveM Roleplay Server.

    +
    + +
    +
    + + + + + + + + + + + + \ No newline at end of file diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..824437e --- /dev/null +++ b/robots.txt @@ -0,0 +1,42 @@ +*****************************************************************************************************/ + .--.--. ,---, ___ + / / '. ,-.----. ,--.' | ,--, ,--.'|_ .--., +| : /`. / ,---. \ / \ | | : ,--.'| .---. | | :,' ,--.' \ +; | |--` ' ,'\ | : |: : : | |, /. ./| : : ' : | | /\/ +| : ;_ / / || | .\ :: | |,--.`--'_ ,--.--. .-'-. ' |.;__,' / : : : + \ \ `. . ; ,. :. : |: || : ' |,' ,'| / \ /___/ \: || | | : | |-, + `----. \' | |: :| | \ :| | /' :' | | .--. .-. | .-'.. ' ' .:__,'| : | : :/| + __ \ \ |' | .; :| : . |' : | | || | : \__\/: . . /___/ \: ' ' : |__ | | .' + / /`--' /| : |: |`-'| | ' | :' : |__ ," .--.; | . \ ' .\ | | '.'|' : ' +'--'. / \ \ / : : : | : :_:,'| | '.'|/ / ,. | __\ \ ' \ | ; : ;| | | + `--'---' `----' | | : | | ,' ; : ; : .' \/ .\ \ |--" | , / | : \ + `---'.| `--'' | , /| , .-./\ ; \ \ | ---`-' | |,' + `---` ---`-' `--`---' `--" '---" `--' +*****************************************************************************************************/ +User-agent: * +Allow: / +Disallow: /.well-known/* +Disallow: /cgi-bin/* +Disallow: /cdn/* + +sitemap: https://sophia.wtf/sitemap.xml + + +# .__________________________. +# | .___________________. |==| +# | | ................. | | | +# | | ::[ Dear robot ]: | | | +# | | ::::[ be nice ]:: | | | +# | | ::::::::::::::::: | | | +# | | ::::::::::::::::: | | | +# | | ::::::::::::::::: | | | +# | | ::::::::::::::::: | | ,| +# | !___________________! |(c| +# !_______________________!__! +# / \ +# / [][][][][][][][][][][][][] \ +# / [][][][][][][][][][][][][][] \ +#( [][][][][____________][][][][] ) +# \ ------------------------------ / +# \______________________________/ + diff --git a/support/index.html b/support/index.html new file mode 100644 index 0000000..47b0adf --- /dev/null +++ b/support/index.html @@ -0,0 +1,78 @@ + + + + + Support - Sophia Atkinson + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +

    Support
    +

    +
    +

    Home

    +
    +

    Domains owned by me are under the same security

    +

    TLS Versions

    +

    All Domains Use TLS 1.2 TLS 1.3. See Supported Browsers Here.

    +

    I Don't Support TLS 1.0, Or 1.1 As They Are Outdated.

    +

    Image Formats

    +

    Home page images use WebP, Background stuff is normally JPG.

    +
      +
    +
    + + + + + + + + + + +