Tsumanu/bitque
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix logo

Browse Source
This commit is contained in:
Adrian Woźniak 2021-10-08 16:18:25 +02:00
parent 1de72c59f5
commit d18e9ff6d6
No known key found for this signature in database
GPG Key ID: DE43476F72AD3F6C
5 changed files with 176 additions and 127 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

123
web/src/images/logo.rs Normal file
View 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
web/src/images/mod.rs
View File

@ -1 +1,2 @@
pub mod project_avatar; pub mod project_avatar;
pub mod logo;

2
web/src/lib.rs
View File

@ -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;

8
web/src/shared/navbar_left.rs
View File

@ -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(

167
web/static/logo2.svg
View File

@ -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>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB