Initial commit

.gitignore

+/.idea/

assets/css/fonts.css

+@font-face {
+    font-family: 'Lato';
+    font-style: italic;
+    font-weight: 400;
+    src: local('Lato Italic'), local('Lato-Italic'), url(../fonts/Lato-Italic.ttf) format('ttf');
+}
+/* latin */
+@font-face {
+    font-family: 'Lato';
+    font-style: italic;
+    font-weight: 700;
+    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(../fonts/Lato-BoldItalic.ttf) format('ttf');
+}
+/* latin */
+@font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/Lato-Regular.ttf) format('ttf');
+}
+/* latin */
+@font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 700;
+    src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/Lato-Bold.ttf) format('ttf');
+}
\ No newline at end of file

assets/css/style.css

+.following.bar {
+  position: fixed;
+  top: 0;
+  z-index: 900;
+  left: 0;
+  padding: 2em 0;
+  width: 100%;
+  box-shadow: 0 0 0 0 transparent;
+  border-bottom: 1px solid transparent;
+  transition: padding 0.5s ease, background 0.5s ease, box-shadow 0.5s ease, border 0.5s ease;
+}
+
+.ui.logo {
+  opacity: .9;
+  float: none;
+  margin: 0 .35714286em 0 0;
+  height: 1em;
+}
+
+.secondary.menu .item {
+  line-height: 1.6rem;
+}
+
+.secondary.menu .item > i.icon {
+  height: 1.6rem;
+}
+
+.following.bar {
+  padding: 1em 0;
+}
+
+.following.bar.qd {
+  background: #0a70c0;
+}
+
+.masthead {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+  color: rgba(255, 255, 255, 0.9);
+  margin-bottom: 0;
+  border-bottom: none;
+
+  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath fill='%23124e99' fill-opacity='.25' d='M334.24 0L539.8 205.54 745.32 0h-411.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.3' d='M1366.24 0l-516 516 44.04 44.04L1440 14.32V0h-73.76z'/%3E%3Cpath fill='%230291e7' fill-opacity='.64' d='M745.33 0L539.8 205.54 850.23 516l516-516h-620.9z'/%3E%3Cpath fill='%230291e7' fill-opacity='.57' d='M1440 14.32L894.28 560.04l128.08 128.08 150.1-150.1L1440 270.5V14.32z'/%3E%3Cpath fill='%230291e7' fill-opacity='.28' d='M1440 270.48l-267.55 267.55L1440 805.58v-535.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.71' d='M1022.36 688.12L1144.24 810H1440v-4.42l-267.55-267.55-150.1 150.1z'/%3E%3Cpath fill='%230291e7' fill-opacity='.46' d='M0 0v455.43L354.57 810h789.67l-810-810H0z'/%3E%3Cpath fill='%23124e99' fill-opacity='.68' d='M0 455.43v80.96L273.6 810h80.97L0 455.43z'/%3E%3Cpath fill='%230291e7' fill-opacity='.4' d='M0 536.4V810h273.6L0 536.4z'/%3E%3C/svg%3E") center center no-repeat, linear-gradient(148deg, #124E99 7%, #105a94 20%,
+  #0a70c0 27%, #0291E7 60%,
+  #0271B3 100%);
+  background-size: cover, cover;
+
+  padding: 10rem 0;
+  max-height: 100vh;
+}
+
+.masthead:after {
+  content: "";
+  height: calc(50px + 7vh + 7vw);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath d='M 0%2C810 1440%2C0 l 0%2C810 z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
+  background-size: 100% 100%;
+}
+
+.introduction h1.header {
+  font-size: 4.5rem;
+}
+
+.pusher .stripe h2 {
+  font-size: 26px;
+}
+
+.ui.grid .row + .ui.divider {
+  margin-top: 3rem;
+  margin-bottom: 3rem;
+}
+
+#image_container img#phone {
+  display: inline-block;
+  max-height: 33vw;
+  max-width: 355px;
+  vertical-align: middle;
+}
+
+#image_container img#tablet {
+  display: inline-block;
+  max-height: 33vw;
+  max-width: 633px;
+  vertical-align: middle;
+}
+
+.pusher .stripe .column > p {
+  font-size: 16px;
+  line-height: 1.6;
+  margin: 1em 0;
+}
+
+.pusher .alternate.stripe {
+  background-color: #F2F3F5;
+}
+
+.vertical.segment {
+  box-shadow: none;
+}
+
+.pusher > .footer {
+  clear: both;
+  margin: 0;
+  border-radius: 0;
+  padding: 4em 0;
+}
+
+.pusher > .footer .grid {
+  display: block;
+}
+
+.pusher > .footer .grid .column {
+  margin-left: 2rem;
+  margin-right: 2rem;
+}
+
+.introduction {
+  perspective: 500px;
+  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+
+  margin-left: auto !important;
+  margin-right: auto !important;
+  margin-bottom: 6rem;
+}
+
+.pusher .stripe {
+  padding: 5rem 0;
+  border-radius: 0;
+  margin: 0;
+}
+
+.ui.header {
+  font-weight: normal;
+}
+
+.pusher .stripe h1 {
+  font-size: 40px;
+}
+
+.pusher .intro.segment h1 + p {
+  font-size: 22px;
+}
+
+@media (max-width: 359px) {
+  .ui.menu .item {
+    font-size: 0.9rem;
+  }
+}
+
+@media (max-width: 500px) {
+  .ui.menu .item > span.text {
+    display: none;
+  }
+
+  .ui.menu .item > i.icon {
+    margin-right: 0;
+  }
+
+  .masthead.segment {
+    min-height: 100vh;
+  }
+}
+
+@media (max-width: 1024px) {
+  .introduction h1.header {
+    font-size: 3rem;
+  }
+
+  .introduction h2 {
+    font-size: 1.4rem;
+  }
+
+  .masthead.segment {
+    padding: 6rem 0 0;
+  }
+
+  .pusher .stripe {
+    padding: 2rem 0;
+  }
+
+  .introduction {
+    margin-bottom: 2rem;
+  }
+}
+
+@media (max-width: 800px), (max-height: 720px) {
+  #image_container img#tablet {
+    display: none;
+  }
+
+  #image_container img#phone {
+    max-width: calc(50vw + 100px);
+    max-height: 100vh;
+    margin-bottom: calc(-33vh);
+  }
+
+  .ui.huge.button, .ui.huge.buttons .button, .ui.huge.buttons .or {
+    font-size: 1rem;
+  }
+}
+
+@media (min-width: 800px) and (max-height: 800px) {
+  #image_container img#tablet {
+    display: none;
+  }
+
+  #image_container img#phone {
+    max-width: calc(50vw + 100px);
+    max-height: 100vh;
+    margin-bottom: calc(-33vh);
+  }
+
+  .ui.huge.button, .ui.huge.buttons .button, .ui.huge.buttons .or {
+    font-size: 1rem;
+  }
+
+  .introduction, .introduction + .row {
+    display: inline-block;
+    margin-left: 4rem;
+    margin-right: 4rem;
+  }
+}
+
+@media (max-height: 500px) {
+  .masthead.segment {
+    max-height: initial;
+  }
+
+  #image_container img#tablet {
+    display: none;
+  }
+
+  #image_container img#phone {
+    max-width: calc(50vw + 100px);
+    max-height: 100vh;
+    margin-bottom: calc(-22vh);
+  }
+
+  .ui.huge.button, .ui.huge.buttons .button, .ui.huge.buttons .or {
+    font-size: 1rem;
+  }
+
+  .introduction, .introduction + .row {
+    display: inline-block;
+    margin-left: 4rem;
+    margin-right: 4rem;
+  }
+}

