Fix logo
This commit is contained in:
Adrian Woźniak
parent
1de72c59f5
commit
d18e9ff6d6
123
web/src/images/logo.rs
Normal file
123
web/src/images/logo.rs
Normal file
@ -0,0 +1,123 @@
|
|||||||
|
use seed::prelude::*;
|
||||||
|
use seed::*;
|
||||||
|
|
||||||
|
use crate::Msg;
|
||||||
|
|
||||||
|
static LOGO: &str = include_str!("../../static/logo2.svg");
|
||||||
|
|
||||||
|
#[inline(always)]
|
||||||
|
pub fn render() -> Vec<Node<Msg>> {
|
||||||
|
Node::from_html(Some(&Namespace::Svg), LOGO)
|
||||||
|
// svg![
|
||||||
|
// attrs![
|
||||||
|
// "xmlns:xlink" => "http://www.w3.org/1999/xlink",
|
||||||
|
// At::Xmlns => "http://www.w3.org/2000/svg",
|
||||||
|
// At::ViewBox => "0 0 640 640",
|
||||||
|
// At::Width => "28",
|
||||||
|
// At::Height => "28"
|
||||||
|
// ],
|
||||||
|
// defs![
|
||||||
|
// path![attrs![
|
||||||
|
// At::D => "M500 300c0 110.38-89.62 200-200
|
||||||
|
// 200s-200-89.62-200-200c0-110.39 89.62-200 200-200s200 89.61 200 200Z"
|
||||||
|
// At::Id => "a"
|
||||||
|
// ]],
|
||||||
|
// path![attrs![
|
||||||
|
// At::D => "M520 338.18c0 110.38-89.62 200-200
|
||||||
|
// 200s-200-89.62-200-200 89.62-200 200-200 200 89.62 200 200Z",
|
||||||
|
// At::Id => "b"
|
||||||
|
// ]],
|
||||||
|
// path![attrs![
|
||||||
|
// At::D => "M543.03 374.84c0 110.39-89.62 200-200
|
||||||
|
// 200s-200-89.61-200-200c0-110.38 89.62-200 200-200s200 89.62 200 200Z"\
|
||||||
|
// At::Id => "c"
|
||||||
|
// ]],
|
||||||
|
// mask![
|
||||||
|
// attrs![
|
||||||
|
// At::Id => "e",
|
||||||
|
// At::X => "78",
|
||||||
|
// At::Y => "78",
|
||||||
|
// At::Width => "600",
|
||||||
|
// At::Height => "600",
|
||||||
|
// At::MaskUnits => "userSpaceOnUse"
|
||||||
|
// ],
|
||||||
|
// path![attrs![
|
||||||
|
// At::Fill => "#fff",
|
||||||
|
// At::D => "M78 78h444v444H78z"
|
||||||
|
// ]]
|
||||||
|
// seed::r#use![attrs![
|
||||||
|
// "xlink:href" => "#a",
|
||||||
|
// At::Opacity => ".46"
|
||||||
|
// ]]
|
||||||
|
// ],
|
||||||
|
// mask![
|
||||||
|
// attrs![
|
||||||
|
// At::Id => "f",
|
||||||
|
// At::X => "98",
|
||||||
|
// At::Y => "116.18",
|
||||||
|
// At::Width => "444",
|
||||||
|
// At::Height => "444",
|
||||||
|
// At::MaskUnits => "userSpaceOnUse"
|
||||||
|
// ],
|
||||||
|
// path![attrs![
|
||||||
|
// At::Fill => "#fff",
|
||||||
|
// At::D => "M98 116.18h444v444H98z"
|
||||||
|
// ]],
|
||||||
|
// r#use![attrs![
|
||||||
|
// "xlink:href" => "#b",
|
||||||
|
// At::Opacity => ".46"
|
||||||
|
// ]],
|
||||||
|
// ],
|
||||||
|
// mask![
|
||||||
|
// attrs![
|
||||||
|
// At::Id => "g",
|
||||||
|
// At::X => "121.03",
|
||||||
|
// At::Y => "152.84",
|
||||||
|
// At::Width => "444",
|
||||||
|
// At::Height => "444",
|
||||||
|
// At::MaskUnits => "userSpaceOnUse"
|
||||||
|
// ],
|
||||||
|
// path![attrs![
|
||||||
|
// At::Fill => "#fff",
|
||||||
|
// At::D => "M121.03 152.84h444v444h-444z"
|
||||||
|
// ]],
|
||||||
|
// r#use![attrs![
|
||||||
|
// "xlink:href" => "#c",
|
||||||
|
// At::Opacity => ".46"
|
||||||
|
// ]],
|
||||||
|
// ],
|
||||||
|
// filter![
|
||||||
|
// attrs![At::Id => "d"],
|
||||||
|
// feFlood![],
|
||||||
|
// feComposite![attrs![
|
||||||
|
// "in2" => "SourceAlpha",
|
||||||
|
// "operator" => "in"
|
||||||
|
// ]],
|
||||||
|
// feGaussianBlur![attrs!["stdDeviation"=>"1"]],
|
||||||
|
// feOffset![attrs![At::Dx=>"14", At::Dy=>"10",
|
||||||
|
// At::Result=>"afterOffset"]],
|
||||||
|
// feFlood![attrs!["flood-color"=>"#0d0e44", "flood-opacity"=>".5"]],
|
||||||
|
// feComposite![attrs!["in2"=>"afterOffset", "operator"="in"]],
|
||||||
|
// feMorphology![attrs!["operator"=>"dilate", "radius"=>"1"]],
|
||||||
|
// feComposite![attrs!["in2"=>"SourceAlpha",
|
||||||
|
// "operator"=>"out"]], ]
|
||||||
|
// ],
|
||||||
|
// path![attrs![
|
||||||
|
// At::D=>"M500 300c0 110.38-89.62 200-200
|
||||||
|
// 200s-200-89.62-200-200c0-110.39 89.62-200 200-200s200 89.61 200 200Z",
|
||||||
|
// At::Filter=>"url(#d)"
|
||||||
|
// ]],
|
||||||
|
// r#use![attrs!["xlink:href"=>"#a", "opacity"=>".46"
|
||||||
|
// "fill"=>"#fefefe"]], g![attrs!["mask"=>"url(#e)"]],
|
||||||
|
// r#use![attrs![[xlink:href="#a" opacity=".46" fill-opacity="0"
|
||||||
|
// stroke="#06697d" stroke-width="44"/></g><path d="M520 338.18c0
|
||||||
|
// 110.38-89.62 200-200 200s-200-89.62-200-200 89.62-200 200-200 200 89.62
|
||||||
|
// 200 200Z" filter="url(#d)"/><use xlink:href="#b" opacity=".46"
|
||||||
|
// fill="#fefefe"/><g mask="url(#f)"><use xlink:href="#b" opacity=".46"
|
||||||
|
// fill-opacity="0" stroke="#06697d" stroke-width="44"/></g><path d="M543.03
|
||||||
|
// 374.84c0 110.39-89.62 200-200 200s-200-89.61-200-200c0-110.38 89.62-200
|
||||||
|
// 200-200s200 89.62 200 200Z" filter="url(#d)"/><use xlink:href="#c"
|
||||||
|
// opacity=".46" fill="#fefefe"/><g mask="url(#g)"><use xlink:href="#c"
|
||||||
|
// opacity=".46" fill-opacity="0" stroke="#06697d"
|
||||||
|
// stroke-width="44"/></g></svg
|
||||||
|
}
|
||||||
@ -1 +1,2 @@
|
|||||||
pub mod project_avatar;
|
pub mod project_avatar;
|
||||||
|
pub mod logo;
|
||||||
|
|||||||
@ -17,7 +17,7 @@ use crate::components::styled_tooltip::{TooltipVariant as StyledTooltip, Tooltip
|
|||||||
use crate::modals::DebugMsg;
|
use crate::modals::DebugMsg;
|
||||||
use crate::model::{ModalType, Model, Page};
|
use crate::model::{ModalType, Model, Page};
|
||||||
use crate::pages::issues_and_filters::IssuesAndFiltersMsg;
|
use crate::pages::issues_and_filters::IssuesAndFiltersMsg;
|
||||||
use crate::shared::{go_to_board, go_to_login};
|
use crate::shared::go_to_login;
|
||||||
use crate::ws::{flush_queue, open_socket, read_incoming, send_ws_msg};
|
use crate::ws::{flush_queue, open_socket, read_incoming, send_ws_msg};
|
||||||
|
|
||||||
// use crate::shared::styled_rte::RteMsg;
|
// use crate::shared::styled_rte::RteMsg;
|
||||||
|
|||||||
@ -50,8 +50,12 @@ pub fn update(msg: &Msg, model: &mut Model, orders: &mut impl Orders<Msg>) {
|
|||||||
|
|
||||||
#[inline(always)]
|
#[inline(always)]
|
||||||
pub fn render(model: &Model) -> Vec<Node<Msg>> {
|
pub fn render(model: &Model) -> Vec<Node<Msg>> {
|
||||||
let logo_svg = img![
|
// let logo_svg = img![
|
||||||
attrs![At::Src => "/logo2.svg"; At::Style => "background: rgba(244,244,244,.8); border-radius: 24px;"]
|
// attrs![At::Src => "/logo2.svg"; At::Style => "background:
|
||||||
|
// rgba(244,244,244,.8); border-radius: 24px;"] ];
|
||||||
|
let logo_svg = div![
|
||||||
|
attrs![At::Style => "background: rgba(244,244,244,.8); border-radius: 24px;"],
|
||||||
|
crate::images::logo::render()
|
||||||
];
|
];
|
||||||
|
|
||||||
let user_icon = model.user.as_ref().map_or_else(
|
let user_icon = model.user.as_ref().map_or_else(
|
||||||
|
|||||||
@ -1,130 +1,51 @@
|
|||||||
<svg
|
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="42"
|
||||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
height="42">
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
viewBox="0 0 640 640"
|
|
||||||
width="28"
|
|
||||||
height="28"
|
|
||||||
version="1.1"
|
|
||||||
>
|
|
||||||
<defs>
|
<defs>
|
||||||
<filter
|
<path d="M500 300c0 110.38-89.62 200-200 200s-200-89.62-200-200c0-110.39 89.62-200 200-200s200 89.61 200 200Z"
|
||||||
id="shadow16022051"
|
id="a"/>
|
||||||
>
|
<path d="M520 338.18c0 110.38-89.62 200-200 200s-200-89.62-200-200 89.62-200 200-200 200 89.62 200 200Z"
|
||||||
<feFlood>
|
id="b"/>
|
||||||
</feFlood>
|
<path d="M543.03 374.84c0 110.39-89.62 200-200 200s-200-89.61-200-200c0-110.38 89.62-200 200-200s200 89.62 200 200Z"
|
||||||
<feComposite in2="SourceAlpha" operator="in">
|
id="c"/>
|
||||||
</feComposite>
|
<mask id="e" x="78" y="78" width="600" height="600" maskUnits="userSpaceOnUse">
|
||||||
<feGaussianBlur stdDeviation="1">
|
<path fill="#fff" d="M78 78h444v444H78z"/>
|
||||||
</feGaussianBlur>
|
<use xlink:href="#a" opacity=".46"/>
|
||||||
<feOffset dx="14" dy="10" result="afterOffset">
|
</mask>
|
||||||
</feOffset>
|
<mask id="f" x="98" y="116.18" width="444" height="444" maskUnits="userSpaceOnUse">
|
||||||
<feFlood flood-color="#0d0e44" flood-opacity="0.5">
|
<path fill="#fff" d="M98 116.18h444v444H98z"/>
|
||||||
</feFlood>
|
<use xlink:href="#b" opacity=".46"/>
|
||||||
<feComposite in2="afterOffset" operator="in">
|
</mask>
|
||||||
</feComposite>
|
<mask id="g" x="121.03" y="152.84" width="444" height="444" maskUnits="userSpaceOnUse">
|
||||||
<feMorphology operator="dilate" radius="1">
|
<path fill="#fff" d="M121.03 152.84h444v444h-444z"/>
|
||||||
</feMorphology>
|
<use xlink:href="#c" opacity=".46"/>
|
||||||
<feComposite in2="SourceAlpha" operator="out">
|
</mask>
|
||||||
</feComposite>
|
<filter id="d">
|
||||||
|
<feFlood/>
|
||||||
|
<feComposite in2="SourceAlpha" operator="in"/>
|
||||||
|
<feGaussianBlur stdDeviation="1"/>
|
||||||
|
<feOffset dx="14" dy="10" result="afterOffset"/>
|
||||||
|
<feFlood flood-color="#0d0e44" flood-opacity=".5"/>
|
||||||
|
<feComposite in2="afterOffset" operator="in"/>
|
||||||
|
<feMorphology operator="dilate" radius="1"/>
|
||||||
|
<feComposite in2="SourceAlpha" operator="out"/>
|
||||||
</filter>
|
</filter>
|
||||||
<path
|
|
||||||
d="M500 300C500 410.38 410.38 500 300 500C189.62 500 100 410.38 100 300C100 189.61 189.62 100 300 100C410.38 100 500 189.61 500 300Z"
|
|
||||||
id="b6KNxjEO2"
|
|
||||||
>
|
|
||||||
</path>
|
|
||||||
<mask
|
|
||||||
id="maskb3oIvRAxi1"
|
|
||||||
x="78" y="78"
|
|
||||||
width="600"
|
|
||||||
height="600"
|
|
||||||
maskUnits="userSpaceOnUse"
|
|
||||||
>
|
|
||||||
<rect x="78" y="78" width="444" height="444" fill="white">
|
|
||||||
</rect>
|
|
||||||
<use xlink:href="#b6KNxjEO2" opacity="0.46" fill="black">
|
|
||||||
</use>
|
|
||||||
</mask>
|
|
||||||
<path
|
|
||||||
d="M520 338.18C520 448.56 430.38 538.18 320 538.18C209.62 538.18 120 448.56 120 338.18C120 227.8 209.62 138.18 320 138.18C430.38 138.18 520 227.8 520 338.18Z"
|
|
||||||
id="bDKGuSkBj"
|
|
||||||
>
|
|
||||||
</path>
|
|
||||||
<mask id="maskb4LRewzUS" x="98" y="116.18" width="444" height="444" maskUnits="userSpaceOnUse">
|
|
||||||
<rect x="98" y="116.18" width="444" height="444" fill="white">
|
|
||||||
</rect>
|
|
||||||
<use xlink:href="#bDKGuSkBj" opacity="0.46" fill="black">
|
|
||||||
</use>
|
|
||||||
</mask>
|
|
||||||
<path
|
|
||||||
d="M543.03 374.84C543.03 485.23 453.41 574.84 343.03 574.84C232.65 574.84 143.03 485.23 143.03 374.84C143.03 264.46 232.65 174.84 343.03 174.84C453.41 174.84 543.03 264.46 543.03 374.84Z"
|
|
||||||
id="a1k8tJrWR3"
|
|
||||||
>
|
|
||||||
</path>
|
|
||||||
<mask id="maskbctn2Bw0" x="121.03" y="152.84" width="444" height="444" maskUnits="userSpaceOnUse">
|
|
||||||
<rect x="121.03" y="152.84" width="444" height="444" fill="white">
|
|
||||||
</rect>
|
|
||||||
<use xlink:href="#a1k8tJrWR3" opacity="0.46" fill="black">
|
|
||||||
</use>
|
|
||||||
</mask>
|
|
||||||
</defs>
|
</defs>
|
||||||
<path
|
<path d="M500 300c0 110.38-89.62 200-200 200s-200-89.62-200-200c0-110.39 89.62-200 200-200s200 89.61 200 200Z"
|
||||||
d="M500 300C500 410.38 410.38 500 300 500C189.62 500 100 410.38 100 300C100 189.61 189.62 100 300 100C410.38 100 500 189.61 500 300Z"
|
filter="url(#d)"/>
|
||||||
id="h3zi0EZA0A"
|
<use xlink:href="#a" opacity=".46" fill="#fefefe"/>
|
||||||
fill-opacity="1"
|
<g mask="url(#e)">
|
||||||
filter="url(#shadow16022051)"
|
<use xlink:href="#a" opacity=".46" fill-opacity="0" stroke="#06697d" stroke-width="44"/>
|
||||||
>
|
|
||||||
</path>
|
|
||||||
<use xlink:href="#b6KNxjEO2" opacity="0.46" fill="#fefefe" fill-opacity="1">
|
|
||||||
</use>
|
|
||||||
<g mask="url(#maskb3oIvRAxi1)">
|
|
||||||
<use
|
|
||||||
xlink:href="#b6KNxjEO2"
|
|
||||||
opacity="0.46"
|
|
||||||
fill-opacity="0"
|
|
||||||
stroke="#06697d"
|
|
||||||
stroke-width="44"
|
|
||||||
stroke-opacity="1"
|
|
||||||
>
|
|
||||||
</use>
|
|
||||||
</g>
|
</g>
|
||||||
<path
|
<path d="M520 338.18c0 110.38-89.62 200-200 200s-200-89.62-200-200 89.62-200 200-200 200 89.62 200 200Z"
|
||||||
d="M520 338.18C520 448.56 430.38 538.18 320 538.18C209.62 538.18 120 448.56 120 338.18C120 227.8 209.62 138.18 320 138.18C430.38 138.18 520 227.8 520 338.18Z"
|
filter="url(#d)"/>
|
||||||
id="mzwSl44s1"
|
<use xlink:href="#b" opacity=".46" fill="#fefefe"/>
|
||||||
fill-opacity="1"
|
<g mask="url(#f)">
|
||||||
filter="url(#shadow16022051)"
|
<use xlink:href="#b" opacity=".46" fill-opacity="0" stroke="#06697d" stroke-width="44"/>
|
||||||
>
|
|
||||||
</path>
|
|
||||||
<use xlink:href="#bDKGuSkBj" opacity="0.46" fill="#fefefe" fill-opacity="1">
|
|
||||||
</use>
|
|
||||||
<g mask="url(#maskb4LRewzUS)">
|
|
||||||
<use
|
|
||||||
xlink:href="#bDKGuSkBj"
|
|
||||||
opacity="0.46"
|
|
||||||
fill-opacity="0"
|
|
||||||
stroke="#06697d"
|
|
||||||
stroke-width="44"
|
|
||||||
stroke-opacity="1"
|
|
||||||
>
|
|
||||||
</use>
|
|
||||||
</g>
|
</g>
|
||||||
<path
|
<path d="M543.03 374.84c0 110.39-89.62 200-200 200s-200-89.61-200-200c0-110.38 89.62-200 200-200s200 89.62 200 200Z"
|
||||||
d="M543.03 374.84C543.03 485.23 453.41 574.84 343.03 574.84C232.65 574.84 143.03 485.23 143.03 374.84C143.03 264.46 232.65 174.84 343.03 174.84C453.41 174.84 543.03 264.46 543.03 374.84Z"
|
filter="url(#d)"/>
|
||||||
id="c16Px1v9IX"
|
<use xlink:href="#c" opacity=".46" fill="#fefefe"/>
|
||||||
fill-opacity="1"
|
<g mask="url(#g)">
|
||||||
filter="url(#shadow16022051)"
|
<use xlink:href="#c" opacity=".46" fill-opacity="0" stroke="#06697d" stroke-width="44"/>
|
||||||
>
|
|
||||||
</path>
|
|
||||||
<use xlink:href="#a1k8tJrWR3" opacity="0.46" fill="#fefefe" fill-opacity="1">
|
|
||||||
</use>
|
|
||||||
<g mask="url(#maskbctn2Bw0)">
|
|
||||||
<use
|
|
||||||
xlink:href="#a1k8tJrWR3"
|
|
||||||
opacity="0.46"
|
|
||||||
fill-opacity="0"
|
|
||||||
stroke="#06697d"
|
|
||||||
stroke-width="44"
|
|
||||||
stroke-opacity="1"
|
|
||||||
>
|
|
||||||
</use>
|
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 2.6 KiB |
Loading…
Reference in New Issue
Block a user