diff --git a/static/fonts/remixicon.css b/static/fonts/remixicon.css new file mode 100644 index 0000000..2cf7c3d --- /dev/null +++ b/static/fonts/remixicon.css @@ -0,0 +1,67 @@ + +/* +* https://remixicon.com +* https://github.com/Remix-Design/RemixIcon +* Copyright RemixIcon.com +* Released under the Apache License Version 2.0 +*/ + +@font-face { + font-family: "remixicon"; + src: url('remixicon.eot?t=1699935309030'); /* IE9*/ + src: url('remixicon.eot?t=1699935309030#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url("remixicon.woff2?t=1699935309030") format("woff2"), + url("remixicon.woff?t=1699935309030") format("woff"), + url('remixicon.ttf?t=1699935309030') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ + url('remixicon.svg?t=1699935309030#remixicon') format('svg'); /* iOS 4.1- */ + font-display: swap; +} + +[class^="ri-"], [class*="ri-"] { + font-family: 'remixicon' !important; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; } +.ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; } +.ri-xxs { font-size: .5em; } +.ri-xs { font-size: .75em; } +.ri-sm { font-size: .875em } +.ri-1x { font-size: 1em; } +.ri-2x { font-size: 2em; } +.ri-3x { font-size: 3em; } +.ri-4x { font-size: 4em; } +.ri-5x { font-size: 5em; } +.ri-6x { font-size: 6em; } +.ri-7x { font-size: 7em; } +.ri-8x { font-size: 8em; } +.ri-9x { font-size: 9em; } +.ri-10x { font-size: 10em; } +.ri-fw { text-align: center; width: 1.25em; } + +.ri-home-line:before { content: "\ee2b"; } +.ri-home-fill:before { content: "\ee26"; } +.ri-mail-line:before { content: "\eef6"; } +.ri-mail-fill:before { content: "\eef3"; } +.ri-send-plane-line:before { content: "\f0da"; } +.ri-send-plane-fill:before { content: "\f0d9"; } +.ri-chat-3-line:before { content: "\eb51"; } +.ri-chat-3-fill:before { content: "\eb50"; } +.ri-pencil-line:before { content: "\efe0"; } +.ri-pencil-fill:before { content: "\efdf"; } +.ri-file-line:before { content: "\eceb"; } +.ri-file-fill:before { content: "\ece0"; } +.ri-settings-3-line:before { content: "\f0e6"; } +.ri-settings-3-fill:before { content: "\f0e5"; } +.ri-user-line:before { content: "\f264"; } +.ri-user-fill:before { content: "\f25f"; } +.ri-account-circle-line:before { content: "\ea09"; } +.ri-account-circle-fill:before { content: "\ea08"; } +.ri-delete-bin-line:before { content: "\ec2a"; } +.ri-delete-bin-fill:before { content: "\ec29"; } +.ri-toggle-line:before { content: "\f219"; } +.ri-toggle-fill:before { content: "\f218"; } +.ri-history-line:before { content: "\ee17"; } +.ri-history-fill:before { content: "\ee16"; } diff --git a/static/fonts/remixicon.eot b/static/fonts/remixicon.eot new file mode 100644 index 0000000..9f5f2fb Binary files /dev/null and b/static/fonts/remixicon.eot differ diff --git a/static/fonts/remixicon.less b/static/fonts/remixicon.less new file mode 100644 index 0000000..bafffe4 --- /dev/null +++ b/static/fonts/remixicon.less @@ -0,0 +1,69 @@ + +/* +* https://remixicon.com +* https://github.com/Remix-Design/RemixIcon +* Copyright RemixIcon.com +* Released under the Apache License Version 2.0 +*/ + +@font-face { + font-family: "remixicon"; + src: url('remixicon.eot?t=1699935309030'); /* IE9*/ + src: url('remixicon.eot?t=1699935309030#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url("remixicon.woff2?t=1699935309030") format("woff2"), + url("remixicon.woff?t=1699935309030") format("woff"), + url('remixicon.ttf?t=1699935309030') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ + url('remixicon.svg?t=1699935309030#remixicon') format('svg'); /* iOS 4.1- */ + font-display: swap; +} + +[class^="ri-"], [class*="ri-"] { + font-family: 'remixicon' !important; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +:global { +.ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; } +.ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; } +.ri-xxs { font-size: .5em; } +.ri-xs { font-size: .75em; } +.ri-sm { font-size: .875em } +.ri-1x { font-size: 1em; } +.ri-2x { font-size: 2em; } +.ri-3x { font-size: 3em; } +.ri-4x { font-size: 4em; } +.ri-5x { font-size: 5em; } +.ri-6x { font-size: 6em; } +.ri-7x { font-size: 7em; } +.ri-8x { font-size: 8em; } +.ri-9x { font-size: 9em; } +.ri-10x { font-size: 10em; } +.ri-fw { text-align: center; width: 1.25em; } + +.ri-home-line:before { content: "\ee2b"; } +.ri-home-fill:before { content: "\ee26"; } +.ri-mail-line:before { content: "\eef6"; } +.ri-mail-fill:before { content: "\eef3"; } +.ri-send-plane-line:before { content: "\f0da"; } +.ri-send-plane-fill:before { content: "\f0d9"; } +.ri-chat-3-line:before { content: "\eb51"; } +.ri-chat-3-fill:before { content: "\eb50"; } +.ri-pencil-line:before { content: "\efe0"; } +.ri-pencil-fill:before { content: "\efdf"; } +.ri-file-line:before { content: "\eceb"; } +.ri-file-fill:before { content: "\ece0"; } +.ri-settings-3-line:before { content: "\f0e6"; } +.ri-settings-3-fill:before { content: "\f0e5"; } +.ri-user-line:before { content: "\f264"; } +.ri-user-fill:before { content: "\f25f"; } +.ri-account-circle-line:before { content: "\ea09"; } +.ri-account-circle-fill:before { content: "\ea08"; } +.ri-delete-bin-line:before { content: "\ec2a"; } +.ri-delete-bin-fill:before { content: "\ec29"; } +.ri-toggle-line:before { content: "\f219"; } +.ri-toggle-fill:before { content: "\f218"; } +.ri-history-line:before { content: "\ee17"; } +.ri-history-fill:before { content: "\ee16"; } +} \ No newline at end of file diff --git a/static/fonts/remixicon.svg b/static/fonts/remixicon.svg new file mode 100644 index 0000000..505974d --- /dev/null +++ b/static/fonts/remixicon.svg @@ -0,0 +1,56 @@ + + + + + + \ No newline at end of file diff --git a/static/fonts/remixicon.symbol.svg b/static/fonts/remixicon.symbol.svg new file mode 100644 index 0000000..fa09a76 --- /dev/null +++ b/static/fonts/remixicon.symbol.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/fonts/remixicon.ttf b/static/fonts/remixicon.ttf new file mode 100644 index 0000000..87142d5 Binary files /dev/null and b/static/fonts/remixicon.ttf differ diff --git a/static/fonts/remixicon.woff b/static/fonts/remixicon.woff new file mode 100644 index 0000000..1cadbef Binary files /dev/null and b/static/fonts/remixicon.woff differ diff --git a/static/fonts/remixicon.woff2 b/static/fonts/remixicon.woff2 new file mode 100644 index 0000000..eeb716a Binary files /dev/null and b/static/fonts/remixicon.woff2 differ diff --git a/static/style.css b/static/style.css index 3607561..504e4f0 100644 --- a/static/style.css +++ b/static/style.css @@ -197,9 +197,7 @@ button.red:hover{ /**/ .grid-container { display: grid; - /*grid-template-columns: auto max-content;*/ - grid-template-areas: 'bat bi' - 'hiru hiru'; + grid-template-columns: auto max-content; margin: 0 auto; max-width: 16rem; padding: 0 2.5rem 0 2.5rem; @@ -222,21 +220,76 @@ button.red:hover{ display: unset; max-width: max-content; } - -.item1 { - grid-area: bat; -} -.item2 { - grid-area: bi; - text-align: right; -} -.item3{ - grid-area: hiru; -} /**/ @media only screen and (max-width: 480px) { form { border: 0; } + +/* +* https://remixicon.com +* https://github.com/Remix-Design/RemixIcon +* Copyright RemixIcon.com +* Released under the Apache License Version 2.0 +*/ + +@font-face { + font-family: "remixicon"; + src: url('fonts/remixicon.eot?t=1699935309030'); /* IE9*/ + src: url('fonts/remixicon.eot?t=1699935309030#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url("fonts/remixicon.woff2?t=1699935309030") format("woff2"), + url("fonts/remixicon.woff?t=1699935309030") format("woff"), + url('fonts/remixicon.ttf?t=1699935309030') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ + url('fonts/remixicon.svg?t=1699935309030#remixicon') format('svg'); /* iOS 4.1- */ + font-display: swap; } + +[class^="ri-"], [class*="ri-"] { + font-family: 'remixicon' !important; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; } +.ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; } +.ri-xxs { font-size: .5em; } +.ri-xs { font-size: .75em; } +.ri-sm { font-size: .875em } +.ri-1x { font-size: 1em; } +.ri-2x { font-size: 2em; } +.ri-3x { font-size: 3em; } +.ri-4x { font-size: 4em; } +.ri-5x { font-size: 5em; } +.ri-6x { font-size: 6em; } +.ri-7x { font-size: 7em; } +.ri-8x { font-size: 8em; } +.ri-9x { font-size: 9em; } +.ri-10x { font-size: 10em; } +.ri-fw { text-align: center; width: 1.25em; } + +.ri-home-line:before { content: "\ee2b"; } +.ri-home-fill:before { content: "\ee26"; } +.ri-mail-line:before { content: "\eef6"; } +.ri-mail-fill:before { content: "\eef3"; } +.ri-send-plane-line:before { content: "\f0da"; } +.ri-send-plane-fill:before { content: "\f0d9"; } +.ri-chat-3-line:before { content: "\eb51"; } +.ri-chat-3-fill:before { content: "\eb50"; } +.ri-pencil-line:before { content: "\efe0"; } +.ri-pencil-fill:before { content: "\efdf"; } +.ri-file-line:before { content: "\eceb"; } +.ri-file-fill:before { content: "\ece0"; } +.ri-settings-3-line:before { content: "\f0e6"; } +.ri-settings-3-fill:before { content: "\f0e5"; } +.ri-user-line:before { content: "\f264"; } +.ri-user-fill:before { content: "\f25f"; } +.ri-account-circle-line:before { content: "\ea09"; } +.ri-account-circle-fill:before { content: "\ea08"; } +.ri-delete-bin-line:before { content: "\ec2a"; } +.ri-delete-bin-fill:before { content: "\ec29"; } +.ri-toggle-line:before { content: "\f219"; } +.ri-toggle-fill:before { content: "\f218"; } +.ri-history-line:before { content: "\ee17"; } +.ri-history-fill:before { content: "\ee16"; }} diff --git a/user.tpl b/user.tpl index 8ddb468..40d9514 100644 --- a/user.tpl +++ b/user.tpl @@ -16,82 +16,88 @@

{{ str['welcome'] }} {{ data['username'] }}

-
+
-
+
-
+
% if data['fakeCn'] == True: {{ str['edit'] }} % end
-
- -
-
+ +
-
+
{{ str['edit'] }}
-
- -
-
+ +
- -
+ +
{{ str['edit'] }}
- -
- -
-
-
-
+--> + +
+ +
+ +
+ + < i class={{ "ri-toogle-fill" if data['secureAuth'] == True else "ri-toggle-line"}}> + +
+ +
-
+
{{ str['show'] }}
-
-
+
+ %for type, text, animation in get('alerts', []):
{{ text }}