assets/images/background.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     preserveAspectRatio="none"
+     viewBox="0 0 1440 810"
+     version="1.1">
+    <path d="M 334.24023 0 L 539.78516 205.54297 L 745.32812 0 L 334.24023 0 z "
+          fill="#124e99"
+          fill-opacity="0.25"/>
+    <path d="M 1366.2441 0 L 850.24219 516.00195 L 894.2793 560.03906 L 1440 14.318359 L 1440 0 L 1366.2441 0 z "
+          fill="#124e99"
+          fill-opacity="0.30"/>
+    <path d="M 745.32812 0 L 539.78516 205.54297 L 850.24219 516.00195 L 1366.2441 0 L 745.32812 0 z "
+          fill="#0291e7"
+          fill-opacity="0.64"/>
+    <path d="M 1440 14.318359 L 894.2793 560.03906 L 1022.3594 688.11719 L 1172.4473 538.0293 L 1440 270.47656 L 1440 14.318359 z "
+          fill="#0291e7"
+          fill-opacity="0.57"/>
+    <path d="M 1440 270.47656 L 1172.4473 538.0293 L 1440 805.58203 L 1440 270.47656 z "
+          fill="#0291e7"
+          fill-opacity="0.28"/>
+    <path d="M 1022.3594 688.11719 L 1144.2402 810 L 1440 810 L 1440 805.58203 L 1172.4473 538.0293 L 1022.3594 688.11719 z "
+          fill="#124e99"
+          fill-opacity="0.71"/>
+    <path d="M 0 0 L 0 455.43359 L 354.56836 810 L 1144.2402 810 L 334.24023 0 L 0 0 z "
+          fill="#0291e7"
+          fill-opacity="0.46"/>
+    <path d="M 0 455.43359 L 0 536.39453 L 273.60547 810 L 354.56836 810 L 0 455.43359 z "
+          fill="#124e99"
+          fill-opacity="0.68"/>
+    <path d="M 0 536.39453 L 0 810 L 273.60547 810 L 0 536.39453 z "
+          fill="#0291e7"
+          fill-opacity="0.40"/>
+</svg>