- Svelte app
+ SIWE Open ID Connect
-
-
+
+
-
-
+
+
+
-
-
+
Sign-In With Ethereum
-{status}
- +
+
-
diff --git a/js/ui/tailwind.config.cjs b/js/ui/tailwind.config.cjs
new file mode 100644
index 0000000..4d8e06c
--- /dev/null
+++ b/js/ui/tailwind.config.cjs
@@ -0,0 +1,180 @@
+module.exports = {
+ darkMode: 'class',
+ purge: ['./src/**/*.{html,js,svelte,ts}'],
+ theme: {
+ extend: {
+ screens: {
+ '4k': '2048px',
+ retina: '2560px',
+ },
+ opacity: {
+ 999: '0.999',
+ },
+ fontSize: {
+ display: '5.625rem',
+ 'display-mobile': '4.4rem',
+ body: '1rem',
+ 'body-large': '1.125rem',
+ 'body-medium': '0.875rem',
+ 'body-small': '0.75rem',
+ 'body-xl': '1.5rem',
+ 'body-xxl': '1.625rem',
+ quote: '2rem',
+ overline: '0.875rem',
+ 'overline-small': '0.75rem',
+ caption: '0.875rem',
+ 'caption-bold': '1rem',
+ button: '0.875rem',
+ 'button-small': '0.675rem',
+ link: '1rem',
+ 'link-small': '0.875rem',
+ 'link-tiny': '0.75rem',
+ },
+ margin: {
+ '1/2': '0.125rem',
+ 22: '5.5rem',
+ 128: '40rem',
+ },
+ colors: {
+ purple: {
+ DEFAULT: '#6A49E4',
+ },
+ cyan: {
+ DEFAULT: '#00D3DD',
+ },
+ blue: {
+ 350: '#1DA1F2',
+ 550: '#3A83A3',
+ },
+ gray: {
+ 350: '#AAAAAA',
+ 370: '#A0A4A8',
+ 650: '#3E3E3E',
+ DEFAULT: '#212121',
+ 'primary-03': '#262626',
+ },
+ },
+ fontFamily: {
+ poppins: ['Poppins'],
+ satoshi: ['Satoshi'],
+ inter: ['Inter'],
+ inconsolata: ['Inconsolata'],
+ rajdhani: ['Rajdhani'],
+ roboto: ['Roboto'],
+ },
+ borderRadius: {
+ 20: '20px',
+ 40: '40px',
+ xl: '50px',
+ big: '20px',
+ giant: '70px',
+ full: '100%',
+ },
+ minWidth: {
+ button: '232px',
+ },
+ minHeight: {
+ 256: '50rem',
+ 'half-screen': '50vh',
+ 96: '24rem',
+ },
+ maxHeight: {
+ fhd: '62.5rem',
+ 'screen-9/10': '90vh',
+ 'screen-7/8': '87.5vh',
+ 'screen-5/6': '83vh',
+ 'screen-4/5': '80vh',
+ 'screen-3/4': '75vh',
+ 'screen-7/10': '70vh',
+ 'screen-2/3': '66.6vh',
+ 'screen-5/8': '62.5vh',
+ 'screen-3/5': '60vh',
+ 'screen-1/2': '50vh',
+ 'screen-2/5': '40vh',
+ 'screen-3/8': '37.5vh',
+ 'screen-1/3': '33.3vh',
+ 'screen-3/10': '30vh',
+ 'screen-1/4': '25vh',
+ 'screen-1/5': '20vh',
+ 'screen-1/6': '16.6vh',
+ 'screen-1/8': '12.5vh',
+ 'screen-1/10': '10vh',
+ },
+ height: {
+ 100: '26.5rem',
+ 120: '38.5rem',
+ 128: '40rem',
+ 144: '45rem',
+ 256: '50rem',
+ 'half-screen': '50vh',
+ },
+ width: {
+ 100: '26.5rem',
+ 120: '38.5rem',
+ 128: '40rem',
+ 144: '45rem',
+ 256: '50rem',
+ },
+ boxShadow: {
+ 2: '-59px 27px 63px 0px #000000CC',
+ },
+ },
+ linearBorderGradients: {
+ directions: {
+ t: 'to top',
+ tr: 'to top right',
+ r: 'to right',
+ br: 'to bottom right',
+ b: 'to bottom',
+ bl: 'to bottom left',
+ l: 'to left',
+ tl: 'to top left',
+ 117: '117deg',
+ 187: '187.33deg',
+ 213: '213.5deg',
+ 209: '209.87deg',
+ 208: '208.78deg',
+ },
+ colors: {
+ button: ['#04D2CA 30.98%', '#6A49E4 98.42%'],
+ '01': ['#13E2BB 32.66%', '#4C49E4 64.17%', '#9363F9 97.71%'],
+ '02': ['#3376E7 31.2%', '#976EF1 71.49%'],
+ '03': ['#4C49E4 41.05%', '#3376E7 58.35%', '#26F3A8 77.95%'],
+ '04': ['#13E2BB 32.66%', '#9363F9 97.71%'],
+ '05': ['#14ACB6 31.2%', '#7141D7 71.49%'],
+ '06': ['#26F3A8 41.05%', '#3376E7 77.95%'],
+ '07': ['#235465 -8.1%', '#8EC95F 50.77%', '#8E63DB 110.89%'],
+ '08': ['#9363F9 30.11%', '#E55A54 97.41%'],
+ '09': ['#14ACB6 31.2%', '#7141D7 71.49%'],
+ 10: ['#499DEB 31.2%', '#541D9A 70.86%'],
+ },
+ background: {
+ black: '#000000',
+ light: '#0E0E0E',
+ gray: '#212121',
+ transparent: 'transparent',
+ },
+ },
+ flex: {
+ '9/10': '0 90%',
+ '7/8': '0 87.5%',
+ '5/6': '0 83%',
+ '4/5': '0 80%',
+ '3/4': '0 75%',
+ '7/10': '0 70%',
+ '2/3': '0 66.6%',
+ '5/8': '0 62.5%',
+ '3/5': '0 60%',
+ '1/2': '0 50%',
+ '2/5': '0 40%',
+ '3/8': '0 37.5%',
+ '1/3': '0 33.3%',
+ '3/10': '0 30%',
+ '1/4': '0 25%',
+ '1/5': '0 20%',
+ '1/6': '0 16.6%',
+ '1/8': '0 12.5%',
+ '1/10': '0 10%',
+ },
+ },
+};
\ No newline at end of file
diff --git a/js/ui/webpack.config.js b/js/ui/webpack.config.js
index 4888adc..939cdbb 100644
--- a/js/ui/webpack.config.js
+++ b/js/ui/webpack.config.js
@@ -1,7 +1,6 @@
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const path = require('path');
const sveltePreprocess = require('svelte-preprocess');
-const Dotenv = require('dotenv-webpack');
const webpack = require('webpack');
const mode = process.env.NODE_ENV || 'development';
@@ -37,26 +36,40 @@ module.exports = {
chunkFilename: '[name].[id].js'
},
module: {
- rules: [
- {
- test: /\.ts$/,
- loader: 'ts-loader',
- exclude: /node_modules/
- },
- {
- test: /\.svelte$/,
- use: {
- loader: 'svelte-loader',
- options: {
- compilerOptions: {
- dev: !prod
- },
- emitCss: prod,
- hotReload: !prod,
- preprocess: sveltePreprocess({ sourceMap: !prod })
- }
+ rules: [
+ {
+ test: /\.ts$/,
+ loader: 'ts-loader',
+ exclude: /node_modules/
+ },
+ {
+ test: /\.svelte$/,
+ use: {
+ loader: 'svelte-loader',
+ options: {
+ compilerOptions: {
+ dev: !prod
+ },
+ emitCss: prod,
+ hotReload: !prod,
+ preprocess: sveltePreprocess({
+ sourceMap: !prod,
+ postcss: true,
+ }),
}
- },
+ }
+ },
+ {
+ test: /\.svg$/,
+ use: [
+ {
+ loader: 'svg-url-loader',
+ options: {
+ limit: 10000,
+ },
+ },
+ ],
+ },
{
test: /\.css$/,
use: [
@@ -82,7 +95,6 @@ module.exports = {
new MiniCssExtractPlugin({
filename: '[name].css'
}),
- new Dotenv(),
],
devtool: prod ? false : 'source-map',
devServer: {
diff --git a/src/main.rs b/src/main.rs
index 3db0885..51671a1 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -240,7 +240,7 @@ async fn token(
.await
.map_err(|e| anyhow!("Failed to set kv: {}", e))?;
- let access_token = AccessToken::new(form.code.clone());
+ let access_token = AccessToken::new(form.code.to_string().clone());
let core_id_token = CoreIdTokenClaims::new(
IssuerUrl::from_url(config.base_url),
vec![Audience::new(form.client_id.clone())],
@@ -658,6 +658,17 @@ async fn main() {
},
),
)
+ .nest(
+ "/img",
+ service_method_routing::get(ServeDir::new("./static/img")).handle_error(
+ |error: std::io::Error| {
+ (
+ StatusCode::INTERNAL_SERVER_ERROR,
+ format!("Unhandled internal error: {}", error),
+ )
+ },
+ ),
+ )
.route(
"/",
service_method_routing::get(ServeFile::new("./static/index.html")).handle_error(
diff --git a/static/favicon.png b/static/favicon.png
index 7e6f5eb..a3552a9 100644
Binary files a/static/favicon.png and b/static/favicon.png differ
diff --git a/static/index.html b/static/index.html
index a9c8fd6..a22604d 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1,17 +1,20 @@
-
-
-
+
+
+
-
+ 
+
-
+
+