varkor/quiver
1
1
Fork 0
mirror of https://github.com/varkor/quiver.git synced 2024-09-11 05:46:13 +03:00
Code Issues Projects Releases Wiki Activity

Add a logo

Browse Source
This commit is contained in:
varkor 2019-01-04 17:49:17 +00:00
parent e181021d20
commit b25a0efb2b
3 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
main.css
View File

@ -45,6 +45,18 @@ body {
transition: transform 0.2s;
}
.logo {
position: fixed;
left: 16px; top: 16px;
width: 100px;
opacity: 0.5;
}
.logo:hover {
opacity: 1;
}
.error.hidden {
transform: translateY(-100%);
}

1
quiver.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42.129 14.625"><style>.st0{fill:none;stroke:#000;stroke-width:1.25;stroke-linecap:square;stroke-miterlimit:10}</style><path d="M6.204 11.46h-1.44V7.812H4.74c-.184.289-.446.516-.786.684-.34.168-.714.252-1.122.252-.44 0-.834-.082-1.182-.246-.348-.163-.644-.384-.888-.659C.518 7.566.33 7.242.198 6.87.066 6.498 0 6.1 0 5.676c0-.424.068-.82.204-1.188.136-.368.328-.688.576-.96s.544-.486.888-.642c.344-.156.72-.234 1.128-.234.264 0 .502.03.714.09s.402.136.57.228.31.196.426.312c.116.116.21.23.282.342h.036V2.82h1.38v8.64zm-4.74-5.784c0 .224.034.448.102.672s.17.424.306.6c.136.176.308.32.516.432.208.112.452.168.732.168.264 0 .5-.054.708-.162.208-.108.386-.25.534-.426.148-.176.26-.374.336-.594s.114-.442.114-.666-.038-.448-.114-.672c-.076-.224-.188-.424-.336-.6s-.326-.32-.534-.432c-.208-.112-.444-.168-.708-.168-.28 0-.524.054-.732.162-.208.108-.38.25-.516.426s-.238.374-.306.594c-.068.22-.102.442-.102.666zM13.188 8.58H11.82v-.924h-.024c-.128.288-.35.542-.666.762s-.69.33-1.122.33c-.376 0-.698-.065-.966-.198-.268-.132-.488-.306-.66-.521-.172-.217-.298-.465-.378-.745-.08-.28-.12-.568-.12-.864v-3.6h1.44v3.192c0 .168.012.344.036.528s.076.35.156.498c.08.148.189.27.33.366.14.096.326.144.558.144.224 0 .422-.046.594-.138.172-.092.312-.21.42-.354s.19-.31.246-.498c.056-.188.084-.378.084-.57V2.82h1.44v5.76zM14.736.864c0-.232.086-.434.258-.606.172-.172.39-.258.654-.258s.486.082.666.246c.18.164.27.37.27.618s-.09.454-.27.618c-.18.164-.402.246-.666.246s-.482-.086-.654-.258-.258-.374-.258-.606zm.204 1.956h1.44v5.76h-1.44V2.82zM17.268 2.82h1.572l1.512 4.2h.024l1.524-4.2h1.524l-2.292 5.76h-1.536l-2.328-5.76zM29.783 5.772v.192c0 .064-.004.128-.012.192h-4.38c.017.208.07.398.162.57.092.172.214.32.366.444.152.125.324.222.516.294.192.072.393.108.6.108.361 0 .664-.066.912-.198s.453-.314.613-.546l.959.768c-.568.768-1.392 1.152-2.472 1.152-.448 0-.86-.07-1.235-.21-.377-.14-.703-.338-.979-.594-.276-.256-.492-.57-.648-.942s-.234-.794-.234-1.266c0-.464.078-.886.234-1.266s.37-.704.643-.972c.271-.268.594-.476.966-.624s.774-.222 1.206-.222c.4 0 .77.066 1.109.198s.635.328.883.588c.248.26.441.584.582.972.139.388.209.842.209 1.362zm-1.44-.648c0-.184-.025-.36-.078-.528-.052-.168-.134-.316-.246-.444-.111-.127-.254-.229-.426-.306s-.374-.114-.605-.114c-.433 0-.799.13-1.099.39-.3.26-.466.594-.498 1.002h2.952zM31.175 2.82h1.38v.96h.024c.159-.336.383-.608.672-.816.287-.208.623-.312 1.008-.312.056 0 .115.002.18.006s.12.014.168.03v1.32c-.096-.024-.178-.04-.246-.048s-.134-.012-.197-.012c-.328 0-.593.06-.793.18-.199.12-.355.264-.468.432s-.188.34-.228.516c-.041.176-.061.316-.061.42V8.58h-1.439V2.82z"/><g><path d="M8.379 10.5h33.125M41.504 10.5c-1.935 0-3.5-1.565-3.5-3.5M38.004 14c0-1.935 1.565-3.5 3.5-3.5M38.004 10.5c-1.935 0-3.5-1.565-3.5-3.5M34.504 14c0-1.935 1.565-3.5 3.5-3.5" class="st0"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

7
ui.js
View File

@ -834,6 +834,13 @@ class UI {
this.panel.initialise(this);
this.element.appendChild(this.panel.element);
// Add the logo.
this.element.appendChild(
new DOM.Element("a", { href: "https://github.com/varkor/quiver", target: "_blank" })
.add(new DOM.Element("img", { src: "quiver.svg", class: "logo" }))
.element
);
// Add the insertion point for new nodes.
const insertion_point = new DOM.Element("div", { class: "insertion-point" }).element;
this.canvas.element.appendChild(insertion_point);