Icon from Harold Bien

This commit is contained in:
Jiang Yio 2023-04-25 18:39:25 -04:00
parent 72d14e4b2f
commit eb5e861441
3 changed files with 116 additions and 2 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<nav class="navbar navbar-expand-lg bg-dark"> <nav class="navbar navbar-expand-lg bg-dark">
<div class="container-fluid"> <div class="container-fluid">
<router-link class="navbar-brand" to="/"><template v-if="user">{{user[2]}}</template><template v-else>nuVistA</template></router-link> <router-link class="navbar-brand" to="/"><img src="/icon.svg" style="height: 1.875rem;" /></router-link>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
@ -28,7 +28,7 @@
<router-link class="nav-link" to="/recall">Recall</router-link> <router-link class="nav-link" to="/recall">Recall</router-link>
</li> </li>
<li class="nav-item" v-if="server"> <li class="nav-item" v-if="server">
<a class="nav-link disabled">{{server.domain}}</a> <a class="nav-link disabled"><template v-if="user">{{user[2]}} @ </template>{{server.domain}}</a>
</li> </li>
</ul> </ul>
<form class="d-flex" role="search"> <form class="d-flex" role="search">

113
htdocs/icon.svg Normal file
View File

@ -0,0 +1,113 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="48mm"
height="48mm"
viewBox="0 0 48 48"
version="1.1"
id="svg5"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs2">
<filter
style="color-interpolation-filters:sRGB"
id="filter3763"
x="-0.78863951"
y="-0.88395267"
width="2.577279"
height="2.7679053">
<feFlood
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
result="flood"
id="feFlood3753" />
<feComposite
in="flood"
in2="SourceGraphic"
operator="in"
result="composite1"
id="feComposite3755" />
<feGaussianBlur
in="composite1"
stdDeviation="3.3734374"
result="blur"
id="feGaussianBlur3757" />
<feOffset
dx="0"
dy="0"
result="offset"
id="feOffset3759" />
<feComposite
in="SourceGraphic"
in2="offset"
operator="over"
result="fbSourceGraphic"
id="feComposite3761" />
<feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix3765" />
<feFlood
id="feFlood3767"
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
result="flood"
in="fbSourceGraphic" />
<feComposite
in2="fbSourceGraphic"
id="feComposite3769"
in="flood"
operator="in"
result="composite1" />
<feGaussianBlur
id="feGaussianBlur3771"
in="composite1"
stdDeviation="6"
result="blur" />
<feOffset
id="feOffset3773"
dx="0"
dy="0"
result="offset" />
<feComposite
in2="offset"
id="feComposite3775"
in="fbSourceGraphic"
operator="over"
result="composite2" />
</filter>
</defs>
<g
id="layer1"
transform="translate(-33.302987,-22.535447)">
<rect
style="fill:#003f72;fill-opacity:1;stroke-width:0.762"
id="rect325"
width="48"
height="48"
x="33.302986"
y="22.535448"
ry="8" />
<text
xml:space="preserve"
style="font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:50.8px;line-height:1.25;font-family:Georgia;-inkscape-font-specification:'Georgia Bold Italic';letter-spacing:0px;word-spacing:0px;stroke-width:0.264583"
x="55.709675"
y="62.096775"
id="text2458"><tspan
id="tspan2456"
style="font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:50.8px;font-family:Georgia;-inkscape-font-specification:'Georgia Bold Italic';stroke-width:0.264583"
x="55.709675"
y="62.096775" /></text>
<text
xml:space="preserve"
style="font-size:50.8px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#f3cf45;fill-opacity:1;stroke-width:0.264583;filter:url(#filter3763)"
x="42.581402"
y="58.962597"
id="text2466"><tspan
id="tspan2464"
style="font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:50.8px;font-family:Georgia;-inkscape-font-specification:'Georgia Bold Italic';fill:#f3cf45;fill-opacity:1;stroke-width:0.264583"
x="42.581402"
y="58.962597">ν</tspan></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@ -7,6 +7,7 @@
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1/dist/css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1/dist/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/table-sticky.css" /> <link rel="stylesheet" type="text/css" href="/table-sticky.css" />
<link rel="stylesheet" type="text/css" href="/userstyle.css" /> <link rel="stylesheet" type="text/css" href="/userstyle.css" />
<link rel="icon" href="/icon.svg" type="image/svg+xml" />
</head> </head>
<body><div id='root'></div></body> <body><div id='root'></div></body>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@3.2"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@3.2"></script>