demo_doc/puml/aws-orange-dark/sequence-ex.svg

866 lines
43 KiB
XML
Raw Normal View History

2021-06-25 21:37:59 +08:00
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="1427.0833px" preserveAspectRatio="none" style="width:1388px;height:1427px;background:#00000000;" version="1.1" viewBox="0 0 1388 1427" width="1388.5417px" zoomAndPan="magnify"><defs><linearGradient id="g79x4mt60jyv20" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#55585C"/><stop offset="100%" stop-color="#2A2E33"/></linearGradient><linearGradient id="g79x4mt60jyv21" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F08E41"/><stop offset="100%" stop-color="#EC7211"/></linearGradient></defs><g><rect fill="url(#g79x4mt60jyv20)" height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#2A2E33;stroke-width:1.0416666666666667;" width="514.5833" x="432.8125" y="32.9"/><text fill="#FFFFFF" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="487.5" x="446.3542" y="64.2619">Sequence Diagram - AWS Orange Dark theme</text><rect fill="none" height="1311.1328" rx="4.1667" ry="4.1667" style="stroke:#4E5D6C;stroke-width:1.0416666666666667;" width="390.625" x="947.9167" y="90.5111"/><text fill="#4E5D6C" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="111.4583" x="1087.5" y="108.2865">Internal Service</text><rect fill="#ABB6C2" height="215.1082" style="stroke:#ABB6C2;stroke-width:1.0416666666666667;" width="10.4167" x="389.0625" y="343.986"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;" x1="65.625" x2="65.625" y1="180.7027" y2="595.1192"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;stroke-dasharray:1.0,4.0;" x1="65.625" x2="65.625" y1="595.1192" y2="649.8942"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;" x1="65.625" x2="65.625" y1="649.8942" y2="1307.2856"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;" x1="238.5417" x2="238.5417" y1="180.7027" y2="595.1192"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;stroke-dasharray:1.0,4.0;" x1="238.5417" x2="238.5417" y1="595.1192" y2="649.8942"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;" x1="238.5417" x2="238.5417" y1="649.8942" y2="1307.2856"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;" x1="393.75" x2="393.75" y1="180.7027" y2="595.1192"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;stroke-dasharray:1.0,4.0;" x1="393.75" x2="393.75" y1="595.1192" y2="649.8942"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;" x1="393.75" x2="393.75" y1="649.8942" y2="1307.2856"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;" x1="546.875" x2="546.875" y1="180.7027" y2="595.1192"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;stroke-dasharray:1.0,4.0;" x1="546.875" x2="546.875" y1="595.1192" y2="649.8942"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;" x1="546.875" x2="546.875" y1="649.8942" y2="1307.2856"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;" x1="719.7917" x2="719.7917" y1="180.7027" y2="595.1192"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;stroke-dasharray:1.0,4.0;" x1="719.7917" x2="719.7917" y1="595.1192" y2="649.8942"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;" x1="719.7917" x2="719.7917" y1="649.8942" y2="1307.2856"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;" x1="827.0833" x2="827.0833" y1="180.7027" y2="595.1192"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;stroke-dasharray:1.0,4.0;" x1="827.0833" x2="827.0833" y1="595.1192" y2="649.8942"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;" x1="827.0833" x2="827.0833" y1="649.8942" y2="1307.2856"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;" x1="1035.4167" x2="1035.4167" y1="180.7027" y2="595.1192"/><line style="stroke:#ABB6C2;stroke-width:1.0416666666666667;stroke-dasharray:1.0,4.0;" x1="1035.4167" x2="1035.4167" y1="595.1192" y2="649.89
@startuml
!$THEME = "AWS Orange Dark"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$WHITE = "#FFF"
!$GRAY_LIGHT = "#222"
!$GRAY = "#868e96"
!$PRIMARY = "#EC7211"
!$SECONDARY = "#2a2e33"
!$SUCCESS = "#6aaf35"
!$INFO = "#44b9d6"
!$WARNING = "#EC7211"
!$DANGER = "#ff5d64"
!$LIGHT = "#abb6c2"
!$DARK = "#4E5D6C"
!$FGCOLOR = $WHITE
!$PRIMARY_DARK = "#f08e41"
!$PRIMARY_LIGHT = "#bd5b0e"
!$PRIMARY_TEXT = $WHITE
!$SECONDARY_DARK = "#55585c"
!$SECONDARY_LIGHT = "#222529"
!$SECONDARY_TEXT = $WHITE
!$INFO_DARK = "#69c7de"
!$INFO_LIGHT = "#3694ab"
!$INFO_TEXT = $WHITE
!$SUCCESS_DARK = "#88bf5d"
!$SUCCESS_LIGHT = "#558c2a"
!$SUCCESS_TEXT = $WHITE
!$WARNING_DARK = "#f08e41"
!$WARNING_LIGHT = "#bd5b0e"
!$WARNING_TEXT = $WHITE
!$DANGER_DARK = "#ff7d83"
!$DANGER_LIGHT = "#cc4a50"
!$DANGER_TEXT = $WHITE
!$DARK_DARK = "#717d89"
!$DARK_LIGHT = "#3e4a56"
!$LIGHT_DARK = "#bcc5ce"
!$LIGHT_LIGHT = "#89929b"
!procedure $success($msg)
<font color=$SUCCESS><b>$msg
!endprocedure
!procedure $failure($msg)
<font color=$DANGER><b>$msg
!endprocedure
!procedure $warning($msg)
<font color=$WARNING><b>$msg
!endprocedure
!procedure $primary_scheme()
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY
BackgroundColor $PRIMARY_DARK-$PRIMARY
!endprocedure
!_POST = "<color #007a3e>POST</color>"
!_PUT = "<color #ea7400>PUT</color>"
!_DELETE = "<color #cf2a2a>DELETE</color>"
!_GET = "<color #009fdb>GET</color>"
!_PATCH = "<color #b5bd00>PATCH</color>"
!_HEAD = "<color #9012fe>HEAD</color>"
!procedure $OK($x)
<color green>$x</color>
!endprocedure
!procedure $ERROR($x)
<color red>$x</color>
!endprocedure
!procedure $COND($x)
<color orange>x</color>
!endprocedure
!procedure $REDSTAR()
<color red>*</color>
!endprocedure
!procedure $REQ($x)
<b>x</b>
!endprocedure
!procedure $OPT($x)
<color #555>x</color>
!endprocedure
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor $DARK
skinparam stereotype {
CBackgroundColor $SECONDARY_LIGHT
CBorderColor $SECONDARY_DARK
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY_TEXT
BorderColor $SECONDARY
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $SECONDARY_DARK-$SECONDARY
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $LIGHT
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_DARK-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $SECONDARY_LIGHT
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
ArrowThickness 3
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $DARK
BoxFontColor $DARK
LifeLineBorderColor $LIGHT
LifeLineBorderThickness 3
LifeLineBackgroundColor $LIGHT
GroupBorderColor $DARK
GroupFontColor $DARK
GroupHeaderFontColor $INFO
GroupBackgroundColor $SECONDARY
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $DARK
DividerBorderColor $DARK
DividerBorderThickness 2
DividerFontColor $LIGHT
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $DARK
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
ReferenceHeaderBackgroundColor $SECONDARY
StereotypeFontColor $PRIMARY_TEXT
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $BGCOLOR
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor $WARNING
BorderColor $WARNING_LIGHT
FontColor $DARK
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO
BorderColor $INFO_DARK
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $DARK
BorderColor $DARK_DARK
FontColor $LIGHT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_DARK
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING
BorderColor $WARNING_DARK
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $BGCOLOR
BorderColor $LIGHT
FontColor $LIGHT
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor $DARK
FontColor $LIGHT
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $PRIMARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
BorderColor $DARK
FontColor $LIGHT
BackgroundColor $BGCOLOR
BorderThickness 2
StereotypeFontColor $DARK
}
!endsub
!startsub package
skinparam package {
BackgroundColor $SECONDARY
BorderColor $LIGHT
FontColor $LIGHT
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $SECONDARY_LIGHT
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $SECONDARY_LIGHT
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO
BorderColor $INFO_DARK
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_DARK
BorderColor $LIGHT
FontColor $PRIMARY_TEXT
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("$THEME")
title Sequence Diagram - $THEME theme
!else
title Sequence Diagram
!endif
'skinparam BackgroundColor transparent
skinparam responseMessageBelowArrow true
autonumber "<b>[000]"
header Page Header
footer Page %page% of %lastpage%
actor Foo1
boundary Foo2
control Foo3
entity Foo4
database Foo5
collections Foo6
participant Bob << Person >>
participant Alice << (C,#ADD1B2) Testable >>
box "Internal Service"
participant Bob
participant Alice
end box
== Initialization ==
Foo1 -> Foo2 : To boundary
|||
Foo2 -> Foo3 ++: To control
ref over Foo4, Foo5
This can be on
several lines
end ref
Foo3 -> Foo4 : To entity
Foo4 -> Foo5 : To database
Foo5 - -> Foo3 - - : return
Foo3 - -> Foo2 - -: return
... Some ~~long delay~~ ...
Foo1 -> Foo6 : To collections
Foo6 - -> Foo4: $success("success")
group alt [successful case]
Foo1 -> Alice: Authentication Accepted
Alice - -> Foo1: success
note left of Alice: this is a first note
else some kind of failure
Foo1 -> Alice: Authentication Failure
Alice - -> Foo1: $failure("Bad request")
group My own label
loop 1000 times
Alice -> Foo1: DNS Attack
end
end
else Just a Warning
Foo1 -> Alice: $warning("Please repeat")
end
note over Foo1, Foo2
this is a second note
that is really
long
end note
@enduml
@startuml
skinparam backgroundColor transparent
skinparam useBetaStyle false
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor #4E5D6C
skinparam stereotype {
CBackgroundColor #222529
CBorderColor #55585c
ABackgroundColor #558c2a
ABorderColor #88bf5d
IBackgroundColor #cc4a50
IBorderColor #ff7d83
EBackgroundColor #bd5b0e
EBorderColor #f08e41
NBackgroundColor #3694ab
NBorderColor #69c7de
}
skinparam title {
FontColor #FFF
BorderColor #2a2e33
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #55585c-#2a2e33
}
skinparam legend {
BackgroundColor #2a2e33
BorderColor #55585c
FontColor #abb6c2
}
skinparam swimlane {
BorderColor #44b9d6
BorderThickness 2
TitleBackgroundColor #55585c-#2a2e33
TitleFontColor #EC7211
}
skinparam activity {
FontColor #FFF
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
BarColor #6aaf35
StartColor #44b9d6
EndColor #44b9d6
DiamondBackgroundColor #222529
DiamondBorderColor #55585c
DiamondFontColor #FFF
}
skinparam participant {
FontColor #FFF
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #FFF
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
}
skinparam arrow {
Thickness 3
Color #EC7211
FontColor #FFF
}
skinparam sequence {
ArrowThickness 3
BorderColor #EC7211
TitleFontColor #EC7211
BackgroundColor transparent
StartColor #EC7211
EndColor #EC7211
BoxBackgroundColor transparent
BoxBorderColor #4E5D6C
BoxFontColor #4E5D6C
LifeLineBorderColor #abb6c2
LifeLineBorderThickness 3
LifeLineBackgroundColor #abb6c2
GroupBorderColor #4E5D6C
GroupFontColor #4E5D6C
GroupHeaderFontColor #44b9d6
GroupBackgroundColor #2a2e33
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #4E5D6C
DividerBorderColor #4E5D6C
DividerBorderThickness 2
DividerFontColor #abb6c2
ReferenceBackgroundColor transparent
ReferenceBorderColor #4E5D6C
ReferenceFontColor #4E5D6C
ReferenceHeaderFontColor #44b9d6
ReferenceHeaderBackgroundColor #2a2e33
StereotypeFontColor #FFF
}
skinparam partition {
BorderColor #EC7211
FontColor #EC7211
BackgroundColor transparent
}
skinparam collections {
FontColor #FFF
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
}
skinparam control {
FontColor #FFF
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
}
skinparam entity {
FontColor #FFF
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
}
skinparam boundary {
FontColor #FFF
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
}
skinparam agent {
BackgroundColor #EC7211
BorderColor #bd5b0e
FontColor #4E5D6C
}
skinparam note {
BorderThickness 1
BackgroundColor #44b9d6
BorderColor #69c7de
FontColor #FFF
}
skinparam artifact {
BackgroundColor #4E5D6C
BorderColor #717d89
FontColor #abb6c2
}
skinparam component {
FontColor #FFF
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
}
skinparam interface {
BackgroundColor #ff7d83
BorderColor #ff5d64
FontColor #4E5D6C
}
skinparam storage {
BackgroundColor #EC7211
BorderColor #f08e41
FontColor #FFF
}
skinparam node {
BackgroundColor transparent
BorderColor #abb6c2
FontColor #abb6c2
}
skinparam cloud {
BackgroundColor transparent
BorderColor #4E5D6C
FontColor #abb6c2
}
skinparam database {
FontColor #FFF
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
}
skinparam class {
FontColor #FFF
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
HeaderBackgroundColor #bd5b0e
StereotypeFontColor #4E5D6C
BorderThickness 1
AttributeFontColor #FFF
AttributeFontSize 11
}
skinparam object {
FontColor #FFF
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
StereotypeFontColor #4E5D6C
BorderThickness 1
AttributeFontColor #FFF
AttributeFontSize 11
}
skinparam usecase {
FontColor #FFF
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
BorderThickness 2
StereotypeFontColor #EC7211
}
skinparam rectangle {
BorderColor #4E5D6C
FontColor #abb6c2
BackgroundColor transparent
BorderThickness 2
StereotypeFontColor #4E5D6C
}
skinparam package {
BackgroundColor #2a2e33
BorderColor #abb6c2
FontColor #abb6c2
BorderThickness 2
}
skinparam folder {
BackgroundColor #222529
BorderColor #EC7211
FontColor #EC7211
BorderThickness 2
}
skinparam frame {
BackgroundColor #222529
BorderColor #44b9d6
FontColor #44b9d6
BorderThickness 2
}
skinparam state {
FontColor #FFF
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
StartColor #44b9d6
EndColor #44b9d6
AttributeFontColor #FFF
AttributeFontSize 11
}
skinparam queue {
FontColor #FFF
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
}
skinparam card {
BackgroundColor #44b9d6
BorderColor #69c7de
FontColor #FFF
}
skinparam file {
BackgroundColor #55585c
BorderColor #abb6c2
FontColor #FFF
}
skinparam stack {
FontColor #FFF
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
}
title Sequence Diagram - AWS Orange Dark theme
skinparam responseMessageBelowArrow true
autonumber "<b>[000]"
header Page Header
footer Page %page% of %lastpage%
actor Foo1
boundary Foo2
control Foo3
entity Foo4
database Foo5
collections Foo6
participant Bob << Person >>
participant Alice << (C,#ADD1B2) Testable >>
box "Internal Service"
participant Bob
participant Alice
end box
== Initialization ==
Foo1 -> Foo2 : To boundary
|||
Foo2 -> Foo3 ++: To control
ref over Foo4, Foo5
This can be on
several lines
end ref
Foo3 -> Foo4 : To entity
Foo4 -> Foo5 : To database
Foo5 - -> Foo3 - - : return
Foo3 - -> Foo2 - -: return
... Some ~~long delay~~ ...
Foo1 -> Foo6 : To collections
Foo6 - -> Foo4: <font color=#6aaf35><b>success
group alt [successful case]
Foo1 -> Alice: Authentication Accepted
Alice - -> Foo1: success
note left of Alice: this is a first note
else some kind of failure
Foo1 -> Alice: Authentication Failure
Alice - -> Foo1: <font color=#ff5d64><b>Bad request
group My own label
loop 1000 times
Alice -> Foo1: DNS Attack
end
end
else Just a Warning
Foo1 -> Alice: <font color=#EC7211><b>Please repeat
end
note over Foo1, Foo2
this is a second note
that is really
long
end note
@enduml
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>