deploy: 2d47e99

CNAME

@@ -0,0 +1 @@
+opass.app

public/.well-known/apple-app-site-association

@@ -0,0 +1,15 @@
+{
+  "applinks": {
+    "apps": [
+    ],
+    "details": [
+      {
+        "appID": "9UZ879Y8DL.app.opass.ccip",
+        "paths": [
+          "NOT /_/*",
+          "/open/*"
+        ]
+      }
+    ]
+  }
+}

public/.well-known/assetlinks.json

@@ -0,0 +1,14 @@
+[
+  {
+    "relation": [
+      "delegate_permission/common.handle_all_urls"
+    ],
+    "target": {
+      "namespace": "android_app",
+      "package_name": "app.opass.ccip",
+      "sha256_cert_fingerprints": [
+        "7C:7E:29:73:FD:E2:D7:7B:E2:F4:E9:5B:BE:16:B8:27:8A:F5:14:43:DA:DE:C6:E9:61:9A:90:D8:7A:0F:FA:C9"
+      ]
+    }
+  }
+]

public/404.html

@@ -0,0 +1 @@
+Oops, not found ?

public/50x.html

@@ -0,0 +1 @@
+Oops, crash ?!

public/css/main.css

@@ -0,0 +1,92 @@
+html {
+    min-height: 100%;
+}
+
+body {
+    min-height: 100%;
+    height: auto;
+    background: linear-gradient(90deg, rgba(48, 248, 145, 0.15) 0%, rgba(61, 146, 56, 0.04) 100%, rgba(96, 167, 48, 1) 120%);
+}
+
+* {
+    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft JhengHei", wf_SegoeUI, "Segoe UI", Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", "AR PL UMing TW", Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif;
+}
+
+.centerBox {
+    display: flex;
+    justify-content: center;
+    align-content: center;
+}
+
+.conference-use-card {
+    min-height: 200px;
+}
+
+html[data-useragent*="AppleWebKit/"][data-useragent*="Safari/"]:not([data-useragent*="Chrome/"]) .ui.image {
+    /* for fix fucking ugly Apple Safari */
+    height: 100%;
+}
+
+@media only screen and (max-width: 767px) {
+    .conferences {
+        padding-left: 1em !important;
+        padding-right: 1em !important;
+    }
+    .angle.double.right.icon {
+        transform: rotate(90deg);
+    }
+    .ui.fluid.image {
+        width: 50vw;
+        height: 50vw;
+        object-fit: scale-down;
+    }
+    html[data-useragent*="AppleWebKit/"][data-useragent*="Safari/"]:not([data-useragent*="Chrome/"]) .ui.fluid.image {
+        height: 50vw !important;
+    }
+    h4.ui.divider.header {
+        white-space: pre;
+    }
+}
+
+#app {
+    padding-bottom: 20px;
+}
+
+#store {
+    color: rgb(74, 74, 74);
+    padding: 10px;
+    box-sizing: border-box;
+    font-size: 0;
+}
+
+#goosrc {
+    display: inline-block;
+    vertical-align: top;
+    width: 50%;
+    height: 47px;
+    background-image: url('/img/google-play-badge.svg');
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center;
+    margin: 0;
+}
+
+#goosrc.one {
+    width: 100%;
+}
+
+#appsrc {
+    display: inline-block;
+    vertical-align: top;
+    width: 50%;
+    height: 47px;
+    background-image: url('/img/app-store-badge.svg');
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center;
+    margin: 0;
+}
+
+#appsrc.one {
+    width: 100%;
+}

public/css/open.main.css

@@ -0,0 +1,132 @@
+html {
+    height: 100%;
+    min-height: 100%;
+}
+
+body {
+    height: 100%;
+    overflow: hidden;
+    background: linear-gradient(45deg, rgba(48, 248, 145, 0.15) 0%, rgba(61, 146, 56, 0.04) 75%, rgba(96, 167, 48, 0) 100%);
+    background-position: center bottom;
+    transform: translateZ(0);
+    perspective: 1000;
+}
+
+#block {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    width: 350px;
+    height: 350px;
+    z-index: 1;
+    transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+}
+
+#block.qr {
+    height: 500px;
+}
+
+#background {
+    position: absolute;
+    top: 40px;
+    width: 350px;
+    height: 200px;
+    border: 1px solid rgba(238, 238, 238, 0.1);
+    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.90) 0%, rgba(238, 238, 238, 0.5) 100%);
+    box-shadow: 0 25px 50px rgba(0, 0, 0, .1);
+    border-radius: 7px;
+    z-index: 1;
+    overflow: hidden;
+    padding-top: 40px;
+}
+
+#block.qr #background {
+    height: 390px;
+}
+
+#icon {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    width: 80px;
+    transform: translate(-50%, 0%);
+    height: auto;
+    z-index: 2;
+}
+
+#block #background #qr {
+    position: relative;
+    left: calc(50% - (150px / 2));
+    display: none;
+}
+#block.qr #background #qr {
+    display: block;
+}
+
+h1 {
+    color: rgb(74, 74, 74);
+    text-align: center;
+    font-size: 1.5rem;
+}
+
+h2 {
+    text-align: center;
+    font-size: 1.1rem;
+    margin: 0;
+}
+
+p {
+    color: rgb(74, 74, 74);
+    text-align: center;
+}
+
+#store {
+    color: rgb(74, 74, 74);
+    padding: 10px;
+    box-sizing: border-box;
+    font-size: 0;
+}
+
+#goosrc {
+    display: inline-block;
+    vertical-align: top;
+    width: 50%;
+    height: 47px;
+    background-image: url('/img/google-play-badge.svg');
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center;
+    margin: 0;
+}
+
+#goosrc.one {
+    width: 100%;
+}
+
+#appsrc {
+    display: inline-block;
+    vertical-align: top;
+    width: 50%;
+    height: 47px;
+    background-image: url('/img/app-store-badge.svg');
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center;
+    margin: 0;
+}
+
+#appsrc.one {
+    width: 100%;
+}
+
+#background-opass {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-repeat: no-repeat;
+    background-size: 100%;
+    background-position: center center;
+}